Lazy loading with angular routing

UML/0.Project/_help.puml

@@ -0,0 +1,7 @@
+@startuml
+help skinparams
+@enduml
+
+@startuml
+skinparameters
+@enduml

UML/1.Diagram/1.Diagram_System.puml

@@ -0,0 +1,10 @@
+ @startuml
+!theme plain
+node "THUMDER/app" {
+  [Core]
+  [Shared]
+  [Layout]
+  [Components]
+  [Views]
+}
+@enduml

UML/5.ClassAndPackages/5.0.Config.puml

@@ -0,0 +1,17 @@
+@startdef(id=OnInit)
+interface OnInit {
+  ngOnInit(): void
+}
+@endef
+
+@startdef(id=AfterViewInit)
+interface AfterViewInit {
+  ngAfterViewInit(): void
+}
+@endef
+
+@startdef(id=OnDestroy)
+interface OnDestroy {
+  ngOnDestroy(): void
+}
+@endef

UML/5.ClassAndPackages/_component_cycle-clock-diagram.puml

@@ -0,0 +1,39 @@
+@startuml
+!theme MyThemePlain from ../themes
+!include ./5.0.Config.puml!OnInit
+!include ./5.0.Config.puml!AfterViewInit
+!include ./5.0.Config.puml!OnDestroy
+
+class PixiCycleClockDiagramComponent implements OnInit, AfterViewInit, OnDestroy {
+
++pixiContainer: ElementRef<HTMLDivElement>;
++inCanvasEventEmitter: EventEmitter<boolean>
+
++pApp: PIXI.Application
+-inCanvas: boolean
+-loader: PIXI.Loader
+-ticker: PIXI.Ticker
+-keyboard: Keyboard
+-stepSimulationSubscription: Subscription
+-readonly idCanvas: string
+
++ngOnInit(): void
++ngAfterViewInit(): void
++ngOnDestroy(): void
+
++onResize(event: any): void
++handleKeyboardEvent(event: KeyboardEvent): void
++handleOnClick(event: MouseEvent, targetElement: HTMLElement): void
+
+-gameLoop(delta: number): void
+-play(_delta: number): void
++moveBottom(): void
++moveTop(): void
++moveRight(): void
++moveLeft(): void
++reset(): void
+-resizeCanvas(): void
+
+}
+
+@enduml

UML/5.ClassAndPackages/_component_edit_memory.puml

@@ -0,0 +1,51 @@
+@startuml
+!theme MyThemePlain from ../themes
+!include ./5.0.Config.puml!OnInit
+
+class EditMemoryBinary32Component implements OnInit {
+
++addressMemoryModule: number
++addressIsValid: boolean
++typeDataSelected: TypeData
+
++getDisplayAddressMemory(): string
++getDisplayAddressMemoryNext(): string
++getAddressMemoryIndex(): number
++getAddressMemory(): string
++getValueInSection_Hexadecimal(): string
++getValueInSection_Byte(): number
++getValueInSection_HalfWord(): number
++getValueInSection_Word(): number
++getValueInSection_Float_Binary32_IEEE754(): number
++getValueInSection_Double_Binary64_IEEE754(): number
++getMemoryValueBinary32Display(): string
++getMemoryValueBinary64Display(): string
+
++setAddressMemory(hexadecimalAddress: string): void
++setValueInSection_Hexadecimal(hexadecimal: string): void
++setValueInSection_Byte(byte: number): void
++setValueInSection_HalfWord(halfword_number: number): void
++setValueInSection_Word(word: number): void
++setValueInSection_Float_Binary32_IEEE754(float32: number): void
++setValueInSection_Double_Binary64_IEEE754(double: number): void
++setBinaryValue(binary: string): void
+
++ngOnInit(): void
+
++ngModelChange_ValueInSection_Hexadecimal(hexadecimal: string): Promise<void>
++ngModelChange_ValueInSection_Decimal(value: number): Promise<void>
+
++changeAddressMemoryToEdit(target: EventTarget | any): Promise<void>
++changeTypeData(typeData: TypeData): void
+-changeMemory(value: number): Promise<void>
+
++drawDigitsToChangeByTypeData(): SafeHtml
+
+-TOAST_ErrorAddress(args: string): Promise<void>
+-TOAST_ErrorRegex(): Promise<void>
+-TOAST_ErrorInValueMemory(): Promise<void>
+-TOAST_ErrorInAddressMemory(): Promise<void>
+
+}
+
+@enduml

UML/5.ClassAndPackages/_component_edit_registers.puml

@@ -0,0 +1,42 @@
+@startuml
+!theme MyThemePlain from ../themes
+!include ./5.0.Config.puml!OnInit
+
+class EditRegisterBinary32Component implements OnInit {
+
++aliasTypeRegister: string
++typeRegisterSelected: TypeRegister
++listRegisters: TypeRegisterToEdit
++maxLengthHexadecimal: number
++registerToEditHexadecimalValueIsValid: boolean
++lang_SELECT_REGISTER: string
+-regExp_32bits_hex: RegExp
+-regExp_64bits_hex: RegExp
+-registerToEdit: TypeRegisterToEdit
+-_registerToEdit_binary: string
+
++ngOnInit(): void
+
++getRegisterToEdit_Binary(): string
++getRegisterToEdit_Word(): number
++getRegisterToEdit_Hexadecimal(): string
++getRegisterToEdit_Float(): number
++getRegisterToEdit_Double(): number
++setRegisterToEdit_Binary(binary32: string): void
++setRegisterToEdit_Word(word: number): void
++setRegisterToEdit_Hexadecimal(hexadecimal: string): void
++setRegisterToEdit_Float(float32: number): void
++setRegisterToEdit_Double(double: number): void
+
++onRegisterToEditChangeHexadecimal(hexadecimal: string): Promise<void>
++onRegisterToEditChange_WordFloatDouble(value: number): Promise<void>
+
++changeRegisterToEdit(registerToEdit: TypeRegisterToEdit): void
++changeTypeRegister(typeRegister: TypeRegister): Promise<void>
+-changeRegisterToEditValue(hexadecimal: string): Promise<void>
+
+-TOAST_ErrorRegister(): Promise<void>
+
+}
+
+@enduml

UML/5.ClassAndPackages/_component_monaco-editor.puml

@@ -0,0 +1,61 @@
+@startuml
+!theme MyThemePlain from ../themes
+!include ./5.0.Config.puml!OnInit
+!include ./5.0.Config.puml!AfterViewInit
+!include ./5.0.Config.puml!OnDestroy
+
+class MonacoEditorComponent implements OnInit, AfterViewInit, OnDestroy {
+
++inputTheme: string
++inputLanguage: string
++readonly EDITOR_OPTIONS_THUMDER: IStandaloneEditorConstructionOptions
+
++_height: number
++content: string
++editorFile: THUMDER_FileItem
+-breakpoints: TypeBreakpoints
+-editor: IStandaloneCodeEditor
+-oldDecorationDebugTag_targetId: string[]
+-oldDecorationDebugLine: string[]
+-iteratorLine: number
++initialized$: Subject<boolean>
++breakpoints$: Subject<TypeBreakpoints>
++componentStatus$: Subject<TypeComponentStatus>
++editorFileSave$: Subject<THUMDER_FileItem>
+
++ngOnInit(): void
++ngAfterViewInit(): void
++ngOnDestroy(): void
+
++callBackFunc(_$event_text: any): void
++editorInitialized($event: IStandaloneCodeEditor): void
++editorConfigurationChanged(): void
++editorLanguageChanged(): void
++editorValueChange(): void
+
++getInitializedObservable(): Observable<boolean>
++getBreakpointsObservable(): Observable<TypeBreakpoints>
++getComponentStatusObservable(): Observable<TypeComponentStatus>
++getFileSaveStorageObservable(): Observable<THUMDER_FileItem>
+
++getListOfTags(): TypeTags
++toggleDebuggerTag(line: number = null): void
++printLine(line: number): void
++printErrorsInEditor(errors: TypeErrorInCode[]): void
++clearDecorationAllLines(): void
+
++getEditorFile(): THUMDER_FileItem
++setEditorFile(fileItem: InterfaceFileItem): Promise<void>
++setEditorContent(content: string): Promise<void>
++isReadOnly(): boolean
+
++getAllBreakpoints(): TypeBreakpoints
++getBreakpoints(): TypeBreakpoints
++setBreakpoints(breakpoints: TypeBreakpoints): Promise<void>
++save(): void
+
+-updatedEditorFile(): void
+
+}
+
+@enduml

UML/5.ClassAndPackages/_component_pipeline.puml

@@ -0,0 +1,28 @@
+@startuml
+!theme MyThemePlain from ../themes
+!include ./5.0.Config.puml!OnInit
+!include ./5.0.Config.puml!AfterViewInit
+!include ./5.0.Config.puml!OnDestroy
+
+class PixiPipelineComponent implements OnInit, AfterViewInit, OnDestroy {
+
++pixiContainer: ElementRef<HTMLDivElement>;
+
++pApp: PIXI.Application
+-pipeline: PixiTHUMDER_Pipeline
+-stepSimulationSubscription: Subscription
+-idCanvas: string
+
++ngOnInit(): void
++ngAfterViewInit(): void
++ngOnDestroy(): void
+
++onResize(event): void
+
+-resizeCanvas(): void
+-getInstructionDataPipelineItem(item: TypeCycleCell): TypeInstructionPipelineRepresentation
+-getInstructionDataPipeline(items: TypeCycleCellUnit[]): TypeInstructionPipelineFloatingRepresentation[]
+
+}
+
+@enduml

UML/5.ClassAndPackages/_view_auth_calculator.puml

@@ -0,0 +1,60 @@
+@startuml
+!theme MyThemePlain from ../themes
+!include ./5.0.Config.puml!OnInit
+
+class CalculatorView implements OnInit  {
+
+  -_valueByte: Uint8Array
+  -_valueHalfWord: Uint16Array
+  -_valueWord: Uint32Array
+  -_valueIntWord: Int32Array
+  -_value32Float: string
+  -_value64Double: string
+
+  +ngOnInit(): void
+
+  +getBinary08_Value(): number
+  +getBinary08_Hexadecimal(): string
+  +getBinary08_Binary(): string
+  +setBinary08_Value(value: number): void
+  +setBinary08_Hexadecimal(hexValue: string): void
+  +setBinary08_Binary(binary: string): void
+
+  +getBinary16_Value(): number
+  +getBinary16_Hexadecimal(): string
+  +getBinary16_Binary(): string
+  +setBinary16_Value(value: number): void
+  +setBinary16_Hexadecimal(hexValue: string): void
+  +setBinary16_Binary(binary: string): void
+
+  +getBinary32_Value(): number
+  +getBinary32_Hexadecimal(): string
+  +getBinary32_Binary(): string
+  +setBinary32_Value(value: number): void
+  +setBinary32_Hexadecimal(hexValue: string): void
+  +setBinary32_Binary(binary: string): void
+
+  +getBinary32Int_Value(): number
+  +getBinary32Int_Hexadecimal(): string
+  +getBinary32Int_Binary(): string
+  +setBinary32Int_Value(value: number): void
+  +setBinary32Int_Hexadecimal(hexValue: string): void
+  +setBinary32Int_Binary(binary: string): void
+
+  +getBinary32_IEEE754_Value(): number
+  +getBinary32_IEEE754_Hexadecimal(): string
+  +getBinary32_IEEE754_Binary(): string
+  +setBinary32_IEEE754_Value(value: number): void
+  +setBinary32_IEEE754_Hexadecimal(hexValue: string): void
+  +setBinary32_IEEE754_Binary(binary: string): void
+
+  +getBinary64_IEEE754_Value(): number
+  +getBinary64_IEEE754_Hexadecimal(): string
+  +getBinary64_IEEE754_Binary(): string
+  +setBinary64_IEEE754_Value(value: number): void
+  +setBinary64_IEEE754_Hexadecimal(hexValue: string): void
+  +setBinary64_IEEE754_Binary(binary: string): void
+
+}
+
+@enduml

UML/5.ClassAndPackages/_view_auth_code.puml

@@ -0,0 +1,32 @@
+@startuml
+!theme MyThemePlain from ../themes
+!include ./5.0.Config.puml!OnInit
+!include ./5.0.Config.puml!AfterViewInit
+!include ./5.0.Config.puml!OnDestroy
+
+class CodeView implements OnInit, AfterViewInit, OnDestroy {
+
++sort: MatSort;
++displayedColumnsMemory: string[]
++dataSourceCode: TableVirtualScrollDataSource<TypeInstructionsData_Table>
++listRowActives: TypeStageAddress[]
++maxHeightCard: string
+-stepSimulation: number
+-stepSubscription: Subscription
+-stepSimulationSubscription: Subscription
+-codeSimulationSubscription: Subscription
+-resetSimulationSubscription: Subscription
+
++ngOnInit(): void
++ngAfterViewInit(): void
++ngOnDestroy(): void
+
++refresh(): void
++checkElementStage(address: TypeAddress): TypeStage
++checkIfContains(address: TypeAddress, stages: TypeStage[]): boolean
+-setRow(index: number, tableCode: TypeInstructionsData, stage: TypeStage): void
+
+}
+
+
+@enduml

UML/5.ClassAndPackages/_view_auth_config.puml

@@ -0,0 +1,31 @@
+@startuml
+!theme MyThemePlain from ../themes
+!include ./5.0.Config.puml!OnInit
+!include ./5.0.Config.puml!AfterViewInit
+
+class ConfigView implements OnInit, AfterViewInit {
+
+  +enabledForwardingConfiguration: TypeEnabledForwardingConfiguration
+  +floatingPointStageConfiguration: TypeFloatingPointStageConfiguration
+  +memorySizeConfiguration: number
+  +timeSimulationConfiguration: number
+  +autoSaveConfiguration: boolean
+  +multiviewConfiguration: TypeMultiviewConfiguration
+  +webSocketConfiguration: TypeWebSocketConfiguration
+
+  +ngOnInit(): void
+  +ngAfterViewInit(): void
+
+  +async updateConfiguration(): Promise<void>
+  +async resetConfiguration(): Promise<void>
+  +checkIfHttpUrlIsValid(url: EventTargetInput): boolean
+  +checkCount(target: EventTargetInput): void
+  +checkDelay(target: EventTargetInput): void
+  +checkMemorySize(target: EventTargetInput): void
+  +updateEnableForwarding(target: EventTargetInput): void
+  +updateAutoSave(target: EventTargetInput): void
+  +updateTimeSimulation(target: EventTargetInput): void
+
+}
+
+@enduml