flexdesk 0.17.18 → 0.18.0

package/dist/chunk-PAI2ZUWV.js

@@ -0,0 +1,260 @@
+import {
+  positionAnchored
+} from "./chunk-Q7BALEPX.js";
+
+// src/ui/components/action_dropdown.js
+var ActionDropdown = class _ActionDropdown {
+  /**
+   * @param {Object} config
+   * @param {HTMLElement} config.trigger - Button element that triggers the dropdown
+   * @param {Array} config.options - Array of option objects with { type, label, icon, description? },
+   *     or `{ separator: true }` for a divider between them
+   * @param {Function} config.onSelect - Callback when an option is selected
+   * @param {string} [config.className=''] - Additional CSS class for the dropdown
+   * @param {string} [config.menuId] - Optional ID for the menu element
+   */
+  constructor(config) {
+    this.trigger = config.trigger;
+    this.options = config.options || [];
+    this.onSelect = config.onSelect;
+    this.className = config.className || "";
+    this.menuId = config.menuId;
+    this.isOpen = false;
+    this.menuEl = null;
+    this._boundHandleDocumentClick = this._handleDocumentClick.bind(this);
+    this._boundHandleKeydown = this._handleKeydown.bind(this);
+    this._boundHandleTriggerClick = this._handleTriggerClick.bind(this);
+    this._init();
+  }
+  /**
+   * Initialize the dropdown.
+   * @private
+   */
+  _init() {
+    if (!this.trigger) {
+      console.warn("[ActionDropdown] No trigger element provided");
+      return;
+    }
+    this._createMenu();
+    this.trigger.addEventListener("click", this._boundHandleTriggerClick);
+  }
+  /**
+   * Create the dropdown menu element.
+   * @private
+   */
+  _createMenu() {
+    const menu = document.createElement("div");
+    menu.className = `twm-action-dropdown-menu ${this.className}`.trim();
+    menu.setAttribute("role", "menu");
+    menu.hidden = true;
+    if (this.menuId) {
+      menu.id = this.menuId;
+    }
+    this._renderOptions(menu);
+    document.body.appendChild(menu);
+    this.menuEl = menu;
+  }
+  /**
+   * Render option buttons, and dividers for separator entries, into a
+   * container element. `data-index` stays the entry's index in `options`.
+   * @param {HTMLElement} container
+   * @private
+   */
+  _renderOptions(container) {
+    container.innerHTML = "";
+    let pendingSeparator = false;
+    this.options.forEach((opt, index) => {
+      if (opt?.separator) {
+        pendingSeparator = container.childElementCount > 0;
+        return;
+      }
+      if (pendingSeparator) {
+        const sep = document.createElement("div");
+        sep.className = "twm-action-dropdown-separator";
+        sep.setAttribute("role", "separator");
+        container.appendChild(sep);
+        pendingSeparator = false;
+      }
+      const optionBtn = document.createElement("button");
+      optionBtn.type = "button";
+      optionBtn.className = "twm-action-dropdown-option";
+      optionBtn.dataset.index = index;
+      optionBtn.dataset.type = opt.type;
+      optionBtn.setAttribute("role", "menuitem");
+      const iconHtml = opt.icon ? `<span class="material-symbols-outlined twm-option-icon">${opt.icon}</span>` : "";
+      const descHtml = opt.description ? `<span class="twm-option-desc">${opt.description}</span>` : "";
+      optionBtn.innerHTML = `
+                ${iconHtml}
+                <span class="option-text">
+                    <span class="twm-option-label">${opt.label}</span>
+                    ${descHtml}
+                </span>
+            `;
+      optionBtn.addEventListener("click", (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        this._selectOption(opt);
+      });
+      container.appendChild(optionBtn);
+    });
+  }
+  /**
+   * Handle trigger button click.
+   * @param {MouseEvent} e
+   * @private
+   */
+  _handleTriggerClick(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    this.toggle();
+  }
+  /**
+   * Toggle the dropdown open/closed.
+   * @param {boolean} [forceState] - Optional forced state
+   */
+  toggle(forceState) {
+    const shouldOpen = typeof forceState === "boolean" ? forceState : !this.isOpen;
+    if (shouldOpen) {
+      this.open();
+    } else {
+      this.close();
+    }
+  }
+  /**
+   * Open the dropdown with auto-positioning.
+   */
+  open() {
+    if (this.isOpen || !this.menuEl) return;
+    this.isOpen = true;
+    this.menuEl.hidden = false;
+    _ActionDropdown.position(this.trigger, this.menuEl);
+    requestAnimationFrame(() => {
+      this.menuEl?.classList.add("visible");
+    });
+    this.trigger?.classList.add("twm-is-open");
+    if (this.trigger?.hasAttribute("aria-expanded")) {
+      this.trigger.setAttribute("aria-expanded", "true");
+    }
+    document.addEventListener("click", this._boundHandleDocumentClick, true);
+    document.addEventListener("keydown", this._boundHandleKeydown);
+    const firstOption = this.menuEl.querySelector(".twm-action-dropdown-option");
+    firstOption?.focus();
+  }
+  /**
+   * Close the dropdown.
+   */
+  close() {
+    if (!this.isOpen) return;
+    this.isOpen = false;
+    if (this.menuEl) {
+      this.menuEl.classList.remove("visible");
+      this.menuEl.hidden = true;
+    }
+    this.trigger?.classList.remove("twm-is-open");
+    if (this.trigger?.hasAttribute("aria-expanded")) {
+      this.trigger.setAttribute("aria-expanded", "false");
+    }
+    document.removeEventListener("click", this._boundHandleDocumentClick, true);
+    document.removeEventListener("keydown", this._boundHandleKeydown);
+  }
+  /**
+   * Handle document click (close on outside click).
+   * @param {MouseEvent} e
+   * @private
+   */
+  _handleDocumentClick(e) {
+    if (!this.isOpen) return;
+    if (this.menuEl?.contains(e.target) || this.trigger?.contains(e.target)) {
+      return;
+    }
+    this.close();
+  }
+  /**
+   * Handle keyboard events.
+   * @param {KeyboardEvent} e
+   * @private
+   */
+  _handleKeydown(e) {
+    if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      this.close();
+      this.trigger?.focus();
+      return;
+    }
+    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      e.preventDefault();
+      this._navigateOptions(e.key === "ArrowDown" ? 1 : -1);
+    }
+  }
+  /**
+   * Navigate options with arrow keys.
+   * @param {number} direction - 1 for down, -1 for up
+   * @private
+   */
+  _navigateOptions(direction) {
+    const options = this.menuEl?.querySelectorAll(".twm-action-dropdown-option");
+    if (!options || options.length === 0) return;
+    const currentIndex = Array.from(options).findIndex((opt) => opt === document.activeElement);
+    let nextIndex = currentIndex + direction;
+    if (nextIndex < 0) nextIndex = options.length - 1;
+    if (nextIndex >= options.length) nextIndex = 0;
+    options[nextIndex]?.focus();
+  }
+  /**
+   * Handle option selection.
+   * @param {Object} option - The selected option
+   * @private
+   */
+  _selectOption(option) {
+    this.close();
+    if (this.onSelect) {
+      this.onSelect(option);
+    }
+  }
+  /**
+   * Update the options dynamically.
+   * @param {Array} newOptions - New options array
+   */
+  setOptions(newOptions) {
+    this.options = newOptions;
+    if (this.menuEl) {
+      this._renderOptions(this.menuEl);
+    }
+  }
+  /**
+   * Destroy the dropdown and clean up.
+   */
+  destroy() {
+    this.close();
+    this.trigger?.removeEventListener("click", this._boundHandleTriggerClick);
+    this.menuEl?.remove();
+    this.menuEl = null;
+    this.trigger = null;
+    this.options = [];
+    this.onSelect = null;
+  }
+  // =========================================================================
+  // STATIC — shared auto-positioning for any trigger + menu pair
+  // =========================================================================
+  /**
+   * Position a dropdown menu relative to a trigger element: `positionAnchored`
+   * (`anchored_layer.js`), the one placement every floating panel uses.
+   *
+   * @param {HTMLElement} trigger - The element the dropdown opens from
+   * @param {HTMLElement} menu - The dropdown menu element to position
+   * @param {Object} [opts]
+   * @param {'start'|'end'} [opts.align='start'] - Which trigger edge the menu
+   *     lines up with first: `'start'` its left edge, `'end'` its right edge.
+   *     Either flips to the other edge when it would leave the window.
+   */
+  static position(trigger, menu, { align = "start" } = {}) {
+    if (!trigger || !menu) return;
+    positionAnchored(trigger, menu, { align });
+  }
+};
+
+export {
+  ActionDropdown
+};
+//# sourceMappingURL=chunk-PAI2ZUWV.js.map

package/dist/chunk-PAI2ZUWV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/ui/components/action_dropdown.js"],
+  "sourcesContent": ["/**\n * action_dropdown.js\n *\n * Reusable dropdown component for action buttons (Add Scenario, Add Widget, etc).\n * Handles opening, closing, auto-positioning, keyboard navigation, and outside clicks.\n *\n * Auto-positioning: measures available viewport space around the trigger element\n * and picks the best direction (above/below) and alignment (left/right).\n * Adds scrolling when the menu would exceed available vertical space.\n */\n\nimport { positionAnchored } from './anchored_layer.js';\n\n/**\n * ActionDropdown - A reusable dropdown component with smart auto-positioning.\n *\n * Usage:\n * ```javascript\n * const dropdown = new ActionDropdown({\n *     trigger: buttonElement,\n *     options: [\n *         { type: 'option1', label: 'Option 1', icon: 'icon_name', description: 'Description' },\n *         { separator: true },\n *         { type: 'option2', label: 'Option 2', icon: 'icon_name', description: 'Description' }\n *     ],\n *     onSelect: (option) => console.log('Selected:', option.type),\n * });\n *\n * // Control programmatically\n * dropdown.open();\n * dropdown.close();\n * dropdown.toggle();\n * dropdown.destroy();\n * ```\n *\n * \u2500\u2500 Separators \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n * An entry `{ separator: true }` draws a divider instead of a button: a\n * `<div role=\"separator\" class=\"twm-action-dropdown-separator\">`, which takes\n * no focus, is never reached by the arrow keys (they move between the option\n * buttons only) and never reaches `onSelect` (it has no click handler). A\n * separator only separates: one at the start or the end of the list, or one\n * right after another, is dropped, so a list assembled from groups that may\n * come out empty never draws a stray or doubled rule.\n */\nexport class ActionDropdown {\n    /**\n     * @param {Object} config\n     * @param {HTMLElement} config.trigger - Button element that triggers the dropdown\n     * @param {Array} config.options - Array of option objects with { type, label, icon, description? },\n     *     or `{ separator: true }` for a divider between them\n     * @param {Function} config.onSelect - Callback when an option is selected\n     * @param {string} [config.className=''] - Additional CSS class for the dropdown\n     * @param {string} [config.menuId] - Optional ID for the menu element\n     */\n    constructor(config) {\n        this.trigger = config.trigger;\n        this.options = config.options || [];\n        this.onSelect = config.onSelect;\n        this.className = config.className || '';\n        this.menuId = config.menuId;\n\n        this.isOpen = false;\n        this.menuEl = null;\n\n        this._boundHandleDocumentClick = this._handleDocumentClick.bind(this);\n        this._boundHandleKeydown = this._handleKeydown.bind(this);\n        this._boundHandleTriggerClick = this._handleTriggerClick.bind(this);\n\n        this._init();\n    }\n\n    /**\n     * Initialize the dropdown.\n     * @private\n     */\n    _init() {\n        if (!this.trigger) {\n            console.warn('[ActionDropdown] No trigger element provided');\n            return;\n        }\n\n        this._createMenu();\n        this.trigger.addEventListener('click', this._boundHandleTriggerClick);\n    }\n\n    /**\n     * Create the dropdown menu element.\n     * @private\n     */\n    _createMenu() {\n        const menu = document.createElement('div');\n        menu.className = `twm-action-dropdown-menu ${this.className}`.trim();\n        menu.setAttribute('role', 'menu');\n        menu.hidden = true;\n\n        if (this.menuId) {\n            menu.id = this.menuId;\n        }\n\n        this._renderOptions(menu);\n\n        // Append to body so position:fixed works without clipping.\n        document.body.appendChild(menu);\n\n        this.menuEl = menu;\n    }\n\n    /**\n     * Render option buttons, and dividers for separator entries, into a\n     * container element. `data-index` stays the entry's index in `options`.\n     * @param {HTMLElement} container\n     * @private\n     */\n    _renderOptions(container) {\n        container.innerHTML = '';\n        let pendingSeparator = false;\n        this.options.forEach((opt, index) => {\n            if (opt?.separator) {\n                // Drawn only once an option follows it, and only if an option\n                // came before it: leading, trailing and doubled separators\n                // collapse.\n                pendingSeparator = container.childElementCount > 0;\n                return;\n            }\n            if (pendingSeparator) {\n                const sep = document.createElement('div');\n                sep.className = 'twm-action-dropdown-separator';\n                sep.setAttribute('role', 'separator');\n                container.appendChild(sep);\n                pendingSeparator = false;\n            }\n\n            const optionBtn = document.createElement('button');\n            optionBtn.type = 'button';\n            optionBtn.className = 'twm-action-dropdown-option';\n            optionBtn.dataset.index = index;\n            optionBtn.dataset.type = opt.type;\n            optionBtn.setAttribute('role', 'menuitem');\n\n            const iconHtml = opt.icon\n                ? `<span class=\"material-symbols-outlined twm-option-icon\">${opt.icon}</span>`\n                : '';\n\n            const descHtml = opt.description\n                ? `<span class=\"twm-option-desc\">${opt.description}</span>`\n                : '';\n\n            optionBtn.innerHTML = `\n                ${iconHtml}\n                <span class=\"option-text\">\n                    <span class=\"twm-option-label\">${opt.label}</span>\n                    ${descHtml}\n                </span>\n            `;\n\n            optionBtn.addEventListener('click', (e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this._selectOption(opt);\n            });\n\n            container.appendChild(optionBtn);\n        });\n    }\n\n    /**\n     * Handle trigger button click.\n     * @param {MouseEvent} e\n     * @private\n     */\n    _handleTriggerClick(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        this.toggle();\n    }\n\n    /**\n     * Toggle the dropdown open/closed.\n     * @param {boolean} [forceState] - Optional forced state\n     */\n    toggle(forceState) {\n        const shouldOpen = typeof forceState === 'boolean' ? forceState : !this.isOpen;\n        if (shouldOpen) {\n            this.open();\n        } else {\n            this.close();\n        }\n    }\n\n    /**\n     * Open the dropdown with auto-positioning.\n     */\n    open() {\n        if (this.isOpen || !this.menuEl) return;\n\n        this.isOpen = true;\n        this.menuEl.hidden = false;\n\n        // Position against trigger\n        ActionDropdown.position(this.trigger, this.menuEl);\n\n        // Animate in.\n        //\n        // OPTIONAL CHAINING, AND IT IS LOAD-BEARING. This callback runs a frame\n        // after `open()` returned, and `destroy()` sets `this.menuEl = null`\n        // (see below) \u2014 so a dropdown that is opened and then destroyed inside\n        // one frame threw an uncaught `TypeError: Cannot read properties of\n        // null` out of an animation-frame callback, where no caller has a stack\n        // to catch it. That is not a hypothetical: it is what a user does every\n        // time they open a picker and then click something that unmounts the\n        // pane around it, and it was reproduced eighteen times in one run of a\n        // consumer's settings suite. Nothing is lost by skipping the class \u2014 the\n        // element it would have been added to no longer exists.\n        requestAnimationFrame(() => {\n            this.menuEl?.classList.add('visible');\n        });\n\n        // Update trigger state\n        this.trigger?.classList.add('twm-is-open');\n        if (this.trigger?.hasAttribute('aria-expanded')) {\n            this.trigger.setAttribute('aria-expanded', 'true');\n        }\n\n        // Add document listeners\n        document.addEventListener('click', this._boundHandleDocumentClick, true);\n        document.addEventListener('keydown', this._boundHandleKeydown);\n\n        // Focus first option for keyboard accessibility\n        const firstOption = this.menuEl.querySelector('.twm-action-dropdown-option');\n        firstOption?.focus();\n    }\n\n    /**\n     * Close the dropdown.\n     */\n    close() {\n        if (!this.isOpen) return;\n\n        this.isOpen = false;\n\n        if (this.menuEl) {\n            this.menuEl.classList.remove('visible');\n            this.menuEl.hidden = true;\n        }\n\n        // Update trigger state. `aria-expanded` belongs on the TRIGGER and has\n        // to be written on every close, not only on the ones a click caused \u2014\n        // an embedder that synced it from its own click handler was announcing\n        // an expanded menu to a screen reader every time Escape or an outside\n        // click dismissed one. The component knows when it closed; nothing else\n        // reliably does.\n        this.trigger?.classList.remove('twm-is-open');\n        if (this.trigger?.hasAttribute('aria-expanded')) {\n            this.trigger.setAttribute('aria-expanded', 'false');\n        }\n\n        // Remove document listeners\n        document.removeEventListener('click', this._boundHandleDocumentClick, true);\n        document.removeEventListener('keydown', this._boundHandleKeydown);\n    }\n\n    /**\n     * Handle document click (close on outside click).\n     * @param {MouseEvent} e\n     * @private\n     */\n    _handleDocumentClick(e) {\n        if (!this.isOpen) return;\n\n        // Don't close if clicking inside dropdown or trigger\n        if (this.menuEl?.contains(e.target) || this.trigger?.contains(e.target)) {\n            return;\n        }\n\n        this.close();\n    }\n\n    /**\n     * Handle keyboard events.\n     * @param {KeyboardEvent} e\n     * @private\n     */\n    _handleKeydown(e) {\n        if (e.key === 'Escape') {\n            // AND NOBODY ELSE GETS IT. An open dropdown is the innermost thing\n            // on screen, so Escape means \"close this\" and nothing further \u2014\n            // but the event was left to bubble, and inside a `ManagedWindow`\n            // (which binds its own Escape to dismiss) that meant one keystroke\n            // closed the dropdown AND the dialog around it. The user loses a\n            // form they were filling in because they changed their mind about\n            // one field.\n            e.preventDefault();\n            e.stopPropagation();\n            this.close();\n            this.trigger?.focus();\n            return;\n        }\n\n        // Arrow key navigation\n        if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n            e.preventDefault();\n            this._navigateOptions(e.key === 'ArrowDown' ? 1 : -1);\n        }\n    }\n\n    /**\n     * Navigate options with arrow keys.\n     * @param {number} direction - 1 for down, -1 for up\n     * @private\n     */\n    _navigateOptions(direction) {\n        const options = this.menuEl?.querySelectorAll('.twm-action-dropdown-option');\n        if (!options || options.length === 0) return;\n\n        const currentIndex = Array.from(options).findIndex(opt => opt === document.activeElement);\n        let nextIndex = currentIndex + direction;\n\n        if (nextIndex < 0) nextIndex = options.length - 1;\n        if (nextIndex >= options.length) nextIndex = 0;\n\n        options[nextIndex]?.focus();\n    }\n\n    /**\n     * Handle option selection.\n     * @param {Object} option - The selected option\n     * @private\n     */\n    _selectOption(option) {\n        this.close();\n\n        if (this.onSelect) {\n            this.onSelect(option);\n        }\n    }\n\n    /**\n     * Update the options dynamically.\n     * @param {Array} newOptions - New options array\n     */\n    setOptions(newOptions) {\n        this.options = newOptions;\n        if (this.menuEl) {\n            this._renderOptions(this.menuEl);\n        }\n    }\n\n    /**\n     * Destroy the dropdown and clean up.\n     */\n    destroy() {\n        this.close();\n\n        // Remove trigger listener\n        this.trigger?.removeEventListener('click', this._boundHandleTriggerClick);\n\n        // Remove menu element\n        this.menuEl?.remove();\n        this.menuEl = null;\n\n        this.trigger = null;\n        this.options = [];\n        this.onSelect = null;\n    }\n\n    // =========================================================================\n    // STATIC \u2014 shared auto-positioning for any trigger + menu pair\n    // =========================================================================\n\n    /**\n     * Position a dropdown menu relative to a trigger element: `positionAnchored`\n     * (`anchored_layer.js`), the one placement every floating panel uses.\n     *\n     * @param {HTMLElement} trigger - The element the dropdown opens from\n     * @param {HTMLElement} menu - The dropdown menu element to position\n     * @param {Object} [opts]\n     * @param {'start'|'end'} [opts.align='start'] - Which trigger edge the menu\n     *     lines up with first: `'start'` its left edge, `'end'` its right edge.\n     *     Either flips to the other edge when it would leave the window.\n     */\n    static position(trigger, menu, { align = 'start' } = {}) {\n        if (!trigger || !menu) return;\n        positionAnchored(trigger, menu, { align });\n    }\n}\n\nexport default ActionDropdown;\n"],
+  "mappings": "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",
+  "names": []
+}