@mlightcad/cad-simple-viewer 1.6.2 → 1.7.0

package/lib/ui/AcUiShortCutToolbar.d.ts

@@ -0,0 +1,136 @@
+/**
+ * Floating shortcut toolbar (undo / redo / erase) with an extension slot for
+ * selection accessories.
+ *
+ * Keep this module free of {@link AcApDocManager} / markup / measure imports so
+ * the offline HTML viewer-runtime can tree-shake it without pulling the full
+ * viewer package.
+ *
+ * @module AcUiShortCutToolbar
+ * @packageDocumentation
+ */
+import { AcUiSimpleToolbar, type AcUiSimpleToolbarItem } from './AcUiSimpleToolbar';
+/** Default top inset when no message / status bar is visible. */
+export declare const ACUI_SHORTCUT_TOOLBAR_DEFAULT_TOP_PX = 12;
+/** Session provider id for {@link AcUiShortCutToolbar}. */
+export declare const ACED_SHORTCUT_TOOLBAR_PROVIDER_ID = "shortcut-toolbar";
+/** Enabled flags for core shortcut actions. */
+export interface AcUiShortCutToolbarActionState {
+    undo: boolean;
+    redo: boolean;
+    erase: boolean;
+}
+/** Options for {@link AcUiShortCutToolbar}. */
+export interface AcUiShortCutToolbarOptions {
+    /** View / canvas container that receives the shell. */
+    container: HTMLElement;
+    /**
+     * Optional CSS top offset (e.g. below a status / message bar).
+     * When omitted, {@link ACUI_SHORTCUT_TOOLBAR_DEFAULT_TOP_PX} is used.
+     */
+    topOffsetPx?: number;
+    /**
+     * When true, visibility is not bound to {@link AcApSettingManager.isShowShortCutToolbar}
+     * (used by offline HTML export which always shows the bar).
+     */
+    forceVisible?: boolean;
+    /**
+     * Command runners. Hosts without DocManager (HTML export) must supply these.
+     * When omitted, clicks are no-ops until {@link setActions} is called.
+     */
+    actions?: {
+        undo?: () => void;
+        redo?: () => void;
+        erase?: () => void;
+    };
+    /**
+     * Enabled-state provider. When omitted, buttons stay enabled until
+     * {@link setActionState} / {@link syncActionState} is driven by the host.
+     */
+    getActionState?: () => AcUiShortCutToolbarActionState;
+    /** Optional i18n labels (HTML offline viewer). */
+    labels?: {
+        more?: string;
+        undo?: string;
+        redo?: string;
+        erase?: string;
+    };
+}
+/**
+ * Positions a simple toolbar at the top-right of a view container and exposes
+ * an extension API for selection-driven buttons.
+ */
+export declare class AcUiShortCutToolbar {
+    private readonly options;
+    /** Absolute shell around the toolbar. */
+    readonly shell: HTMLDivElement;
+    /** Mount point for selection draw-style controls (left of core buttons). */
+    readonly accessoryHost: HTMLDivElement;
+    private readonly divider;
+    private readonly toolbar;
+    private readonly forceVisible;
+    private readonly onSettingsModified;
+    private readonly onLocaleChanged;
+    private actions;
+    private getActionState;
+    private offTheme;
+    private disposed;
+    /**
+     * @param options - Container and optional action overrides.
+     */
+    constructor(options: AcUiShortCutToolbarOptions);
+    /** Underlying simple toolbar (for advanced callers). */
+    get simpleToolbar(): AcUiSimpleToolbar;
+    /**
+     * Replaces or merges click handlers (used by DocManager host binding).
+     *
+     * @param actions - Partial action map.
+     */
+    setActions(actions: NonNullable<AcUiShortCutToolbarOptions['actions']>): void;
+    /**
+     * Replaces the enabled-state provider (used by DocManager host binding).
+     *
+     * @param getActionState - State resolver, or `undefined` to clear.
+     */
+    setActionStateProvider(getActionState: (() => AcUiShortCutToolbarActionState) | undefined): void;
+    /**
+     * Replaces selection-accessory extension buttons (prepended before core).
+     *
+     * @param items - Extension items; empty clears.
+     */
+    setExtensionItems(items: AcUiSimpleToolbarItem[]): void;
+    /**
+     * Whether the shell is currently shown (settings or {@link forceVisible}).
+     */
+    get isVisible(): boolean;
+    /**
+     * Marks whether {@link accessoryHost} currently hosts draw-style controls.
+     * Drives the divider between accessory and core buttons.
+     *
+     * @param active - True when draw-style is mounted in the slot.
+     */
+    setAccessoryActive(active: boolean): void;
+    /**
+     * Updates the shell top offset (e.g. when a status bar appears).
+     *
+     * @param topOffsetPx - CSS top in pixels.
+     */
+    setTopOffset(topOffsetPx: number): void;
+    /**
+     * Applies enabled/disabled state for undo / redo / erase.
+     *
+     * @param state - Per-action enabled flags.
+     */
+    setActionState(state: AcUiShortCutToolbarActionState): void;
+    /** Recomputes action enabled state from the configured provider. */
+    syncActionState(): void;
+    /** Reloads core button labels from i18n. */
+    relabel(): void;
+    /** Re-applies theme tokens to the shell and inner toolbar. */
+    refreshTheme(): void;
+    /** Tears down settings listeners and DOM. */
+    dispose(): void;
+    private syncVisibility;
+    private buildCoreItems;
+}
+//# sourceMappingURL=AcUiShortCutToolbar.d.ts.map

package/lib/ui/AcUiShortCutToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcUiShortCutToolbar.d.ts","sourceRoot":"","sources":["../../src/ui/AcUiShortCutToolbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAaH,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,EAC3B,MAAM,qBAAqB,CAAA;AAK5B,iEAAiE;AACjE,eAAO,MAAM,oCAAoC,KAAK,CAAA;AAoFtD,2DAA2D;AAC3D,eAAO,MAAM,iCAAiC,qBAAqB,CAAA;AAEnE,+CAA+C;AAC/C,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,OAAO,CAAA;CACf;AAED,+CAA+C;AAC/C,MAAM,WAAW,0BAA0B;IACzC,uDAAuD;IACvD,SAAS,EAAE,WAAW,CAAA;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;QACjB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;KACnB,CAAA;IACD;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,8BAA8B,CAAA;IACrD,kDAAkD;IAClD,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED;;;GAGG;AACH,qBAAa,mBAAmB;IAwBlB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAvBpC,yCAAyC;IACzC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAA;IAE9B,4EAA4E;IAC5E,QAAQ,CAAC,aAAa,EAAE,cAAc,CAAA;IAEtC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgB;IACxC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmB;IAC3C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAS;IACtC,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAE1B;IACT,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAuB;IACvD,OAAO,CAAC,OAAO,CAAoD;IACnE,OAAO,CAAC,cAAc,CAET;IACb,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,QAAQ,CAAQ;IAExB;;OAEG;gBAC0B,OAAO,EAAE,0BAA0B;IAmDhE,wDAAwD;IACxD,IAAI,aAAa,IAAI,iBAAiB,CAErC;IAED;;;;OAIG;IACH,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI;IAM7E;;;;OAIG;IACH,sBAAsB,CACpB,cAAc,EAAE,CAAC,MAAM,8BAA8B,CAAC,GAAG,SAAS,GACjE,IAAI;IAKP;;;;OAIG;IACH,iBAAiB,CAAC,KAAK,EAAE,qBAAqB,EAAE,GAAG,IAAI;IAKvD;;OAEG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAIzC;;;;OAIG;IACH,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAIvC;;;;OAIG;IACH,cAAc,CAAC,KAAK,EAAE,8BAA8B,GAAG,IAAI;IAM3D,oEAAoE;IACpE,eAAe,IAAI,IAAI;IAUvB,4CAA4C;IAC5C,OAAO,IAAI,IAAI;IASf,8DAA8D;IAC9D,YAAY,IAAI,IAAI;IAMpB,6CAA6C;IAC7C,OAAO,IAAI,IAAI;IAef,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,cAAc;CA6BvB"}

package/lib/ui/AcUiShortCutToolbar.js

@@ -0,0 +1,250 @@
+/**
+ * Floating shortcut toolbar (undo / redo / erase) with an extension slot for
+ * selection accessories.
+ *
+ * Keep this module free of {@link AcApDocManager} / markup / measure imports so
+ * the offline HTML viewer-runtime can tree-shake it without pulling the full
+ * viewer package.
+ *
+ * @module AcUiShortCutToolbar
+ * @packageDocumentation
+ */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { AcApSettingManager } from '../app/AcApSettingManager';
+import { ML_UI_Z_SHORTCUT_TOOLBAR } from '../editor/global/AcEdUiLayout';
+import { acedApplyUiTheme, acedSubscribeUiTheme, resolveUiTheme } from '../editor/global/AcEdUiTheme';
+import { AcApI18n } from '../i18n/AcApI18n';
+import { AcUiSimpleToolbar } from './AcUiSimpleToolbar';
+import { ICON_ERASE, ICON_REDO, ICON_UNDO } from './icons';
+var STYLE_ID = 'ml-ui-shortcut-toolbar-styles';
+/** Default top inset when no message / status bar is visible. */
+export var ACUI_SHORTCUT_TOOLBAR_DEFAULT_TOP_PX = 12;
+var SHELL_CSS = "\n  .ml-ui-shortcut-toolbar-shell {\n    position: absolute;\n    top: ".concat(ACUI_SHORTCUT_TOOLBAR_DEFAULT_TOP_PX, "px;\n    right: 12px;\n    z-index: ").concat(ML_UI_Z_SHORTCUT_TOOLBAR, ";\n    max-width: calc(100% - 24px);\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px;\n    box-sizing: border-box;\n    border: 1px solid var(--ml-ui-border, #dcdfe6);\n    border-radius: 6px;\n    background: var(--ml-ui-bg, rgba(255, 255, 255, 0.96));\n    box-shadow: var(--ml-ui-shadow, 0 2px 6px rgba(0, 0, 0, 0.12));\n    color: var(--ml-ui-text, #303133);\n    pointer-events: auto;\n  }\n  .ml-ui-shortcut-toolbar-shell[hidden] {\n    display: none !important;\n  }\n  .ml-ui-shortcut-toolbar-shell .ml-ui-simple-toolbar {\n    border: none;\n    box-shadow: none;\n    background: transparent;\n    padding: 0;\n    color: inherit;\n    flex: 0 0 auto;\n    max-width: none;\n  }\n  .ml-ui-shortcut-accessory {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex: 0 0 auto;\n  }\n  .ml-ui-shortcut-accessory:empty {\n    display: none;\n  }\n  .ml-ui-shortcut-divider {\n    display: none;\n    width: 1px;\n    align-self: stretch;\n    margin: 2px 0;\n    background: var(--ml-ui-border, #dcdfe6);\n    flex: 0 0 auto;\n  }\n  .ml-ui-shortcut-toolbar-shell.has-accessory .ml-ui-shortcut-divider {\n    display: block;\n  }\n  /* Match simple-toolbar icon buttons: no permanent outer frame. */\n  .ml-ui-shortcut-accessory .ml-draw-style-toolbar__controls {\n    gap: 4px;\n  }\n  .ml-ui-shortcut-accessory .ml-draw-style-toolbar__swatch,\n  .ml-ui-shortcut-accessory .ml-draw-style-toolbar__text-height {\n    width: var(--ml-ui-simple-toolbar-btn-size, 32px);\n    height: var(--ml-ui-simple-toolbar-btn-size, 32px);\n    border: 1px solid transparent;\n    border-radius: 4px;\n    background: transparent;\n  }\n  .ml-ui-shortcut-accessory .ml-draw-style-toolbar__swatch:hover,\n  .ml-ui-shortcut-accessory .ml-draw-style-toolbar__text-height:hover {\n    background: var(--ml-ui-accent-soft, rgba(64, 158, 255, 0.12));\n    border-color: var(--ml-ui-border, #dcdfe6);\n  }\n  .ml-ui-shortcut-accessory .ml-draw-style-toolbar__swatch-fill {\n    margin: 0 auto;\n  }\n");
+function ensureShellStyles() {
+    if (typeof document === 'undefined')
+        return;
+    if (document.getElementById(STYLE_ID))
+        return;
+    var style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent = SHELL_CSS;
+    document.head.appendChild(style);
+}
+/** Session provider id for {@link AcUiShortCutToolbar}. */
+export var ACED_SHORTCUT_TOOLBAR_PROVIDER_ID = 'shortcut-toolbar';
+/**
+ * Positions a simple toolbar at the top-right of a view container and exposes
+ * an extension API for selection-driven buttons.
+ */
+var AcUiShortCutToolbar = /** @class */ (function () {
+    /**
+     * @param options - Container and optional action overrides.
+     */
+    function AcUiShortCutToolbar(options) {
+        var _this = this;
+        var _a, _b, _c;
+        this.options = options;
+        this.onLocaleChanged = function () { return _this.relabel(); };
+        this.offTheme = null;
+        this.disposed = false;
+        ensureShellStyles();
+        if (getComputedStyle(options.container).position === 'static') {
+            options.container.style.position = 'relative';
+        }
+        this.forceVisible = options.forceVisible === true;
+        this.actions = __assign({}, ((_a = options.actions) !== null && _a !== void 0 ? _a : {}));
+        this.getActionState = options.getActionState;
+        this.shell = document.createElement('div');
+        this.shell.className = 'ml-ui-shortcut-toolbar-shell';
+        if (options.topOffsetPx != null) {
+            this.shell.style.top = "".concat(options.topOffsetPx, "px");
+        }
+        options.container.appendChild(this.shell);
+        this.accessoryHost = document.createElement('div');
+        this.accessoryHost.className = 'ml-ui-shortcut-accessory';
+        this.divider = document.createElement('div');
+        this.divider.className = 'ml-ui-shortcut-divider';
+        this.divider.setAttribute('aria-hidden', 'true');
+        this.shell.append(this.accessoryHost, this.divider);
+        this.toolbar = new AcUiSimpleToolbar({
+            host: this.shell,
+            orientation: 'horizontal',
+            className: 'ml-ui-shortcut-toolbar',
+            moreLabel: (_c = (_b = options.labels) === null || _b === void 0 ? void 0 : _b.more) !== null && _c !== void 0 ? _c : AcApI18n.t('main.shortCutToolbar.more'),
+            items: this.buildCoreItems()
+        });
+        this.onSettingsModified = function (args) {
+            if (args.key === 'isShowShortCutToolbar')
+                _this.syncVisibility();
+        };
+        if (!this.forceVisible) {
+            AcApSettingManager.instance.events.modified.addEventListener(this.onSettingsModified);
+        }
+        this.offTheme = acedSubscribeUiTheme(function () { return _this.refreshTheme(); });
+        AcApI18n.events.localeChanged.addEventListener(this.onLocaleChanged);
+        this.syncVisibility();
+        this.refreshTheme();
+        this.syncActionState();
+    }
+    Object.defineProperty(AcUiShortCutToolbar.prototype, "simpleToolbar", {
+        /** Underlying simple toolbar (for advanced callers). */
+        get: function () {
+            return this.toolbar;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Replaces or merges click handlers (used by DocManager host binding).
+     *
+     * @param actions - Partial action map.
+     */
+    AcUiShortCutToolbar.prototype.setActions = function (actions) {
+        this.actions = __assign(__assign({}, this.actions), actions);
+        this.toolbar.setItems(this.buildCoreItems());
+        this.syncActionState();
+    };
+    /**
+     * Replaces the enabled-state provider (used by DocManager host binding).
+     *
+     * @param getActionState - State resolver, or `undefined` to clear.
+     */
+    AcUiShortCutToolbar.prototype.setActionStateProvider = function (getActionState) {
+        this.getActionState = getActionState;
+        this.syncActionState();
+    };
+    /**
+     * Replaces selection-accessory extension buttons (prepended before core).
+     *
+     * @param items - Extension items; empty clears.
+     */
+    AcUiShortCutToolbar.prototype.setExtensionItems = function (items) {
+        this.toolbar.setExtensionItems(items);
+        this.syncActionState();
+    };
+    Object.defineProperty(AcUiShortCutToolbar.prototype, "isVisible", {
+        /**
+         * Whether the shell is currently shown (settings or {@link forceVisible}).
+         */
+        get: function () {
+            return !this.shell.hidden;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Marks whether {@link accessoryHost} currently hosts draw-style controls.
+     * Drives the divider between accessory and core buttons.
+     *
+     * @param active - True when draw-style is mounted in the slot.
+     */
+    AcUiShortCutToolbar.prototype.setAccessoryActive = function (active) {
+        this.shell.classList.toggle('has-accessory', active);
+    };
+    /**
+     * Updates the shell top offset (e.g. when a status bar appears).
+     *
+     * @param topOffsetPx - CSS top in pixels.
+     */
+    AcUiShortCutToolbar.prototype.setTopOffset = function (topOffsetPx) {
+        this.shell.style.top = "".concat(topOffsetPx, "px");
+    };
+    /**
+     * Applies enabled/disabled state for undo / redo / erase.
+     *
+     * @param state - Per-action enabled flags.
+     */
+    AcUiShortCutToolbar.prototype.setActionState = function (state) {
+        this.toolbar.updateItem('shortcut-undo', { disabled: !state.undo });
+        this.toolbar.updateItem('shortcut-redo', { disabled: !state.redo });
+        this.toolbar.updateItem('shortcut-erase', { disabled: !state.erase });
+    };
+    /** Recomputes action enabled state from the configured provider. */
+    AcUiShortCutToolbar.prototype.syncActionState = function () {
+        if (this.disposed)
+            return;
+        if (this.getActionState) {
+            this.setActionState(this.getActionState());
+            return;
+        }
+        // No provider yet (DocManager bind pending): keep controls usable.
+        this.setActionState({ undo: true, redo: true, erase: true });
+    };
+    /** Reloads core button labels from i18n. */
+    AcUiShortCutToolbar.prototype.relabel = function () {
+        var _a, _b;
+        if (this.disposed)
+            return;
+        this.toolbar.setMoreLabel((_b = (_a = this.options.labels) === null || _a === void 0 ? void 0 : _a.more) !== null && _b !== void 0 ? _b : AcApI18n.t('main.shortCutToolbar.more'));
+        this.toolbar.setItems(this.buildCoreItems());
+        this.syncActionState();
+    };
+    /** Re-applies theme tokens to the shell and inner toolbar. */
+    AcUiShortCutToolbar.prototype.refreshTheme = function () {
+        if (this.disposed)
+            return;
+        acedApplyUiTheme(resolveUiTheme(this.options.container), this.shell);
+        this.toolbar.refreshTheme();
+    };
+    /** Tears down settings listeners and DOM. */
+    AcUiShortCutToolbar.prototype.dispose = function () {
+        var _a;
+        if (this.disposed)
+            return;
+        this.disposed = true;
+        if (!this.forceVisible) {
+            AcApSettingManager.instance.events.modified.removeEventListener(this.onSettingsModified);
+        }
+        AcApI18n.events.localeChanged.removeEventListener(this.onLocaleChanged);
+        (_a = this.offTheme) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.offTheme = null;
+        this.toolbar.dispose();
+        this.shell.remove();
+    };
+    AcUiShortCutToolbar.prototype.syncVisibility = function () {
+        var visible = this.forceVisible || AcApSettingManager.instance.isShowShortCutToolbar;
+        this.shell.hidden = !visible;
+        this.toolbar.setVisible(visible);
+    };
+    AcUiShortCutToolbar.prototype.buildCoreItems = function () {
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f;
+        var run = function (name) {
+            var _a, _b;
+            (_b = (_a = _this.actions)[name]) === null || _b === void 0 ? void 0 : _b.call(_a);
+        };
+        return [
+            {
+                id: 'shortcut-undo',
+                icon: ICON_UNDO,
+                label: (_b = (_a = this.options.labels) === null || _a === void 0 ? void 0 : _a.undo) !== null && _b !== void 0 ? _b : AcApI18n.t('main.shortCutToolbar.undo'),
+                onClick: function () { return run('undo'); }
+            },
+            {
+                id: 'shortcut-redo',
+                icon: ICON_REDO,
+                label: (_d = (_c = this.options.labels) === null || _c === void 0 ? void 0 : _c.redo) !== null && _d !== void 0 ? _d : AcApI18n.t('main.shortCutToolbar.redo'),
+                onClick: function () { return run('redo'); }
+            },
+            {
+                id: 'shortcut-erase',
+                icon: ICON_ERASE,
+                label: (_f = (_e = this.options.labels) === null || _e === void 0 ? void 0 : _e.erase) !== null && _f !== void 0 ? _f : AcApI18n.t('main.shortCutToolbar.erase'),
+                onClick: function () { return run('erase'); }
+            }
+        ];
+    };
+    return AcUiShortCutToolbar;
+}());
+export { AcUiShortCutToolbar };
+//# sourceMappingURL=AcUiShortCutToolbar.js.map

package/lib/ui/AcUiShortCutToolbar.js.map

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

package/lib/ui/AcUiSimpleToolbar.d.ts

@@ -0,0 +1,110 @@
+/**
+ * Lightweight themed icon toolbar with overflow menu and horizontal/vertical layout.
+ *
+ * @module AcUiSimpleToolbar
+ * @packageDocumentation
+ */
+/** Toolbar item used by {@link AcUiSimpleToolbar}. */
+export interface AcUiSimpleToolbarItem {
+    /** Stable id used for updates and overflow tracking. */
+    id: string;
+    /** Inline SVG, element, or factory. */
+    icon: string | HTMLElement | (() => HTMLElement);
+    /** Visible label in the overflow menu. */
+    label: string;
+    /** Tooltip / aria-label; defaults to {@link label}. */
+    title?: string;
+    /** Click handler. */
+    onClick: (event: MouseEvent) => void;
+    /** When true, the button is disabled. */
+    disabled?: boolean;
+    /** When false, the item is omitted. Defaults to true. */
+    visible?: boolean;
+}
+/** Options for constructing {@link AcUiSimpleToolbar}. */
+export interface AcUiSimpleToolbarOptions {
+    /** Mount host; toolbar root is appended here. */
+    host: HTMLElement;
+    /** Initial items (core + optional extensions may be set later). */
+    items?: AcUiSimpleToolbarItem[];
+    /** Layout direction. @defaultValue `'horizontal'` */
+    orientation?: 'horizontal' | 'vertical';
+    /** Extra CSS class names on the root. */
+    className?: string;
+    /** Accessible name for the overflow button. @defaultValue `'More'` */
+    moreLabel?: string;
+}
+/**
+ * Framework-free icon toolbar with theme tokens and overflow "⋯" menu.
+ */
+export declare class AcUiSimpleToolbar {
+    /** Outer toolbar root. */
+    readonly root: HTMLDivElement;
+    private readonly host;
+    private readonly track;
+    private readonly overflowButton;
+    private readonly menu;
+    private coreItems;
+    private extensionItems;
+    private orientation;
+    private moreLabel;
+    private resizeObserver;
+    private menuOpen;
+    private readonly onDocumentPointerDown;
+    private disposed;
+    /**
+     * @param options - Host, items, and layout.
+     */
+    constructor(options: AcUiSimpleToolbarOptions);
+    /**
+     * Visible items: extension (e.g. selection style) first, then core,
+     * excluding `visible: false`.
+     */
+    private get visibleItems();
+    /**
+     * Replaces core items and re-renders.
+     *
+     * @param items - New core toolbar items.
+     */
+    setItems(items: AcUiSimpleToolbarItem[]): void;
+    /**
+     * Replaces extension items (e.g. selection accessory) prepended before core.
+     *
+     * @param items - Extension items; pass `[]` to clear.
+     */
+    setExtensionItems(items: AcUiSimpleToolbarItem[]): void;
+    /**
+     * Patches a single item by id (core or extension).
+     *
+     * @param id - Item id.
+     * @param patch - Partial fields to merge.
+     */
+    updateItem(id: string, patch: Partial<Omit<AcUiSimpleToolbarItem, 'id'>>): void;
+    /**
+     * Switches horizontal / vertical layout.
+     *
+     * @param orientation - New orientation.
+     */
+    setOrientation(orientation: 'horizontal' | 'vertical'): void;
+    /**
+     * Updates the overflow button label.
+     *
+     * @param label - Accessible / tooltip label.
+     */
+    setMoreLabel(label: string): void;
+    /** Shows or hides the whole toolbar. */
+    setVisible(visible: boolean): void;
+    /** Re-applies UI theme tokens from the host ancestry. */
+    refreshTheme(): void;
+    /** Tears down listeners, observers, and DOM. */
+    dispose(): void;
+    private setupResizeObserver;
+    private render;
+    private createButton;
+    private layoutOverflow;
+    private toggleMenu;
+    private openMenu;
+    private positionMenu;
+    private closeMenu;
+}
+//# sourceMappingURL=AcUiSimpleToolbar.d.ts.map

package/lib/ui/AcUiSimpleToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcUiSimpleToolbar.d.ts","sourceRoot":"","sources":["../../src/ui/AcUiSimpleToolbar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,sDAAsD;AACtD,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAA;IACV,uCAAuC;IACvC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAA;IAChD,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACpC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,0DAA0D;AAC1D,MAAM,WAAW,wBAAwB;IACvC,iDAAiD;IACjD,IAAI,EAAE,WAAW,CAAA;IACjB,mEAAmE;IACnE,KAAK,CAAC,EAAE,qBAAqB,EAAE,CAAA;IAC/B,qDAAqD;IACrD,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA2JD;;GAEG;AACH,qBAAa,iBAAiB;IAC5B,0BAA0B;IAC1B,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAA;IAE7B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAa;IAClC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAgB;IACtC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAmB;IAClD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAgB;IACrC,OAAO,CAAC,SAAS,CAA8B;IAC/C,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAA+B;IACrE,OAAO,CAAC,QAAQ,CAAQ;IAExB;;OAEG;gBACS,OAAO,EAAE,wBAAwB;IA+D7C;;;OAGG;IACH,OAAO,KAAK,YAAY,GAIvB;IAED;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,qBAAqB,EAAE,GAAG,IAAI;IAK9C;;;;OAIG;IACH,iBAAiB,CAAC,KAAK,EAAE,qBAAqB,EAAE,GAAG,IAAI;IAKvD;;;;;OAKG;IACH,UAAU,CACR,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC,GAChD,IAAI;IAWP;;;;OAIG;IACH,cAAc,CAAC,WAAW,EAAE,YAAY,GAAG,UAAU,GAAG,IAAI;IAQ5D;;;;OAIG;IACH,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMjC,wCAAwC;IACxC,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAKlC,yDAAyD;IACzD,YAAY,IAAI,IAAI;IAKpB,gDAAgD;IAChD,OAAO,IAAI,IAAI;IAef,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,cAAc;IAyDtB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,QAAQ;IAyChB,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,SAAS;CAMlB"}