components/object-raycast/object-raycast.component.html

0001
0002 <div>
0003   <button #openRayBtn mat-icon-button (click)="openRaycastDialog()"
0004           matTooltip="Raycast tools" class="panel-button">
0005     <mat-icon>center_focus_strong</mat-icon>
0006   </button>
0007 </div>
0008
0009
0010 <!-- object-raycast.component.html -->
0011 <ng-template #raycastDialogTmpl>
0012   <!-- Close button -->
0013   <button mat-dialog-close aria-label="Close dialog" class="close-round-btn">
0014     <mat-icon>close</mat-icon>
0015   </button>
0016
0017   <div class="mat-menu custom-position-dialog">
0018
0019     <!--3‑D Coordinates -->
0020     <button mat-menu-item
0021             (click)="$event.stopPropagation(); coordsCb._inputElement.nativeElement.click()">
0022       <mat-checkbox #coordsCb [checked]="coordsEnabled()"
0023                     (click)="$event.stopPropagation()"
0024                     (change)="toggleShowCoords($event)">
0025         Show 3‑D Coordinates
0026       </mat-checkbox>
0027     </button>
0028
0029     <!--3‑D Distance -->
0030     <button mat-menu-item
0031             (click)="$event.stopPropagation(); distCb._inputElement.nativeElement.click()">
0032       <mat-checkbox #distCb [checked]="distanceEnabled()"
0033                     (click)="$event.stopPropagation()"
0034                     (change)="toggleShowDistance($event)">
0035         Show 3‑D Distance
0036       </mat-checkbox>
0037     </button>
0038
0039
0040   </div>
0041 </ng-template>
0042
0043 @if (coordsEnabled() || distanceEnabled()) {
0044   <div class="raycast-overlay">
0045     @if (coordsEnabled()) {
0046       <div>{{ coordsText() }}</div>
0047     }
0048     @if (distanceEnabled()) {
0049       <div>{{ distanceText() }}</div>
0050     }
0051     @if (selection.selection(); as selected) {
0052       <div>Selected: {{ selected.pieceName }} #{{ selected.entityIndex }}</div>
0053     }
0054   </div>
0055 }