wj-elements 0.5.0 → 0.5.2

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        this.handleNativeClick = (e) => this.handleDisabledNativeClick(e);\n    }\n\n    /**\n     * Sets the breadcrumb link URL.\n     * @param {string|null} value Link URL.\n     */\n    set href(value) {\n        if (value === null || value === undefined) this.removeAttribute('href');\n        else this.setAttribute('href', value);\n    }\n\n    /**\n     * Gets the breadcrumb link URL.\n     * @returns {string|null}\n     */\n    get href() {\n        return this.getAttribute('href');\n    }\n\n    /**\n     * Sets the disabled state.\n     * @param {boolean} value Disabled state.\n     */\n    set disabled(value) {\n        if (value === true || value === '' || value === 'true' || value === 1 || value === '1') {\n            this.setAttribute('disabled', '');\n        } else {\n            this.removeAttribute('disabled');\n        }\n    }\n\n    /**\n     * Gets the disabled state.\n     * @returns {boolean}\n     */\n    get disabled() {\n        return this.hasAttribute('disabled');\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', 'href', 'target', 'rel', 'download', 'disabled'];\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        if (oldValue === newValue) return;\n\n        if (name === 'collapsed') {\n            const isCollapsed = newValue !== null && WjElementUtils.stringToBoolean(newValue);\n\n            this.classList.toggle('collapsed', isCollapsed && !this.hasAttribute('show-collapsed-indicator'));\n\n        } else if (name === 'show-collapsed-indicator') {\n            super.attributeChangedCallback?.(name, oldValue, newValue);\n            const isOn = newValue !== null && WjElementUtils.stringToBoolean(newValue);\n            this._showCollapsedIndicator = isOn;\n            this.refresh();\n\n        } else if (name === 'last') {\n            super.attributeChangedCallback?.(name, oldValue, newValue);\n            const isLast = newValue !== null && WjElementUtils.stringToBoolean(newValue);\n            this.active = isLast;\n            this.showSeparator = !isLast;\n            this.syncAria();\n            this.syncNativeAttributes();\n            this.refresh();\n        } else {\n            this.syncAria();\n            this.syncNativeAttributes();\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        if (this.disabled) this.setAriaState({ disabled: true });\n        else this.removeAttribute('aria-disabled');\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\n        this.native = native;\n        this.syncNativeAttributes();\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        return fragment;\n    }\n\n    /**\n     * Synchronizes host attributes to the internal anchor.\n     */\n    syncNativeAttributes() {\n        const native = this.native || this.context?.querySelector('a.native-breadcrumb');\n        if (!native) return;\n\n        const isDisabled = this.disabled;\n        const href = this.href;\n\n        if (href !== null && href !== undefined && !isDisabled) {\n            native.setAttribute('href', href);\n        } else {\n            native.removeAttribute('href');\n        }\n\n        ['target', 'rel', 'download'].forEach((attr) => {\n            if (this.hasAttribute(attr) && !isDisabled) {\n                native.setAttribute(attr, this.getAttribute(attr));\n            } else {\n                native.removeAttribute(attr);\n            }\n        });\n\n        native.classList.toggle('active', Boolean(this.active));\n        native.classList.toggle('disabled', isDisabled);\n\n        if (this.active) native.setAttribute('aria-current', 'page');\n        else native.removeAttribute('aria-current');\n\n        if (isDisabled) {\n            native.setAttribute('aria-disabled', 'true');\n            native.setAttribute('tabindex', '-1');\n        } else {\n            native.removeAttribute('aria-disabled');\n            native.removeAttribute('tabindex');\n        }\n    }\n\n    /**\n     * Sets up native anchor listeners after render.\n     */\n    afterDraw() {\n        this.native?.addEventListener('click', this.handleNativeClick);\n    }\n\n    /**\n     * Removes native anchor listeners before redraw/disconnect.\n     */\n    beforeDisconnect() {\n        this.native?.removeEventListener('click', this.handleNativeClick);\n    }\n\n    /**\n     * Prevents disabled breadcrumbs from navigating or bubbling click handlers.\n     * @param {MouseEvent} e Click event.\n     */\n    handleDisabledNativeClick(e) {\n        if (!this.disabled) return;\n\n        e.preventDefault();\n        e.stopPropagation();\n        e.stopImmediatePropagation?.();\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\nconst MOBILE_COLLAPSED_VARIANTS = new Set(['TEXT', 'BACK', 'PARENT-TITLE', 'MENU-TITLE', 'SHEET']);\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 * @cssproperty [--wje-breadcrumb-line-height=1.5] - Controls the vertical rhythm of breadcrumb text.\n * @cssproperty [--wje-breadcrumb-native-line-height=var(--wje-breadcrumb-line-height)] - Controls the line height of the native breadcrumb wrapper.\n * @cssproperty [--wje-breadcrumb-native-margin=0] - Sets outer spacing around the native breadcrumb wrapper.\n * @cssproperty [--wje-breadcrumb-native-padding=0.25rem 0.75rem] - Sets inner spacing inside the native breadcrumb wrapper.\n * @cssproperty [--wje-breadcrumb-margin=var(--wje-breadcrumb-native-margin)] - Backwards-compatible alias for native breadcrumb margin.\n * @cssproperty [--wje-breadcrumb-padding=var(--wje-breadcrumb-native-padding)] - Backwards-compatible alias for native breadcrumb padding.\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        this.handleNativeClick = (e) => this.handleDisabledNativeClick(e);\n    }\n\n    /**\n     * Sets the breadcrumb link URL.\n     * @param {string|null} value Link URL.\n     */\n    set href(value) {\n        if (value === null || value === undefined) this.removeAttribute('href');\n        else this.setAttribute('href', value);\n    }\n\n    /**\n     * Gets the breadcrumb link URL.\n     * @returns {string|null}\n     */\n    get href() {\n        return this.getAttribute('href');\n    }\n\n    /**\n     * Sets the disabled state.\n     * @param {boolean} value Disabled state.\n     */\n    set disabled(value) {\n        if (value === true || value === '' || value === 'true' || value === 1 || value === '1') {\n            this.setAttribute('disabled', '');\n        } else {\n            this.removeAttribute('disabled');\n        }\n    }\n\n    /**\n     * Gets the disabled state.\n     * @returns {boolean}\n     */\n    get disabled() {\n        return this.hasAttribute('disabled');\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        return this.collapsedVariantName.toUpperCase();\n    }\n\n    /**\n     * Get collapsed variant token.\n     * @returns {string}\n     */\n    get collapsedVariantName() {\n        return String(this.parentElement?.collapsedVariant || this.parentElement?.variant || this._collapsedVariant || 'button').trim();\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', 'href', 'target', 'rel', 'download', 'disabled', 'title', 'aria-label'];\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        if (oldValue === newValue) return;\n\n        if (name === 'collapsed') {\n            const isCollapsed = newValue !== null && WjElementUtils.stringToBoolean(newValue);\n\n            this.classList.toggle('collapsed', isCollapsed && !this.hasAttribute('show-collapsed-indicator'));\n\n        } else if (name === 'show-collapsed-indicator') {\n            super.attributeChangedCallback?.(name, oldValue, newValue);\n            const isOn = newValue !== null && WjElementUtils.stringToBoolean(newValue);\n            this._showCollapsedIndicator = isOn;\n            this.classList.toggle('collapsed', this.hasAttribute('collapsed') && !isOn);\n            this.refresh();\n\n        } else if (name === 'last') {\n            super.attributeChangedCallback?.(name, oldValue, newValue);\n            const isLast = newValue !== null && WjElementUtils.stringToBoolean(newValue);\n            this.active = isLast;\n            this.showSeparator = !isLast;\n            this.syncAria();\n            this.syncNativeAttributes();\n            this.refresh();\n        } else {\n            this.syncAria();\n            this.syncNativeAttributes();\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        if (this.disabled) this.setAriaState({ disabled: true });\n        else this.removeAttribute('aria-disabled');\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\n        this.native = native;\n        this.syncNativeAttributes();\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.shouldRenderSeparator()) {\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        return fragment;\n    }\n\n    /**\n     * Returns whether the separator should be visible after this breadcrumb.\n     * @returns {boolean}\n     */\n    shouldRenderSeparator() {\n        return this.showSeparator && this.hasVisibleBreadcrumbAfter();\n    }\n\n    /**\n     * Returns whether any later breadcrumb is still visible in the rendered trail.\n     * @returns {boolean}\n     */\n    hasVisibleBreadcrumbAfter() {\n        const breadcrumbs = this.parentElement?.getBreadcrumbs?.();\n\n        if (!Array.isArray(breadcrumbs)) return true;\n\n        const index = breadcrumbs.indexOf(this);\n\n        if (index === -1) return true;\n\n        return breadcrumbs.slice(index + 1).some((breadcrumb) => this.isBreadcrumbVisibleInTrail(breadcrumb));\n    }\n\n    /**\n     * Returns whether a breadcrumb is visible in the rendered trail.\n     * @param {Element} breadcrumb Breadcrumb element to inspect.\n     * @returns {boolean}\n     */\n    isBreadcrumbVisibleInTrail(breadcrumb) {\n        return !(breadcrumb?.hasAttribute?.('collapsed') && !breadcrumb?.hasAttribute?.('show-collapsed-indicator'));\n    }\n\n    /**\n     * Synchronizes host attributes to the internal anchor.\n     */\n    syncNativeAttributes() {\n        const native = this.native || this.context?.querySelector('a.native-breadcrumb');\n        if (!native) return;\n\n        const isDisabled = this.disabled;\n        const href = this.href;\n\n        if (href !== null && href !== undefined && !isDisabled) {\n            native.setAttribute('href', href);\n        } else {\n            native.removeAttribute('href');\n        }\n\n        ['target', 'rel', 'download'].forEach((attr) => {\n            if (this.hasAttribute(attr) && !isDisabled) {\n                native.setAttribute(attr, this.getAttribute(attr));\n            } else {\n                native.removeAttribute(attr);\n            }\n        });\n\n        ['title', 'aria-label'].forEach((attr) => {\n            if (this.hasAttribute(attr)) {\n                native.setAttribute(attr, this.getAttribute(attr));\n            } else {\n                native.removeAttribute(attr);\n            }\n        });\n\n        native.classList.toggle('active', Boolean(this.active));\n        native.classList.toggle('disabled', isDisabled);\n\n        if (this.active) native.setAttribute('aria-current', 'page');\n        else native.removeAttribute('aria-current');\n\n        if (isDisabled) {\n            native.setAttribute('aria-disabled', 'true');\n            native.setAttribute('tabindex', '-1');\n        } else {\n            native.removeAttribute('aria-disabled');\n            native.removeAttribute('tabindex');\n        }\n    }\n\n    /**\n     * Sets up native anchor listeners after render.\n     */\n    afterDraw() {\n        this.native?.addEventListener('click', this.handleNativeClick);\n    }\n\n    /**\n     * Removes native anchor listeners before redraw/disconnect.\n     */\n    beforeDisconnect() {\n        this.native?.removeEventListener('click', this.handleNativeClick);\n    }\n\n    /**\n     * Prevents disabled breadcrumbs from navigating or bubbling click handlers.\n     * @param {MouseEvent} e Click event.\n     */\n    handleDisabledNativeClick(e) {\n        if (!this.disabled) return;\n\n        e.preventDefault();\n        e.stopPropagation();\n        e.stopImmediatePropagation?.();\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     * Mobile breakpoint variants render compact breadcrumb summaries, otherwise the default button is used.\n     * @returns {any} The rendered collapsed indicator, either as a dropdown or a button.\n     */\n    drawCollapsedIndicator() {\n        const variant = this.collapsedVariant;\n\n        if (variant === 'DROPDOWN') {\n            return this.collapseDropdown();\n        }\n\n        if (this.isMobileCollapsedVariant() && this.isBreakpointMenuIndicator()) {\n            return this.collapseMobileVariant(variant);\n        }\n\n        return this.collapseButton();\n    }\n\n    /**\n     * Returns whether the current collapsed variant is a compact mobile layout.\n     * @returns {boolean}\n     */\n    isMobileCollapsedVariant() {\n        return MOBILE_COLLAPSED_VARIANTS.has(this.collapsedVariant);\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        const isBreakpointMenuIndicator = this.isBreakpointMenuIndicator();\n        const breadcrumbs = this.getCollapsedMenuBreadcrumbs(isBreakpointMenuIndicator);\n        const trigger = this.createCollapsedDropdownTrigger(isBreakpointMenuIndicator);\n\n        return this.createBreadcrumbDropdown({\n            breadcrumbs,\n            trigger,\n            placement: isBreakpointMenuIndicator ? 'bottom-start' : 'bottom',\n        });\n    }\n\n    /**\n     * Creates a dropdown containing breadcrumb menu items.\n     * @param {object} options Configuration for the dropdown shell.\n     * @param {Array<HTMLElement>} options.breadcrumbs Breadcrumb elements to mirror in the menu.\n     * @param {HTMLElement} options.trigger Element assigned to the dropdown trigger slot.\n     * @param {string} options.placement Floating UI placement token for the popup.\n     * @returns {HTMLElement}\n     */\n    createBreadcrumbDropdown({ breadcrumbs, trigger, placement = 'bottom' }) {\n        const dropdown = document.createElement('wje-dropdown');\n        dropdown.setAttribute('placement', placement);\n        dropdown.setAttribute('offset', '10');\n\n        const menu = this.createCollapsedBreadcrumbMenu(breadcrumbs);\n\n        dropdown.append(trigger, menu);\n\n        return dropdown;\n    }\n\n    /**\n     * Creates the menu used by collapsed dropdown variants.\n     * @param {Array<HTMLElement>} breadcrumbs Breadcrumb items represented by menu items.\n     * @returns {HTMLElement}\n     */\n    createCollapsedBreadcrumbMenu(breadcrumbs) {\n        const menu = document.createElement('wje-menu');\n        menu.setAttribute('variant', 'context');\n        menu.style.setProperty('--wje-menu-item-justify-content', 'flex-start');\n\n        menu.addEventListener('click', (e) => {\n            e.stopPropagation();\n            e.stopImmediatePropagation?.();\n        });\n\n        breadcrumbs.forEach((breadcrumb) => {\n            const menuItem = document.createElement('wje-menu-item');\n            this.populateCollapsedMenuItem(menuItem, breadcrumb);\n\n            menuItem.__breadcrumb = breadcrumb;\n\n            menuItem.addEventListener('wje-menu-item:click', (e) => {\n                e.preventDefault?.();\n                e.stopPropagation();\n                e.stopImmediatePropagation?.();\n\n                this.forwardBreadcrumbClick(e.currentTarget.__breadcrumb);\n            });\n\n            menu.append(menuItem);\n        });\n\n        return menu;\n    }\n\n    /**\n     * Returns breadcrumbs that should be exposed in a collapsed menu.\n     * @param {boolean} isBreakpointMenuIndicator Whether this trigger controls the full breakpoint menu.\n     * @returns {Array<HTMLElement>}\n     */\n    getCollapsedMenuBreadcrumbs(isBreakpointMenuIndicator) {\n        const breadcrumbs = this.getBreadcrumbs();\n\n        if (isBreakpointMenuIndicator) {\n            return breadcrumbs?.getBreadcrumbs?.() || [];\n        }\n\n        return breadcrumbs?.getBreadcrumbsCollapsed?.() || [];\n    }\n\n    /**\n     * Renders one of the compact mobile breakpoint variants.\n     * @param {string} variant Normalized uppercase variant token.\n     * @returns {HTMLElement}\n     */\n    collapseMobileVariant(variant) {\n        if (variant === 'TEXT') return this.collapseMobileText();\n        if (variant === 'BACK') return this.collapseMobileBack();\n        if (variant === 'PARENT-TITLE') return this.collapseMobileParentTitle();\n        if (variant === 'MENU-TITLE') return this.collapseMobileMenuTitle();\n        if (variant === 'SHEET') return this.collapseMobileSheet();\n\n        return this.collapseButton();\n    }\n\n    /**\n     * Renders only the current breadcrumb title.\n     * @returns {HTMLElement}\n     */\n    collapseMobileText() {\n        const current = this.getCurrentBreadcrumb();\n        const container = this.createMobileContainer('breadcrumb-mobile--text');\n        const title = this.createMobileBreadcrumbControl(current, 'breadcrumb-mobile__title', {\n            ariaCurrent: true,\n            actionable: this.isBreadcrumbActionable(current),\n        });\n\n        container.append(title);\n\n        return container;\n    }\n\n    /**\n     * Renders a parent back action above the current title.\n     * @returns {HTMLElement}\n     */\n    collapseMobileBack() {\n        const current = this.getCurrentBreadcrumb();\n        const parent = this.getParentBreadcrumb();\n        const container = this.createMobileContainer('breadcrumb-mobile--back');\n\n        if (parent) {\n            const back = this.createMobileBreadcrumbControl(parent, 'breadcrumb-mobile__back', {\n                ariaLabel: 'Go to parent',\n                icon: 'arrow-left',\n                actionable: this.isBreadcrumbActionable(parent),\n            });\n            container.append(back);\n        }\n\n        const title = this.createMobileBreadcrumbControl(current, 'breadcrumb-mobile__title', {\n            ariaCurrent: true,\n            actionable: false,\n        });\n        container.append(title);\n\n        return container;\n    }\n\n    /**\n     * Renders parent context above the current title.\n     * @returns {HTMLElement}\n     */\n    collapseMobileParentTitle() {\n        const current = this.getCurrentBreadcrumb();\n        const parent = this.getParentBreadcrumb();\n        const container = this.createMobileContainer('breadcrumb-mobile--parent-title');\n\n        if (parent) {\n            const parentControl = this.createMobileBreadcrumbControl(parent, 'breadcrumb-mobile__parent', {\n                actionable: this.isBreadcrumbActionable(parent),\n            });\n            container.append(parentControl);\n        }\n\n        const title = this.createMobileBreadcrumbControl(current, 'breadcrumb-mobile__title', {\n            ariaCurrent: true,\n            actionable: false,\n        });\n        container.append(title);\n\n        return container;\n    }\n\n    /**\n     * Renders a menu trigger with the current title.\n     * @returns {HTMLElement}\n     */\n    collapseMobileMenuTitle() {\n        const trigger = this.createMobileDropdownTrigger({\n            icon: 'dots',\n            label: this.getBreadcrumbLabel(this.getCurrentBreadcrumb()),\n            ariaLabel: 'Show breadcrumb menu',\n            className: 'breadcrumb-mobile--menu-title',\n        });\n\n        return this.createMobileDropdown(trigger);\n    }\n\n    /**\n     * Renders the future sheet variant using the dropdown fallback for now.\n     * @returns {HTMLElement}\n     */\n    collapseMobileSheet() {\n        const trigger = this.createMobileDropdownTrigger({\n            icon: 'chevron-down',\n            iconPosition: 'end',\n            label: this.getBreadcrumbLabel(this.getCurrentBreadcrumb()),\n            ariaLabel: 'Show breadcrumb path',\n            className: 'breadcrumb-mobile--sheet',\n        });\n\n        return this.createMobileDropdown(trigger);\n    }\n\n    /**\n     * Creates a dropdown fallback for mobile menu-like variants.\n     * @param {HTMLElement} trigger Element that opens the fallback dropdown.\n     * @returns {HTMLElement}\n     */\n    createMobileDropdown(trigger) {\n        const dropdown = this.createBreadcrumbDropdown({\n            breadcrumbs: this.getTrailBreadcrumbs(),\n            trigger,\n            placement: 'bottom-start',\n        });\n\n        dropdown.classList.add('breadcrumb-mobile-dropdown');\n\n        return dropdown;\n    }\n\n    /**\n     * Creates a compact mobile dropdown trigger.\n     * @param {object} options Visual settings for the compact trigger.\n     * @param {string} options.icon Icon shown next to the title.\n     * @param {string} options.iconPosition Whether the icon renders at the start or end.\n     * @param {string} options.label Current breadcrumb label shown beside the icon.\n     * @param {string} options.ariaLabel Accessible name for the dropdown trigger.\n     * @param {string} options.className Variant-specific class applied to the trigger.\n     * @returns {HTMLElement}\n     */\n    createMobileDropdownTrigger({ icon, iconPosition = 'start', label, ariaLabel, className }) {\n        const trigger = document.createElement('wje-button');\n        trigger.setAttribute('slot', 'trigger');\n        trigger.setAttribute('fill', 'link');\n        trigger.setAttribute('aria-label', ariaLabel);\n        trigger.classList.add('breadcrumb-mobile', 'breadcrumb-mobile__menu', className);\n\n        const iconElement = document.createElement('wje-icon');\n        iconElement.setAttribute('name', icon);\n        iconElement.setAttribute('slot', iconPosition === 'end' ? 'end' : 'start');\n        iconElement.classList.add('breadcrumb-mobile__icon');\n\n        const title = document.createElement('span');\n        title.classList.add('breadcrumb-mobile__title');\n        title.setAttribute('aria-current', 'page');\n        title.textContent = label;\n        if (label) title.setAttribute('title', label);\n\n        if (iconPosition === 'end') {\n            trigger.append(title, iconElement);\n        } else {\n            trigger.append(iconElement, title);\n        }\n\n        return trigger;\n    }\n\n    /**\n     * Creates a wrapper for compact mobile breadcrumb variants.\n     * @param {string} className Variant class.\n     * @returns {HTMLElement}\n     */\n    createMobileContainer(className) {\n        const container = document.createElement('div');\n        container.classList.add('breadcrumb-mobile', className);\n\n        return container;\n    }\n\n    /**\n     * Creates a text or button control for a breadcrumb.\n     * @param {HTMLElement|null} breadcrumb Source breadcrumb.\n     * @param {string} className Class applied to the created control.\n     * @param {object} options Behavior and accessibility settings for the control.\n     * @param {boolean} options.actionable Whether clicks should forward to the source breadcrumb.\n     * @param {boolean} options.ariaCurrent Whether the control marks the current page.\n     * @param {string} options.ariaLabel Accessible name for action controls.\n     * @param {string} options.icon Optional icon shown before the label.\n     * @returns {HTMLElement}\n     */\n    createMobileBreadcrumbControl(breadcrumb, className, { actionable = false, ariaCurrent = false, ariaLabel, icon } = {}) {\n        const label = this.getBreadcrumbLabel(breadcrumb);\n        const control = document.createElement(actionable ? 'button' : 'span');\n\n        control.classList.add(className);\n        if (actionable) {\n            control.setAttribute('type', 'button');\n            control.addEventListener('click', (e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                e.stopImmediatePropagation?.();\n                this.forwardBreadcrumbClick(breadcrumb);\n            });\n        }\n\n        if (ariaCurrent) control.setAttribute('aria-current', 'page');\n        if (ariaLabel && actionable) control.setAttribute('aria-label', ariaLabel);\n        if (label) control.setAttribute('title', label);\n\n        if (icon) {\n            const iconElement = document.createElement('wje-icon');\n            iconElement.setAttribute('name', icon);\n            iconElement.classList.add('breadcrumb-mobile__icon');\n            control.append(iconElement);\n        }\n\n        const text = document.createElement('span');\n        text.classList.add('breadcrumb-mobile__label');\n        text.textContent = label;\n        control.append(text);\n\n        return control;\n    }\n\n    /**\n     * Returns the full trail of sibling breadcrumbs.\n     * @returns {Array<HTMLElement>}\n     */\n    getTrailBreadcrumbs() {\n        return this.getBreadcrumbs()?.getBreadcrumbs?.() || [];\n    }\n\n    /**\n     * Returns the current breadcrumb item.\n     * @returns {HTMLElement|null}\n     */\n    getCurrentBreadcrumb() {\n        const breadcrumbs = this.getTrailBreadcrumbs();\n\n        return breadcrumbs[breadcrumbs.length - 1] || null;\n    }\n\n    /**\n     * Returns the parent breadcrumb item.\n     * @returns {HTMLElement|null}\n     */\n    getParentBreadcrumb() {\n        const breadcrumbs = this.getTrailBreadcrumbs();\n\n        return breadcrumbs.length > 1 ? breadcrumbs[breadcrumbs.length - 2] : null;\n    }\n\n    /**\n     * Returns whether a breadcrumb has a known action to forward.\n     * @param {HTMLElement|null} breadcrumb Breadcrumb to inspect.\n     * @returns {boolean}\n     */\n    isBreadcrumbActionable(breadcrumb) {\n        if (!breadcrumb || breadcrumb.disabled || breadcrumb.hasAttribute?.('disabled')) return false;\n\n        return Boolean(\n            breadcrumb.hasAttribute?.('href') ||\n            breadcrumb.hasAttribute?.('onclick') ||\n            breadcrumb.__wjeBreadcrumbManaged ||\n            breadcrumb.hasAttribute?.('data-wje-breadcrumbs-item')\n        );\n    }\n\n    /**\n     * Forwards a compact control or menu item click to the original breadcrumb.\n     * @param {HTMLElement|null} breadcrumb Source breadcrumb.\n     */\n    forwardBreadcrumbClick(breadcrumb) {\n        if (!breadcrumb) return;\n\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    /**\n     * Creates the dropdown trigger for collapsed breadcrumbs.\n     * @param {boolean} isBreakpointMenuIndicator Whether this trigger controls the full breakpoint menu.\n     * @returns {HTMLElement}\n     */\n    createCollapsedDropdownTrigger(isBreakpointMenuIndicator) {\n        if (isBreakpointMenuIndicator) {\n            const customTrigger = this.getBreadcrumbs()?.getBreakpointCollapseTrigger?.();\n\n            if (customTrigger) {\n                const trigger = customTrigger.cloneNode(true);\n                trigger.setAttribute('slot', 'trigger');\n\n                if (!trigger.hasAttribute('aria-label')) {\n                    trigger.setAttribute('aria-label', 'Show breadcrumb menu');\n                }\n\n                return trigger;\n            }\n        }\n\n        let button = document.createElement('wje-button');\n        button.setAttribute('slot', 'trigger');\n        button.setAttribute('fill', 'link');\n        button.setAttribute('aria-label', 'Show more breadcrumbs');\n        button.innerHTML = `<wje-icon name=\"${this.getCollapsedDropdownIcon(isBreakpointMenuIndicator)}\"></wje-icon>`;\n\n        return button;\n    }\n\n    /**\n     * Resolves the icon used by the default dropdown trigger.\n     * @param {boolean} isBreakpointMenuIndicator Whether this trigger controls the full breakpoint menu.\n     * @returns {string}\n     */\n    getCollapsedDropdownIcon(isBreakpointMenuIndicator) {\n        if (!isBreakpointMenuIndicator) return 'dots';\n\n        return this.getBreadcrumbs()?.breakpointCollapseIcon || 'menu';\n    }\n\n    /**\n     * Copies breadcrumb content into a collapsed menu item.\n     * @param {HTMLElement} menuItem Menu item receiving the content.\n     * @param {HTMLElement} breadcrumb Source breadcrumb.\n     */\n    populateCollapsedMenuItem(menuItem, breadcrumb) {\n        const nodes = Array.from(breadcrumb.childNodes).map((node) => node.cloneNode(true));\n\n        menuItem.replaceChildren(...nodes);\n\n        if (menuItem.textContent.trim()) return;\n\n        const label = this.getBreadcrumbLabel(breadcrumb);\n\n        if (label) {\n            menuItem.append(document.createTextNode(label));\n        }\n    }\n\n    /**\n     * Resolves a readable label for a breadcrumb item.\n     * @param {HTMLElement|null} breadcrumb Source breadcrumb.\n     * @returns {string}\n     */\n    getBreadcrumbLabel(breadcrumb) {\n        if (!breadcrumb) return '';\n\n        return this.getCollapsedMenuItemLabel(breadcrumb);\n    }\n\n    /**\n     * Resolves a readable label for icon-only collapsed menu items.\n     * @param {HTMLElement} breadcrumb Source breadcrumb.\n     * @returns {string}\n     */\n    getCollapsedMenuItemLabel(breadcrumb) {\n        const explicitLabel = breadcrumb.getAttribute('aria-label') || breadcrumb.getAttribute('title');\n\n        if (explicitLabel?.trim()) return explicitLabel.trim();\n\n        const text = breadcrumb.textContent.trim();\n\n        if (text) return text;\n\n        const iconName = breadcrumb.querySelector('wje-icon[slot=\"start\"]')?.getAttribute('name');\n\n        if (iconName === 'home') return 'Home';\n\n        const href = breadcrumb.getAttribute('href');\n        const path = href?.split(/[?#]/)[0] || '';\n        const segment = path.split('/').filter(Boolean).pop();\n\n        return segment ? this.humanizeCollapsedMenuItemLabel(segment) : '';\n    }\n\n    /**\n     * Turns a URL segment into a readable menu label.\n     * @param {string} value URL segment.\n     * @returns {string}\n     */\n    humanizeCollapsedMenuItemLabel(value) {\n        return decodeURIComponent(value)\n            .replace(/[-_]+/g, ' ')\n            .replace(/\\b\\w/g, (letter) => letter.toUpperCase());\n    }\n\n    /**\n     * Returns whether this collapsed indicator represents the full breakpoint menu.\n     * @returns {boolean}\n     */\n    isBreakpointMenuIndicator() {\n        const breadcrumbs = this.parentElement;\n\n        return (\n            this.hasAttribute('show-collapsed-indicator') &&\n            this.hasAttribute('collapsed') &&\n            breadcrumbs?.isBreakpointMenuCollapseActive?.()\n        );\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';\nimport '../wje-button/button.js';\nimport '../wje-dropdown/dropdown.js';\nimport '../wje-icon/icon.js';\nimport '../wje-menu/menu.js';\nimport '../wje-menu-item/menu-item.js';\nimport '../wje-popup/popup.js';\nimport '../wje-tooltip/tooltip.js';\n\n// export * from \"./breadcrumb.element.js\";\nexport default Breadcrumb;\n\nBreadcrumb.define('wje-breadcrumb', Breadcrumb);\n"],"names":[],"mappings":"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"}

package/dist/wje-breadcrumbs.js

@@ -4,6 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import WJElement from "./wje-element.js";
 const styles = "/*\n[ WJ Breadcrumbs ]\n*/\n\n:host {\n    --wje-breadcrumbs-breakpoint-sm: 576px;\n    --wje-breadcrumbs-breakpoint-md: 768px;\n    --wje-breadcrumbs-breakpoint-lg: 992px;\n    --wje-breadcrumbs-breakpoint-xl: 1200px;\n    --wje-breadcrumbs-breakpoint-2xl: 1450px;\n    --wje-breadcrumbs-breakpoint-xxl: 1450px;\n\n    display: flex;\n    flex-wrap: nowrap;\n    align-items: center;\n    min-width: 0;\n    overflow: hidden;\n}\n";
 const MANAGED_ITEM_ATTRIBUTE = "data-wje-breadcrumbs-item";
+const MOBILE_COLLAPSED_VARIANTS = /* @__PURE__ */ new Set(["text", "back", "parent-title", "menu-title", "sheet"]);
 const _Breadcrumbs = class _Breadcrumbs extends WJElement {
   /**
    * Breadcrumbs constructor method.
@@ -55,6 +56,14 @@ const _Breadcrumbs = class _Breadcrumbs extends WJElement {
   get variant() {
     return this.getAttribute("variant") || "button";
   }
+  /**
+   * Get the collapsed indicator variant.
+   * @param {string} value Collapsed indicator variant.
+   */
+  set collapsedVariant(value) {
+    if (value) this.setAttribute("collapsed-variant", value);
+    else this.removeAttribute("collapsed-variant");
+  }
   /**
    * Get the collapsed indicator variant.
    * @returns {string}
@@ -62,6 +71,13 @@ const _Breadcrumbs = class _Breadcrumbs extends WJElement {
   get collapsedVariant() {
     return this.getAttribute("collapsed-variant") || this.variant;
   }
+  /**
+   * Gets the collapsed indicator variant as a normalized token.
+   * @returns {string}
+   */
+  get normalizedCollapsedVariant() {
+    return String(this.collapsedVariant || "").trim().toLowerCase();
+  }
   /**
    * Sets the collapse breakpoint token or value.
    * @param {string} value Breakpoint token or CSS size.
@@ -77,6 +93,36 @@ const _Breadcrumbs = class _Breadcrumbs extends WJElement {
   get breakpoint() {
     return this.getAttribute("breakpoint") || "";
   }
+  /**
+   * Sets the collapse behavior used below the configured breakpoint.
+   * @param {string} value Collapse behavior.
+   */
+  set breakpointCollapse(value) {
+    if (value) this.setAttribute("breakpoint-collapse", value);
+    else this.removeAttribute("breakpoint-collapse");
+  }
+  /**
+   * Gets the collapse behavior used below the configured breakpoint.
+   * @returns {string}
+   */
+  get breakpointCollapse() {
+    return (this.getAttribute("breakpoint-collapse") || "items").toLowerCase();
+  }
+  /**
+   * Sets the icon used by the default breakpoint menu trigger.
+   * @param {string} value Icon name.
+   */
+  set breakpointCollapseIcon(value) {
+    if (value) this.setAttribute("breakpoint-collapse-icon", value);
+    else this.removeAttribute("breakpoint-collapse-icon");
+  }
+  /**
+   * Gets the icon used by the default breakpoint menu trigger.
+   * @returns {string}
+   */
+  get breakpointCollapseIcon() {
+    return this.getAttribute("breakpoint-collapse-icon") || "";
+  }
   /**
    * Get items before collapse attribute.
    * @param {string} value
@@ -137,19 +183,61 @@ const _Breadcrumbs = class _Breadcrumbs extends WJElement {
    * @returns {Array<string>} - The observed attributes array for the Breadcrumb element.
    */
   static get observedAttributes() {
-    return ["breakpoint", "max-items", "items-before-collapse", "items-after-collapse", "collapsed-variant", "variant"];
+    return [
+      "breakpoint",
+      "breakpoint-collapse",
+      "max-items",
+      "items-before-collapse",
+      "items-after-collapse",
+      "collapsed-variant",
+      "breakpoint-collapse-icon",
+      "variant",
+      "aria-label",
+      "aria-labelledby"
+    ];
   }
   /**
    * Setup attributes for the Breadcrumbs element.
    */
   setupAttributes() {
     this.isShadowRoot = "open";
-    this.setAriaState({ role: "navigation" });
+    this.syncAria();
     this.upgradeProperty("items");
     if (!this._hasItemsValue && this.hasAttribute("items")) {
       this.items = this.getAttribute("items");
     }
   }
+  /**
+   * Handles attribute changes that affect light-DOM breadcrumb indicators.
+   * @param {string} name Updated attribute.
+   * @param {string|null} oldValue Previous value.
+   * @param {string|null} newValue Next value.
+   */
+  attributeChangedCallback(name, oldValue, newValue) {
+    var _a;
+    if (oldValue === newValue) return;
+    (_a = super.attributeChangedCallback) == null ? void 0 : _a.call(this, name, oldValue, newValue);
+    if (name === "aria-label" || name === "aria-labelledby") {
+      this.syncAria();
+    }
+    if (name === "collapsed-variant" || name === "variant" || name === "breakpoint-collapse" || name === "breakpoint-collapse-icon") {
+      this.updateCollapse();
+      this.refreshCollapsedIndicators();
+    }
+  }
+  /**
+   * Syncs host navigation semantics while preserving user-provided names.
+   */
+  syncAria() {
+    this.setAriaState({ role: "navigation" });
+    const label = this.getAttribute("aria-label");
+    const hasLabelledBy = this.hasAttribute("aria-labelledby");
+    if (!label && !hasLabelledBy) {
+      this.setAriaState({ label: "Breadcrumb" });
+    } else if (hasLabelledBy && label === "Breadcrumb") {
+      this.removeAttribute("aria-label");
+    }
+  }
   /**
    * Draw method for the Breadcrumbs element.
    * @returns {object} fragment - The document fragment
@@ -461,8 +549,14 @@ const _Breadcrumbs = class _Breadcrumbs extends WJElement {
     let breadcrumbs = this.getBreadcrumbs();
     if (breadcrumbs.length === 0) return;
     this._isCollapsedByBreakpoint = this.shouldApplyBreakpointCollapse();
+    const shouldCollapseToMenu = this.isBreakpointMenuCollapseActive() && (breadcrumbs.length > 1 || this.usesMobileCollapsedVariant());
+    if (shouldCollapseToMenu) {
+      this.applyMenuCollapse(breadcrumbs);
+      return;
+    }
     const effectiveItemsAfterCollapse = this.itemsAfterCollapse;
-    const shouldCollapse = this._isCollapsedByBreakpoint && this.maxItems > 0 && breadcrumbs.length > this.maxItems && this.itemsBeforeCollapse + effectiveItemsAfterCollapse + 1 <= this.maxItems;
+    const shouldUseItemCollapse = this.breakpointCollapse === "menu" || this._isCollapsedByBreakpoint;
+    const shouldCollapse = shouldUseItemCollapse && this.maxItems > 0 && breadcrumbs.length > this.maxItems && this.itemsBeforeCollapse + effectiveItemsAfterCollapse + 1 <= this.maxItems;
     const lastIndex = breadcrumbs.length - 1;
     const indicatorIndex = shouldCollapse ? this.itemsBeforeCollapse : -1;
     const collapseStart = this.itemsBeforeCollapse;
@@ -470,6 +564,7 @@ const _Breadcrumbs = class _Breadcrumbs extends WJElement {
     breadcrumbs.forEach((breadcrumb, index) => {
       this.syncManagedAttribute(breadcrumb, "last", index === lastIndex);
       this.syncManagedAttribute(breadcrumb, "show-collapsed-indicator", index === indicatorIndex);
+      this.syncManagedAttribute(breadcrumb, "mobile-collapsed-indicator", false);
       const isCollapsed = shouldCollapse && index >= collapseStart && index < collapseEnd;
       this.syncManagedAttribute(breadcrumb, "collapsed", isCollapsed);
       if (!isCollapsed && breadcrumb.classList.contains("collapsed")) {
@@ -477,6 +572,40 @@ const _Breadcrumbs = class _Breadcrumbs extends WJElement {
       }
     });
   }
+  /**
+   * Collapses the whole breadcrumb trail into a single menu indicator.
+   * @param {Array<Element>} breadcrumbs Breadcrumb items.
+   */
+  applyMenuCollapse(breadcrumbs) {
+    const lastIndex = breadcrumbs.length - 1;
+    const usesMobileVariant = this.usesMobileCollapsedVariant();
+    breadcrumbs.forEach((breadcrumb, index) => {
+      const isIndicator = index === 0;
+      this.syncManagedAttribute(breadcrumb, "last", index === lastIndex);
+      this.syncManagedAttribute(breadcrumb, "show-collapsed-indicator", isIndicator);
+      this.syncManagedAttribute(breadcrumb, "collapsed", true);
+      this.syncManagedAttribute(breadcrumb, "mobile-collapsed-indicator", isIndicator && usesMobileVariant);
+      if (isIndicator) {
+        breadcrumb.classList.remove("collapsed");
+      }
+    });
+  }
+  /**
+   * Returns whether the active breakpoint mode should move the full trail into one menu.
+   * @returns {boolean}
+   */
+  isBreakpointMenuCollapseActive() {
+    return Boolean(
+      this.getBreakpointWidth() && this._isCollapsedByBreakpoint && this.breakpointCollapse === "menu"
+    );
+  }
+  /**
+   * Returns whether the active collapsed variant is one of the mobile compact layouts.
+   * @returns {boolean}
+   */
+  usesMobileCollapsedVariant() {
+    return MOBILE_COLLAPSED_VARIANTS.has(this.normalizedCollapsedVariant);
+  }
   /**
    * Clears attributes/classes managed by the collapse algorithm.
    * @param {Array<Element>} breadcrumbs Breadcrumb items.
@@ -485,6 +614,7 @@ const _Breadcrumbs = class _Breadcrumbs extends WJElement {
     breadcrumbs.forEach((breadcrumb) => {
       breadcrumb.removeAttribute("collapsed");
       breadcrumb.removeAttribute("show-collapsed-indicator");
+      breadcrumb.removeAttribute("mobile-collapsed-indicator");
       breadcrumb.removeAttribute("last");
       breadcrumb.classList.remove("collapsed");
     });
@@ -505,6 +635,15 @@ const _Breadcrumbs = class _Breadcrumbs extends WJElement {
       element.removeAttribute(name);
     }
   }
+  /**
+   * Redraws active collapsed indicators when parent-only rendering inputs change.
+   */
+  refreshCollapsedIndicators() {
+    this.getBreadcrumbs().filter((breadcrumb) => breadcrumb.hasAttribute("show-collapsed-indicator")).forEach((breadcrumb) => {
+      var _a;
+      return (_a = breadcrumb.refresh) == null ? void 0 : _a.call(breadcrumb);
+    });
+  }
   /**
    * Returns whether collapse rules should currently be applied.
    * @returns {boolean}
@@ -533,6 +672,16 @@ const _Breadcrumbs = class _Breadcrumbs extends WJElement {
     const directNumber = parseFloat(token);
     return Number.isFinite(directNumber) ? directNumber : null;
   }
+  /**
+   * Returns the custom trigger element configured for breakpoint menu collapse.
+   * @returns {Element|null}
+   */
+  getBreakpointCollapseTrigger() {
+    return Array.from(this.children).find((child) => {
+      var _a;
+      return ((_a = child.getAttribute) == null ? void 0 : _a.call(child, "slot")) === "breakpoint-collapse-trigger";
+    }) || 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/wje-breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-breadcrumbs.js","sources":["../packages/wje-breadcrumbs/breadcrumbs.element.js","../packages/wje-breadcrumbs/breadcrumbs.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\nconst MANAGED_ITEM_ATTRIBUTE = 'data-wje-breadcrumbs-item';\n\n/**\n * @summary This class represents a Breadcrumbs container, extending the WJElement class. It acts as a wrapper for individual breadcrumb elements and manages their behavior, such as collapsing and marking the last breadcrumb.\n * @documentation https://elements.webjet.sk/components/breadcrumbs\n * @status stable\n * @augments WJElement\n * @slot - The container for breadcrumb elements.\n * @csspart container - The component's container wrapper.\n * @property {Array<{id: string|number, label: string, href?: string, icon?: string, disabled?: boolean, data?: any}>} items - Data-driven breadcrumb items.\n * @attribute {number} max-items - The maximum number of visible breadcrumbs before collapsing.\n * @attribute {number} items-before-collapse - The number of breadcrumbs to show before the collapsed indicator.\n * @attribute {number} items-after-collapse - The number of breadcrumbs to show after the collapsed indicator.\n * // @fires wje-breadcrumbs:item-click - Dispatched when a data-driven breadcrumb item is clicked.\n * @tag wje-breadcrumbs\n * @example\n * <!-- Example usage -->\n * <wje-breadcrumbs max-items=\"5\" items-before-collapse=\"2\" items-after-collapse=\"2\">\n *   <wje-breadcrumb>Home</wje-breadcrumb>\n *   <wje-breadcrumb>About</wje-breadcrumb>\n *   <wje-breadcrumb>Services</wje-breadcrumb>\n *   <wje-breadcrumb>Portfolio</wje-breadcrumb>\n *   <wje-breadcrumb>Contact</wje-breadcrumb>\n * </wje-breadcrumbs>\n *\n * <!-- Output: Only the first two and last two breadcrumbs will be visible, with a collapsed indicator in the middle -->\n */\n\nexport default class Breadcrumbs extends WJElement {\n    static BREAKPOINTS = {\n        sm: 576,\n        md: 768,\n        lg: 992,\n        xl: 1200,\n        '2xl': 1450,\n        xxl: 1450,\n    };\n\n    /**\n     * Breadcrumbs constructor method.\n     * @class\n     */\n    constructor() {\n        super();\n\n        /**\n         * Last breadcrumb flag\n         * @type {boolean}\n         */\n        this.last = false;\n        this._isCollapsedByBreakpoint = null;\n        this._items = [];\n        this._itemRecords = [];\n        this._hasItemsValue = false;\n        this.handleManagedItemClick = (e) => this.dispatchManagedItemClick(e);\n    }\n\n    /**\n     * Sets data-driven breadcrumb items.\n     * @param {Array|string|null|undefined} value Breadcrumb items or a JSON string.\n     */\n    set items(value) {\n        const records = this.normalizeItems(value);\n\n        this._hasItemsValue = true;\n        this._items = records.map((record) => record.item);\n        this._itemRecords = records;\n\n        this.syncItems(records);\n    }\n\n    /**\n     * Gets data-driven breadcrumb items.\n     * @returns {Array}\n     */\n    get items() {\n        return this._items;\n    }\n\n    /**\n     * Set variant attribute for the Breadcrumbs element.\n     * @param value\n     */\n    set variant(value) {\n        this.setAttribute('variant', value);\n    }\n\n    /**\n     * Get variant attribute for the Breadcrumbs element.\n     * @returns {string}\n     */\n    get variant() {\n        return this.getAttribute('variant') || 'button';\n    }\n\n    /**\n     * Get the collapsed indicator variant.\n     * @returns {string}\n     */\n    get collapsedVariant() {\n        return this.getAttribute('collapsed-variant') || this.variant;\n    }\n\n    /**\n     * Sets the collapse breakpoint token or value.\n     * @param {string} value Breakpoint token or CSS size.\n     */\n    set breakpoint(value) {\n        if (value) this.setAttribute('breakpoint', value);\n        else this.removeAttribute('breakpoint');\n    }\n\n    /**\n     * Gets the collapse breakpoint token or value.\n     * @returns {string}\n     */\n    get breakpoint() {\n        return this.getAttribute('breakpoint') || '';\n    }\n\n    /**\n     * Get items before collapse attribute.\n     * @param {string} value\n     */\n    set maxItems(value) {\n        this.setAttribute('max-items', value || 0);\n    }\n\n    /**\n     * Get items before collapse attribute.\n     * @returns {number}\n     */\n    get maxItems() {\n        return +this.getAttribute('max-items' || 0);\n    }\n\n    /**\n     * Get items before collapse attribute.\n     * @param value\n     */\n    set itemsBeforeCollapse(value) {\n        this.setAttribute('items-before-collapse', value || 1);\n    }\n\n    /**\n     * Get items before collapse attribute.\n     * @returns {number}\n     */\n    get itemsBeforeCollapse() {\n        return +this.getAttribute('items-before-collapse') || 1;\n    }\n\n    /**\n     * Get items after collapse attribute.\n     * @param value\n     */\n    set itemsAfterCollapse(value) {\n        this.setAttribute('items-after-collapse', value || 1);\n    }\n\n    /**\n     * Get items after collapse attribute.\n     * @returns {number}\n     */\n    get itemsAfterCollapse() {\n        if (this.hasAttribute('items-after-collapse')) {\n            return +this.getAttribute('items-after-collapse') || 1;\n        }\n\n        const derivedItemsAfterCollapse = this.maxItems - this.itemsBeforeCollapse - 1;\n\n        return derivedItemsAfterCollapse > 0 ? derivedItemsAfterCollapse : 1;\n    }\n\n    /**\n     * Class name for the Breadcrumbs element.\n     * @type {string}\n     */\n    className = 'Breadcrumbs';\n\n    /**\n     * Get CSS stylesheet for the Breadcrumbs 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 ['breakpoint', 'max-items', 'items-before-collapse', 'items-after-collapse', 'collapsed-variant', 'variant'];\n    }\n\n    /**\n     * Setup attributes for the Breadcrumbs element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.setAriaState({ role: 'navigation' });\n        this.upgradeProperty('items');\n\n        if (!this._hasItemsValue && this.hasAttribute('items')) {\n            this.items = this.getAttribute('items');\n        }\n    }\n\n    /**\n     * Draw method for the Breadcrumbs element.\n     * @returns {object} fragment - The document fragment\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        fragment.appendChild(element);\n        this.defaultSlot = element;\n\n        return fragment;\n    }\n\n    /**\n     * Updates the breadcrumb elements after they are drawn on the page.\n     * It manages attributes on breadcrumb items and handles the logic for collapsing breadcrumbs\n     * if the total exceeds the specified maximum items.\n     * @returns {void} This method does not return a value.\n     */\n    afterDraw() {\n        this.onSlotChange = () => this.updateCollapse();\n        this.defaultSlot?.addEventListener('slotchange', this.onSlotChange);\n        this.addEventListener('click', this.handleManagedItemClick);\n        this.handleResize = () => this.handleBreakpointResize();\n\n        if (this.getBreakpointWidth()) {\n            window.addEventListener('resize', this.handleResize);\n        }\n\n        if (this._itemRecords.length > 0 && this.getManagedBreadcrumbs().length === 0) {\n            this.syncItems(this._itemRecords);\n        }\n\n        this.updateCollapse();\n    }\n\n    /**\n     * Removes listeners after disconnect.\n     */\n    afterDisconnect() {\n        this.defaultSlot?.removeEventListener('slotchange', this.onSlotChange);\n        this.removeEventListener('click', this.handleManagedItemClick);\n        window.removeEventListener('resize', this.handleResize);\n        this._isCollapsedByBreakpoint = null;\n    }\n\n    /**\n     * Upgrades properties set before the custom element definition was loaded.\n     * @param {string} property Property name.\n     */\n    upgradeProperty(property) {\n        if (!Object.prototype.hasOwnProperty.call(this, property)) return;\n\n        const value = this[property];\n        delete this[property];\n        this[property] = value;\n    }\n\n    /**\n     * Normalizes incoming item data for keyed DOM diffing.\n     * @param {Array|string|null|undefined} value Breadcrumb item data.\n     * @returns {Array<object>}\n     */\n    normalizeItems(value) {\n        let items = value;\n\n        if (typeof items === 'string') {\n            try {\n                items = JSON.parse(items);\n            } catch (e) {\n                console.warn('Invalid JSON passed to wje-breadcrumbs.items', e);\n                items = [];\n            }\n        }\n\n        if (items === null || items === undefined) return [];\n\n        if (!Array.isArray(items)) {\n            console.warn('wje-breadcrumbs.items expects an array.');\n            return [];\n        }\n\n        const usedKeys = new Set();\n\n        return items.map((item, index) => this.normalizeItem(item, index, usedKeys));\n    }\n\n    /**\n     * Normalizes a single item while preserving the original object for events.\n     * @param {object|string|number} item Source value for a breadcrumb entry.\n     * @param {number} index Position of the value in the current items array.\n     * @param {Set<string>} usedKeys Keys that have already been assigned during this update.\n     * @returns {object}\n     */\n    normalizeItem(item, index, usedKeys) {\n        const isObject = item !== null && typeof item === 'object';\n        const source = isObject\n            ? item\n            : {\n                id: index,\n                label: item === null || item === undefined ? '' : String(item),\n            };\n\n        return {\n            item: source,\n            key: this.getItemKey(source, index, usedKeys),\n            index,\n            label: source.label === null || source.label === undefined ? '' : String(source.label),\n            href: source.href === null || source.href === undefined ? null : String(source.href),\n            icon: source.icon === null || source.icon === undefined || source.icon === '' ? null : String(source.icon),\n            disabled: source.disabled === true || source.disabled === '' || source.disabled === 'true' || source.disabled === 1 || source.disabled === '1',\n        };\n    }\n\n    /**\n     * Resolves a stable key for an item.\n     * @param {object} item Normalized source object used to resolve the key.\n     * @param {number} index Fallback position used when the item has no id.\n     * @param {Set<string>} usedKeys Keys that have already been assigned during this update.\n     * @returns {string}\n     */\n    getItemKey(item, index, usedKeys) {\n        const baseKey = item.id === null || item.id === undefined\n            ? String(index)\n            : String(item.id);\n        let key = baseKey;\n        let suffix = 1;\n\n        while (usedKeys.has(key)) {\n            key = `${baseKey}:${suffix}`;\n            suffix += 1;\n        }\n\n        usedKeys.add(key);\n        return key;\n    }\n\n    /**\n     * Incrementally synchronizes data-driven items into light DOM breadcrumbs.\n     * @param {Array<object>} records Normalized records for the next breadcrumb trail.\n     */\n    syncItems(records) {\n        const managed = this.getManagedBreadcrumbs();\n        const managedByKey = new Map(managed.map((breadcrumb) => [breadcrumb.__wjeBreadcrumbKey || breadcrumb.getAttribute(MANAGED_ITEM_ATTRIBUTE), breadcrumb]));\n        const nextKeys = new Set(records.map((record) => record.key));\n\n        managed.forEach((breadcrumb) => {\n            const key = breadcrumb.__wjeBreadcrumbKey || breadcrumb.getAttribute(MANAGED_ITEM_ATTRIBUTE);\n\n            if (!nextKeys.has(key)) {\n                breadcrumb.remove();\n            }\n        });\n\n        let referenceNode = this.firstChild;\n\n        records.forEach((record, index) => {\n            let breadcrumb = managedByKey.get(record.key);\n            const signature = this.getItemStructureSignature(record);\n\n            if (breadcrumb && breadcrumb.__wjeBreadcrumbSignature !== signature) {\n                const previousBreadcrumb = breadcrumb;\n                const replacement = this.createItemElement(record, index);\n                breadcrumb.replaceWith(replacement);\n                breadcrumb = replacement;\n                if (referenceNode === previousBreadcrumb) referenceNode = breadcrumb;\n            } else if (!breadcrumb) {\n                breadcrumb = this.createItemElement(record, index);\n            } else {\n                this.updateItemElement(breadcrumb, record, index);\n            }\n\n            if (breadcrumb !== referenceNode) {\n                this.insertBefore(breadcrumb, referenceNode);\n            }\n\n            referenceNode = breadcrumb.nextSibling;\n        });\n\n        this.updateCollapse();\n    }\n\n    /**\n     * Creates a managed breadcrumb element.\n     * @param {object} record Normalized data used to create the breadcrumb.\n     * @param {number} index Position assigned to the created breadcrumb.\n     * @returns {HTMLElement}\n     */\n    createItemElement(record, index) {\n        const breadcrumb = document.createElement('wje-breadcrumb');\n        this.updateItemElement(breadcrumb, record, index);\n\n        return breadcrumb;\n    }\n\n    /**\n     * Updates a managed breadcrumb element only where values changed.\n     * @param {HTMLElement} breadcrumb Existing managed element to update.\n     * @param {object} record Normalized data used for the next rendered state.\n     * @param {number} index Position assigned to the managed breadcrumb.\n     */\n    updateItemElement(breadcrumb, record, index) {\n        breadcrumb.__wjeBreadcrumbManaged = true;\n        breadcrumb.__wjeBreadcrumbItem = record.item;\n        breadcrumb.__wjeBreadcrumbIndex = index;\n        breadcrumb.__wjeBreadcrumbKey = record.key;\n        breadcrumb.__wjeBreadcrumbSignature = this.getItemStructureSignature(record);\n\n        if (breadcrumb.getAttribute(MANAGED_ITEM_ATTRIBUTE) !== record.key) {\n            breadcrumb.setAttribute(MANAGED_ITEM_ATTRIBUTE, record.key);\n        }\n\n        this.syncItemAttribute(breadcrumb, 'href', record.href);\n        this.syncItemAttribute(breadcrumb, 'aria-label', record.label || null);\n        this.syncBooleanItemAttribute(breadcrumb, 'disabled', record.disabled);\n        this.syncItemContent(breadcrumb, record);\n    }\n\n    /**\n     * Synchronizes an attribute when its value changed.\n     * @param {HTMLElement} element Element receiving the synchronized attribute.\n     * @param {string} name Attribute to add, update, or remove.\n     * @param {string|null|undefined} value Next serialized value for the attribute.\n     */\n    syncItemAttribute(element, name, value) {\n        if (value === null || value === undefined || value === false) {\n            if (element.hasAttribute(name)) element.removeAttribute(name);\n            return;\n        }\n\n        const normalizedValue = String(value);\n\n        if (element.getAttribute(name) !== normalizedValue) {\n            element.setAttribute(name, normalizedValue);\n        }\n    }\n\n    /**\n     * Synchronizes a boolean attribute.\n     * @param {HTMLElement} element Element receiving the boolean attribute.\n     * @param {string} name Boolean attribute to toggle.\n     * @param {boolean} isEnabled Whether the attribute should be present.\n     */\n    syncBooleanItemAttribute(element, name, isEnabled) {\n        if (isEnabled && !element.hasAttribute(name)) {\n            element.setAttribute(name, '');\n        }\n\n        if (!isEnabled && element.hasAttribute(name)) {\n            element.removeAttribute(name);\n        }\n    }\n\n    /**\n     * Synchronizes slotted icon and text nodes for a managed breadcrumb.\n     * @param {HTMLElement} breadcrumb Breadcrumb element.\n     * @param {object} record Normalized item record.\n     */\n    syncItemContent(breadcrumb, record) {\n        let icon = breadcrumb.__wjeBreadcrumbIcon;\n\n        if (record.icon) {\n            if (!icon || icon.parentElement !== breadcrumb) {\n                icon = document.createElement('wje-icon');\n                icon.setAttribute('slot', 'start');\n                breadcrumb.insertBefore(icon, breadcrumb.firstChild);\n                breadcrumb.__wjeBreadcrumbIcon = icon;\n            }\n\n            if (icon.getAttribute('name') !== record.icon) {\n                icon.setAttribute('name', record.icon);\n            }\n        } else if (icon) {\n            icon.remove();\n            breadcrumb.__wjeBreadcrumbIcon = null;\n        }\n\n        let labelNode = breadcrumb.__wjeBreadcrumbLabelNode;\n\n        if (!labelNode || labelNode.parentNode !== breadcrumb) {\n            labelNode = document.createTextNode('');\n            breadcrumb.appendChild(labelNode);\n            breadcrumb.__wjeBreadcrumbLabelNode = labelNode;\n        }\n\n        if (labelNode.textContent !== record.label) {\n            labelNode.textContent = record.label;\n        }\n    }\n\n    /**\n     * Returns a small signature for structural changes that need item replacement.\n     * @param {object} record Normalized item record.\n     * @returns {string}\n     */\n    getItemStructureSignature(record) {\n        return `icon:${record.icon ? '1' : '0'}`;\n    }\n\n    /**\n     * Dispatches the data-driven item click event.\n     * @param {MouseEvent} e Original click event.\n     */\n    dispatchManagedItemClick(e) {\n        const breadcrumb = this.getManagedBreadcrumbFromEvent(e);\n        if (!breadcrumb) return;\n\n        const item = breadcrumb.__wjeBreadcrumbItem;\n\n        if (item?.disabled || breadcrumb.hasAttribute('disabled')) {\n            e.preventDefault();\n            e.stopPropagation();\n            e.stopImmediatePropagation?.();\n            return;\n        }\n\n        const itemClickEvent = new CustomEvent('wje-breadcrumbs:item-click', {\n            detail: {\n                item,\n                index: breadcrumb.__wjeBreadcrumbIndex,\n                originalEvent: e,\n            },\n            bubbles: true,\n            composed: true,\n            cancelable: true,\n        });\n\n        const shouldContinue = this.dispatchEvent(itemClickEvent);\n\n        if (!shouldContinue) {\n            e.preventDefault();\n        }\n    }\n\n    /**\n     * Finds the managed breadcrumb that originated an event.\n     * @param {Event} e Event whose composed path should be inspected.\n     * @returns {HTMLElement|null}\n     */\n    getManagedBreadcrumbFromEvent(e) {\n        const path = typeof e.composedPath === 'function' ? e.composedPath() : [];\n\n        return path.find((node) => (\n            node?.nodeType === Node.ELEMENT_NODE &&\n            node.tagName?.toLowerCase() === 'wje-breadcrumb' &&\n            node.parentElement === this &&\n            node.hasAttribute(MANAGED_ITEM_ATTRIBUTE)\n        )) || null;\n    }\n\n    /**\n     * Reacts to viewport resize only when the breakpoint mode actually changes.\n     * @returns {void}\n     */\n    handleBreakpointResize() {\n        if (!this.getBreakpointWidth()) return;\n\n        const nextState = this.shouldApplyBreakpointCollapse();\n\n        if (this._isCollapsedByBreakpoint === nextState) return;\n\n        this.updateCollapse();\n    }\n\n    /**\n     * Recalculates breadcrumb collapse state.\n     * @returns {void}\n     */\n    updateCollapse() {\n        let breadcrumbs = this.getBreadcrumbs();\n\n        if (breadcrumbs.length === 0) return;\n\n        this._isCollapsedByBreakpoint = this.shouldApplyBreakpointCollapse();\n        const effectiveItemsAfterCollapse = this.itemsAfterCollapse;\n        const shouldCollapse =\n            this._isCollapsedByBreakpoint &&\n            this.maxItems > 0 &&\n            breadcrumbs.length > this.maxItems &&\n            this.itemsBeforeCollapse + effectiveItemsAfterCollapse + 1 <= this.maxItems;\n\n        const lastIndex = breadcrumbs.length - 1;\n        const indicatorIndex = shouldCollapse ? this.itemsBeforeCollapse : -1;\n        const collapseStart = this.itemsBeforeCollapse;\n        const collapseEnd = breadcrumbs.length - effectiveItemsAfterCollapse;\n\n        breadcrumbs.forEach((breadcrumb, index) => {\n            this.syncManagedAttribute(breadcrumb, 'last', index === lastIndex);\n            this.syncManagedAttribute(breadcrumb, 'show-collapsed-indicator', index === indicatorIndex);\n\n            const isCollapsed =\n                shouldCollapse &&\n                index >= collapseStart &&\n                index < collapseEnd;\n\n            this.syncManagedAttribute(breadcrumb, 'collapsed', isCollapsed);\n\n            if (!isCollapsed && breadcrumb.classList.contains('collapsed')) {\n                breadcrumb.classList.remove('collapsed');\n            }\n        });\n    }\n\n    /**\n     * Clears attributes/classes managed by the collapse algorithm.\n     * @param {Array<Element>} breadcrumbs Breadcrumb items.\n     */\n    resetCollapseState(breadcrumbs = this.getBreadcrumbs()) {\n        breadcrumbs.forEach((breadcrumb) => {\n            breadcrumb.removeAttribute('collapsed');\n            breadcrumb.removeAttribute('show-collapsed-indicator');\n            breadcrumb.removeAttribute('last');\n            breadcrumb.classList.remove('collapsed');\n        });\n    }\n\n    /**\n     * Applies a managed boolean attribute only when its value truly changes.\n     * @param {Element} element Breadcrumb item whose responsive state is being synchronized.\n     * @param {string} name Managed state flag that should be synchronized on the breadcrumb item.\n     * @param {boolean} isEnabled Whether the attribute should be present.\n     */\n    syncManagedAttribute(element, name, isEnabled) {\n        if (!element) return;\n\n        const hasAttribute = element.hasAttribute(name);\n\n        if (isEnabled && !hasAttribute) {\n            element.setAttribute(name, true);\n        }\n\n        if (!isEnabled && hasAttribute) {\n            element.removeAttribute(name);\n        }\n    }\n\n    /**\n     * Returns whether collapse rules should currently be applied.\n     * @returns {boolean}\n     */\n    shouldApplyBreakpointCollapse() {\n        const breakpointWidth = this.getBreakpointWidth();\n\n        if (!breakpointWidth) return true;\n\n        return window.innerWidth < breakpointWidth;\n    }\n\n    /**\n     * Resolves the configured breakpoint to a pixel width.\n     * @returns {number|null}\n     */\n    getBreakpointWidth() {\n        if (!this.breakpoint) return null;\n\n        const token = this.breakpoint.trim().toLowerCase();\n        const cssValue = getComputedStyle(this).getPropertyValue(`--wje-breadcrumbs-breakpoint-${token}`).trim();\n        const namedBreakpoint = Breadcrumbs.BREAKPOINTS[token];\n\n        if (cssValue) {\n            const cssNumber = parseFloat(cssValue);\n            if (Number.isFinite(cssNumber)) return cssNumber;\n        }\n\n        if (Number.isFinite(namedBreakpoint)) {\n            return namedBreakpoint;\n        }\n\n        const directNumber = parseFloat(token);\n        return Number.isFinite(directNumber) ? directNumber : null;\n    }\n\n    /**\n     * Retrieves all breadcrumb elements within the current instance.\n     * @returns {Array<Element>} An array of breadcrumb elements (`wje-breadcrumb`) found within the instance. Returns an empty array if no breadcrumbs are found.\n     */\n    getBreadcrumbs() {\n        return Array.from(this.querySelectorAll('wje-breadcrumb')) || [];\n    }\n\n    /**\n     * Retrieves breadcrumbs managed by the items property.\n     * @returns {Array<Element>}\n     */\n    getManagedBreadcrumbs() {\n        return Array.from(this.querySelectorAll(`wje-breadcrumb[${MANAGED_ITEM_ATTRIBUTE}]`)) || [];\n    }\n\n    /**\n     * Retrieves all breadcrumb elements that have the 'collapsed' attribute.\n     * @returns {Array<Element>} An array of DOM elements representing breadcrumbs with the 'collapsed' attribute.\n     */\n    getBreadcrumbsCollapsed() {\n        return Array.from(this.querySelectorAll('wje-breadcrumb[collapsed]')) || [];\n    }\n}\n","import Breadcrumbs from './breadcrumbs.element.js';\n\nexport default Breadcrumbs;\n\nBreadcrumbs.define('wje-breadcrumbs', Breadcrumbs);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wje-breadcrumbs.js","sources":["../packages/wje-breadcrumbs/breadcrumbs.element.js","../packages/wje-breadcrumbs/breadcrumbs.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\nconst MANAGED_ITEM_ATTRIBUTE = 'data-wje-breadcrumbs-item';\nconst MOBILE_COLLAPSED_VARIANTS = new Set(['text', 'back', 'parent-title', 'menu-title', 'sheet']);\n\n/**\n * @summary This class represents a Breadcrumbs container, extending the WJElement class. It acts as a wrapper for individual breadcrumb elements and manages their behavior, such as collapsing and marking the last breadcrumb.\n * @documentation https://elements.webjet.sk/components/breadcrumbs\n * @status stable\n * @augments WJElement\n * @slot - The container for breadcrumb elements.\n * @slot breakpoint-collapse-trigger - Custom trigger used when breakpoint-collapse=\"menu\" moves the full trail into a dropdown.\n * @csspart container - The component's container wrapper.\n * @property {Array<{id: string|number, label: string, href?: string, icon?: string, disabled?: boolean, data?: any}>} items - Data-driven breadcrumb items.\n * @attribute {number} max-items - The maximum number of visible breadcrumbs before collapsing.\n * @attribute {number} items-before-collapse - The number of breadcrumbs to show before the collapsed indicator.\n * @attribute {number} items-after-collapse - The number of breadcrumbs to show after the collapsed indicator.\n * @attribute {string} collapsed-variant - The UI used for collapsed breadcrumbs. Use \"dropdown\" to render a menu, or \"text\", \"back\", \"parent-title\", \"menu-title\", and \"sheet\" for compact breakpoint menu layouts.\n * @attribute {string} breakpoint - The viewport breakpoint where collapsing starts.\n * @attribute {string} breakpoint-collapse - The collapse behavior used below the breakpoint. Use \"menu\" to put the whole trail into one menu.\n * @attribute {string} breakpoint-collapse-icon - Icon used by the default breakpoint menu trigger.\n * // @fires wje-breadcrumbs:item-click - Dispatched when a data-driven breadcrumb item is clicked.\n * @tag wje-breadcrumbs\n * @example\n * <!-- Example usage -->\n * <wje-breadcrumbs max-items=\"5\" items-before-collapse=\"2\" items-after-collapse=\"2\">\n *   <wje-breadcrumb>Home</wje-breadcrumb>\n *   <wje-breadcrumb>About</wje-breadcrumb>\n *   <wje-breadcrumb>Services</wje-breadcrumb>\n *   <wje-breadcrumb>Portfolio</wje-breadcrumb>\n *   <wje-breadcrumb>Contact</wje-breadcrumb>\n * </wje-breadcrumbs>\n *\n * <!-- Output: Only the first two and last two breadcrumbs will be visible, with a collapsed indicator in the middle -->\n */\n\nexport default class Breadcrumbs extends WJElement {\n    static BREAKPOINTS = {\n        sm: 576,\n        md: 768,\n        lg: 992,\n        xl: 1200,\n        '2xl': 1450,\n        xxl: 1450,\n    };\n\n    /**\n     * Breadcrumbs constructor method.\n     * @class\n     */\n    constructor() {\n        super();\n\n        /**\n         * Last breadcrumb flag\n         * @type {boolean}\n         */\n        this.last = false;\n        this._isCollapsedByBreakpoint = null;\n        this._items = [];\n        this._itemRecords = [];\n        this._hasItemsValue = false;\n        this.handleManagedItemClick = (e) => this.dispatchManagedItemClick(e);\n    }\n\n    /**\n     * Sets data-driven breadcrumb items.\n     * @param {Array|string|null|undefined} value Breadcrumb items or a JSON string.\n     */\n    set items(value) {\n        const records = this.normalizeItems(value);\n\n        this._hasItemsValue = true;\n        this._items = records.map((record) => record.item);\n        this._itemRecords = records;\n\n        this.syncItems(records);\n    }\n\n    /**\n     * Gets data-driven breadcrumb items.\n     * @returns {Array}\n     */\n    get items() {\n        return this._items;\n    }\n\n    /**\n     * Set variant attribute for the Breadcrumbs element.\n     * @param value\n     */\n    set variant(value) {\n        this.setAttribute('variant', value);\n    }\n\n    /**\n     * Get variant attribute for the Breadcrumbs element.\n     * @returns {string}\n     */\n    get variant() {\n        return this.getAttribute('variant') || 'button';\n    }\n\n    /**\n     * Get the collapsed indicator variant.\n     * @param {string} value Collapsed indicator variant.\n     */\n    set collapsedVariant(value) {\n        if (value) this.setAttribute('collapsed-variant', value);\n        else this.removeAttribute('collapsed-variant');\n    }\n\n    /**\n     * Get the collapsed indicator variant.\n     * @returns {string}\n     */\n    get collapsedVariant() {\n        return this.getAttribute('collapsed-variant') || this.variant;\n    }\n\n    /**\n     * Gets the collapsed indicator variant as a normalized token.\n     * @returns {string}\n     */\n    get normalizedCollapsedVariant() {\n        return String(this.collapsedVariant || '').trim().toLowerCase();\n    }\n\n    /**\n     * Sets the collapse breakpoint token or value.\n     * @param {string} value Breakpoint token or CSS size.\n     */\n    set breakpoint(value) {\n        if (value) this.setAttribute('breakpoint', value);\n        else this.removeAttribute('breakpoint');\n    }\n\n    /**\n     * Gets the collapse breakpoint token or value.\n     * @returns {string}\n     */\n    get breakpoint() {\n        return this.getAttribute('breakpoint') || '';\n    }\n\n    /**\n     * Sets the collapse behavior used below the configured breakpoint.\n     * @param {string} value Collapse behavior.\n     */\n    set breakpointCollapse(value) {\n        if (value) this.setAttribute('breakpoint-collapse', value);\n        else this.removeAttribute('breakpoint-collapse');\n    }\n\n    /**\n     * Gets the collapse behavior used below the configured breakpoint.\n     * @returns {string}\n     */\n    get breakpointCollapse() {\n        return (this.getAttribute('breakpoint-collapse') || 'items').toLowerCase();\n    }\n\n    /**\n     * Sets the icon used by the default breakpoint menu trigger.\n     * @param {string} value Icon name.\n     */\n    set breakpointCollapseIcon(value) {\n        if (value) this.setAttribute('breakpoint-collapse-icon', value);\n        else this.removeAttribute('breakpoint-collapse-icon');\n    }\n\n    /**\n     * Gets the icon used by the default breakpoint menu trigger.\n     * @returns {string}\n     */\n    get breakpointCollapseIcon() {\n        return this.getAttribute('breakpoint-collapse-icon') || '';\n    }\n\n    /**\n     * Get items before collapse attribute.\n     * @param {string} value\n     */\n    set maxItems(value) {\n        this.setAttribute('max-items', value || 0);\n    }\n\n    /**\n     * Get items before collapse attribute.\n     * @returns {number}\n     */\n    get maxItems() {\n        return +this.getAttribute('max-items' || 0);\n    }\n\n    /**\n     * Get items before collapse attribute.\n     * @param value\n     */\n    set itemsBeforeCollapse(value) {\n        this.setAttribute('items-before-collapse', value || 1);\n    }\n\n    /**\n     * Get items before collapse attribute.\n     * @returns {number}\n     */\n    get itemsBeforeCollapse() {\n        return +this.getAttribute('items-before-collapse') || 1;\n    }\n\n    /**\n     * Get items after collapse attribute.\n     * @param value\n     */\n    set itemsAfterCollapse(value) {\n        this.setAttribute('items-after-collapse', value || 1);\n    }\n\n    /**\n     * Get items after collapse attribute.\n     * @returns {number}\n     */\n    get itemsAfterCollapse() {\n        if (this.hasAttribute('items-after-collapse')) {\n            return +this.getAttribute('items-after-collapse') || 1;\n        }\n\n        const derivedItemsAfterCollapse = this.maxItems - this.itemsBeforeCollapse - 1;\n\n        return derivedItemsAfterCollapse > 0 ? derivedItemsAfterCollapse : 1;\n    }\n\n    /**\n     * Class name for the Breadcrumbs element.\n     * @type {string}\n     */\n    className = 'Breadcrumbs';\n\n    /**\n     * Get CSS stylesheet for the Breadcrumbs 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 [\n            'breakpoint',\n            'breakpoint-collapse',\n            'max-items',\n            'items-before-collapse',\n            'items-after-collapse',\n            'collapsed-variant',\n            'breakpoint-collapse-icon',\n            'variant',\n            'aria-label',\n            'aria-labelledby',\n        ];\n    }\n\n    /**\n     * Setup attributes for the Breadcrumbs element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.syncAria();\n        this.upgradeProperty('items');\n\n        if (!this._hasItemsValue && this.hasAttribute('items')) {\n            this.items = this.getAttribute('items');\n        }\n    }\n\n    /**\n     * Handles attribute changes that affect light-DOM breadcrumb indicators.\n     * @param {string} name Updated attribute.\n     * @param {string|null} oldValue Previous value.\n     * @param {string|null} newValue Next value.\n     */\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (oldValue === newValue) return;\n\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n\n        if (name === 'aria-label' || name === 'aria-labelledby') {\n            this.syncAria();\n        }\n\n        if (name === 'collapsed-variant' || name === 'variant' || name === 'breakpoint-collapse' || name === 'breakpoint-collapse-icon') {\n            this.updateCollapse();\n            this.refreshCollapsedIndicators();\n        }\n    }\n\n    /**\n     * Syncs host navigation semantics while preserving user-provided names.\n     */\n    syncAria() {\n        this.setAriaState({ role: 'navigation' });\n\n        const label = this.getAttribute('aria-label');\n        const hasLabelledBy = this.hasAttribute('aria-labelledby');\n\n        if (!label && !hasLabelledBy) {\n            this.setAriaState({ label: 'Breadcrumb' });\n        } else if (hasLabelledBy && label === 'Breadcrumb') {\n            this.removeAttribute('aria-label');\n        }\n    }\n\n    /**\n     * Draw method for the Breadcrumbs element.\n     * @returns {object} fragment - The document fragment\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        fragment.appendChild(element);\n        this.defaultSlot = element;\n\n        return fragment;\n    }\n\n    /**\n     * Updates the breadcrumb elements after they are drawn on the page.\n     * It manages attributes on breadcrumb items and handles the logic for collapsing breadcrumbs\n     * if the total exceeds the specified maximum items.\n     * @returns {void} This method does not return a value.\n     */\n    afterDraw() {\n        this.onSlotChange = () => this.updateCollapse();\n        this.defaultSlot?.addEventListener('slotchange', this.onSlotChange);\n        this.addEventListener('click', this.handleManagedItemClick);\n        this.handleResize = () => this.handleBreakpointResize();\n\n        if (this.getBreakpointWidth()) {\n            window.addEventListener('resize', this.handleResize);\n        }\n\n        if (this._itemRecords.length > 0 && this.getManagedBreadcrumbs().length === 0) {\n            this.syncItems(this._itemRecords);\n        }\n\n        this.updateCollapse();\n    }\n\n    /**\n     * Removes listeners after disconnect.\n     */\n    afterDisconnect() {\n        this.defaultSlot?.removeEventListener('slotchange', this.onSlotChange);\n        this.removeEventListener('click', this.handleManagedItemClick);\n        window.removeEventListener('resize', this.handleResize);\n        this._isCollapsedByBreakpoint = null;\n    }\n\n    /**\n     * Upgrades properties set before the custom element definition was loaded.\n     * @param {string} property Property name.\n     */\n    upgradeProperty(property) {\n        if (!Object.prototype.hasOwnProperty.call(this, property)) return;\n\n        const value = this[property];\n        delete this[property];\n        this[property] = value;\n    }\n\n    /**\n     * Normalizes incoming item data for keyed DOM diffing.\n     * @param {Array|string|null|undefined} value Breadcrumb item data.\n     * @returns {Array<object>}\n     */\n    normalizeItems(value) {\n        let items = value;\n\n        if (typeof items === 'string') {\n            try {\n                items = JSON.parse(items);\n            } catch (e) {\n                console.warn('Invalid JSON passed to wje-breadcrumbs.items', e);\n                items = [];\n            }\n        }\n\n        if (items === null || items === undefined) return [];\n\n        if (!Array.isArray(items)) {\n            console.warn('wje-breadcrumbs.items expects an array.');\n            return [];\n        }\n\n        const usedKeys = new Set();\n\n        return items.map((item, index) => this.normalizeItem(item, index, usedKeys));\n    }\n\n    /**\n     * Normalizes a single item while preserving the original object for events.\n     * @param {object|string|number} item Source value for a breadcrumb entry.\n     * @param {number} index Position of the value in the current items array.\n     * @param {Set<string>} usedKeys Keys that have already been assigned during this update.\n     * @returns {object}\n     */\n    normalizeItem(item, index, usedKeys) {\n        const isObject = item !== null && typeof item === 'object';\n        const source = isObject\n            ? item\n            : {\n                id: index,\n                label: item === null || item === undefined ? '' : String(item),\n            };\n\n        return {\n            item: source,\n            key: this.getItemKey(source, index, usedKeys),\n            index,\n            label: source.label === null || source.label === undefined ? '' : String(source.label),\n            href: source.href === null || source.href === undefined ? null : String(source.href),\n            icon: source.icon === null || source.icon === undefined || source.icon === '' ? null : String(source.icon),\n            disabled: source.disabled === true || source.disabled === '' || source.disabled === 'true' || source.disabled === 1 || source.disabled === '1',\n        };\n    }\n\n    /**\n     * Resolves a stable key for an item.\n     * @param {object} item Normalized source object used to resolve the key.\n     * @param {number} index Fallback position used when the item has no id.\n     * @param {Set<string>} usedKeys Keys that have already been assigned during this update.\n     * @returns {string}\n     */\n    getItemKey(item, index, usedKeys) {\n        const baseKey = item.id === null || item.id === undefined\n            ? String(index)\n            : String(item.id);\n        let key = baseKey;\n        let suffix = 1;\n\n        while (usedKeys.has(key)) {\n            key = `${baseKey}:${suffix}`;\n            suffix += 1;\n        }\n\n        usedKeys.add(key);\n        return key;\n    }\n\n    /**\n     * Incrementally synchronizes data-driven items into light DOM breadcrumbs.\n     * @param {Array<object>} records Normalized records for the next breadcrumb trail.\n     */\n    syncItems(records) {\n        const managed = this.getManagedBreadcrumbs();\n        const managedByKey = new Map(managed.map((breadcrumb) => [breadcrumb.__wjeBreadcrumbKey || breadcrumb.getAttribute(MANAGED_ITEM_ATTRIBUTE), breadcrumb]));\n        const nextKeys = new Set(records.map((record) => record.key));\n\n        managed.forEach((breadcrumb) => {\n            const key = breadcrumb.__wjeBreadcrumbKey || breadcrumb.getAttribute(MANAGED_ITEM_ATTRIBUTE);\n\n            if (!nextKeys.has(key)) {\n                breadcrumb.remove();\n            }\n        });\n\n        let referenceNode = this.firstChild;\n\n        records.forEach((record, index) => {\n            let breadcrumb = managedByKey.get(record.key);\n            const signature = this.getItemStructureSignature(record);\n\n            if (breadcrumb && breadcrumb.__wjeBreadcrumbSignature !== signature) {\n                const previousBreadcrumb = breadcrumb;\n                const replacement = this.createItemElement(record, index);\n                breadcrumb.replaceWith(replacement);\n                breadcrumb = replacement;\n                if (referenceNode === previousBreadcrumb) referenceNode = breadcrumb;\n            } else if (!breadcrumb) {\n                breadcrumb = this.createItemElement(record, index);\n            } else {\n                this.updateItemElement(breadcrumb, record, index);\n            }\n\n            if (breadcrumb !== referenceNode) {\n                this.insertBefore(breadcrumb, referenceNode);\n            }\n\n            referenceNode = breadcrumb.nextSibling;\n        });\n\n        this.updateCollapse();\n    }\n\n    /**\n     * Creates a managed breadcrumb element.\n     * @param {object} record Normalized data used to create the breadcrumb.\n     * @param {number} index Position assigned to the created breadcrumb.\n     * @returns {HTMLElement}\n     */\n    createItemElement(record, index) {\n        const breadcrumb = document.createElement('wje-breadcrumb');\n        this.updateItemElement(breadcrumb, record, index);\n\n        return breadcrumb;\n    }\n\n    /**\n     * Updates a managed breadcrumb element only where values changed.\n     * @param {HTMLElement} breadcrumb Existing managed element to update.\n     * @param {object} record Normalized data used for the next rendered state.\n     * @param {number} index Position assigned to the managed breadcrumb.\n     */\n    updateItemElement(breadcrumb, record, index) {\n        breadcrumb.__wjeBreadcrumbManaged = true;\n        breadcrumb.__wjeBreadcrumbItem = record.item;\n        breadcrumb.__wjeBreadcrumbIndex = index;\n        breadcrumb.__wjeBreadcrumbKey = record.key;\n        breadcrumb.__wjeBreadcrumbSignature = this.getItemStructureSignature(record);\n\n        if (breadcrumb.getAttribute(MANAGED_ITEM_ATTRIBUTE) !== record.key) {\n            breadcrumb.setAttribute(MANAGED_ITEM_ATTRIBUTE, record.key);\n        }\n\n        this.syncItemAttribute(breadcrumb, 'href', record.href);\n        this.syncItemAttribute(breadcrumb, 'aria-label', record.label || null);\n        this.syncBooleanItemAttribute(breadcrumb, 'disabled', record.disabled);\n        this.syncItemContent(breadcrumb, record);\n    }\n\n    /**\n     * Synchronizes an attribute when its value changed.\n     * @param {HTMLElement} element Element receiving the synchronized attribute.\n     * @param {string} name Attribute to add, update, or remove.\n     * @param {string|null|undefined} value Next serialized value for the attribute.\n     */\n    syncItemAttribute(element, name, value) {\n        if (value === null || value === undefined || value === false) {\n            if (element.hasAttribute(name)) element.removeAttribute(name);\n            return;\n        }\n\n        const normalizedValue = String(value);\n\n        if (element.getAttribute(name) !== normalizedValue) {\n            element.setAttribute(name, normalizedValue);\n        }\n    }\n\n    /**\n     * Synchronizes a boolean attribute.\n     * @param {HTMLElement} element Element receiving the boolean attribute.\n     * @param {string} name Boolean attribute to toggle.\n     * @param {boolean} isEnabled Whether the attribute should be present.\n     */\n    syncBooleanItemAttribute(element, name, isEnabled) {\n        if (isEnabled && !element.hasAttribute(name)) {\n            element.setAttribute(name, '');\n        }\n\n        if (!isEnabled && element.hasAttribute(name)) {\n            element.removeAttribute(name);\n        }\n    }\n\n    /**\n     * Synchronizes slotted icon and text nodes for a managed breadcrumb.\n     * @param {HTMLElement} breadcrumb Breadcrumb element.\n     * @param {object} record Normalized item record.\n     */\n    syncItemContent(breadcrumb, record) {\n        let icon = breadcrumb.__wjeBreadcrumbIcon;\n\n        if (record.icon) {\n            if (!icon || icon.parentElement !== breadcrumb) {\n                icon = document.createElement('wje-icon');\n                icon.setAttribute('slot', 'start');\n                breadcrumb.insertBefore(icon, breadcrumb.firstChild);\n                breadcrumb.__wjeBreadcrumbIcon = icon;\n            }\n\n            if (icon.getAttribute('name') !== record.icon) {\n                icon.setAttribute('name', record.icon);\n            }\n        } else if (icon) {\n            icon.remove();\n            breadcrumb.__wjeBreadcrumbIcon = null;\n        }\n\n        let labelNode = breadcrumb.__wjeBreadcrumbLabelNode;\n\n        if (!labelNode || labelNode.parentNode !== breadcrumb) {\n            labelNode = document.createTextNode('');\n            breadcrumb.appendChild(labelNode);\n            breadcrumb.__wjeBreadcrumbLabelNode = labelNode;\n        }\n\n        if (labelNode.textContent !== record.label) {\n            labelNode.textContent = record.label;\n        }\n    }\n\n    /**\n     * Returns a small signature for structural changes that need item replacement.\n     * @param {object} record Normalized item record.\n     * @returns {string}\n     */\n    getItemStructureSignature(record) {\n        return `icon:${record.icon ? '1' : '0'}`;\n    }\n\n    /**\n     * Dispatches the data-driven item click event.\n     * @param {MouseEvent} e Original click event.\n     */\n    dispatchManagedItemClick(e) {\n        const breadcrumb = this.getManagedBreadcrumbFromEvent(e);\n        if (!breadcrumb) return;\n\n        const item = breadcrumb.__wjeBreadcrumbItem;\n\n        if (item?.disabled || breadcrumb.hasAttribute('disabled')) {\n            e.preventDefault();\n            e.stopPropagation();\n            e.stopImmediatePropagation?.();\n            return;\n        }\n\n        const itemClickEvent = new CustomEvent('wje-breadcrumbs:item-click', {\n            detail: {\n                item,\n                index: breadcrumb.__wjeBreadcrumbIndex,\n                originalEvent: e,\n            },\n            bubbles: true,\n            composed: true,\n            cancelable: true,\n        });\n\n        const shouldContinue = this.dispatchEvent(itemClickEvent);\n\n        if (!shouldContinue) {\n            e.preventDefault();\n        }\n    }\n\n    /**\n     * Finds the managed breadcrumb that originated an event.\n     * @param {Event} e Event whose composed path should be inspected.\n     * @returns {HTMLElement|null}\n     */\n    getManagedBreadcrumbFromEvent(e) {\n        const path = typeof e.composedPath === 'function' ? e.composedPath() : [];\n\n        return path.find((node) => (\n            node?.nodeType === Node.ELEMENT_NODE &&\n            node.tagName?.toLowerCase() === 'wje-breadcrumb' &&\n            node.parentElement === this &&\n            node.hasAttribute(MANAGED_ITEM_ATTRIBUTE)\n        )) || null;\n    }\n\n    /**\n     * Reacts to viewport resize only when the breakpoint mode actually changes.\n     * @returns {void}\n     */\n    handleBreakpointResize() {\n        if (!this.getBreakpointWidth()) return;\n\n        const nextState = this.shouldApplyBreakpointCollapse();\n\n        if (this._isCollapsedByBreakpoint === nextState) return;\n\n        this.updateCollapse();\n    }\n\n    /**\n     * Recalculates breadcrumb collapse state.\n     * @returns {void}\n     */\n    updateCollapse() {\n        let breadcrumbs = this.getBreadcrumbs();\n\n        if (breadcrumbs.length === 0) return;\n\n        this._isCollapsedByBreakpoint = this.shouldApplyBreakpointCollapse();\n        const shouldCollapseToMenu =\n            this.isBreakpointMenuCollapseActive() &&\n            (breadcrumbs.length > 1 || this.usesMobileCollapsedVariant());\n\n        if (shouldCollapseToMenu) {\n            this.applyMenuCollapse(breadcrumbs);\n            return;\n        }\n\n        const effectiveItemsAfterCollapse = this.itemsAfterCollapse;\n        const shouldUseItemCollapse = this.breakpointCollapse === 'menu' || this._isCollapsedByBreakpoint;\n        const shouldCollapse =\n            shouldUseItemCollapse &&\n            this.maxItems > 0 &&\n            breadcrumbs.length > this.maxItems &&\n            this.itemsBeforeCollapse + effectiveItemsAfterCollapse + 1 <= this.maxItems;\n\n        const lastIndex = breadcrumbs.length - 1;\n        const indicatorIndex = shouldCollapse ? this.itemsBeforeCollapse : -1;\n        const collapseStart = this.itemsBeforeCollapse;\n        const collapseEnd = breadcrumbs.length - effectiveItemsAfterCollapse;\n\n        breadcrumbs.forEach((breadcrumb, index) => {\n            this.syncManagedAttribute(breadcrumb, 'last', index === lastIndex);\n            this.syncManagedAttribute(breadcrumb, 'show-collapsed-indicator', index === indicatorIndex);\n            this.syncManagedAttribute(breadcrumb, 'mobile-collapsed-indicator', false);\n\n            const isCollapsed =\n                shouldCollapse &&\n                index >= collapseStart &&\n                index < collapseEnd;\n\n            this.syncManagedAttribute(breadcrumb, 'collapsed', isCollapsed);\n\n            if (!isCollapsed && breadcrumb.classList.contains('collapsed')) {\n                breadcrumb.classList.remove('collapsed');\n            }\n        });\n    }\n\n    /**\n     * Collapses the whole breadcrumb trail into a single menu indicator.\n     * @param {Array<Element>} breadcrumbs Breadcrumb items.\n     */\n    applyMenuCollapse(breadcrumbs) {\n        const lastIndex = breadcrumbs.length - 1;\n        const usesMobileVariant = this.usesMobileCollapsedVariant();\n\n        breadcrumbs.forEach((breadcrumb, index) => {\n            const isIndicator = index === 0;\n\n            this.syncManagedAttribute(breadcrumb, 'last', index === lastIndex);\n            this.syncManagedAttribute(breadcrumb, 'show-collapsed-indicator', isIndicator);\n            this.syncManagedAttribute(breadcrumb, 'collapsed', true);\n            this.syncManagedAttribute(breadcrumb, 'mobile-collapsed-indicator', isIndicator && usesMobileVariant);\n\n            if (isIndicator) {\n                breadcrumb.classList.remove('collapsed');\n            }\n        });\n    }\n\n    /**\n     * Returns whether the active breakpoint mode should move the full trail into one menu.\n     * @returns {boolean}\n     */\n    isBreakpointMenuCollapseActive() {\n        return Boolean(\n            this.getBreakpointWidth() &&\n            this._isCollapsedByBreakpoint &&\n            this.breakpointCollapse === 'menu'\n        );\n    }\n\n    /**\n     * Returns whether the active collapsed variant is one of the mobile compact layouts.\n     * @returns {boolean}\n     */\n    usesMobileCollapsedVariant() {\n        return MOBILE_COLLAPSED_VARIANTS.has(this.normalizedCollapsedVariant);\n    }\n\n    /**\n     * Clears attributes/classes managed by the collapse algorithm.\n     * @param {Array<Element>} breadcrumbs Breadcrumb items.\n     */\n    resetCollapseState(breadcrumbs = this.getBreadcrumbs()) {\n        breadcrumbs.forEach((breadcrumb) => {\n            breadcrumb.removeAttribute('collapsed');\n            breadcrumb.removeAttribute('show-collapsed-indicator');\n            breadcrumb.removeAttribute('mobile-collapsed-indicator');\n            breadcrumb.removeAttribute('last');\n            breadcrumb.classList.remove('collapsed');\n        });\n    }\n\n    /**\n     * Applies a managed boolean attribute only when its value truly changes.\n     * @param {Element} element Breadcrumb item whose responsive state is being synchronized.\n     * @param {string} name Managed state flag that should be synchronized on the breadcrumb item.\n     * @param {boolean} isEnabled Whether the attribute should be present.\n     */\n    syncManagedAttribute(element, name, isEnabled) {\n        if (!element) return;\n\n        const hasAttribute = element.hasAttribute(name);\n\n        if (isEnabled && !hasAttribute) {\n            element.setAttribute(name, true);\n        }\n\n        if (!isEnabled && hasAttribute) {\n            element.removeAttribute(name);\n        }\n    }\n\n    /**\n     * Redraws active collapsed indicators when parent-only rendering inputs change.\n     */\n    refreshCollapsedIndicators() {\n        this.getBreadcrumbs()\n            .filter((breadcrumb) => breadcrumb.hasAttribute('show-collapsed-indicator'))\n            .forEach((breadcrumb) => breadcrumb.refresh?.());\n    }\n\n    /**\n     * Returns whether collapse rules should currently be applied.\n     * @returns {boolean}\n     */\n    shouldApplyBreakpointCollapse() {\n        const breakpointWidth = this.getBreakpointWidth();\n\n        if (!breakpointWidth) return true;\n\n        return window.innerWidth < breakpointWidth;\n    }\n\n    /**\n     * Resolves the configured breakpoint to a pixel width.\n     * @returns {number|null}\n     */\n    getBreakpointWidth() {\n        if (!this.breakpoint) return null;\n\n        const token = this.breakpoint.trim().toLowerCase();\n        const cssValue = getComputedStyle(this).getPropertyValue(`--wje-breadcrumbs-breakpoint-${token}`).trim();\n        const namedBreakpoint = Breadcrumbs.BREAKPOINTS[token];\n\n        if (cssValue) {\n            const cssNumber = parseFloat(cssValue);\n            if (Number.isFinite(cssNumber)) return cssNumber;\n        }\n\n        if (Number.isFinite(namedBreakpoint)) {\n            return namedBreakpoint;\n        }\n\n        const directNumber = parseFloat(token);\n        return Number.isFinite(directNumber) ? directNumber : null;\n    }\n\n    /**\n     * Returns the custom trigger element configured for breakpoint menu collapse.\n     * @returns {Element|null}\n     */\n    getBreakpointCollapseTrigger() {\n        return Array.from(this.children)\n            .find((child) => child.getAttribute?.('slot') === 'breakpoint-collapse-trigger') || null;\n    }\n\n    /**\n     * Retrieves all breadcrumb elements within the current instance.\n     * @returns {Array<Element>} An array of breadcrumb elements (`wje-breadcrumb`) found within the instance. Returns an empty array if no breadcrumbs are found.\n     */\n    getBreadcrumbs() {\n        return Array.from(this.querySelectorAll('wje-breadcrumb')) || [];\n    }\n\n    /**\n     * Retrieves breadcrumbs managed by the items property.\n     * @returns {Array<Element>}\n     */\n    getManagedBreadcrumbs() {\n        return Array.from(this.querySelectorAll(`wje-breadcrumb[${MANAGED_ITEM_ATTRIBUTE}]`)) || [];\n    }\n\n    /**\n     * Retrieves all breadcrumb elements that have the 'collapsed' attribute.\n     * @returns {Array<Element>} An array of DOM elements representing breadcrumbs with the 'collapsed' attribute.\n     */\n    getBreadcrumbsCollapsed() {\n        return Array.from(this.querySelectorAll('wje-breadcrumb[collapsed]')) || [];\n    }\n}\n","import Breadcrumbs from './breadcrumbs.element.js';\n\nexport default Breadcrumbs;\n\nBreadcrumbs.define('wje-breadcrumbs', Breadcrumbs);\n"],"names":[],"mappings":"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"}

package/dist/wje-menu-item.js

@@ -32,7 +32,7 @@ const styles = `/*
         display: flex;
         flex-wrap: nowrap;
         align-items: center;
-        justify-content: center;
+        justify-content: var(--wje-menu-item-justify-content, center);
         color: var(--wje-menu-item-color);
         padding-top: var(--wje-menu-item-padding-top);
         padding-bottom: var(--wje-menu-item-padding-bottom);