@mlightcad/cad-simple-viewer 1.6.3 → 1.7.1

package/lib/ui/toolbar/AcUiDropdownMenu.js

@@ -0,0 +1,116 @@
+import { createIconElement } from '../icons';
+import { acuiIsToolbarSeparatorItem } from './toolbarItemUtils';
+/**
+ * Fixed-position dropdown menu for toolbar submenu items.
+ *
+ * Closes on outside click and positions itself near the anchor button.
+ */
+var AcUiDropdownMenu = /** @class */ (function () {
+    /**
+     * @param i18n - i18n helper for item labels.
+     * @param items - Submenu items to render.
+     * @param anchor - Toolbar button used for positioning.
+     * @param themeHost - Theme host so `--ml-ui-*` CSS variables are inherited.
+     */
+    function AcUiDropdownMenu(i18n, items, anchor, themeHost) {
+        var _this = this;
+        this.i18n = i18n;
+        this.themeHost = themeHost;
+        /** Closes the menu when the user clicks outside the menu and its anchor. */
+        this.handleDocumentClick = function (event) {
+            if (!(event.target instanceof Node))
+                return;
+            if (_this.root.contains(event.target))
+                return;
+            if (_this.anchor.contains(event.target))
+                return;
+            _this.close();
+        };
+        this.anchor = anchor;
+        this.root = document.createElement('div');
+        this.root.className = 'ml-ex-ui-dropdown';
+        this.root.setAttribute('role', 'menu');
+        items.forEach(function (item) {
+            if (acuiIsToolbarSeparatorItem(item)) {
+                var separator = document.createElement('div');
+                separator.className = 'ml-ex-ui-dropdown-separator';
+                separator.setAttribute('role', 'separator');
+                if (item.id) {
+                    separator.dataset.toolbarItemId = item.id;
+                }
+                _this.root.appendChild(separator);
+                return;
+            }
+            var button = document.createElement('button');
+            button.type = 'button';
+            button.className = 'ml-ex-ui-dropdown-item';
+            button.setAttribute('role', 'menuitem');
+            if (item.toggle) {
+                var pressed = item.toggle.getValue();
+                button.setAttribute('aria-pressed', String(pressed));
+                button.classList.toggle('is-toggled', pressed);
+            }
+            if (item.icon) {
+                button.appendChild(createIconElement(item.icon));
+            }
+            var label = document.createElement('span');
+            label.textContent = item.label ? _this.i18n.t(item.label) : item.id;
+            button.appendChild(label);
+            button.addEventListener('click', function (event) {
+                var _a;
+                event.stopPropagation();
+                (_a = _this.onSelect) === null || _a === void 0 ? void 0 : _a.call(_this, item);
+                _this.close();
+            });
+            _this.root.appendChild(button);
+        });
+        this.themeHost.appendChild(this.root);
+        this.positionNear(anchor);
+        document.addEventListener('mousedown', this.handleDocumentClick, true);
+    }
+    /**
+     * Sets the callback invoked when a menu item is selected.
+     *
+     * @param handler - Selection handler.
+     */
+    AcUiDropdownMenu.prototype.setOnSelect = function (handler) {
+        this.onSelect = handler;
+    };
+    /**
+     * Sets the callback invoked when the menu closes.
+     *
+     * @param handler - Close handler.
+     */
+    AcUiDropdownMenu.prototype.setOnClose = function (handler) {
+        this.onClose = handler;
+    };
+    /** Detaches the menu and removes the document click listener. */
+    AcUiDropdownMenu.prototype.close = function () {
+        var _a;
+        document.removeEventListener('mousedown', this.handleDocumentClick, true);
+        this.root.remove();
+        (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this);
+    };
+    /**
+     * Positions the menu below the anchor, flipping above when near the viewport edge.
+     *
+     * @param anchor - Reference button bounding box.
+     */
+    AcUiDropdownMenu.prototype.positionNear = function (anchor) {
+        var rect = anchor.getBoundingClientRect();
+        var menuRect = this.root.getBoundingClientRect();
+        var top = rect.bottom + 4;
+        var left = rect.left;
+        if (top + menuRect.height > window.innerHeight - 8) {
+            top = rect.top - menuRect.height - 4;
+        }
+        if (left + menuRect.width > window.innerWidth - 8) {
+            left = window.innerWidth - menuRect.width - 8;
+        }
+        this.root.style.top = "".concat(Math.max(8, top), "px");
+        this.root.style.left = "".concat(Math.max(8, left), "px");
+    };
+    return AcUiDropdownMenu;
+}());
+export { AcUiDropdownMenu };
+//# sourceMappingURL=AcUiDropdownMenu.js.map

package/lib/ui/toolbar/AcUiDropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcUiDropdownMenu.js","sourceRoot":"","sources":["../../../src/ui/toolbar/AcUiDropdownMenu.ts"],"names":[],"mappings":"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"}

package/lib/ui/toolbar/AcUiSubToolbar.d.ts

@@ -0,0 +1,125 @@
+import type { AcUiResolvedToolbarChrome } from './resolveToolbarChrome';
+import type { AcUiSubToolbarPosition, AcUiToolbarI18n, AcUiToolbarItem, AcUiToolbarPlacement } from './types';
+/** Constructor options for {@link AcUiSubToolbar}. */
+export interface AcUiSubToolbarMountOptions {
+    /** i18n helper for button tooltips. */
+    i18n: AcUiToolbarI18n;
+    /** Child items to render. */
+    items: AcUiToolbarItem[];
+    /** Parent toolbar button used for positioning and outside-click exclusion. */
+    anchor: HTMLElement;
+    /** Main toolbar root used to place the strip beside the parent bar. */
+    toolbarRoot: HTMLElement;
+    /** Canvas mount that receives the strip (positioned absolutely). */
+    host: HTMLElement;
+    /** Parent toolbar edge placement. */
+    placement: AcUiToolbarPlacement;
+    /** Resolved layout and chrome options. */
+    chrome: AcUiResolvedToolbarChrome;
+    /**
+     * Aligns the strip along the parent toolbar axis.
+     * @default 'front'
+     */
+    position?: AcUiSubToolbarPosition;
+    /** Cross-axis host margins inherited from the parent toolbar. */
+    getCrossAxisInset: () => {
+        near: number;
+        far: number;
+    };
+    /**
+     * When true, canvas / outside clicks do not close the strip.
+     * Only the parent button (or an explicit {@link close}) dismisses it.
+     */
+    sticky: boolean;
+    /** Whether command buttons should be disabled (document loading / missing). */
+    commandsDisabled: boolean;
+    /** Invoked when a leaf item is activated. */
+    onSelect: (item: AcUiToolbarItem, button: HTMLButtonElement) => void;
+    /** Invoked when the strip is closed. */
+    onClose?: () => void;
+    /**
+     * Keeps a dismissible strip open when the event target lies in related UI
+     * (for example a nested sub-toolbar opened from this strip).
+     */
+    shouldKeepOpenForTarget?: (target: Node) => boolean;
+}
+/**
+ * Icon strip shown beside a parent toolbar button (HTML-export tool-strip model).
+ *
+ * Sticky strips stay open until the parent is clicked again. Dismissible strips
+ * close on outside click, matching a lightweight flyout toolbar.
+ */
+export declare class AcUiSubToolbar {
+    private options;
+    /** Strip root appended to {@link AcUiSubToolbarMountOptions.host}. */
+    private root;
+    /** Child items last passed to the constructor or {@link refresh}. */
+    private items;
+    /** Whether command buttons are disabled. */
+    private commandsDisabled;
+    /** Whether {@link close} has already run. */
+    private closed;
+    /** Closes a dismissible strip when the user clicks outside. */
+    private handleDocumentClick;
+    /**
+     * @param options - Host, placement, items, and selection callback.
+     */
+    constructor(options: AcUiSubToolbarMountOptions);
+    /** Whether this strip ignores canvas / outside clicks. */
+    get sticky(): boolean;
+    /** Parent button that opened this strip. */
+    get anchor(): HTMLElement;
+    /** Strip root element (used when stacking nested strips). */
+    get rootElement(): HTMLDivElement;
+    /**
+     * Hides or shows the strip without destroying it (used when
+     * {@link AcUiSubToolbarOptions.replaceOnNested} replaces this strip with a
+     * nested one).
+     *
+     * @param hidden - When true, the strip is not visible and does not receive
+     *   pointer events.
+     */
+    setHidden(hidden: boolean): void;
+    /**
+     * Replaces child items and re-renders without closing the strip.
+     *
+     * @param items - Updated child items (e.g. after a toggle).
+     * @param commandsDisabled - Optional override for command disabled state.
+     */
+    refresh(items: AcUiToolbarItem[], commandsDisabled?: boolean): void;
+    /** Whether `target` lies inside this strip root. */
+    containsTarget(target: Node): boolean;
+    /** Updates button labels and tooltips after locale change. */
+    refreshLocale(): void;
+    /** Repositions the strip beside the parent toolbar after layout changes. */
+    syncPosition(): void;
+    /**
+     * Resolves left (horizontal strip) or top (vertical strip) from
+     * {@link AcUiSubToolbarPosition}.
+     */
+    private resolveMainAxisOffset;
+    /** Visible toolbar buttons used for front/end edge alignment. */
+    private queryVisibleButtons;
+    /** Detaches the strip and removes the outside-click listener. */
+    close(): void;
+    private syncRootClasses;
+    private applyChromeLayout;
+    /**
+     * Caps labeled button width slightly below height so icon+label buttons stay
+     * portrait-shaped and long captions ellipsize. Skipped when wrap-pack already
+     * assigned slot widths (full rows fill the strip evenly).
+     */
+    private applyLabeledButtonMaxWidth;
+    /**
+     * Stretch + wrap horizontal strips:
+     * - Full rows fill the strip evenly.
+     * - A short last row (when there are prior full rows) keeps that slot width
+     *   and stays left-aligned.
+     * - A single incomplete row stretches buttons across the full strip.
+     */
+    private applyWrapPackLayout;
+    private applyStretchSize;
+    private applyOverflowLayout;
+    private renderButtons;
+}
+//# sourceMappingURL=AcUiSubToolbar.d.ts.map

package/lib/ui/toolbar/AcUiSubToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcUiSubToolbar.d.ts","sourceRoot":"","sources":["../../../src/ui/toolbar/AcUiSubToolbar.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAUvE,OAAO,KAAK,EACV,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,sDAAsD;AACtD,MAAM,WAAW,0BAA0B;IACzC,uCAAuC;IACvC,IAAI,EAAE,eAAe,CAAA;IACrB,6BAA6B;IAC7B,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,8EAA8E;IAC9E,MAAM,EAAE,WAAW,CAAA;IACnB,uEAAuE;IACvE,WAAW,EAAE,WAAW,CAAA;IACxB,oEAAoE;IACpE,IAAI,EAAE,WAAW,CAAA;IACjB,qCAAqC;IACrC,SAAS,EAAE,oBAAoB,CAAA;IAC/B,0CAA0C;IAC1C,MAAM,EAAE,yBAAyB,CAAA;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAA;IACjC,iEAAiE;IACjE,iBAAiB,EAAE,MAAM;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAA;IACf,+EAA+E;IAC/E,gBAAgB,EAAE,OAAO,CAAA;IACzB,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpE,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,KAAK,OAAO,CAAA;CACpD;AAED;;;;;GAKG;AACH,qBAAa,cAAc;IAsBb,OAAO,CAAC,OAAO;IArB3B,sEAAsE;IACtE,OAAO,CAAC,IAAI,CAAgB;IAC5B,qEAAqE;IACrE,OAAO,CAAC,KAAK,CAAmB;IAChC,4CAA4C;IAC5C,OAAO,CAAC,gBAAgB,CAAS;IACjC,6CAA6C;IAC7C,OAAO,CAAC,MAAM,CAAQ;IACtB,+DAA+D;IAC/D,OAAO,CAAC,mBAAmB,CAO1B;IAED;;OAEG;gBACiB,OAAO,EAAE,0BAA0B;IAsBvD,0DAA0D;IAC1D,IAAI,MAAM,YAET;IAED,4CAA4C;IAC5C,IAAI,MAAM,gBAET;IAED,6DAA6D;IAC7D,IAAI,WAAW,mBAEd;IAED;;;;;;;OAOG;IACH,SAAS,CAAC,MAAM,EAAE,OAAO;IAMzB;;;;;OAKG;IACH,OAAO,CAAC,KAAK,EAAE,eAAe,EAAE,EAAE,gBAAgB,CAAC,EAAE,OAAO;IAU5D,oDAAoD;IACpD,cAAc,CAAC,MAAM,EAAE,IAAI,GAAG,OAAO;IAIrC,8DAA8D;IAC9D,aAAa;IAuBb,4EAA4E;IAC5E,YAAY;IA4GZ;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAmE7B,iEAAiE;IACjE,OAAO,CAAC,mBAAmB;IAM3B,iEAAiE;IACjE,KAAK;IAQL,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,iBAAiB;IAOzB;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAiBlC;;;;;;OAMG;IACH,OAAO,CAAC,mBAAmB;IAuE3B,OAAO,CAAC,gBAAgB;IA4BxB,OAAO,CAAC,mBAAmB;IAoC3B,OAAO,CAAC,aAAa;CA2EtB"}