wj-elements 0.1.130 → 0.1.131

package/dist/wje-menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-menu-item.js","sources":["../packages/wje-menu-item/menu-item.element.js","../packages/wje-menu-item/menu-item.js"],"sourcesContent":["import { bindRouterLinks } from 'slick-router/middlewares/router-links.js';\n\nimport { default as WJElement, event, WjElementUtils } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `MenuItem` is a custom web component that represents a menu item.\n * @summary This element represents a menu item.\n * @documentation https://elements.webjet.sk/components/menu-item\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part of the menu item.\n * @csspart submenu - The submenu part of the menu item.\n * @slot - The default slot for the menu item.\n * @slot start - The slot for the start of the menu item.\n * @slot end - The slot for the end of the menu item.\n * @slot submenu - The slot for the submenu of the menu item.\n * @cssproperty [--wje-menu-item-color=var(--wje-color)] - Sets the text color of a menu item. Accepts any valid CSS color value.\n * @cssproperty [--wje-menu-item-background=transparent] - Defines the background color of a menu item. Default is `transparent`. Accepts any valid CSS color value.\n * @cssproperty [--wje-menu-item-color-hover=var(--wje-color-contrast-8)] - Specifies the text color of a menu item when hovered. Accepts any valid CSS color value.\n * @cssproperty [--wje-menu-item-background-hover=var(--wje-border-color)] - Sets the background color of a menu item when hovered. Accepts any valid CSS color value.\n * @cssproperty [--wje-menu-item-color-focus=var(--wje-color-contrast-8)] - Defines the text color of a menu item when focused. Accepts any valid CSS color value.\n * @cssproperty [--wje-menu-item-background-focus=var(--wje-border-color)] - Specifies the background color of a menu item when focused. Accepts any valid CSS color value.\n * @cssproperty [--wje-menu-item-color-active=var(--wje-color-contrast-8)] - Sets the text color of a menu item when active. Accepts any valid CSS color value.\n * @cssproperty [--wje-menu-item-background-active=var(--wje-border-color)] - Specifies the background color of a menu item when active. Accepts any valid CSS color value.\n * @cssproperty [--wje-menu-item-padding-top=.5rem] - Specifies the top padding inside a menu item. Accepts any valid CSS length value (e.g., `px`, `rem`).\n * @cssproperty [--wje-menu-item-padding-bottom=.5rem] - Specifies the bottom padding inside a menu item. Accepts any valid CSS length value (e.g., `px`, `rem`).\n * @cssproperty [--wje-menu-item-line-height=1.8rem] - Sets the line height for the text within a menu item. Accepts any valid CSS length value.\n * @cssproperty [--wje-menu-submenu-offset=0] - Determines the horizontal offset of a submenu relative to its parent. Accepts any valid CSS length value.\n * @cssproperty [--wje-menu-item-icon-visibility=hidden] - Controls the visibility of the icon in a menu item. Accepts `visible`, `hidden`, or `collapse`.\n * @cssproperty [--wje-menu-item-safe-triangle-cursor-x] - Specifies the x-coordinate of the cursor for the safe triangle area. Used for managing hover or focus transitions between menu items and submenus.\n * @cssproperty [--wje-menu-item-safe-triangle-cursor-y] - Specifies the y-coordinate of the cursor for the safe triangle area.\n * @cssproperty [--wje-menu-item-safe-triangle-submenu-start-x] - Defines the x-coordinate where the submenu's safe triangle starts. Helps prevent accidental submenu closing when navigating.\n * @cssproperty [--wje-menu-item-safe-triangle-submenu-start-y] - Defines the y-coordinate where the submenu's safe triangle starts.\n * @cssproperty [--wje-menu-item-safe-triangle-submenu-end-x] - Specifies the x-coordinate where the submenu's safe triangle ends.\n * @cssproperty [--wje-menu-item-safe-triangle-submenu-end-y] - Specifies the y-coordinate where the submenu's safe triangle ends.\n * @tag wje-menu-item\n */\nexport default class MenuItem extends WJElement {\n    /**\n     * Constructor for MenuItem class.\n     * @class\n     */\n    constructor() {\n        super();\n\n        this._collapsible = false;\n    }\n\n    /**\n     * Getter for placement attribute.\n     * @returns {string} The placement attribute of the menu or \"right-start\" if it doesn't exist.\n     */\n    get placement() {\n        let menu = this.querySelector('wje-menu');\n\n        if (menu?.hasAttribute('placement')) {\n            return menu.getAttribute('placement');\n        }\n        return 'right-start';\n    }\n\n    /**\n     * Getter for offset attribute.\n     * @returns {string} The offset attribute of the menu or \"0\" if it doesn't exist.\n     */\n    get offset() {\n        let menu = this.querySelector('wje-menu');\n\n        if (menu?.hasAttribute('offset')) {\n            return menu.getAttribute('offset');\n        }\n        return '0';\n    }\n\n    /**\n     * Getter for variant attribute.\n     * @returns {string} The variant attribute of the menu or \"CONTEXT\" if it doesn't exist.\n     */\n    get variant() {\n        let menu = this.querySelector('wje-menu');\n\n        if (menu?.hasAttribute('variant') && !this.collapse) {\n            return menu.getAttribute('variant').toUpperCase();\n        }\n\n        return 'CONTEXT';\n    }\n\n    /**\n     * Getter for collapse attribute.\n     * @returns {boolean} True if the closest parent has the collapse attribute, false otherwise.\n     */\n    get collapse() {\n        if (this.closest('[collapse]')) return true;\n\n        return false;\n    }\n\n    className = 'MenuItem';\n\n    /**\n     * Getter for cssStyleSheet.\n     * @returns {string} The styles imported from styles.css.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for observedAttributes.\n     * @returns {Array} An empty array as no attributes are being observed.\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the MenuItem element.\n     */\n    setupAttributes() {\n        super.setupAttributes();\n        this.isShadowRoot = 'open';\n        this.setAttribute('active-class', 'open');\n    }\n\n    /**\n     * Removes the active attribute from the menu before drawing the MenuItem.\n     */\n    beforeDraw() {\n        this.querySelector('wje-menu')?.removeAttribute('active');\n    }\n\n    /**\n     * Draws the MenuItem element and sets the variant and collapse attributes.\n     * @returns {DocumentFragment} The fragment to be appended to the MenuItem.\n     */\n    draw() {\n        this.hasSubmenu = WjElementUtils.hasSlot(this, 'submenu');\n\n        let fragment = document.createDocumentFragment();\n\n        this.setAttribute('tabindex', '0');\n\n        this.classList.forEach((className) => {\n            // Ak trieda začína na \"wje-menu-variant-\", odstráňte ju\n            if (className.startsWith('wje-menu-variant-')) {\n                this.classList.remove(className);\n            }\n        });\n\n        this.classList.remove('collapse');\n        this.classList.add('wje-menu-variant-' + this.variant.toLowerCase());\n\n        if (!this.collapse) {\n            this.querySelector('wje-menu')?.setAttribute('variant', this.variant.toLowerCase());\n        } else if (this.parentElement?.hasAttribute('collapse')) {\n            this.classList.add('collapse');\n        }\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.setAttribute('id', 'anchor');\n        native.classList.add('native-menu-item');\n\n        // CHECKED - Icon\n        let checkedIcon = document.createElement('span');\n        checkedIcon.setAttribute('part', 'check');\n        checkedIcon.classList.add('check-icon');\n        checkedIcon.innerHTML = `<wje-icon name=\"check\"></wje-icon>`;\n\n        if (this.hasAttribute('checked')) checkedIcon.classList.add('checked');\n        else checkedIcon.classList.remove('checked');\n\n        // SLOT - Start\n        let start = document.createElement('slot');\n        start.name = 'start';\n\n        // SLOT\n        let slot = document.createElement('slot');\n        slot.classList.add('label');\n\n        // SLOT - End\n        let end = document.createElement('slot');\n        end.setAttribute('part', 'end');\n        end.name = 'end';\n\n        // SLOT - Submenu\n        let submenu = document.createElement('slot');\n        submenu.setAttribute('part', 'submenu');\n        submenu.name = 'submenu';\n\n        // SUBMENU - Icon\n        let submenuIconClass = this.collapse ? 'collapse' : 'expand';\n        let submenuIcon = document.createElement('span');\n        submenuIcon.setAttribute('part', 'submenu-icon');\n        submenuIcon.classList.add('submenu-icon', submenuIconClass);\n        submenuIcon.innerHTML = this.collapse\n            ? `<wje-icon name=\"chevron-down\"></wje-icon>`\n            : `<wje-icon name=\"chevron-right\"></wje-icon>`;\n\n        if (this.hasSubmenu) native.classList.add('has-submenu');\n        else native.classList.remove('has-submenu');\n\n        native.appendChild(checkedIcon);\n        native.appendChild(start);\n        native.appendChild(slot);\n        native.appendChild(end);\n        native.appendChild(submenuIcon);\n\n        let isAppend = false;\n        // ak je variant typu CONTEXT zobrazime submenu ako popup\n        if (\n            /*(this.collapse && this.variant === \"NAV\" && this.hasSubmenu) || */ this.variant === 'CONTEXT' &&\n            this.hasSubmenu\n        ) {\n            native.setAttribute('slot', 'anchor'); // pridame slot anchor pre popup\n\n            let popup = document.createElement('wje-popup');\n            popup.setAttribute('anchor', 'anchor');\n            popup.setAttribute('placement', this.placement);\n            popup.setAttribute('offset', this.offset);\n\n            popup.appendChild(native);\n            popup.appendChild(submenu);\n\n            this.popup = popup;\n            fragment.appendChild(popup);\n            isAppend = true;\n        }\n\n        if (this.parentElement?.hasAttribute('collapse') && !this.hasSubmenu) {\n            fragment.appendChild(this.collapseItem(native));\n        } else if (!isAppend) {\n            fragment.appendChild(native);\n        }\n\n        if ((!this.collapse && this.variant === 'NAV') || (this.variant === 'MEGAMENU' && this.hasSubmenu)) {\n            fragment.appendChild(submenu);\n        }\n\n        this.native = native;\n        this.submenu = submenu;\n\n        return fragment;\n    }\n\n    /**\n     * Adds event listeners after drawing the MenuItem.\n     */\n    afterDraw() {\n        this.unbindRouterLinks = bindRouterLinks(this.parentElement, { selector: false });\n\n        this.addEventListener('mousemove', this.dispatchMove);\n        this.addEventListener('wje-popup:reposition', this.dispatchReposition);\n\n        // Event na zobrazenie submenu\n        event.addListener(this, 'mouseenter', null, this.mouseenterHandler);\n        // Event na zrusenie zobrazenia submenu ked sa klikne mimo\n        event.addListener(this, 'mouseleave', null, this.shouldHideSubmenu);\n        // Event na zrusenie zobrazenia submenu ked sa klikne mimo\n        event.addListener(this, 'focusout', null, this.shouldHideSubmenu);\n        event.addListener(this, 'click', null, this.clickHandler);\n    }\n\n    mouseenterHandler = (e) => {\n        if (this.collapse || (this.variant === 'CONTEXT' && this.hasSubmenu)) {\n            if (this.hasAttribute('manual') || (this.variant === 'NAV' && this.collapse)) return;\n\n            this.activateSubmenu(e);\n\n            e.stopPropagation();\n\n            this.showSubmenu();\n            // this.focus();\n        }\n    };\n\n    /**\n     * Handles the click event on the MenuItem.\n     * @param {object} e\n     */\n    clickHandler = (e) => {\n        switch (this.variant) {\n            case 'NAV':\n                if (!this.collapse && this.hasSubmenu) {\n                    this.submenuToggle(e);\n                    this.hideSubmenu();\n                    e.stopPropagation();\n                } else {\n                    event.dispatchCustomEvent(this, 'wje-menu-item:click');\n                    event.dispatchCustomEvent(this, this.dialog);\n                }\n                break;\n            case 'CONTEXT':\n                if (!this.collapse && this.hasSubmenu) {\n                    let submenuElements = this.submenu.assignedElements({ flatten: true })[0];\n                    if (submenuElements?.hasAttribute('active')) {\n                        this.shouldHideSubmenu(e);\n                    } else {\n                        this.activateSubmenu(e);\n                        this.showSubmenu(e);\n                    }\n                } else {\n                    event.dispatchCustomEvent(this, 'wje-menu-item:click');\n                    event.dispatchCustomEvent(this, this.dialog);\n                }\n\n                break;\n        }\n    };\n\n    /**\n     * Checks if the submenu should be hidden based on the event.\n     * @param {Event} e The event object.\n     */\n    shouldHideSubmenu = (e) => {\n        if (this.collapse || (this.variant === 'CONTEXT' && this.hasSubmenu)) {\n            if ((e.relatedTarget && this.contains(e.relatedTarget)) || (this.variant === 'NAV' && !this.collapse)) {\n                return;\n            }\n\n            this.deactivateSubmenu();\n            this.hideSubmenu();\n        }\n    };\n\n    /**\n     * Creates a tooltip for the MenuItem when it is collapsed.\n     * @param {HTMLElement} native The native MenuItem element.\n     * @returns {HTMLElement} The tooltip element.\n     */\n    collapseItem(native) {\n        let tooltipStart = document.createElement('slot');\n        tooltipStart.setAttribute('slot', 'start');\n        tooltipStart.setAttribute('name', 'tooltip-start');\n\n        let tooltipEnd = document.createElement('slot');\n        tooltipEnd.setAttribute('slot', 'end');\n        tooltipEnd.setAttribute('name', 'tooltip-end');\n\n        let tooltip = document.createElement('wje-tooltip');\n        tooltip.setAttribute('content', this.getTextFromElement(this));\n        tooltip.setAttribute('placement', 'right');\n        tooltip.setAttribute('offset', this.offset || '0');\n\n        tooltip.appendChild(tooltipStart);\n        tooltip.appendChild(tooltipEnd);\n        tooltip.appendChild(native);\n\n        return tooltip;\n    }\n\n    /**\n     * Dispatches a mousemove event.\n     */\n    dispatchMove = (e) => {\n        this.style.setProperty('--wje-menu-item-safe-triangle-cursor-x', `${e.clientX}px`);\n        this.style.setProperty('--wje-menu-item-safe-triangle-cursor-y', `${e.clientY}px`);\n    };\n\n    /**\n     * Dispatches a reposition event.\n     */\n    dispatchReposition = (e) => {\n        // ak nemame submenu tak to ukoncime\n        if (this.submenu.assignedNodes().length === 0) return;\n\n        let submenu = this.submenu.assignedNodes()[0];\n        const { left, top, width, height } = submenu.getBoundingClientRect();\n\n        this.style.setProperty('--wje-menu-item-safe-triangle-submenu-start-x', `${left}px`);\n        this.style.setProperty('--wje-menu-item-safe-triangle-submenu-start-y', `${top}px`);\n        this.style.setProperty('--wje-menu-item-safe-triangle-submenu-end-x', `${left}px`);\n        this.style.setProperty('--wje-menu-item-safe-triangle-submenu-end-y', `${top + height}px`);\n    };\n\n    /**\n     * Shows the submenu of the MenuItem.\n     */\n    showSubmenu() {\n        this.tabIndex = -1;\n        if (this.hasSubmenu) {\n            this.popup?.setAttribute('active', '');\n            this.classList.add('expanded-submenu');\n            this.native.classList.add('expanded-submenu');\n        }\n    }\n\n    /**\n     * Hides the submenu of the MenuItem.\n     */\n    hideSubmenu() {\n        this.tabIndex = 0;\n        if (this.hasSubmenu) {\n            this.popup?.removeAttribute('active');\n            this.classList.remove('expanded-submenu');\n            this.native.classList.remove('expanded-submenu');\n        }\n    }\n\n    /**\n     * Toggles the active state of the submenu element.\n     * If the submenu is not active, it sets the \"active\" attribute.\n     * If the submenu is already active, it removes the \"active\" attribute.\n     * @param {Event} e The event object.\n     */\n    submenuToggle(e) {\n        if (this.hasSubmenu) {\n            let submenuElements = this.submenu.assignedElements({ flatten: true })[0];\n            if (!submenuElements.hasAttribute('active')) {\n                submenuElements.setAttribute('active', '');\n            } else {\n                if (this === e.target) submenuElements.removeAttribute('active');\n            }\n        }\n    }\n\n    /**\n     * Deactivates the submenu by removing the \"active\" attribute.\n     */\n    deactivateSubmenu() {\n        if (this.hasSubmenu) {\n            let submenuElements = this.submenu.assignedElements({ flatten: true })[0];\n            if (submenuElements.hasAttribute('active')) {\n                submenuElements.removeAttribute('active');\n            }\n        }\n    }\n\n    /**\n     * Activates the submenu of the menu item.\n     */\n    activateSubmenu() {\n        if (this.hasSubmenu) {\n            let submenuElements = this.submenu.assignedElements({ flatten: true })[0];\n            if (!submenuElements.hasAttribute('active')) {\n                submenuElements.setAttribute('active', '');\n            }\n        }\n    }\n\n    /**\n     * Gets the text from the element and returns it.\n     */\n    beforeDisconnect() {\n        event.removeListener(this, 'mousemove', null, this.dispatchMove);\n        event.removeListener(this, 'wje-popup:reposition', null, this.dispatchReposition);\n        event.removeListener(this, 'mouseenter', null, this.mouseenterHandler);\n        event.removeListener(this, 'mouseleave', null, this.shouldHideSubmenu);\n        event.removeListener(this, 'focusout', null, this.shouldHideSubmenu);\n        event.removeListener(this, 'click', null, this.clickHandler);\n\n        this.context.innerHTML = '';\n        this.unbindRouterLinks?.();\n    }\n\n    /**\n     * Extracts and returns the concatenated text content from all text nodes within the specified element.\n     * @param {HTMLElement} element The HTML element from which to extract text content.\n     * @returns {string} The concatenated and trimmed text content from the element's text nodes.\n     */\n    getTextFromElement(element) {\n        let text = '';\n        for (let node of element.childNodes) {\n            if (node.nodeType === Node.TEXT_NODE) {\n                text += node.textContent;\n            }\n        }\n        return text.trim();\n    }\n}\n","import MenuItem from './menu-item.element.js';\n\nexport default MenuItem;\n\nMenuItem.define('wje-menu-item', MenuItem);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCe,MAAM,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK5C,cAAc;AACV;AAuDJ,qCAAY;AAsKZ,6CAAoB,CAAC,MAAM;AACvB,UAAI,KAAK,YAAa,KAAK,YAAY,aAAa,KAAK,YAAa;AAClE,YAAI,KAAK,aAAa,QAAQ,KAAM,KAAK,YAAY,SAAS,KAAK,SAAW;AAE9E,aAAK,gBAAgB,CAAC;AAEtB,UAAE,gBAAe;AAEjB,aAAK,YAAW;AAAA,MAEnB;AAAA,IACT;AAMI;AAAA;AAAA;AAAA;AAAA,wCAAe,CAAC,MAAM;AAClB,cAAQ,KAAK,SAAO;AAAA,QAChB,KAAK;AACD,cAAI,CAAC,KAAK,YAAY,KAAK,YAAY;AACnC,iBAAK,cAAc,CAAC;AACpB,iBAAK,YAAW;AAChB,cAAE,gBAAe;AAAA,UACrC,OAAuB;AACH,kBAAM,oBAAoB,MAAM,qBAAqB;AACrD,kBAAM,oBAAoB,MAAM,KAAK,MAAM;AAAA,UAC9C;AACD;AAAA,QACJ,KAAK;AACD,cAAI,CAAC,KAAK,YAAY,KAAK,YAAY;AACnC,gBAAI,kBAAkB,KAAK,QAAQ,iBAAiB,EAAE,SAAS,KAAI,CAAE,EAAE,CAAC;AACxE,gBAAI,mDAAiB,aAAa,WAAW;AACzC,mBAAK,kBAAkB,CAAC;AAAA,YAChD,OAA2B;AACH,mBAAK,gBAAgB,CAAC;AACtB,mBAAK,YAAY,CAAC;AAAA,YACrB;AAAA,UACrB,OAAuB;AACH,kBAAM,oBAAoB,MAAM,qBAAqB;AACrD,kBAAM,oBAAoB,MAAM,KAAK,MAAM;AAAA,UAC9C;AAED;AAAA,MACP;AAAA,IACT;AAMI;AAAA;AAAA;AAAA;AAAA,6CAAoB,CAAC,MAAM;AACvB,UAAI,KAAK,YAAa,KAAK,YAAY,aAAa,KAAK,YAAa;AAClE,YAAK,EAAE,iBAAiB,KAAK,SAAS,EAAE,aAAa,KAAO,KAAK,YAAY,SAAS,CAAC,KAAK,UAAW;AACnG;AAAA,QACH;AAED,aAAK,kBAAiB;AACtB,aAAK,YAAW;AAAA,MACnB;AAAA,IACT;AA+BI;AAAA;AAAA;AAAA,wCAAe,CAAC,MAAM;AAClB,WAAK,MAAM,YAAY,0CAA0C,GAAG,EAAE,OAAO,IAAI;AACjF,WAAK,MAAM,YAAY,0CAA0C,GAAG,EAAE,OAAO,IAAI;AAAA,IACzF;AAKI;AAAA;AAAA;AAAA,8CAAqB,CAAC,MAAM;AAExB,UAAI,KAAK,QAAQ,cAAe,EAAC,WAAW,EAAG;AAE/C,UAAI,UAAU,KAAK,QAAQ,cAAe,EAAC,CAAC;AAC5C,YAAM,EAAE,MAAM,KAAK,OAAO,WAAW,QAAQ;AAE7C,WAAK,MAAM,YAAY,iDAAiD,GAAG,IAAI,IAAI;AACnF,WAAK,MAAM,YAAY,iDAAiD,GAAG,GAAG,IAAI;AAClF,WAAK,MAAM,YAAY,+CAA+C,GAAG,IAAI,IAAI;AACjF,WAAK,MAAM,YAAY,+CAA+C,GAAG,MAAM,MAAM,IAAI;AAAA,IACjG;AAzUQ,SAAK,eAAe;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,IAAI,YAAY;AACZ,QAAI,OAAO,KAAK,cAAc,UAAU;AAExC,QAAI,6BAAM,aAAa,cAAc;AACjC,aAAO,KAAK,aAAa,WAAW;AAAA,IACvC;AACD,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,IAAI,SAAS;AACT,QAAI,OAAO,KAAK,cAAc,UAAU;AAExC,QAAI,6BAAM,aAAa,WAAW;AAC9B,aAAO,KAAK,aAAa,QAAQ;AAAA,IACpC;AACD,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,IAAI,UAAU;AACV,QAAI,OAAO,KAAK,cAAc,UAAU;AAExC,SAAI,6BAAM,aAAa,eAAc,CAAC,KAAK,UAAU;AACjD,aAAO,KAAK,aAAa,SAAS,EAAE,YAAW;AAAA,IAClD;AAED,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,IAAI,WAAW;AACX,QAAI,KAAK,QAAQ,YAAY,EAAG,QAAO;AAEvC,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA,EAQD,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,WAAW,qBAAqB;AAC5B,WAAO;EACV;AAAA;AAAA;AAAA;AAAA,EAKD,kBAAkB;AACd,UAAM,gBAAe;AACrB,SAAK,eAAe;AACpB,SAAK,aAAa,gBAAgB,MAAM;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA,EAKD,aAAa;;AACT,eAAK,cAAc,UAAU,MAA7B,mBAAgC,gBAAgB;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,OAAO;;AACH,SAAK,aAAa,eAAe,QAAQ,MAAM,SAAS;AAExD,QAAI,WAAW,SAAS;AAExB,SAAK,aAAa,YAAY,GAAG;AAEjC,SAAK,UAAU,QAAQ,CAAC,cAAc;AAElC,UAAI,UAAU,WAAW,mBAAmB,GAAG;AAC3C,aAAK,UAAU,OAAO,SAAS;AAAA,MAClC;AAAA,IACb,CAAS;AAED,SAAK,UAAU,OAAO,UAAU;AAChC,SAAK,UAAU,IAAI,sBAAsB,KAAK,QAAQ,YAAW,CAAE;AAEnE,QAAI,CAAC,KAAK,UAAU;AAChB,iBAAK,cAAc,UAAU,MAA7B,mBAAgC,aAAa,WAAW,KAAK,QAAQ,YAAW;AAAA,IACnF,YAAU,UAAK,kBAAL,mBAAoB,aAAa,aAAa;AACrD,WAAK,UAAU,IAAI,UAAU;AAAA,IAChC;AAED,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,aAAa,MAAM,QAAQ;AAClC,WAAO,UAAU,IAAI,kBAAkB;AAGvC,QAAI,cAAc,SAAS,cAAc,MAAM;AAC/C,gBAAY,aAAa,QAAQ,OAAO;AACxC,gBAAY,UAAU,IAAI,YAAY;AACtC,gBAAY,YAAY;AAExB,QAAI,KAAK,aAAa,SAAS,EAAG,aAAY,UAAU,IAAI,SAAS;AAAA,QAChE,aAAY,UAAU,OAAO,SAAS;AAG3C,QAAI,QAAQ,SAAS,cAAc,MAAM;AACzC,UAAM,OAAO;AAGb,QAAI,OAAO,SAAS,cAAc,MAAM;AACxC,SAAK,UAAU,IAAI,OAAO;AAG1B,QAAI,MAAM,SAAS,cAAc,MAAM;AACvC,QAAI,aAAa,QAAQ,KAAK;AAC9B,QAAI,OAAO;AAGX,QAAI,UAAU,SAAS,cAAc,MAAM;AAC3C,YAAQ,aAAa,QAAQ,SAAS;AACtC,YAAQ,OAAO;AAGf,QAAI,mBAAmB,KAAK,WAAW,aAAa;AACpD,QAAI,cAAc,SAAS,cAAc,MAAM;AAC/C,gBAAY,aAAa,QAAQ,cAAc;AAC/C,gBAAY,UAAU,IAAI,gBAAgB,gBAAgB;AAC1D,gBAAY,YAAY,KAAK,WACvB,8CACA;AAEN,QAAI,KAAK,WAAY,QAAO,UAAU,IAAI,aAAa;AAAA,QAClD,QAAO,UAAU,OAAO,aAAa;AAE1C,WAAO,YAAY,WAAW;AAC9B,WAAO,YAAY,KAAK;AACxB,WAAO,YAAY,IAAI;AACvB,WAAO,YAAY,GAAG;AACtB,WAAO,YAAY,WAAW;AAE9B,QAAI,WAAW;AAEf;AAAA;AAAA,MACyE,KAAK,YAAY,aACtF,KAAK;AAAA,MACP;AACE,aAAO,aAAa,QAAQ,QAAQ;AAEpC,UAAI,QAAQ,SAAS,cAAc,WAAW;AAC9C,YAAM,aAAa,UAAU,QAAQ;AACrC,YAAM,aAAa,aAAa,KAAK,SAAS;AAC9C,YAAM,aAAa,UAAU,KAAK,MAAM;AAExC,YAAM,YAAY,MAAM;AACxB,YAAM,YAAY,OAAO;AAEzB,WAAK,QAAQ;AACb,eAAS,YAAY,KAAK;AAC1B,iBAAW;AAAA,IACd;AAED,UAAI,UAAK,kBAAL,mBAAoB,aAAa,gBAAe,CAAC,KAAK,YAAY;AAClE,eAAS,YAAY,KAAK,aAAa,MAAM,CAAC;AAAA,IAC1D,WAAmB,CAAC,UAAU;AAClB,eAAS,YAAY,MAAM;AAAA,IAC9B;AAED,QAAK,CAAC,KAAK,YAAY,KAAK,YAAY,SAAW,KAAK,YAAY,cAAc,KAAK,YAAa;AAChG,eAAS,YAAY,OAAO;AAAA,IAC/B;AAED,SAAK,SAAS;AACd,SAAK,UAAU;AAEf,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAKD,YAAY;AACR,SAAK,oBAAoB,gBAAgB,KAAK,eAAe,EAAE,UAAU,MAAK,CAAE;AAEhF,SAAK,iBAAiB,aAAa,KAAK,YAAY;AACpD,SAAK,iBAAiB,wBAAwB,KAAK,kBAAkB;AAGrE,UAAM,YAAY,MAAM,cAAc,MAAM,KAAK,iBAAiB;AAElE,UAAM,YAAY,MAAM,cAAc,MAAM,KAAK,iBAAiB;AAElE,UAAM,YAAY,MAAM,YAAY,MAAM,KAAK,iBAAiB;AAChE,UAAM,YAAY,MAAM,SAAS,MAAM,KAAK,YAAY;AAAA,EAC3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqED,aAAa,QAAQ;AACjB,QAAI,eAAe,SAAS,cAAc,MAAM;AAChD,iBAAa,aAAa,QAAQ,OAAO;AACzC,iBAAa,aAAa,QAAQ,eAAe;AAEjD,QAAI,aAAa,SAAS,cAAc,MAAM;AAC9C,eAAW,aAAa,QAAQ,KAAK;AACrC,eAAW,aAAa,QAAQ,aAAa;AAE7C,QAAI,UAAU,SAAS,cAAc,aAAa;AAClD,YAAQ,aAAa,WAAW,KAAK,mBAAmB,IAAI,CAAC;AAC7D,YAAQ,aAAa,aAAa,OAAO;AACzC,YAAQ,aAAa,UAAU,KAAK,UAAU,GAAG;AAEjD,YAAQ,YAAY,YAAY;AAChC,YAAQ,YAAY,UAAU;AAC9B,YAAQ,YAAY,MAAM;AAE1B,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EA6BD,cAAc;;AACV,SAAK,WAAW;AAChB,QAAI,KAAK,YAAY;AACjB,iBAAK,UAAL,mBAAY,aAAa,UAAU;AACnC,WAAK,UAAU,IAAI,kBAAkB;AACrC,WAAK,OAAO,UAAU,IAAI,kBAAkB;AAAA,IAC/C;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKD,cAAc;;AACV,SAAK,WAAW;AAChB,QAAI,KAAK,YAAY;AACjB,iBAAK,UAAL,mBAAY,gBAAgB;AAC5B,WAAK,UAAU,OAAO,kBAAkB;AACxC,WAAK,OAAO,UAAU,OAAO,kBAAkB;AAAA,IAClD;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQD,cAAc,GAAG;AACb,QAAI,KAAK,YAAY;AACjB,UAAI,kBAAkB,KAAK,QAAQ,iBAAiB,EAAE,SAAS,KAAI,CAAE,EAAE,CAAC;AACxE,UAAI,CAAC,gBAAgB,aAAa,QAAQ,GAAG;AACzC,wBAAgB,aAAa,UAAU,EAAE;AAAA,MACzD,OAAmB;AACH,YAAI,SAAS,EAAE,OAAQ,iBAAgB,gBAAgB,QAAQ;AAAA,MAClE;AAAA,IACJ;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKD,oBAAoB;AAChB,QAAI,KAAK,YAAY;AACjB,UAAI,kBAAkB,KAAK,QAAQ,iBAAiB,EAAE,SAAS,KAAI,CAAE,EAAE,CAAC;AACxE,UAAI,gBAAgB,aAAa,QAAQ,GAAG;AACxC,wBAAgB,gBAAgB,QAAQ;AAAA,MAC3C;AAAA,IACJ;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKD,kBAAkB;AACd,QAAI,KAAK,YAAY;AACjB,UAAI,kBAAkB,KAAK,QAAQ,iBAAiB,EAAE,SAAS,KAAI,CAAE,EAAE,CAAC;AACxE,UAAI,CAAC,gBAAgB,aAAa,QAAQ,GAAG;AACzC,wBAAgB,aAAa,UAAU,EAAE;AAAA,MAC5C;AAAA,IACJ;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKD,mBAAmB;;AACf,UAAM,eAAe,MAAM,aAAa,MAAM,KAAK,YAAY;AAC/D,UAAM,eAAe,MAAM,wBAAwB,MAAM,KAAK,kBAAkB;AAChF,UAAM,eAAe,MAAM,cAAc,MAAM,KAAK,iBAAiB;AACrE,UAAM,eAAe,MAAM,cAAc,MAAM,KAAK,iBAAiB;AACrE,UAAM,eAAe,MAAM,YAAY,MAAM,KAAK,iBAAiB;AACnE,UAAM,eAAe,MAAM,SAAS,MAAM,KAAK,YAAY;AAE3D,SAAK,QAAQ,YAAY;AACzB,eAAK,sBAAL;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,mBAAmB,SAAS;AACxB,QAAI,OAAO;AACX,aAAS,QAAQ,QAAQ,YAAY;AACjC,UAAI,KAAK,aAAa,KAAK,WAAW;AAClC,gBAAQ,KAAK;AAAA,MAChB;AAAA,IACJ;AACD,WAAO,KAAK;EACf;AACL;ACndA,SAAS,OAAO,iBAAiB,QAAQ;"}

package/dist/wje-menu-label.js

@@ -52,3 +52,4 @@ MenuLabel.define("wje-menu-label", MenuLabel);
 export {
   MenuLabel as default
 };
+//# sourceMappingURL=wje-menu-label.js.map

package/dist/wje-menu-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-menu-label.js","sources":["../packages/wje-menu-label/menu-label.element.js","../packages/wje-menu-label/menu-label.js"],"sourcesContent":["import { default as WJElement, WjElementUtils } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `MenuLabel` is a custom web component that represents a menu label.\n * @summary This element represents a menu label.\n * @documentation https://elements.webjet.sk/components/menu-label\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part of the menu label.\n * @slot - The default slot for the menu label.\n * @cssproperty [--wje-menu-label-font-size=.75rem] - Sets the font size of the menu label. Accepts any valid CSS length unit (e.g., `rem`, `px`, `em`).\n * @cssproperty [--wje-menu-label-weight=600] - Specifies the font weight of the menu label. Accepts values such as `normal`, `bold`, or numeric values (e.g., `400`, `600`).\n * @cssproperty [--wje-letter-spacing=.025rem] - Defines the spacing between letters in the menu label. Accepts any valid CSS length unit. Default value ensures slight spacing for improved readability.\n * @cssproperty [--wje-menu-label-color=var(--wje-color-contrast-6)] - Specifies the text color of the menu label. Accepts any valid CSS color value, including variables and named colors.\n * @cssproperty [--wje-padding-top=0] - Sets the top padding of the menu label. Accepts any valid CSS length value to control spacing above the label.\n * @cssproperty [--wje-padding-bottom=0] - Sets the bottom padding of the menu label. Accepts any valid CSS length value to control spacing below the label.\n * @cssproperty [--wje-padding-start=1.5rem] - Specifies the left padding of the menu label in left-to-right (LTR) layouts. In right-to-left (RTL) layouts, this becomes the right padding. Accepts any valid CSS length value.\n * @cssproperty [--wje-padding-end=1.5rem] - Specifies the right padding of the menu label in left-to-right (LTR) layouts. In right-to-left (RTL) layouts, this becomes the left padding. Accepts any valid CSS length value.\n * @tag wje-menu-label\n */\n\nexport default class MenuLabel extends WJElement {\n    /**\n     * Creates an instance of MenuLabel.\n     * @class\n     */\n    constructor() {\n        super();\n\n        this.hasSubmenu = WjElementUtils.hasSlot(this, 'submenu');\n    }\n\n    className = 'MenuLabel';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component for the menu label.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        // SLOT\n        let slot = document.createElement('slot');\n        slot.setAttribute('part', 'native');\n        slot.classList.add('native-menu-label');\n\n        fragment.appendChild(slot);\n\n        return fragment;\n    }\n}\n","import MenuLabel from './menu-label.element.js';\n\nexport default MenuLabel;\n\nMenuLabel.define('wje-menu-label', MenuLabel);\n"],"names":[],"mappings":";;;;;AAsBe,MAAM,kBAAkB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK7C,cAAc;AACV;AAKJ,qCAAY;AAHR,SAAK,aAAa,eAAe,QAAQ,MAAM,SAAS;AAAA,EAC3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASD,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,WAAW,qBAAqB;AAC5B,WAAO;EACV;AAAA;AAAA;AAAA;AAAA,EAKD,kBAAkB;AACd,SAAK,eAAe;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,OAAO;AACH,QAAI,WAAW,SAAS;AAGxB,QAAI,OAAO,SAAS,cAAc,MAAM;AACxC,SAAK,aAAa,QAAQ,QAAQ;AAClC,SAAK,UAAU,IAAI,mBAAmB;AAEtC,aAAS,YAAY,IAAI;AAEzB,WAAO;AAAA,EACV;AACL;ACxEA,UAAU,OAAO,kBAAkB,SAAS;"}

package/dist/wje-menu.js

@@ -69,3 +69,4 @@ Menu.define("wje-menu", Menu);
 export {
   Menu as default
 };
+//# sourceMappingURL=wje-menu.js.map

package/dist/wje-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-menu.js","sources":["../packages/wje-menu/menu.element.js","../packages/wje-menu/menu.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `Menu` is a custom web component that represents a menu.\n * It extends from `WJElement`.\n * @summary This element represents a menu.\n * @documentation https://elements.webjet.sk/components/menu\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part of the menu.\n * @slot - The default slot for the menu.\n * @cssproperty [--wje-menu-background=var(--wje-background)] - Defines the background color of the menu. Accepts any valid CSS color value, such as `#ffffff`, `rgb(255, 255, 255)`, or CSS variables.\n * @cssproperty [--wje-menu-border-width=1px] - Specifies the width of the menu's border. Accepts any valid CSS length value (e.g., `px`, `em`, `%`).\n * @cssproperty [--wje-menu-border-style=solid] - Sets the style of the menu's border. Common values include `solid`, `dashed`, `dotted`, etc.\n * @cssproperty [--wje-menu-border-color=var(--wje-border-color)] - Defines the color of the menu's border. Accepts any valid CSS color value.\n * @cssproperty [--wje-menu-border-radius=var(--wje-border-radius-small)] - Determines the radius of the menu's corners, creating rounded edges. Accepts any valid CSS length value (e.g., `px`, `%`).\n * @cssproperty [--wje-menu-padding-top=.5rem] - Specifies the top padding inside the menu. Accepts any valid CSS length value.\n * @cssproperty [--wje-menu-padding-bottom=.5rem] - Specifies the bottom padding inside the menu. Accepts any valid CSS length value.\n * @cssproperty [--wje-menu-padding-inline=0] - Sets the horizontal (left and right) padding inside the menu. Accepts any valid CSS length value.\n * @cssproperty [--wje-menu-margin-top=0] - Defines the top margin outside the menu. Accepts any valid CSS length value.\n * @cssproperty [--wje-menu-margin-bottom=0] - Defines the bottom margin outside the menu. Accepts any valid CSS length value.\n * @cssproperty [--wje-menu-margin-inline=0] - Specifies the horizontal (left and right) margin outside the menu. Accepts any valid CSS length value.\n * @cssproperty [--wje-menu-collapse-width=65px] - Sets the width of the menu when it is collapsed. This property is typically used to define the reduced size of the menu in collapsed state. Accepts any valid CSS length value.\n * @tag wje-menu\n */\nexport default class Menu extends WJElement {\n    /**\n     * Creates an instance of Menu.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'Menu';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return ['active', 'collapse'];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component for the menu.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        this.classList.remove('wje-menu-collapse');\n\n        if (this.hasAttribute('collapse')) this.classList.add('wje-menu-collapse');\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('native-menu');\n\n        let slot = document.createElement('slot');\n\n        native.appendChild(slot);\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n\n    /**\n     * Refreshes the component after drawing.\n     */\n    afterDraw() {\n        Array.from(this.children).forEach((child) => {\n            if (child.tagName.includes('-')) child.refresh();\n        });\n    }\n\n    /**\n     * Cleans up the component before disconnecting.\n     */\n    beforeDisconnect() {\n        this.context.innerHTML = '';\n    }\n}\n","import Menu from './menu.element.js';\n\nexport default Menu;\n\nMenu.define('wje-menu', Menu);\n"],"names":[],"mappings":";;;;;AA0Be,MAAM,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,cAAc;AACV;AAGJ,qCAAY;AAAA,EAFX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASD,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,WAAW,qBAAqB;AAC5B,WAAO,CAAC,UAAU,UAAU;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA,EAKD,kBAAkB;AACd,SAAK,eAAe;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,OAAO;AACH,QAAI,WAAW,SAAS;AAExB,SAAK,UAAU,OAAO,mBAAmB;AAEzC,QAAI,KAAK,aAAa,UAAU,EAAG,MAAK,UAAU,IAAI,mBAAmB;AAEzE,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,aAAa;AAElC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,WAAO,YAAY,IAAI;AACvB,aAAS,YAAY,MAAM;AAE3B,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAKD,YAAY;AACR,UAAM,KAAK,KAAK,QAAQ,EAAE,QAAQ,CAAC,UAAU;AACzC,UAAI,MAAM,QAAQ,SAAS,GAAG,EAAG,OAAM;IACnD,CAAS;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKD,mBAAmB;AACf,SAAK,QAAQ,YAAY;AAAA,EAC5B;AACL;AChGA,KAAK,OAAO,YAAY,IAAI;"}

package/dist/wje-option.js

@@ -109,3 +109,4 @@ Option.define("wje-option", Option);
 export {
   Option as default
 };
+//# sourceMappingURL=wje-option.js.map

package/dist/wje-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-option.js","sources":["../packages/wje-option/option.element.js","../packages/wje-option/option.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport Icon from '../wje-icon/icon.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `Option` is a custom web component that represents an option.\n * @summary This element represents an option.\n * @documentation https://elements.webjet.sk/components/option\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part of the option.\n * @slot start - The slot for the start of the option.\n * @slot - The default slot for the option.\n * @slot end - The slot for the end of the option.\n * // @fires wje-option:change - Event fired when the option is clicked.\n * @tag wje-option\n */\nexport default class Option extends WJElement {\n    /**\n     * Creates an instance of Option.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Dependencies of the Option component.\n     */\n    dependencies = {\n        'wje-icon': Icon,\n    };\n\n    /**\n     * Sets the selected attribute of the option.\n     * @param {boolean} value The value to set.\n     */\n    set selected(value) {\n        if (value) this.setAttribute('selected', '');\n        else this.removeAttribute('selected');\n    }\n\n    /**\n     * Sets the value attribute of the option.\n     * @param {string} value The value to set.\n     */\n    set value(value) {\n        this.setAttribute('value', value);\n    }\n\n    /**\n     * Sets the text content of the option.\n     * @param {string} value The text to set.\n     */\n    set text(value) {\n        this.innerText = value;\n    }\n\n    className = 'Option';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component for the option.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('div');\n        element.classList.add('native-option');\n        element.setAttribute('part', 'native');\n\n        let icon = document.createElement('wje-icon');\n        icon.setAttribute('name', 'check');\n\n        let start = document.createElement('slot');\n        start.setAttribute('name', 'start');\n\n        let slot = document.createElement('slot');\n\n        let end = document.createElement('slot');\n        end.setAttribute('name', 'end');\n\n        element.appendChild(icon);\n        element.appendChild(start);\n        element.appendChild(slot);\n        element.appendChild(end);\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n\n    /**\n     * Adds event listeners after the component is drawn.\n     */\n    afterDraw() {\n        event.addListener(this, 'click', null, (e, b, c) => {\n            if (this.hasAttribute('disabled')) return;\n\n            this.dispatchEvent(\n                new CustomEvent('wje-option:change', {\n                    bubbles: true,\n                    composed: true,\n                    detail: {\n                        value: this.value,\n                        text: this.text,\n                    },\n                })\n            );\n        });\n    }\n}\n","import Option from './option.element.js';\n\nexport default Option;\n\nOption.define('wje-option', Option);\n"],"names":[],"mappings":";;;;;;AAiBe,MAAM,eAAe,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1C,cAAc;AACV;AAMJ;AAAA;AAAA;AAAA,wCAAe;AAAA,MACX,YAAY;AAAA,IACpB;AA2BI,qCAAY;AAAA,EAlCX;AAAA;AAAA;AAAA;AAAA;AAAA,EAaD,IAAI,SAAS,OAAO;AAChB,QAAI,MAAO,MAAK,aAAa,YAAY,EAAE;AAAA,QACtC,MAAK,gBAAgB,UAAU;AAAA,EACvC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,IAAI,MAAM,OAAO;AACb,SAAK,aAAa,SAAS,KAAK;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,IAAI,KAAK,OAAO;AACZ,SAAK,YAAY;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASD,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,WAAW,qBAAqB;AAC5B,WAAO;EACV;AAAA;AAAA;AAAA;AAAA,EAKD,kBAAkB;AACd,SAAK,eAAe;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,OAAO;AACH,QAAI,WAAW,SAAS;AAExB,QAAI,UAAU,SAAS,cAAc,KAAK;AAC1C,YAAQ,UAAU,IAAI,eAAe;AACrC,YAAQ,aAAa,QAAQ,QAAQ;AAErC,QAAI,OAAO,SAAS,cAAc,UAAU;AAC5C,SAAK,aAAa,QAAQ,OAAO;AAEjC,QAAI,QAAQ,SAAS,cAAc,MAAM;AACzC,UAAM,aAAa,QAAQ,OAAO;AAElC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,QAAI,MAAM,SAAS,cAAc,MAAM;AACvC,QAAI,aAAa,QAAQ,KAAK;AAE9B,YAAQ,YAAY,IAAI;AACxB,YAAQ,YAAY,KAAK;AACzB,YAAQ,YAAY,IAAI;AACxB,YAAQ,YAAY,GAAG;AAEvB,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAKD,YAAY;AACR,UAAM,YAAY,MAAM,SAAS,MAAM,CAAC,GAAG,GAAG,MAAM;AAChD,UAAI,KAAK,aAAa,UAAU,EAAG;AAEnC,WAAK;AAAA,QACD,IAAI,YAAY,qBAAqB;AAAA,UACjC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,QAAQ;AAAA,YACJ,OAAO,KAAK;AAAA,YACZ,MAAM,KAAK;AAAA,UACd;AAAA,QACrB,CAAiB;AAAA,MACjB;AAAA,IACA,CAAS;AAAA,EACJ;AACL;ACpIA,OAAO,OAAO,cAAc,MAAM;"}

package/dist/wje-options.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import WJElement, { event } from "./wje-element.js";
-import { I as InfiniteScroll } from "./infinite-scroll.element-BmojLp3Z.js";
+import { I as InfiniteScroll } from "./infinite-scroll.element-XVJukzjy.js";
 import { L as List } from "./list.element-Ce1vIm1O.js";
 import Option from "./wje-option.js";
 class Options extends WJElement {
@@ -200,7 +200,7 @@ class Options extends WJElement {
   get loadedOptions() {
     return this._loadedOptions;
   }
-  set loadedOption(loadedOptions) {
+  set loadedOptions(loadedOptions) {
     this._loadedOptions = loadedOptions;
   }
   /**
@@ -339,3 +339,4 @@ Options.define("wje-options", Options);
 export {
   Options as default
 };
+//# sourceMappingURL=wje-options.js.map

package/dist/wje-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-options.js","sources":["../packages/wje-options/options.element.js","../packages/wje-options/options.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport InfiniteScroll from '../wje-infinite-scroll/infinite-scroll.element.js';\nimport List from '../wje-list/list.element.js';\nimport Option from '../wje-option/option.js';\n\n/**\n * `Options` is a custom web component that represents a set of options.\n * It extends from `WJElement`.\n * @summary This element represents a set of options.\n * @documentation https://elements.webjet.sk/components/options\n * @status stable\n * @augments {WJElement}\n * // @fires wje-options:load - Event fired when the options are loaded.\n * @tag wje-options\n */\nexport default class Options extends WJElement {\n    /**\n     * Creates an instance of Options.\n     * @class\n     */\n    constructor() {\n        super();\n\n        this._loadedOptions = [];\n    }\n\n    dependencies = {\n        'wje-option': Option,\n        'wje-infinite-scroll': InfiniteScroll,\n        'wje-list': List,\n    };\n\n    className = 'Options';\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return ['search'];\n    }\n\n    /**\n     * Sets the option array path attribute.\n     * @param {string} value The value to set for the option array path.\n     */\n    set optionArrayPath(value) {\n        this.setAttribute('option-array-path', value);\n    }\n\n    /**\n     * Gets the option array path attribute.\n     * @returns {string} The value of the option array path attribute or \"data\" if not set.\n     */\n    get optionArrayPath() {\n        return this.getAttribute('option-array-path');\n    }\n\n    /**\n     * Checks if the option array path attribute is present.\n     * @returns {boolean} True if the option array path attribute is present, false otherwise.\n     */\n    get hasOptionArrayPath() {\n        return this.hasAttribute('option-array-path');\n    }\n\n    /**\n     * Gets the dropdown height attribute.\n     * @returns {string} The value of the dropdown height attribute or \"100%\" if not set.\n     */\n    get dropdownHeight() {\n        return this.getAttribute('dropdown-height') || '100%';\n    }\n\n    /**\n     * Sets the dropdown height attribute.\n     * @param {string} value The value to set for the dropdown height.\n     */\n    set dropdownHeight(value) {\n        this.setAttribute('dropdown-height', value);\n    }\n\n    /**\n     * Sets the item value attribute.\n     * @param {string} value The value to set for the item value.\n     */\n    set itemValue(value) {\n        this.setAttribute('item-value', value);\n    }\n\n    /**\n     * Gets the item value attribute.\n     * @returns {string} The value of the item value attribute or \"value\" if not set.\n     */\n    get itemValue() {\n        return this.getAttribute('item-value') || 'value';\n    }\n\n    /**\n     * Sets the item text attribute.\n     * @param {string} value The value to set for the item text.\n     */\n    set itemText(value) {\n        this.setAttribute('item-text', value);\n    }\n\n    /**\n     * Gets the item text attribute.\n     * @returns {string} The value of the item text attribute or \"text\" if not set.\n     */\n    get itemText() {\n        return this.getAttribute('item-text') || 'text';\n    }\n\n    /**\n     * Gets the lazy load size attribute.\n     * @returns {number} The value of the lazy load size attribute or 10 if not set.\n     */\n    get lazyLoadSize() {\n        return this.getAttribute('lazy-load-size') || 10;\n    }\n\n    /**\n     * Sets the lazy load size attribute.\n     * @param {number} value The value to set for the lazy load size.\n     */\n    set lazyLoadSize(value) {\n        this.setAttribute('lazy-load-size', value);\n    }\n\n    /**\n     * Sets the search attribute.\n     * @param {string} value The value to set for the search.\n     */\n    set search(value) {\n        this.setAttribute('search', value);\n    }\n\n    /**\n     * Gets the search attribute.\n     * @returns {string} The value of the search attribute.\n     */\n    get search() {\n        return this.getAttribute('search');\n    }\n\n    /**\n     * Checks if the search attribute is present.\n     * @returns {boolean} True if the search attribute is present, false otherwise.\n     */\n    get hasSearch() {\n        return this.hasAttribute('search');\n    }\n\n    /**\n     * Checks if the lazy attribute is present.\n     * @returns {boolean} True if the lazy attribute is present, false otherwise.\n     */\n    get lazy() {\n        return this.hasAttribute('lazy');\n    }\n\n    /**\n     * Sets the lazy attribute.\n     * @param {boolean} value The value to set for the lazy attribute.\n     */\n    set lazy(value) {\n        this.setAttribute('lazy', value);\n    }\n\n    /**\n     * Gets the loaded options.\n     * @returns {Array} The loaded options.\n     */\n    get options() {\n        return this.loadedOptions?.flat();\n    }\n\n    get loadedOptions() {\n        return this._loadedOptions;\n    }\n\n    set loadedOptions(loadedOptions) {\n        this._loadedOptions = loadedOptions;\n    }\n\n    /**\n     * Lifecycle method, called whenever an observed property changes.\n     */\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (this.infiniteScroll && name === 'search' && oldValue !== newValue) {\n            this.loadedOptions = [];\n            this.infiniteScroll.placementObj.innerHTML = '';\n            this.infiniteScroll.totalPages = 0;\n            this.infiniteScroll.refresh();\n        }\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Prepares the component before drawing.\n     * Fetches the pages and creates the options elements.\n     */\n    beforeDraw() {\n        event.dispatchCustomEvent(this, 'wje-options:load', {}); // nepomohlo to, v ff stale je scroll hore\n    }\n\n    /**\n     * Draws the component.\n     * @returns {DocumentFragment}\n     */\n    async draw() {\n        let fragment = document.createDocumentFragment();\n\n        const slot = document.createElement('slot');\n\n        if (this.hasAttribute('lazy')) {\n            const list = document.createElement('wje-list');\n\n            const infiniteScroll = document.createElement('wje-infinite-scroll');\n            infiniteScroll.setAttribute('placement', 'wje-list');\n            infiniteScroll.setAttribute('height', this.dropdownHeight);\n            infiniteScroll.setAttribute('object-name', this.optionArrayPath);\n            infiniteScroll.append(list);\n\n            infiniteScroll.dataToHtml = this.htmlItem;\n\n            infiniteScroll.setCustomData = async (page, signal) => {\n                let res = await this.service.get(\n                    `${this.url}${this.search ? `/${this.search}` : ''}?page=${page}&size=${this.lazyLoadSize}`,\n                    null,\n                    false,\n                    signal\n                );\n                const filteredOptions = this.filterOutDrawnOptions(res);\n                this.loadedOptions.push(...this.processData(filteredOptions));\n\n                return filteredOptions;\n            };\n\n            if (!this.contains(infiniteScroll)) {\n                this.appendChild(infiniteScroll);\n            }\n\n            this.infiniteScroll = infiniteScroll;\n        } else {\n            this.response = await this.getPages();\n            let optionsData = this.filterOutDrawnOptions(this.response);\n            optionsData = this.processData(optionsData);\n\n            this.loadedOptions.push(...optionsData);\n\n            this.append(...optionsData.map(this.htmlItem));\n        }\n\n        fragment.appendChild(slot);\n\n        return fragment;\n    }\n\n    /**\n     * Processes the given data and returns the options based on the option array path.\n     * @param {any} data The data to be processed.\n     * @returns {any} - The options based on the option array path.\n     */\n    processData(data) {\n        const splittedOptionArrayPath = this.optionArrayPath ? this.optionArrayPath?.split('.') : null;\n        let options = data;\n\n        splittedOptionArrayPath?.forEach((path) => {\n            options = options[path];\n        });\n\n        return options ?? [];\n    }\n\n    /**\n     * Filters out drawn options from the response.\n     * @param {object | null} response The response to filter.\n     * @returns {object} The filtered response.\n     */\n    filterOutDrawnOptions(response) {\n        const splittedOptionArrayPath = this.optionArrayPath ? this.optionArrayPath?.split('.') : [];\n        let filteredResponse = structuredClone(response);\n\n        filteredResponse = this.recursiveUpdate(filteredResponse, splittedOptionArrayPath);\n        return filteredResponse;\n    }\n\n    /**\n     * Recursively updates the object based on the provided path to the property.\n     * @param {object | Array | null} object\n     * @param {Array<string> | null} pathToProperty\n     * @returns {object | Array | null}\n     */\n    recursiveUpdate = (object, pathToProperty) => {\n        if (pathToProperty.length === 0) {\n            if (Array.isArray(object)) {\n                return object.filter(\n                    (option) =>\n                        !this.loadedOptions.some(\n                            (loadedOption) => loadedOption[this.itemValue] === option[this.itemValue]\n                        )\n                );\n            } else {\n                console.error('Expected an array but got:', object, pathToProperty);\n                return [];\n            }\n        }\n\n        const [currentPath, ...remainingPath] = pathToProperty;\n        if (remainingPath.length > 0) {\n            object[currentPath] = this.recursiveUpdate(object[currentPath], remainingPath);\n        } else {\n            object[currentPath] =\n                object[currentPath]?.filter(\n                    (option) =>\n                        !this.loadedOptions.some(\n                            (loadedOption) => loadedOption[this.itemValue] === option[this.itemValue]\n                        )\n                ) ?? [];\n        }\n        return object;\n    };\n\n    /**\n     * Generates an HTML option element based on the provided item.\n     * @param {object} item The item to generate the option element for.\n     * @returns {HTMLElement} The generated option element.\n     */\n    htmlItem = (item) => {\n        let option = document.createElement('wje-option');\n\n        if (item[this.itemValue] === null || item[this.itemValue] === undefined) {\n            console.warn(`The item ${JSON.stringify(item)} does not have the property ${this.itemValue}`);\n        }\n\n        if (item[this.itemText] === null || item[this.itemText] === undefined) {\n            console.warn(`The item ${JSON.stringify(item)} does not have the property ${this.itemText}`);\n        }\n\n        option.setAttribute('value', item[this.itemValue] ?? '');\n        option.innerText = item[this.itemText] ?? '';\n\n        return option;\n    };\n\n    /**\n     * Fetches the pages from the provided URL.\n     * @param {number} page The page number to fetch.\n     * @returns {Promise<object>} The fetched data.\n     * @throws Will throw an error if the response is not ok.\n     */\n    async getPages(page) {\n        const response = await fetch(this.url);\n        if (!response.ok) {\n            throw new Error(`An error occurred: ${response.status}`);\n        }\n        return await response.json();\n    }\n\n    /**\n     * Finds the selected option data based on the given selected option values.\n     * @param {Array} selectedOptionValues The array of selected option values.\n     * @returns {Array} - The array of option data that matches the selected option values.\n     */\n    findSelectedOptionData(selectedOptionValues = []) {\n        return this.options.filter((option) => selectedOptionValues.includes(option[this.itemValue]));\n    }\n\n    /**\n     * Adds an option to the element.\n     * @param {object} optionData The data of the option to be added.\n     */\n    addOption(optionData) {\n        if (this.loadedOptions.some((option) => option[this.itemValue] === optionData[this.itemValue])) {\n            return;\n        }\n\n        this.prepend(this.htmlItem(optionData));\n        this.loadedOptions.push(optionData);\n    }\n\n    /**\n     * Adds options to the element.\n     * @param {Array} optionsData The array of option data to be added.\n     * @param {boolean} [silent] Whether to suppress events triggered by adding options.\n     */\n    addOptions(optionsData = [], silent = false) {\n        if (Array.isArray(optionsData)) optionsData?.forEach((od) => this.addOption(od, silent));\n        else this.addOption(optionsData, silent);\n    }\n}\n","import Options from './options.element.js';\n\nexport default Options;\n\nOptions.define('wje-options', Options);\n"],"names":[],"mappings":"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"}

package/dist/wje-orgchart-group.js

@@ -69,3 +69,4 @@ OrgchartGroup.define("wje-orgchart-group", OrgchartGroup);
 export {
   OrgchartGroup as default
 };
+//# sourceMappingURL=wje-orgchart-group.js.map

package/dist/wje-orgchart-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-orgchart-group.js","sources":["../packages/wje-orgchart-group/orgchart-group.element.js","../packages/wje-orgchart-group/orgchart-group.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary OrgchartItem is a custom web component that extends WJElement.\n * @documentation https://elements.webjet.sk/components/OrgchartItem\n * @status stable\n * @augments WJElement\n * @csspart - Styles the element.\n * @tag wje-orgchart-item\n * @example\n */\nexport default class OrgchartGroup extends WJElement {\n    /**\n     * Creates an instance of OrgchartGroup.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the component.\n     * @type {string}\n     */\n    className = 'OrgchartGroup';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component for the org chart group.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('orgchart-group');\n\n        let card = document.createElement('wje-card');\n\n        let title = document.createElement('h4');\n        title.setAttribute('part', 'title');\n        title.innerHTML = this.getAttribute('title') || '';\n\n        let items = document.createElement('div');\n        items.setAttribute('part', 'items');\n        items.classList.add('items');\n\n        let slot = document.createElement('slot');\n\n        items.appendChild(slot);\n\n        card.appendChild(title);\n        card.appendChild(items);\n\n        native.appendChild(card);\n\n        fragment.appendChild(native);\n\n        this.card = card;\n\n        return fragment;\n    }\n\n    /**\n     * After Draws the component for the org chart group.\n     */\n    afterDraw() {\n        this.card.addEventListener('click', (e) => {\n            e.stopPropagation();\n            event.dispatchCustomEvent(this.card, 'wje-orgchart-group:click', { target: this });\n        });\n    }\n}\n","import OrgchartGroup from './orgchart-group.element.js';\n\nexport default OrgchartGroup;\n\nOrgchartGroup.define('wje-orgchart-group', OrgchartGroup);\n"],"names":[],"mappings":";;;;;AAYe,MAAM,sBAAsB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjD,cAAc;AACV;AAOJ;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaD,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAKD,kBAAkB;AACd,SAAK,eAAe;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,OAAO;AACH,QAAI,WAAW,SAAS;AAExB,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,gBAAgB;AAErC,QAAI,OAAO,SAAS,cAAc,UAAU;AAE5C,QAAI,QAAQ,SAAS,cAAc,IAAI;AACvC,UAAM,aAAa,QAAQ,OAAO;AAClC,UAAM,YAAY,KAAK,aAAa,OAAO,KAAK;AAEhD,QAAI,QAAQ,SAAS,cAAc,KAAK;AACxC,UAAM,aAAa,QAAQ,OAAO;AAClC,UAAM,UAAU,IAAI,OAAO;AAE3B,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,UAAM,YAAY,IAAI;AAEtB,SAAK,YAAY,KAAK;AACtB,SAAK,YAAY,KAAK;AAEtB,WAAO,YAAY,IAAI;AAEvB,aAAS,YAAY,MAAM;AAE3B,SAAK,OAAO;AAEZ,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAKD,YAAY;AACR,SAAK,KAAK,iBAAiB,SAAS,CAAC,MAAM;AACvC,QAAE,gBAAe;AACjB,YAAM,oBAAoB,KAAK,MAAM,4BAA4B,EAAE,QAAQ,KAAI,CAAE;AAAA,IAC7F,CAAS;AAAA,EACJ;AACL;ACrFA,cAAc,OAAO,sBAAsB,aAAa;"}

package/dist/wje-orgchart-item.js

@@ -64,6 +64,7 @@ class OrgchartItem extends WJElement {
     native.setAttribute("part", "native");
     native.classList.add("orgchart-item");
     let card = document.createElement("wje-card");
+    card.setAttribute("part", "card");
     let slot = document.createElement("slot");
     let child = document.createElement("slot");
     child.setAttribute("name", "child");
@@ -94,3 +95,4 @@ OrgchartItem.define("wje-orgchart-item", OrgchartItem);
 export {
   OrgchartItem as default
 };
+//# sourceMappingURL=wje-orgchart-item.js.map

package/dist/wje-orgchart-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-orgchart-item.js","sources":["../packages/wje-orgchart-item/orgchart-item.element.js","../packages/wje-orgchart-item/orgchart-item.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary OrgchartItem is a custom web component that extends WJElement.\n * @documentation https://elements.webjet.sk/components/OrgchartItem\n * @status stable\n * @augments WJElement\n * @attribute {boolean} boss - The boss of the orgchart item (default: false).\n * @slot - The default slot for the orgchart item.\n * @slot child - The child slot for the orgchart item.\n * @csspart - Styles the element.\n * @csspart native - Styles the native element.\n * @csspart expander - Styles the expander element.\n * @tag wje-orgchart-item\n */\nexport default class OrgchartItem extends WJElement {\n    /**\n     * Creates an instance of OrgchartItem.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Sets the boss of the orgchart item.\n     * @param value\n     */\n\n    set boss(value) {\n        if (value) this.setAttribute('boss', value);\n    }\n\n    /**\n     * Gets the boss of the orgchart item.\n     * @returns {boolean}\n     */\n\n    get boss() {\n        return this.hasAttribute('boss');\n    }\n\n    className = 'OrgchartItem';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    beforeDraw() {\n        if (this.parentElement && this.parentElement.tagName === 'WJE-ORGCHART-GROUP') {\n            this.classList.add('parent-group');\n        }\n    }\n\n    /**\n     * Draws the component for the org chart item.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('orgchart-item');\n\n        let card = document.createElement('wje-card');\n        card.setAttribute('part', 'card');\n\n        let slot = document.createElement('slot');\n\n        let child = document.createElement('slot');\n        child.setAttribute('name', 'child');\n\n        let expander = document.createElement('div');\n        expander.setAttribute('part', 'expander');\n        expander.classList.add('expander');\n        expander.innerHTML = '-';\n\n        card.appendChild(slot);\n        if (this.children.length > 0 && Array.from(this.children).some((el) => el.tagName === 'WJE-ORGCHART'))\n            card.appendChild(expander); // if the orgchart item has children and\n\n        native.appendChild(card);\n        native.appendChild(child);\n\n        fragment.appendChild(native);\n\n        this.expander = expander;\n\n        return fragment;\n    }\n\n    /**\n     * After Draws the component for the org chart item.\n     */\n    afterDraw() {\n        this.expander.addEventListener('click', this.toggleChildren);\n    }\n\n    /**\n     * Toggles the children of the orgchart item.\n     * @param e The event object.\n     */\n    toggleChildren = (e) => {\n        this.classList.toggle('collapse');\n        if (this.classList.contains('collapse')) e.target.innerHTML = '+';\n        else e.target.innerHTML = '-';\n    };\n\n    dispatchEvent(e) {\n        return false;\n    }\n}\n","import OrgchartItem from './orgchart-item.element.js';\n\nexport default OrgchartItem;\n\nOrgchartItem.define('wje-orgchart-item', OrgchartItem);\n"],"names":[],"mappings":";;;;;AAgBe,MAAM,qBAAqB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD,cAAc;AACV;AAqBJ,qCAAY;AAyEZ;AAAA;AAAA;AAAA;AAAA,0CAAiB,CAAC,MAAM;AACpB,WAAK,UAAU,OAAO,UAAU;AAChC,UAAI,KAAK,UAAU,SAAS,UAAU,EAAG,GAAE,OAAO,YAAY;AAAA,UACzD,GAAE,OAAO,YAAY;AAAA,IAClC;AAAA,EAjGK;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,IAAI,KAAK,OAAO;AACZ,QAAI,MAAO,MAAK,aAAa,QAAQ,KAAK;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,IAAI,OAAO;AACP,WAAO,KAAK,aAAa,MAAM;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASD,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAKD,kBAAkB;AACd,SAAK,eAAe;AAAA,EACvB;AAAA,EAED,aAAa;AACT,QAAI,KAAK,iBAAiB,KAAK,cAAc,YAAY,sBAAsB;AAC3E,WAAK,UAAU,IAAI,cAAc;AAAA,IACpC;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,OAAO;AACH,QAAI,WAAW,SAAS;AAExB,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,eAAe;AAEpC,QAAI,OAAO,SAAS,cAAc,UAAU;AAC5C,SAAK,aAAa,QAAQ,MAAM;AAEhC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,QAAI,QAAQ,SAAS,cAAc,MAAM;AACzC,UAAM,aAAa,QAAQ,OAAO;AAElC,QAAI,WAAW,SAAS,cAAc,KAAK;AAC3C,aAAS,aAAa,QAAQ,UAAU;AACxC,aAAS,UAAU,IAAI,UAAU;AACjC,aAAS,YAAY;AAErB,SAAK,YAAY,IAAI;AACrB,QAAI,KAAK,SAAS,SAAS,KAAK,MAAM,KAAK,KAAK,QAAQ,EAAE,KAAK,CAAC,OAAO,GAAG,YAAY,cAAc;AAChG,WAAK,YAAY,QAAQ;AAE7B,WAAO,YAAY,IAAI;AACvB,WAAO,YAAY,KAAK;AAExB,aAAS,YAAY,MAAM;AAE3B,SAAK,WAAW;AAEhB,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAKD,YAAY;AACR,SAAK,SAAS,iBAAiB,SAAS,KAAK,cAAc;AAAA,EAC9D;AAAA,EAYD,cAAc,GAAG;AACb,WAAO;AAAA,EACV;AACL;ACzHA,aAAa,OAAO,qBAAqB,YAAY;"}

package/dist/wje-orgchart.js

@@ -46,3 +46,4 @@ Orgchart.define("wje-orgchart", Orgchart);
 export {
   Orgchart as default
 };
+//# sourceMappingURL=wje-orgchart.js.map

package/dist/wje-orgchart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-orgchart.js","sources":["../packages/wje-orgchart/orgchart.element.js","../packages/wje-orgchart/orgchart.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary Orgchart is a custom web component that extends WJElement.\n * @documentation https://elements.webjet.sk/components/Orgchart\n * @status stable\n * @augments WJElement\n * @csspart - Styles the element.\n * @tag wje-orgchart\n * @example\n */\nexport default class Orgchart extends WJElement {\n    /**\n     * Creates an instance of Orgchart.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'Orgchart';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component for the org chart.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('native-orgchart');\n\n        let slot = document.createElement('slot');\n\n        native.appendChild(slot);\n\n        fragment.appendChild(native);\n\n        this.native = native;\n\n        return fragment;\n    }\n}\n","import Orgchart from './orgchart.element.js';\n\nexport default Orgchart;\n\nOrgchart.define('wje-orgchart', Orgchart);\n"],"names":[],"mappings":";;;;;AAYe,MAAM,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK5C,cAAc;AACV;AAGJ,qCAAY;AAAA,EAFX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASD,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAKD,kBAAkB;AACd,SAAK,eAAe;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,OAAO;AACH,QAAI,WAAW,SAAS;AAExB,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,iBAAiB;AAEtC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,WAAO,YAAY,IAAI;AAEvB,aAAS,YAAY,MAAM;AAE3B,SAAK,SAAS;AAEd,WAAO;AAAA,EACV;AACL;ACxDA,SAAS,OAAO,gBAAgB,QAAQ;"}

package/dist/wje-popup.js

@@ -3,3 +3,4 @@ Popup.define("wje-popup", Popup);
 export {
   Popup as default
 };
+//# sourceMappingURL=wje-popup.js.map

package/dist/wje-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-popup.js","sources":["../packages/wje-popup/popup.js"],"sourcesContent":["import Popup from './popup.element.js';\n\nexport default Popup;\n\nPopup.define('wje-popup', Popup);\n"],"names":[],"mappings":";AAIA,MAAM,OAAO,aAAa,KAAK;"}

package/dist/wje-progress-bar.js

@@ -210,3 +210,4 @@ ProgressBar.define("wje-progress-bar", ProgressBar);
 export {
   ProgressBar as default
 };
+//# sourceMappingURL=wje-progress-bar.js.map

package/dist/wje-progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-progress-bar.js","sources":["../packages/wje-progress-bar/progress-bar.element.js","../packages/wje-progress-bar/progress-bar.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `ProgressBar` is a custom web component that represents a progress bar.\n * @summary This element represents a progress bar.\n * @documentation https://elements.webjet.sk/components/progress-bar\n * @status stable\n * @augments {WJElement}\n * @slot - The default slot for the progress bar.\n * @slot start - The start slot of the progress bar.\n * @slot end - The end slot of the progress bar.\n * @cssproperty [--wje-progress-bar-color=var(--wje-color-contrast-6)] - Sets the color of the progress bar. This property controls the fill color of the progress indicator. Accepts any valid CSS color value, such as named colors (`red`), hex values (`#ff0000`), or CSS variables.\n * @cssproperty [--wje-progress-bar-text-size=.75rem] - Defines the font size of the text displayed within the progress bar. Accepts any valid CSS length unit (e.g., `rem`, `px`, `em`) to control text size relative to the bar's design.\n * @cssproperty [--wje-progress-bar-text-color=var(--wje-color)] - Specifies the color of the text displayed within the progress bar. Accepts any valid CSS color value to ensure contrast and readability against the progress bar's background.\n * @tag wje-progress-bar\n */\nexport default class ProgressBar extends WJElement {\n    /**\n     * Creates an instance of ProgressBar.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Sets the radius of the progress bar.\n     * @param {number} value The value to set.\n     */\n    set radius(value) {\n        this.setAttribute('radius', value);\n    }\n\n    /**\n     * Gets the radius of the progress bar.\n     * @returns {number} The value of the radius.\n     */\n    get radius() {\n        return +this.getAttribute('radius') || 70;\n    }\n\n    /**\n     * Gets the diameter of the progress bar.\n     * @returns {number} The value of the diameter.\n     */\n    get diameter() {\n        return this.radius * 2;\n    }\n\n    /**\n     * Gets the diameter of the progress bar.\n     * @returns {number} The value of the diameter.\n     */\n    get containerSize() {\n        return this.diameter + 2 * this.stroke;\n    }\n\n    /**\n     * Sets the stroke of the progress bar.\n     * @param {number} value The value to set.\n     */\n    set stroke(value) {\n        this.setAttribute('stroke', value);\n    }\n\n    /**\n     * Gets the stroke of the progress bar.\n     * @returns {number} The value of the stroke.\n     */\n    get stroke() {\n        return +this.getAttribute('stroke') || 6;\n    }\n\n    /**\n     * Gets the linecap of the progress bar.\n     * @returns {string} The value of the linecap.\n     */\n    get linecap() {\n        return this.getAttribute('linecap') || 'square';\n    }\n\n    className = 'ProgressBar';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return ['progress'];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component.\n     * @param {object} context The context for drawing.\n     * @param {object} store The store for drawing.\n     * @param {object} params The parameters for drawing.\n     * @returns {DocumentFragment}\n     */\n    draw(context, store, params) {\n        let xy = this.radius + this.stroke / 2;\n\n        let fragment = document.createDocumentFragment();\n\n        if (params.color) this.classList.add('wje-color');\n\n        let element = document.createElement('div');\n        element.classList.add('progress');\n\n        let slot = document.createElement('slot');\n\n        let slotWrapper = document.createElement('div');\n        slotWrapper.classList.add('slot-wrapper');\n\n        let slotStart = document.createElement('slot');\n        slotStart.setAttribute('name', 'start');\n\n        let slotEnd = document.createElement('slot');\n        slotEnd.setAttribute('name', 'end');\n\n        const svgNamespace = 'http://www.w3.org/2000/svg';\n\n        let svg = document.createElementNS(svgNamespace, 'svg');\n\n        let background;\n        let bar;\n\n        if (this?.type === 'circle') {\n            // console.log(\"CIRCLE\", \"RADIUS:\", this.radius, \"DIAMETER:\", this.diameter, \"CONTAINER SIZE:\", this.containerSize, \"STROKE:\", this.stroke);\n            svg.setAttribute('width', this.containerSize);\n            svg.setAttribute('height', this.containerSize);\n            svg.setAttribute('viewBox', `0 0 ${this.containerSize} ${this.containerSize}`);\n            svg.setAttribute('style', 'transform: rotate(-90deg)');\n\n            background = document.createElementNS(svgNamespace, 'circle');\n            background.setAttribute('stroke', 'var(--wje-progress-bar-background-color)');\n            background.setAttribute('stroke-width', this.stroke);\n            background.setAttribute('fill', 'transparent');\n            background.setAttribute('r', this.radius);\n            background.setAttribute('cx', this.containerSize / 2);\n            background.setAttribute('cy', this.containerSize / 2);\n\n            bar = document.createElementNS(svgNamespace, 'circle');\n            bar.setAttribute('stroke', 'var(--wje-progress-bar-color)');\n            bar.setAttribute('stroke-width', this.stroke);\n            bar.setAttribute('fill', 'transparent');\n            bar.setAttribute('r', this.radius);\n            bar.setAttribute('cx', this.containerSize / 2);\n            bar.setAttribute('cy', this.containerSize / 2);\n            bar.setAttribute('stroke-linecap', this.linecap);\n\n            let text = document.createElementNS(svgNamespace, 'text');\n            text.setAttribute('x', '50%');\n            text.setAttribute('y', '50%');\n            text.innerHTML = this.progress + '%';\n\n            svg.appendChild(text);\n        } else {\n            svg.setAttribute('width', '100%');\n            svg.setAttribute('height', this.stroke);\n            svg.setAttribute('preserveAspectRatio', 'none');\n\n            background = document.createElementNS(svgNamespace, 'rect');\n            background.setAttribute('x', 0);\n            background.setAttribute('y', 0);\n            background.setAttribute('width', '100%');\n            background.setAttribute('height', this.stroke);\n            if (this.linecap === 'round') {\n                background.setAttribute('rx', this.stroke / 2);\n                background.setAttribute('ry', this.stroke / 2);\n            }\n\n            bar = document.createElementNS(svgNamespace, 'rect');\n            bar.setAttribute('x', 0);\n            bar.setAttribute('y', 0);\n            bar.setAttribute('width', this.progress + '%');\n            bar.setAttribute('height', this.stroke);\n            bar.setAttribute('id', 'bar');\n\n            if (this.linecap === 'round') {\n                bar.setAttribute('rx', this.stroke / 2);\n                bar.setAttribute('ry', this.stroke / 2);\n            }\n        }\n\n        svg.appendChild(background);\n        svg.appendChild(bar);\n\n        slotWrapper.appendChild(slot);\n\n        element.appendChild(slotStart);\n        element.appendChild(slotWrapper);\n        element.appendChild(svg);\n        element.appendChild(slotEnd);\n\n        fragment.appendChild(element);\n\n        this.background = background;\n        this.bar = bar;\n\n        return fragment;\n    }\n\n    /**\n     * Adds event listeners after the component is drawn.\n     */\n    afterDraw() {\n        if (this.type === 'circle') {\n            this.setCircleProgress(this.progress);\n        }\n    }\n\n    /**\n     * Returns the dasharray for a circle with the given radius.\n     * @param {number} radius The radius of the circle in pixels.\n     * @returns {number} The dasharray value.\n     */\n    getCircleDasharray(radius = 70) {\n        return 2 * Math.PI * radius;\n    }\n\n    /**\n     * Returns the dashoffset for a circle with the given progress and radius.\n     * @param {number} progress The progress of the circle in percentage.\n     * @param {number} radius The radius of the circle in pixels.\n     * @returns {number} The dashoffset value.\n     */\n    getCircleDashoffset(progress = 0, radius = 70) {\n        return this.getCircleDasharray(radius) * ((100 - progress) / 100);\n    }\n\n    /**\n     * Sets the progress of the circle.\n     * @param percent\n     */\n    setCircleProgress(percent) {\n        const progress = this.bar;\n        const radius = progress.r.baseVal.value;\n        const circumference = 2 * Math.PI * radius;\n\n        progress.style.strokeDasharray = `${circumference}`;\n        const offset = circumference - (percent / 100) * circumference;\n        progress.style.strokeDashoffset = offset;\n    }\n}\n","import ProgressBar from './progress-bar.element.js';\n\nexport default ProgressBar;\n\nProgressBar.define('wje-progress-bar', ProgressBar);\n"],"names":[],"mappings":"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"}

package/dist/wje-qr-code.js

@@ -2883,3 +2883,4 @@ QrCode.define("wje-qr-code", QrCode);
 export {
   QrCode as default
 };
+//# sourceMappingURL=wje-qr-code.js.map