@cqa-lib/cqa-ui 1.1.532 → 1.1.533

package/lib/templates/modular-table-template/folder-sidebar/folder-sidebar.component.d.ts

@@ -1,4 +1,5 @@
 import { ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
+import { ConnectedPosition } from '@angular/cdk/overlay';
 import { FolderNode, FolderRenamedPayload, ModularLabels } from '../modular-table-template.models';
 import * as i0 from "@angular/core";
 interface RenderNode {
@@ -72,11 +73,17 @@ export declare class FolderSidebarComponent implements OnDestroy {
     private static readonly RENAME_LIMIT_FLASH_MS;
     /** Id of the folder whose context menu is open, or null when closed. */
     contextMenuFolderId: number | null;
-    /** Viewport-anchored position (client coordinates) for the floating menu. */
+    /** Viewport-anchored position (client coordinates) for the floating menu.
+     *  Drives the invisible cdkOverlayOrigin anchor; CDK Overlay then picks the
+     *  best of `contextMenuPositions` so the menu never overflows the viewport. */
     contextMenuPosition: {
         x: number;
         y: number;
     };
+    /** Position priority for the CDK-overlay-rendered context menu. CDK tries each
+     *  in order and uses the first one that fits — so the menu opens downward by
+     *  default and flips up / left when too close to the bottom or right edge. */
+    readonly contextMenuPositions: ConnectedPosition[];
     /** Pending auto-expand timers while a folder drag is hovered over collapsed rows. */
     private dragExpandTimers;
     private readonly DRAG_EXPAND_DELAY_MS;
@@ -105,7 +112,10 @@ export declare class FolderSidebarComponent implements OnDestroy {
     /**
      * Opens the folder context menu anchored at the given client coordinates.
      * Called from both (contextmenu) on the row and (click) on the ellipsis button.
-     * Menu visibility is clamped in the template via CSS transforms so it never leaves the viewport.
+     * The template renders the menu via cdkConnectedOverlay anchored on an
+     * invisible 0×0 origin at `contextMenuPosition`; CDK's flexible-connected
+     * positioning auto-flips up/left when the preferred placement would overflow
+     * the viewport (e.g. right-clicking the last folder near the bottom edge).
      */
     openContextMenu(n: FolderNode, event: MouseEvent): void;
     closeContextMenu(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqa-lib/cqa-ui",
-  "version": "1.1.532",
+  "version": "1.1.533",
   "description": "UI Kit library for Angular 13.4",
   "keywords": [
     "angular",