File indexing completed on 2025-08-28 08:16:33
0001 <app-shell>
0002 <ng-container header>
0003 <button mat-icon-button matTooltip="Toggle scene tree pane" (click)="toggleLeftPane()" class="panel-button">
0004 <mat-icon>{{ isLeftPaneOpen ? 'close' : 'account_tree' }}</mat-icon>
0005 </button>
0006
0007 <button mat-icon-button class="panel-button" (click)="onDebugButton()">
0008 <mat-icon>bug_report</mat-icon>
0009 </button>
0010
0011 <button mat-icon-button matTooltip="Animate with beam particles collision" class="panel-button" (click)="animateWithCollision()">
0012 <mat-icon>close_fullscreen</mat-icon>
0013 </button>
0014
0015 <button mat-icon-button
0016 matTooltip="Auto play animation"
0017 class="panel-button"
0018 [class.active]="eventDisplay.animationIsCycling()"
0019 (click)="toggleAnimationCycling()">
0020 <mat-icon>loop</mat-icon>
0021 </button>
0022
0023
0024 <app-custom-event-selector></app-custom-event-selector>
0025
0026
0027 <app-custom-object-clipping></app-custom-object-clipping>
0028
0029 <app-object-raycast></app-object-raycast>
0030
0031 <app-legend-window></app-legend-window>
0032
0033
0034 <ng-content></ng-content>
0035
0036
0037
0038
0039
0040 </ng-container>
0041
0042
0043 <div leftPane>
0044 <app-scene-tree (configureItem)="onConfigureItemClicked($event)"></app-scene-tree>
0045 </div>
0046
0047 <div centralPane>
0048
0049 <div id="eventDisplay"></div>
0050 <app-tool-panel ></app-tool-panel>
0051 <app-cube-viewport-control></app-cube-viewport-control>
0052 </div>
0053
0054 <div id="lilgui"></div>
0055
0056 <div rightPane>
0057 <app-painter-config-page *ngIf="isRightPaneOpen"></app-painter-config-page>
0058 </div>
0059
0060 <div footer-left>
0061 <app-perf-stats></app-perf-stats>
0062 </div>
0063 <div footer-right id="footerRight">
0064 <div class="loading-indicators">
0065
0066 <div class="loader-container" *ngIf="loadingDex()">
0067 <mat-spinner diameter="24" color="accent"></mat-spinner>
0068 <div class="loader-label">loading json</div>
0069 </div>
0070
0071
0072 <div class="loader-container" *ngIf="loadingEdm()">
0073 <mat-spinner diameter="24" color="accent"></mat-spinner>
0074 <div class="loader-label">loading root</div>
0075 </div>
0076
0077
0078 <div class="loader-container" *ngIf="loadingGeometry()">
0079 <mat-spinner diameter="24" color="accent"></mat-spinner>
0080 <div class="loader-label">loading geo</div>
0081 </div>
0082 </div>
0083 <div class="theme-text">{{message}}</div>
0084 </div>
0085
0086 <div footer>
0087 <div class="time-controls" id="bottom-controls">
0088 <app-event-time-control></app-event-time-control>
0089
0090 <button mat-icon-button aria-label="Rewind" matTooltip="Rewind time to 0" class="tcontrol" (click)="eventDisplay.rewindTime()">
0091 <mat-icon>first_page</mat-icon>
0092 </button>
0093
0094
0095
0096 <button mat-icon-button aria-label="Play" matTooltip="Play time forward" class="tcontrol" (click)="eventDisplay.animateTime()">
0097 <mat-icon>play_arrow</mat-icon>
0098 </button>
0099 <button mat-icon-button aria-label="Pause" matTooltip="Pause time playing" class="tcontrol" (click)="eventDisplay.stopTimeAnimation()" >
0100 <mat-icon>pause</mat-icon>
0101 </button>
0102 <button mat-icon-button aria-label="Stop" matTooltip="Stop and show all particles" class="tcontrol" (click)="eventDisplay.exitTimedDisplay()" >
0103 <mat-icon>stop</mat-icon>
0104 </button>
0105 <button mat-icon-button aria-label="Step" matTooltip="Step backward" (click)="eventDisplay.timeStepBack()" class="tcontrol">
0106 <mat-icon>chevron_left</mat-icon>
0107 </button>
0108 <button mat-icon-button aria-label="Step" matTooltip="Step forward" (click)="eventDisplay.timeStep()" class="tcontrol">
0109 <mat-icon>chevron_right</mat-icon>
0110 </button>
0111
0112
0113
0114
0115
0116
0117
0118
0119 <div class="theme-text">{{currentGeometry}}</div>
0120 </div>
0121 </div>
0122 </app-shell>