wj-elements 0.4.5 → 0.4.7

package/dist/packages/wje-breadcrumbs/breadcrumbs.element.d.ts

@@ -23,6 +23,14 @@ import { default as WJElement } from '../wje-element/element.js';
  * <!-- Output: Only the first two and last two breadcrumbs will be visible, with a collapsed indicator in the middle -->
  */
 export default class Breadcrumbs extends WJElement {
+    static BREAKPOINTS: {
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        '2xl': number;
+        xxl: number;
+    };
     /**
      * Get CSS stylesheet for the Breadcrumbs element.
      * @static
@@ -40,6 +48,7 @@ export default class Breadcrumbs extends WJElement {
      * @type {boolean}
      */
     last: boolean;
+    _isCollapsedByBreakpoint: boolean;
     /**
      * Set variant attribute for the Breadcrumbs element.
      * @param value
@@ -50,6 +59,21 @@ export default class Breadcrumbs extends WJElement {
      * @returns {string}
      */
     get variant(): string;
+    /**
+     * Get the collapsed indicator variant.
+     * @returns {string}
+     */
+    get collapsedVariant(): string;
+    /**
+     * Sets the collapse breakpoint token or value.
+     * @param {string} value Breakpoint token or CSS size.
+     */
+    set breakpoint(value: string);
+    /**
+     * Gets the collapse breakpoint token or value.
+     * @returns {string}
+     */
+    get breakpoint(): string;
     /**
      * Get items before collapse attribute.
      * @param {string} value
@@ -85,6 +109,7 @@ export default class Breadcrumbs extends WJElement {
      * @returns {object} fragment - The document fragment
      */
     draw(): object;
+    defaultSlot: HTMLSlotElement;
     /**
      * Updates the breadcrumb elements after they are drawn on the page.
      * It manages attributes on breadcrumb items and handles the logic for collapsing breadcrumbs
@@ -92,6 +117,40 @@ export default class Breadcrumbs extends WJElement {
      * @returns {void} This method does not return a value.
      */
     afterDraw(): void;
+    onSlotChange: () => void;
+    handleResize: () => void;
+    /**
+     * Reacts to viewport resize only when the breakpoint mode actually changes.
+     * @returns {void}
+     */
+    handleBreakpointResize(): void;
+    /**
+     * Recalculates breadcrumb collapse state.
+     * @returns {void}
+     */
+    updateCollapse(): void;
+    /**
+     * Clears attributes/classes managed by the collapse algorithm.
+     * @param {Array<Element>} breadcrumbs Breadcrumb items.
+     */
+    resetCollapseState(breadcrumbs?: Array<Element>): void;
+    /**
+     * Applies a managed boolean attribute only when its value truly changes.
+     * @param {Element} element Breadcrumb item whose responsive state is being synchronized.
+     * @param {string} name Managed state flag that should be synchronized on the breadcrumb item.
+     * @param {boolean} isEnabled Whether the attribute should be present.
+     */
+    syncManagedAttribute(element: Element, name: string, isEnabled: boolean): void;
+    /**
+     * Returns whether collapse rules should currently be applied.
+     * @returns {boolean}
+     */
+    shouldApplyBreakpointCollapse(): boolean;
+    /**
+     * Resolves the configured breakpoint to a pixel width.
+     * @returns {number|null}
+     */
+    getBreakpointWidth(): number | null;
     /**
      * Retrieves all breadcrumb elements within the current instance.
      * @returns {Array<Element>} An array of breadcrumb elements (`wje-breadcrumb`) found within the instance. Returns an empty array if no breadcrumbs are found.

package/dist/packages/wje-toolbar/toolbar.element.d.ts

@@ -31,13 +31,109 @@ export default class Toolbar extends WJElement {
      * @returns {Array} An empty array
      */
     static get observedAttributes(): any[];
+    _breadcrumbState: WeakMap<WeakKey, any>;
+    _responsiveFrame: any;
     /**
      * Draws the component for the toolbar.
      * @returns {object} Document fragment
      */
     draw(): object;
+    native: HTMLDivElement;
+    startSlot: HTMLSlotElement;
+    endSlot: HTMLSlotElement;
+    /**
+     * Initializes responsive layout observers.
+     */
+    afterDraw(): void;
+    onSlotChange: () => void;
+    _resizeObserver: ResizeObserver;
     /**
      * Sync ARIA attributes on host.
      */
     syncAria(): void;
+    /**
+     * Schedules responsive layout recalculation.
+     */
+    scheduleResponsiveLayout(): void;
+    /**
+     * Updates slotted breadcrumbs and actions to fit the toolbar width.
+     * @returns {Promise<void>}
+     */
+    updateResponsiveLayout(): Promise<void>;
+    /**
+     * Measures breadcrumbs in their full state.
+     * @param {HTMLElement} breadcrumbs Breadcrumbs component.
+     * @returns {Promise<{count: number, fullWidth: number, compactWidth: number}>}
+     */
+    measureBreadcrumbs(breadcrumbs: HTMLElement): Promise<{
+        count: number;
+        fullWidth: number;
+        compactWidth: number;
+    }>;
+    /**
+     * Stores original breadcrumb settings used as responsive compact target.
+     * @param {HTMLElement} breadcrumbs Breadcrumbs component.
+     * @param {number} count Number of breadcrumb elements currently in the trail.
+     * @returns {{compactMaxItems: number}}
+     */
+    ensureBreadcrumbState(breadcrumbs: HTMLElement, count: number): {
+        compactMaxItems: number;
+    };
+    /**
+     * Applies the compact or full breadcrumb state.
+     * @param {HTMLElement|null} breadcrumbs Breadcrumbs component.
+     * @param {boolean} compact Whether compact mode should be used.
+     */
+    setBreadcrumbCompactState(breadcrumbs: HTMLElement | null, compact: boolean): void;
+    /**
+     * Sets breadcrumb max-items only when it changed.
+     * @param {HTMLElement} breadcrumbs Breadcrumbs component.
+     * @param {number} value The max item count.
+     */
+    setBreadcrumbMaxItems(breadcrumbs: HTMLElement, value: number): void;
+    /**
+     * Finds how many actions fit into the available width.
+     * @param {object} actionMetrics Measured action metrics.
+     * @param {number} width Available width.
+     * @returns {number}
+     */
+    getVisibleActionsForWidth(actionMetrics: object, width: number): number;
+    /**
+     * Applies visible action count.
+     * @param {HTMLElement|null} action Toolbar action component.
+     * @param {number} count Visible action count.
+     */
+    setVisibleActions(action: HTMLElement | null, count: number): void;
+    /**
+     * Clears toolbar-managed visible action state when actions manage themselves.
+     * @param {HTMLElement|null} action Toolbar action component.
+     */
+    clearVisibleActions(action: HTMLElement | null): void;
+    /**
+     * Returns the slotted toolbar action.
+     * @returns {HTMLElement|null}
+     */
+    getToolbarAction(): HTMLElement | null;
+    /**
+     * Returns the slotted breadcrumbs.
+     * @returns {HTMLElement|null}
+     */
+    getBreadcrumbs(): HTMLElement | null;
+    /**
+     * Returns whether toolbar actions are managed by their own breakpoint logic.
+     * @param {HTMLElement|null} action Toolbar action component.
+     * @returns {boolean}
+     */
+    isSelfManagedAction(action: HTMLElement | null): boolean;
+    /**
+     * Returns whether breadcrumb collapse is managed by its own breakpoint logic.
+     * @param {HTMLElement|null} breadcrumbs Breadcrumbs component.
+     * @returns {boolean}
+     */
+    isSelfManagedBreadcrumbs(breadcrumbs: HTMLElement | null, action: any): boolean;
+    /**
+     * Waits for one animation frame.
+     * @returns {Promise<void>}
+     */
+    nextFrame(): Promise<void>;
 }

package/dist/packages/wje-toolbar-action/toolbar-action.element.d.ts

@@ -10,6 +10,14 @@ import { default as WJElement } from '../wje-element/element.js';
  * @tag wje-toolbar-action
  */
 export default class ToolbarAction extends WJElement {
+    static BREAKPOINTS: {
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        '2xl': number;
+        xxl: number;
+    };
     /**
      * Returns the CSS stylesheet for the component.
      * @static
@@ -22,14 +30,150 @@ export default class ToolbarAction extends WJElement {
      * @returns {Array} An empty array
      */
     static get observedAttributes(): any[];
+    _managedHiddenActions: WeakSet<WeakKey>;
+    _isCollapsedByBreakpoint: any;
+    _managedOverflowNodes: WeakSet<WeakKey>;
+    _overflowRetryFrame: any;
+    /**
+     * Sets the collapse breakpoint token or value.
+     * @param {string} value Breakpoint token or CSS size.
+     */
+    set breakpoint(value: string);
+    /**
+     * Gets the collapse breakpoint token or value.
+     * @returns {string}
+     */
+    get breakpoint(): string;
+    /**
+     * Sets the maximum number of visible actions.
+     * @param {number|string} value The maximum number of visible actions.
+     */
+    set maxItems(value: number | string);
+    /**
+     * Gets the maximum number of visible actions.
+     * @returns {number}
+     */
+    get maxItems(): number;
+    /**
+     * Sets the responsive visible action count.
+     * @param {number|string} value The visible action count.
+     */
+    set visibleItems(value: number | string);
+    /**
+     * Gets the responsive visible action count.
+     * @returns {number|null}
+     */
+    get visibleItems(): number | null;
     /**
      * Draws the component for the toolbar action.
      * @returns {object} Document fragment
      */
     draw(): object;
+    defaultSlot: HTMLSlotElement;
+    native: HTMLDivElement;
+    moreDropdown: HTMLElement;
+    moreMenu: HTMLElement;
+    /**
+     * Applies the current visible action limit after the component is drawn.
+     */
+    afterDraw(): void;
+    onSlotChange: () => void;
+    handleResize: () => void;
     /**
      * Returns the actions for the toolbar action.
-     * @returns {Array} An array of wje-button elements
+     * @returns {Array<HTMLElement>} Managed toolbar actions.
+     */
+    getActions(): Array<HTMLElement>;
+    /**
+     * Returns direct children assigned to the default slot.
+     * @returns {Array<HTMLElement>}
+     */
+    getAssignedElements(): Array<HTMLElement>;
+    /**
+     * Returns an existing top-level dropdown if present.
+     * @returns {HTMLElement|null}
+     */
+    getExistingDropdown(): HTMLElement | null;
+    /**
+     * Returns the dropdown that should receive overflow items.
+     * @returns {HTMLElement}
+     */
+    getOverflowDropdown(): HTMLElement;
+    /**
+     * Returns the menu used for overflow items.
+     * @returns {HTMLElement|null}
+     */
+    getOverflowMenu(): HTMLElement | null;
+    /**
+     * Gets the number of actions that should stay visible.
+     * @returns {number}
+     */
+    getVisibleLimit(): number;
+    /**
+     * Returns whether the toolbar action should collapse based on the configured breakpoint.
+     * @returns {boolean}
+     */
+    shouldCollapseByBreakpoint(): boolean;
+    /**
+     * Returns the cached breakpoint collapse state.
+     * @returns {boolean}
+     */
+    isCollapsedByBreakpoint(): boolean;
+    /**
+     * Reacts to viewport resize only when the breakpoint mode actually changes.
+     * @returns {void}
+     */
+    handleBreakpointResize(): void;
+    /**
+     * Resolves the configured breakpoint to a pixel width.
+     * @returns {number|null}
+     */
+    getBreakpointWidth(): number | null;
+    /**
+     * Updates visible actions and the overflow dropdown.
+     * @returns {void}
+     */
+    applyOverflow(): void;
+    /**
+     * Restores buttons hidden by this component.
+     * @param {Array<HTMLElement>} actions Toolbar buttons.
+     */
+    restoreManagedActions(actions?: Array<HTMLElement>): void;
+    /**
+     * Removes overflow menu nodes that were previously injected by this component.
+     */
+    restoreManagedOverflowContent(): void;
+    /**
+     * Creates a dropdown menu proxy for an overflowed button.
+     * @param {HTMLElement} action The original action button.
+     * @returns {HTMLElement}
+     */
+    createMenuItem(action: HTMLElement): HTMLElement;
+    /**
+     * Creates a divider separating existing dropdown actions from responsive overflow actions.
+     * @returns {HTMLElement}
+     */
+    createOverflowDivider(): HTMLElement;
+    /**
+     * Forwards menu item activation to the original button.
+     * @param {Event} e The menu event.
+     * @param {HTMLElement} action The original action button.
+     */
+    handleMenuItemClick(e: Event, action: HTMLElement): void;
+    /**
+     * Measures action widths while preserving current overflow state.
+     * @returns {{count: number, widths: number[], gap: number, moreWidth: number, getWidthForCount: Function}}
+     */
+    measureActionMetrics(): {
+        count: number;
+        widths: number[];
+        gap: number;
+        moreWidth: number;
+        getWidthForCount: Function;
+    };
+    /**
+     * Measures the overflow dropdown trigger.
+     * @returns {number}
      */
-    getActions(): any[];
+    measureMoreWidth(): number;
 }

package/dist/wje-breadcrumb.js

@@ -45,8 +45,8 @@ class Breadcrumb extends WJElement {
    * @returns {string} The collapsed variant value in uppercase.
    */
   get collapsedVariant() {
-    var _a;
-    let variant = ((_a = this.parentElement) == null ? void 0 : _a.variant) || this._collapsedVariant;
+    var _a, _b;
+    let variant = ((_a = this.parentElement) == null ? void 0 : _a.collapsedVariant) || ((_b = this.parentElement) == null ? void 0 : _b.variant) || this._collapsedVariant || "button";
     return variant.toUpperCase();
   }
   /**

package/dist/wje-breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-breadcrumb.js","sources":["../packages/wje-breadcrumb/breadcrumb.element.js","../packages/wje-breadcrumb/breadcrumb.js"],"sourcesContent":["import { default as WJElement, event, WjElementUtils } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This class represents a Breadcrumb element, extending the WJElement class. It provides a navigational aid in user interfaces, displaying the current location within a hierarchy.\n * @documentation https://elements.webjet.sk/components/breadcrumb\n * @status stable\n * @augments WJElement\n * @slot - The main content of the breadcrumb.\n * @slot start - Slot for content at the start of the breadcrumb.\n * @slot end - Slot for content at the end of the breadcrumb.\n * @slot separator - Slot for a custom separator between breadcrumb items.\n * @csspart native - The native wrapper of the breadcrumb component.\n * @csspart separator - The separator between breadcrumb items.\n * @cssproperty [--wje-breadcrumb-a=var(--wje-color-contrast-8)] - The color of the breadcrumb text.\n * @cssproperty [--wje-breadcrumb-a-hover=var(--wje-color-contrast-6)] - The color of the breadcrumb separator line.\n * @tag wje-breadcrumb\n */\nexport default class Breadcrumb extends WJElement {\n    /**\n     * Breadcrumb constructor method.\n     */\n    constructor() {\n        super();\n\n        this._showSeparator = true;\n        this._showCollapsedIndicator = false;\n    }\n\n    /**\n     * Get show separator flag.\n     * @returns {boolean} showSeparator - The show separator flag\n     */\n    get showSeparator() {\n        return this._showSeparator;\n    }\n\n    /**\n     * Set show separator flag.\n     * @param {boolean} value The value to set\n     */\n    set showSeparator(value) {\n        this._showSeparator = value;\n    }\n\n    /**\n     * Set collapsed variant.\n     * @param {string} value The value to set\n     */\n    set collapsedVariant(value) {\n        this._collapsedVariant = value;\n    }\n\n    /**\n     * Get collapsed variant.\n     * @returns {string} The collapsed variant value in uppercase.\n     */\n    get collapsedVariant() {\n        let variant = this.parentElement?.variant || this._collapsedVariant;\n        return variant.toUpperCase();\n    }\n\n    /**\n     * Class name for the Breadcrumb element.\n     * @type {string}\n     */\n    className = 'Breadcrumb';\n\n    /**\n     * Get CSS stylesheet for the Breadcrumb element.\n     * @static\n     * @returns {object} styles - The CSS styles\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Get observed attributes for the Breadcrumb element.\n     * @static\n     * @returns {Array<string>} - The observed attributes array for the Breadcrumb element.\n     */\n    static get observedAttributes() {\n        return ['show-collapsed-indicator', 'collapsed', 'last'];\n    }\n\n    /**\n     * Handles attribute changes for the custom element and updates its behavior or appearance accordingly.\n     * @param {string} name The name of the attribute that was changed.\n     * @param {string|null} oldValue The previous value of the attribute before it was changed. Null if the attribute was not previously set.\n     * @param {string|null} newValue The new value of the attribute after it was changed. Null if the attribute was removed.\n     */\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n\n        if (name === 'collapsed') {\n            const isCollapsed = WjElementUtils.stringToBoolean(newValue);\n\n            // toggle class podľa stavu\n            this.classList.toggle('collapsed', isCollapsed && !this.hasAttribute('show-collapsed-indicator'));\n\n        } else if (name === 'show-collapsed-indicator') {\n            const isOn = WjElementUtils.stringToBoolean(newValue);\n            this._showCollapsedIndicator = isOn;\n            this.refresh();\n\n        } else if (name === 'last') {\n            const isLast = WjElementUtils.stringToBoolean(newValue);\n            this.active = isLast;\n            this.showSeparator = !isLast;\n            this.syncAria();\n            if (this.native) {\n                if (isLast) this.native.setAttribute('aria-current', 'page');\n                else this.native.removeAttribute('aria-current');\n            }\n            this.refresh();\n        }\n    }\n\n    /**\n     * Setup attributes for the Breadcrumb element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.syncAria();\n    }\n\n    syncAria() {\n        this.setAriaState({ role: 'link' });\n        if (this.active) this.setAriaState({ current: 'page' });\n        else this.removeAttribute('aria-current');\n    }\n\n    /**\n     * Draw method for the Breadcrumb element.\n     * @returns {object} fragment - The document fragment\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('a');\n        native.classList.add('native-breadcrumb');\n        native.setAttribute('part', 'native');\n        if (this.active) native.setAttribute('aria-current', 'page');\n\n        if (this.active) native.classList.add('active');\n\n        let slot = document.createElement('slot');\n\n        let start = document.createElement('slot');\n        start.setAttribute('name', 'start');\n\n        let end = document.createElement('slot');\n        end.setAttribute('name', 'end');\n\n        native.append(start, slot, end);\n\n        // APPEND\n        fragment.append(native);\n\n        if (WjElementUtils.stringToBoolean(this._showCollapsedIndicator)) {\n            // pridame button za native element\n            fragment.append(this.drawCollapsedIndicator());\n\n            // skryjeme native element\n            native.classList.add('hidden');\n        }\n\n        if (this.showSeparator) {\n            let separator = document.createElement('span');\n            separator.classList.add('separator');\n            separator.setAttribute('part', 'separator');\n\n            if (WjElementUtils.hasSlot(this, 'separator')) {\n                let slotSeparator = document.createElement('slot');\n                slotSeparator.setAttribute('name', 'separator');\n\n                separator.append(slotSeparator);\n            } else {\n                separator.innerHTML = `<wje-icon name=${this.separator || 'chevron-right'}></wje-icon>`;\n            }\n\n            fragment.append(separator);\n        }\n\n        this.native = native;\n\n        return fragment;\n    }\n\n    /**\n     * Renders the collapsed indicator based on the current collapsed variant.\n     * If the collapsed variant is 'DROPDOWN', it invokes the collapseDropdown method.\n     * Otherwise, it invokes the collapseButton method.\n     * @returns {any} The rendered collapsed indicator, either as a dropdown or a button.\n     */\n    drawCollapsedIndicator() {\n        let collapsedIndicator = null;\n\n        if (this.collapsedVariant === 'DROPDOWN') {\n            collapsedIndicator = this.collapseDropdown();\n        } else {\n            collapsedIndicator = this.collapseButton();\n        }\n\n        return collapsedIndicator;\n    }\n\n    /**\n     * Creates and returns a dropdown UI component for collapsed breadcrumbs.\n     * This method generates a dropdown element with a button trigger and a menu populated with items corresponding\n     * to the collapsed breadcrumbs. The dropdown is configured to handle specific interactions and ensure that\n     * events are appropriately managed to avoid propagation issues. Menu items are linked to their corresponding\n     * breadcrumbs, enabling the same functionality as clicking on the original breadcrumb.\n     * @returns {HTMLElement} A configured dropdown element containing a button as trigger and a menu with breadcrumb items.\n     */\n    collapseDropdown() {\n        let dropdown = document.createElement('wje-dropdown');\n        dropdown.setAttribute('placement', 'bottom');\n        dropdown.setAttribute('offset', '10');\n\n        let button = document.createElement('wje-button');\n        button.setAttribute('slot', 'trigger');\n        button.setAttribute('fill', 'link');\n        button.innerHTML = `<wje-icon name=\"dots\"></wje-icon>`;\n\n        let menu = document.createElement('wje-menu');\n        menu.setAttribute('variant', 'context');\n\n        menu.addEventListener('click', (e) => {\n            e.stopPropagation();\n            e.stopImmediatePropagation?.();\n        });\n\n        this.getBreadcrumbs().getBreadcrumbsCollapsed().forEach((b) => {\n            let menuItem = document.createElement('wje-menu-item');\n            menuItem.innerHTML = b.innerHTML;\n\n            menuItem.__breadcrumb = b;\n\n            menuItem.addEventListener('wje-menu-item:click', (e) => {\n                e.preventDefault?.();\n                e.stopPropagation();\n                e.stopImmediatePropagation?.();\n\n                const breadcrumb = e.currentTarget.__breadcrumb;\n                if (!breadcrumb) return;\n\n                // Prefer clicking the internal anchor (same behavior as real user click), fallback to host click.\n                const native = breadcrumb.native || breadcrumb.context?.querySelector('a.native-breadcrumb');\n                if (native && typeof native.click === 'function') {\n                    native.click();\n                } else if (typeof breadcrumb.click === 'function') {\n                    breadcrumb.click();\n                } else {\n                    breadcrumb.dispatchEvent(\n                        new MouseEvent('click', {\n                            bubbles: true,\n                            composed: true,\n                            cancelable: true\n                        })\n                    );\n                }\n            });\n\n            menu.append(menuItem);\n        });\n\n        dropdown.append(button, menu);\n\n        return dropdown;\n    }\n\n    /**\n     * Creates a button element that expands hidden breadcrumbs when clicked.\n     * The button is set with appropriate attributes and event listeners to handle\n     * the expanding of hidden breadcrumb elements. Clicking the button will remove\n     * the button itself, reveal hidden breadcrumbs, and stop the current event\n     * propagation.\n     * @returns {HTMLButtonElement} The created button configured to expand breadcrumbs.\n     */\n    collapseButton() {\n        let button = document.createElement('button');\n        button.setAttribute('aria-label', 'Show more breadcrumbs');\n        button.setAttribute('part', 'collapsed-indicator');\n        button.innerHTML = `<wje-icon name=\"dots\"></wje-icon>`;\n\n        event.addListener(button, 'click', null, (e) => {\n            this.native.classList.remove('hidden');\n            button.remove();\n            this.getBreadcrumbs().getBreadcrumbsCollapsed().forEach((el) => {\n                el.classList.remove('collapsed');\n            });\n            e.stopPropagation();\n        });\n\n        return button;\n    }\n\n    /**\n     * Retrieves the breadcrumb trail for the current element by returning its parent element.\n     * @returns {Element} The parent element representing the breadcrumb trail.\n     */\n    getBreadcrumbs() {\n        return this.parentElement;\n    }\n}\n","import Breadcrumb from './breadcrumb.element.js';\n\n// export * from \"./breadcrumb.element.js\";\nexport default Breadcrumb;\n\nBreadcrumb.define('wje-breadcrumb', Breadcrumb);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wje-breadcrumb.js","sources":["../packages/wje-breadcrumb/breadcrumb.element.js","../packages/wje-breadcrumb/breadcrumb.js"],"sourcesContent":["import { default as WJElement, event, WjElementUtils } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This class represents a Breadcrumb element, extending the WJElement class. It provides a navigational aid in user interfaces, displaying the current location within a hierarchy.\n * @documentation https://elements.webjet.sk/components/breadcrumb\n * @status stable\n * @augments WJElement\n * @slot - The main content of the breadcrumb.\n * @slot start - Slot for content at the start of the breadcrumb.\n * @slot end - Slot for content at the end of the breadcrumb.\n * @slot separator - Slot for a custom separator between breadcrumb items.\n * @csspart native - The native wrapper of the breadcrumb component.\n * @csspart separator - The separator between breadcrumb items.\n * @cssproperty [--wje-breadcrumb-a=var(--wje-color-contrast-8)] - The color of the breadcrumb text.\n * @cssproperty [--wje-breadcrumb-a-hover=var(--wje-color-contrast-6)] - The color of the breadcrumb separator line.\n * @tag wje-breadcrumb\n */\nexport default class Breadcrumb extends WJElement {\n    /**\n     * Breadcrumb constructor method.\n     */\n    constructor() {\n        super();\n\n        this._showSeparator = true;\n        this._showCollapsedIndicator = false;\n    }\n\n    /**\n     * Get show separator flag.\n     * @returns {boolean} showSeparator - The show separator flag\n     */\n    get showSeparator() {\n        return this._showSeparator;\n    }\n\n    /**\n     * Set show separator flag.\n     * @param {boolean} value The value to set\n     */\n    set showSeparator(value) {\n        this._showSeparator = value;\n    }\n\n    /**\n     * Set collapsed variant.\n     * @param {string} value The value to set\n     */\n    set collapsedVariant(value) {\n        this._collapsedVariant = value;\n    }\n\n    /**\n     * Get collapsed variant.\n     * @returns {string} The collapsed variant value in uppercase.\n     */\n    get collapsedVariant() {\n        let variant = this.parentElement?.collapsedVariant || this.parentElement?.variant || this._collapsedVariant || 'button';\n        return variant.toUpperCase();\n    }\n\n    /**\n     * Class name for the Breadcrumb element.\n     * @type {string}\n     */\n    className = 'Breadcrumb';\n\n    /**\n     * Get CSS stylesheet for the Breadcrumb element.\n     * @static\n     * @returns {object} styles - The CSS styles\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Get observed attributes for the Breadcrumb element.\n     * @static\n     * @returns {Array<string>} - The observed attributes array for the Breadcrumb element.\n     */\n    static get observedAttributes() {\n        return ['show-collapsed-indicator', 'collapsed', 'last'];\n    }\n\n    /**\n     * Handles attribute changes for the custom element and updates its behavior or appearance accordingly.\n     * @param {string} name The name of the attribute that was changed.\n     * @param {string|null} oldValue The previous value of the attribute before it was changed. Null if the attribute was not previously set.\n     * @param {string|null} newValue The new value of the attribute after it was changed. Null if the attribute was removed.\n     */\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n\n        if (name === 'collapsed') {\n            const isCollapsed = WjElementUtils.stringToBoolean(newValue);\n\n            // toggle class podľa stavu\n            this.classList.toggle('collapsed', isCollapsed && !this.hasAttribute('show-collapsed-indicator'));\n\n        } else if (name === 'show-collapsed-indicator') {\n            const isOn = WjElementUtils.stringToBoolean(newValue);\n            this._showCollapsedIndicator = isOn;\n            this.refresh();\n\n        } else if (name === 'last') {\n            const isLast = WjElementUtils.stringToBoolean(newValue);\n            this.active = isLast;\n            this.showSeparator = !isLast;\n            this.syncAria();\n            if (this.native) {\n                if (isLast) this.native.setAttribute('aria-current', 'page');\n                else this.native.removeAttribute('aria-current');\n            }\n            this.refresh();\n        }\n    }\n\n    /**\n     * Setup attributes for the Breadcrumb element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.syncAria();\n    }\n\n    syncAria() {\n        this.setAriaState({ role: 'link' });\n        if (this.active) this.setAriaState({ current: 'page' });\n        else this.removeAttribute('aria-current');\n    }\n\n    /**\n     * Draw method for the Breadcrumb element.\n     * @returns {object} fragment - The document fragment\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('a');\n        native.classList.add('native-breadcrumb');\n        native.setAttribute('part', 'native');\n        if (this.active) native.setAttribute('aria-current', 'page');\n\n        if (this.active) native.classList.add('active');\n\n        let slot = document.createElement('slot');\n\n        let start = document.createElement('slot');\n        start.setAttribute('name', 'start');\n\n        let end = document.createElement('slot');\n        end.setAttribute('name', 'end');\n\n        native.append(start, slot, end);\n\n        // APPEND\n        fragment.append(native);\n\n        if (WjElementUtils.stringToBoolean(this._showCollapsedIndicator)) {\n            // pridame button za native element\n            fragment.append(this.drawCollapsedIndicator());\n\n            // skryjeme native element\n            native.classList.add('hidden');\n        }\n\n        if (this.showSeparator) {\n            let separator = document.createElement('span');\n            separator.classList.add('separator');\n            separator.setAttribute('part', 'separator');\n\n            if (WjElementUtils.hasSlot(this, 'separator')) {\n                let slotSeparator = document.createElement('slot');\n                slotSeparator.setAttribute('name', 'separator');\n\n                separator.append(slotSeparator);\n            } else {\n                separator.innerHTML = `<wje-icon name=${this.separator || 'chevron-right'}></wje-icon>`;\n            }\n\n            fragment.append(separator);\n        }\n\n        this.native = native;\n\n        return fragment;\n    }\n\n    /**\n     * Renders the collapsed indicator based on the current collapsed variant.\n     * If the collapsed variant is 'DROPDOWN', it invokes the collapseDropdown method.\n     * Otherwise, it invokes the collapseButton method.\n     * @returns {any} The rendered collapsed indicator, either as a dropdown or a button.\n     */\n    drawCollapsedIndicator() {\n        let collapsedIndicator = null;\n\n        if (this.collapsedVariant === 'DROPDOWN') {\n            collapsedIndicator = this.collapseDropdown();\n        } else {\n            collapsedIndicator = this.collapseButton();\n        }\n\n        return collapsedIndicator;\n    }\n\n    /**\n     * Creates and returns a dropdown UI component for collapsed breadcrumbs.\n     * This method generates a dropdown element with a button trigger and a menu populated with items corresponding\n     * to the collapsed breadcrumbs. The dropdown is configured to handle specific interactions and ensure that\n     * events are appropriately managed to avoid propagation issues. Menu items are linked to their corresponding\n     * breadcrumbs, enabling the same functionality as clicking on the original breadcrumb.\n     * @returns {HTMLElement} A configured dropdown element containing a button as trigger and a menu with breadcrumb items.\n     */\n    collapseDropdown() {\n        let dropdown = document.createElement('wje-dropdown');\n        dropdown.setAttribute('placement', 'bottom');\n        dropdown.setAttribute('offset', '10');\n\n        let button = document.createElement('wje-button');\n        button.setAttribute('slot', 'trigger');\n        button.setAttribute('fill', 'link');\n        button.innerHTML = `<wje-icon name=\"dots\"></wje-icon>`;\n\n        let menu = document.createElement('wje-menu');\n        menu.setAttribute('variant', 'context');\n\n        menu.addEventListener('click', (e) => {\n            e.stopPropagation();\n            e.stopImmediatePropagation?.();\n        });\n\n        this.getBreadcrumbs().getBreadcrumbsCollapsed().forEach((b) => {\n            let menuItem = document.createElement('wje-menu-item');\n            menuItem.innerHTML = b.innerHTML;\n\n            menuItem.__breadcrumb = b;\n\n            menuItem.addEventListener('wje-menu-item:click', (e) => {\n                e.preventDefault?.();\n                e.stopPropagation();\n                e.stopImmediatePropagation?.();\n\n                const breadcrumb = e.currentTarget.__breadcrumb;\n                if (!breadcrumb) return;\n\n                // Prefer clicking the internal anchor (same behavior as real user click), fallback to host click.\n                const native = breadcrumb.native || breadcrumb.context?.querySelector('a.native-breadcrumb');\n                if (native && typeof native.click === 'function') {\n                    native.click();\n                } else if (typeof breadcrumb.click === 'function') {\n                    breadcrumb.click();\n                } else {\n                    breadcrumb.dispatchEvent(\n                        new MouseEvent('click', {\n                            bubbles: true,\n                            composed: true,\n                            cancelable: true\n                        })\n                    );\n                }\n            });\n\n            menu.append(menuItem);\n        });\n\n        dropdown.append(button, menu);\n\n        return dropdown;\n    }\n\n    /**\n     * Creates a button element that expands hidden breadcrumbs when clicked.\n     * The button is set with appropriate attributes and event listeners to handle\n     * the expanding of hidden breadcrumb elements. Clicking the button will remove\n     * the button itself, reveal hidden breadcrumbs, and stop the current event\n     * propagation.\n     * @returns {HTMLButtonElement} The created button configured to expand breadcrumbs.\n     */\n    collapseButton() {\n        let button = document.createElement('button');\n        button.setAttribute('aria-label', 'Show more breadcrumbs');\n        button.setAttribute('part', 'collapsed-indicator');\n        button.innerHTML = `<wje-icon name=\"dots\"></wje-icon>`;\n\n        event.addListener(button, 'click', null, (e) => {\n            this.native.classList.remove('hidden');\n            button.remove();\n            this.getBreadcrumbs().getBreadcrumbsCollapsed().forEach((el) => {\n                el.classList.remove('collapsed');\n            });\n            e.stopPropagation();\n        });\n\n        return button;\n    }\n\n    /**\n     * Retrieves the breadcrumb trail for the current element by returning its parent element.\n     * @returns {Element} The parent element representing the breadcrumb trail.\n     */\n    getBreadcrumbs() {\n        return this.parentElement;\n    }\n}\n","import Breadcrumb from './breadcrumb.element.js';\n\n// export * from \"./breadcrumb.element.js\";\nexport default Breadcrumb;\n\nBreadcrumb.define('wje-breadcrumb', Breadcrumb);\n"],"names":[],"mappings":"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"}