wj-elements 0.1.170 → 0.1.172

package/dist/wje-menu-item.js

@@ -1,6 +1,13 @@
 var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 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);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _MenuItem_instances, populateCustomEvent_fn;
 import { b as bindRouterLinks } from "./router-links-CJnOdbas.js";
 import WJElement, { WjElementUtils, event } from "./wje-element.js";
 const styles = `/*
@@ -188,6 +195,7 @@ class MenuItem extends WJElement {
    */
   constructor() {
     super();
+    __privateAdd(this, _MenuItem_instances);
     __publicField(this, "className", "MenuItem");
     __publicField(this, "mouseenterHandler", (e) => {
       if (this.collapse || this.variant === "CONTEXT" && this.hasSubmenu) {
@@ -304,6 +312,35 @@ class MenuItem extends WJElement {
     if (this.closest("[collapse]")) return true;
     return false;
   }
+  /**
+   * Sets the value of the custom event attribute.
+   * @param {string} value The value to be assigned to the custom event attribute.
+   */
+  set customEvent(value) {
+    this.setAttribute("custom-event", value);
+  }
+  /**
+   * Retrieves the value of the 'custom-event' attribute from the element.
+   * @returns {string | null} The value of the 'custom-event' attribute, or null if the attribute is not set.
+   */
+  get customEvent() {
+    return this.getAttribute("custom-event");
+  }
+  /**
+   * Retrieves a mapped object containing custom event parameters extracted from the element's attributes.
+   * Attributes considered are those that begin with 'custom-event-'.
+   * The mapped object's keys are derived by removing the 'custom-event-' prefix from the attribute names,
+   * and the values are the corresponding attribute values.
+   * @returns {object} An object containing key-value pairs of custom event parameters.
+   */
+  get customEventParameters() {
+    const attributes = Array.from(this.attributes).filter((attr) => attr.name.startsWith("custom-event-"));
+    return attributes.reduce((acc, attr) => {
+      const key = attr.name.replace("custom-event-", "");
+      acc[key] = attr.value;
+      return acc;
+    }, {});
+  }
   /**
    * Getter for cssStyleSheet.
    * @returns {string} The styles imported from styles.css.
@@ -387,10 +424,7 @@ class MenuItem extends WJElement {
     native.appendChild(end);
     native.appendChild(submenuIcon);
     let isAppend = false;
-    if (
-      /*(this.collapse && this.variant === "NAV" && this.hasSubmenu) || */
-      this.variant === "CONTEXT" && this.hasSubmenu
-    ) {
+    if (this.variant === "CONTEXT" && this.hasSubmenu) {
       native.setAttribute("slot", "anchor");
       let popup = document.createElement("wje-popup");
       popup.setAttribute("anchor", "anchor");
@@ -425,6 +459,9 @@ class MenuItem extends WJElement {
     event.addListener(this, "mouseleave", null, this.shouldHideSubmenu);
     event.addListener(this, "focusout", null, this.shouldHideSubmenu);
     event.addListener(this, "click", null, this.clickHandler);
+    if (this.hasAttribute("custom-event")) {
+      event.addListener(this, "click", null, __privateMethod(this, _MenuItem_instances, populateCustomEvent_fn));
+    }
   }
   /**
    * Creates a tooltip for the MenuItem when it is collapsed.
@@ -537,6 +574,19 @@ class MenuItem extends WJElement {
     return text.trim();
   }
 }
+_MenuItem_instances = new WeakSet();
+/**
+ * Dispatches a custom event with specified parameters.
+ * This method uses the `customEvent` and `customEventParameters` properties
+ * to create and dispatch a `CustomEvent`. The event is configured to be
+ * composed and bubbles up through the DOM.
+ * @returns {void} This method does not return a value.
+ */
+populateCustomEvent_fn = function() {
+  this.dispatchEvent(
+    new CustomEvent(this.customEvent, { detail: this.customEventParameters, composed: true, bubbles: true })
+  );
+};
 MenuItem.define("wje-menu-item", MenuItem);
 export {
   MenuItem as default

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

@@ -1 +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?.show();\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?.hide();\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        this.removeEventListener('mousemove', this.dispatchMove);\n        this.removeEventListener('wje-popup:reposition', this.dispatchReposition);\n\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.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":"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"}
+{"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    /**\n     * Sets the value of the custom event attribute.\n     * @param {string} value The value to be assigned to the custom event attribute.\n     */\n    set customEvent(value) {\n        this.setAttribute('custom-event', value);\n    }\n\n    /**\n     * Retrieves the value of the 'custom-event' attribute from the element.\n     * @returns {string | null} The value of the 'custom-event' attribute, or null if the attribute is not set.\n     */\n    get customEvent() {\n        return this.getAttribute('custom-event');\n    }\n\n    /**\n     * Retrieves a mapped object containing custom event parameters extracted from the element's attributes.\n     * Attributes considered are those that begin with 'custom-event-'.\n     * The mapped object's keys are derived by removing the 'custom-event-' prefix from the attribute names,\n     * and the values are the corresponding attribute values.\n     * @returns {object} An object containing key-value pairs of custom event parameters.\n     */\n    get customEventParameters() {\n        const attributes = Array.from(this.attributes).filter((attr) => attr.name.startsWith('custom-event-'));\n\n        return attributes.reduce((acc, attr) => {\n            const key = attr.name.replace('custom-event-', '');\n            acc[key] = attr.value;\n\n            return acc;\n        }, {});\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 (this.variant === 'CONTEXT' && this.hasSubmenu) {\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        if (this.hasAttribute('custom-event')) {\n            event.addListener(this, 'click', null, this.#populateCustomEvent);\n        }\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?.show();\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?.hide();\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        this.removeEventListener('mousemove', this.dispatchMove);\n        this.removeEventListener('wje-popup:reposition', this.dispatchReposition);\n\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.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    /**\n     * Dispatches a custom event with specified parameters.\n     * This method uses the `customEvent` and `customEventParameters` properties\n     * to create and dispatch a `CustomEvent`. The event is configured to be\n     * composed and bubbles up through the DOM.\n     * @returns {void} This method does not return a value.\n     */\n    #populateCustomEvent() {\n        this.dispatchEvent(\n          new CustomEvent(this.customEvent, { detail: this.customEventParameters, composed: true, bubbles: true })\n        );\n    }\n}\n","import MenuItem from './menu-item.element.js';\n\nexport default MenuItem;\n\nMenuItem.define('wje-menu-item', MenuItem);\n"],"names":[],"mappings":"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"}

package/dist/wje-routerx.js

@@ -1372,7 +1372,7 @@ class Routerx extends WJElement {
     const parser = new DOMParser();
     const htmlDocument = parser.parseFromString(htmlString, "text/html");
     const rootElement = htmlDocument.querySelector("wje-router");
-    const routes = this.data ? this.data : this.parseElement(rootElement).root;
+    const routes = this.parseElement(rootElement).root;
     this.router = new Router2({
       outlet: this.outlet || "wje-router-outlet",
       log: false,