Cleaning up comments

src/app/shared/components/context-menu/context-menu.component.ts

@@ -10,30 +10,6 @@ import {
   OnInit
 } from '@angular/core';
 
-/**
- * Generic positioned context-menu overlay with automatic viewport clamping.
- *
- * Usage:
- * ```html
- * @if (showMenu()) {
- *   <app-context-menu [x]="menuX()" [y]="menuY()" (closed)="closeMenu()" [width]="'w-48'">
- *     <button (click)="doSomething()" class="context-menu-item">Action</button>
- *   </app-context-menu>
- * }
- * ```
- *
- * For pixel-based widths (e.g. sliders), use `[widthPx]` instead of `[width]`:
- * ```html
- * <app-context-menu [x]="menuX()" [y]="menuY()" [widthPx]="240" (closed)="closeMenu()">
- *   ...custom content...
- * </app-context-menu>
- * ```
- *
- * Built-in item classes are available via the host styles:
- * - `.context-menu-item`         - normal item
- * - `.context-menu-item-danger`  - destructive (red) item
- * - `.context-menu-divider`      - horizontal separator
- */
 @Component({
   selector: 'app-context-menu',
   standalone: true,
@@ -42,34 +18,25 @@ import {
 })
 /* eslint-disable @typescript-eslint/member-ordering */
 export class ContextMenuComponent implements OnInit, AfterViewInit {
-  /** Horizontal position (px from left). */
   // eslint-disable-next-line id-length, id-denylist
   x = input.required<number>();
-  /** Vertical position (px from top). */
   // eslint-disable-next-line id-length, id-denylist
   y = input.required<number>();
-  /** Tailwind width class for the panel (default `w-48`). Ignored when `widthPx` is set. */
   width = input<string>('w-48');
-  /** Optional fixed width in pixels (overrides `width`). Useful for custom content like sliders. */
   widthPx = input<number | null>(null);
-  /** Emitted when the menu should close (backdrop click or Escape). */
   closed = output<undefined>();
 
   @ViewChild('panel', { static: true }) panelRef!: ElementRef<HTMLDivElement>;
 
-  /** Viewport-clamped X position. */
   clampedX = signal(0);
-  /** Viewport-clamped Y position. */
   clampedY = signal(0);
 
   ngOnInit(): void {
-    // Initial clamp with estimated dimensions
     this.clampedX.set(this.clampX(this.x(), this.estimateWidth()));
     this.clampedY.set(this.clampY(this.y(), 80));
   }
 
   ngAfterViewInit(): void {
-    // Refine with actual rendered dimensions
     const rect = this.panelRef.nativeElement.getBoundingClientRect();
 
     this.clampedX.set(this.clampX(this.x(), rect.width));
@@ -87,7 +54,6 @@ export class ContextMenuComponent implements OnInit, AfterViewInit {
     if (px)
       return px;
 
-    // Parse Tailwind w-XX class to approximate pixel width
     const match = this.width().match(/w-(\d+)/);
 
     return match ? parseInt(match[1], 10) * 4 : 192;