wj-elements 0.1.135 → 0.1.136

package/dist/wje-master.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wje-master.js","sources":["../packages/utils/date.js","../packages/translations/sk-sk.js","../packages/translations/en-gb.js","../packages/wje-timeline/timeline.element.js","../packages/wje-timeline/timeline.js","../packages/wje-timeline-item/timeline-item.element.js","../packages/wje-timeline-item/timeline-item.js"],"sourcesContent":["export function formatDate(input, format) {\n    let date;\n\n    // Rozpoznanie typu vstupu a jeho konverzia na objekt Date\n    if (typeof input === 'string') {\n        date = new Date(input); // Predpokladáme, že je to ISO reťazec\n    } else if (typeof input === 'number') {\n        date = new Date(input); // Predpokladáme, že je to timestamp\n    } else if (input instanceof Date) {\n        date = input; // Je to objekt Date\n    } else {\n        throw new Error('Invalid date input');\n    }\n\n    const map = {\n        yyyy: date.getFullYear(),\n        MM: String(date.getMonth() + 1).padStart(2, '0'), // Mesiace sú indexované od 0\n        dd: String(date.getDate()).padStart(2, '0'),\n        HH: String(date.getHours()).padStart(2, '0'),\n        mm: String(date.getMinutes()).padStart(2, '0'),\n        ss: String(date.getSeconds()).padStart(2, '0'),\n        MMMM: date.toLocaleString('en-US', { month: 'long' }), // Full month name\n        MMM: date.toLocaleString('en-US', { month: 'short' }), // Short month name\n    };\n\n    return format.replace(/yyyy|MM|dd|HH|mm|ss|MMMM|MMM/g, (matched) => map[matched]);\n}\n","import { Localizer } from '../utils/localize.js';\n\nexport const skSk = {\n    code: 'sk-sk',\n    name: 'Slovak',\n    dir: 'ltr',\n\n    welcome: 'Vitajte',\n    'wj.file.upload.button': 'Vybrať súbor',\n    'wj.file.upload.uploaded': 'Nahraných: ',\n    'wj.file.upload.from': 'z',\n    'wj.stepper.button.next': 'Ďalej',\n    'wj.stepper.button.finish': 'Dokončiť',\n    'wj.stepper.button.previous': 'Späť',\n    'wj.stepper.step': 'Krok',\n};\n\nLocalizer.registerTranslation(skSk);\n","import { Localizer } from '../utils/localize.js';\n\nexport const enGb = {\n    code: 'en-gb',\n    name: 'English',\n    dir: 'ltr',\n\n    welcome: 'Welcome',\n    'wj.file.upload.button': 'Browse files',\n    'wj.file.upload.uploaded': 'Uploaded: ',\n    'wj.file.upload.from': 'from',\n    'wj.stepper.button.next': 'Next',\n    'wj.stepper.button.finish': 'Finish',\n    'wj.stepper.button.previous': 'Previous',\n    'wj.stepper.step': 'Step',\n};\n\nLocalizer.registerTranslation(enGb);\n","import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `Timeline` is a custom web component that represents a timeline.\n * @summary This element represents a timeline.\n * @documentation https://elements.webjet.sk/components/timeline\n * @status stable\n * @augments WJElement\n * @slot - Slot for the timeline items.\n * @csspart native - The native part of the rating component.\n * @csspart vertical-line - The vertical line part of the rating component.\n * @tag wje-timeline\n */\nexport default class Timeline extends WJElement {\n    /**\n     * Creates an instance of Timeline.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the component.\n     */\n    className = 'Timeline';\n\n    /**\n     * Returns the CSS stylesheet for the component.\n     * @static\n     * @returns {CSSStyleSheet} The CSS stylesheet\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 timeline.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        const native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('native-timeline');\n\n        const verticalLine = document.createElement('div');\n        verticalLine.setAttribute('part', 'vertical-line');\n        verticalLine.classList.add('vertical-line');\n\n        const slot = document.createElement('slot');\n\n        native.appendChild(verticalLine);\n        native.appendChild(slot);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n}\n","import Timeline from './timeline.element.js';\n\nexport default Timeline;\n\nTimeline.define('wje-timeline', Timeline);\n","import { formatDate } from '../utils/date.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * The TimelineItem component.\n * @summary This element represents a timeline item.\n * @documentation https://elements.webjet.sk/components/timeline-item\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part of the timeline item.\n * @csspart content-container - The content container part of the timeline item.\n * @csspart default-icon - The default icon part of the timeline item.\n * @slot - Slot for the content of the timeline item.\n * @slot status - Slot for the status of the timeline item.\n * @tag wje-timeline-item\n */\nexport default class TimelineItem extends WJElement {\n    constructor() {\n        super();\n    }\n\n    /**\n     * Returns the class name of the tab.\n     * @returns {string} The class name of the tab.\n     */\n    className = 'TimelineItem';\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        this.setAttribute('relative-time', '');\n    }\n\n    /**\n     * Draws the component for the timeline 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('native-timeline-item');\n\n        let contentContainer = document.createElement('div');\n        contentContainer.setAttribute('part', 'content-container');\n        contentContainer.classList.add('content-container');\n\n        let tooltip = document.createElement('wje-tooltip');\n        tooltip.setAttribute('text', this.getAttribute('tooltip') || '');\n        tooltip.setAttribute('position', 'top');\n        tooltip.setAttribute('content', formatDate(this.datetime, 'dd.MM.yyyy HH:mm'));\n\n        let relativeTime = document.createElement('wje-relative-time');\n        relativeTime.setAttribute('date', this.datetime || '');\n        relativeTime.setAttribute('format', this.getAttribute('format') || '');\n\n        tooltip.appendChild(relativeTime);\n\n        let event = document.createElement('h3');\n        event.classList.add('event');\n        event.textContent = this.getAttribute('event') || '';\n\n        // additional text content\n        let slot = document.createElement('slot');\n\n        // status slot\n        let slotStatus = document.createElement('wje-icon');\n        slotStatus.setAttribute('name', 'circle-dot');\n        slotStatus.setAttribute('filled', '');\n        slotStatus.setAttribute('part', 'default-icon');\n\n        // if status slot is present\n        if (this.querySelector('[slot=\"status\"]')) {\n            slotStatus = document.createElement('slot');\n            slotStatus.setAttribute('name', 'status');\n        }\n\n        contentContainer.appendChild(tooltip);\n        contentContainer.appendChild(event);\n        contentContainer.appendChild(slot);\n\n        native.appendChild(slotStatus);\n        native.appendChild(contentContainer);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n}\n","import TimelineItem from './timeline-item.element.js';\n\nexport default TimelineItem;\n\nTimelineItem.define('wje-timeline-item', TimelineItem);\n"],"names":["styles","event"],"mappings":"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"}

package/dist/wje-menu-button.js

@@ -1,60 +0,0 @@
-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";
-const styles = "/*\n[ WJ Menu Label ]\n*/\n\n:host {\n    display: inline-flex;\n}\n@media (min-width: 768px) {\n    :host {\n        display: none;\n    }\n}\n";
-class MenuButton extends WJElement {
-  /**
-   * Creates an instance of MenuButton.
-   * @class
-   */
-  constructor() {
-    super();
-    __publicField(this, "className", "MenuButton");
-  }
-  /**
-   * Returns the CSS styles for the component.
-   * @static
-   * @returns {CSSStyleSheet}
-   */
-  static get cssStyleSheet() {
-    return styles;
-  }
-  /**
-   * Returns the list of attributes to observe for changes.
-   * @static
-   * @returns {Array<string>}
-   */
-  static get observedAttributes() {
-    return [];
-  }
-  /**
-   * Sets up the attributes for the component.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draws the component for the menu button.
-   * @returns {DocumentFragment}
-   */
-  draw() {
-    let fragment = document.createDocumentFragment();
-    let slot = document.createElement("slot");
-    fragment.appendChild(slot);
-    return fragment;
-  }
-  /**
-   * Refreshes the component after drawing. Adds a click event listener that toggles the "open" class on the content element.
-   */
-  afterDraw() {
-    event.addListener(this, "click", null, (e) => {
-      document.querySelector(`#${this.contentId}`).classList.toggle("open");
-    });
-  }
-}
-MenuButton.define("wje-menu-button", MenuButton);
-export {
-  MenuButton as default
-};
-//# sourceMappingURL=wje-menu-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"wje-menu-button.js","sources":["../packages/wje-menu-button/menu-button.element.js","../packages/wje-menu-button/menu-button.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `MenuButton` is a custom web component that represents a menu button.\n * @summary This element represents a menu button.\n * @documentation https://elements.webjet.sk/components/menu-button\n * @status stable\n * @augments {WJElement}\n * @slot - The default slot for the menu button.\n * // @fires click - Event fired when the menu button is clicked.\n * @tag wje-menu-button\n */\n\nexport default class MenuButton extends WJElement {\n    /**\n     * Creates an instance of MenuButton.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'MenuButton';\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 button.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let slot = document.createElement('slot');\n\n        fragment.appendChild(slot);\n\n        return fragment;\n    }\n\n    /**\n     * Refreshes the component after drawing. Adds a click event listener that toggles the \"open\" class on the content element.\n     */\n    afterDraw() {\n        event.addListener(this, 'click', null, (e) => {\n            document.querySelector(`#${this.contentId}`).classList.toggle('open');\n        });\n    }\n}\n","import MenuButton from './menu-button.element.js';\n\nexport default MenuButton;\n\nMenuButton.define('wje-menu-button', MenuButton);\n"],"names":[],"mappings":";;;;;AAce,MAAM,mBAAmB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK9C,cAAc;AACV,UAAO;AAGX,qCAAY;AAAA,EAFhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOI,WAAW,qBAAqB;AAC5B,WAAO,CAAE;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,aAAS,YAAY,IAAI;AAEzB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,YAAY;AACR,UAAM,YAAY,MAAM,SAAS,MAAM,CAAC,MAAM;AAC1C,eAAS,cAAc,IAAI,KAAK,SAAS,EAAE,EAAE,UAAU,OAAO,MAAM;AAAA,IAChF,CAAS;AAAA,EACT;AACA;ACpEA,WAAW,OAAO,mBAAmB,UAAU;"}

package/dist/wje-menu-item.js

@@ -1,545 +0,0 @@
-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 { b as bindRouterLinks } from "./router-links-CJnOdbas.js";
-import WJElement, { WjElementUtils, event } from "./wje-element.js";
-const styles = `/*
-[ WJ Menu Item ]
-*/
-
-:host {
-    --wje-menu-item-safe-triangle-cursor-x: 0;
-    --wje-menu-item-safe-triangle-cursor-y: 0;
-    --wje-menu-item-safe-triangle-submenu-start-x: 0;
-    --wje-menu-item-safe-triangle-submenu-start-y: 0;
-    --wje-menu-item-safe-triangle-submenu-end-x: 0;
-    --wje-menu-item-safe-triangle-submenu-end-y: 0;
-
-    display: block;
-    .native-menu-item {
-        background: var(--wje-menu-item-background);
-        position: relative;
-        display: flex;
-        flex-wrap: nowrap;
-        align-items: center;
-        justify-content: center;
-        color: var(--wje-menu-item-color);
-        padding-top: var(--wje-menu-item-padding-top);
-        padding-bottom: var(--wje-menu-item-padding-bottom);
-        transition: var(--wje-transition-fast) fill;
-        user-select: none;
-        white-space: nowrap;
-        cursor: pointer;
-        width: 100%;
-
-        &:hover {
-            color: var(--wje-menu-item-color-hover);
-            background: var(--wje-menu-item-background-hover);
-        }
-
-        &:focus {
-            color: var(--wje-menu-item-color-focus);
-            background: var(--wje-menu-item-background-focus);
-        }
-
-        &:active {
-            color: var(--wje-menu-item-color-active);
-            background: var(--wje-menu-item-background-active);
-        }
-
-        .label {
-            flex: 1 1 auto;
-            display: inline-block;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            line-height: normal;
-        }
-
-        .check-icon {
-            flex: 0 0 auto;
-            display: var(--wje-menu-item-check-icon-display, flex);
-            align-items: center;
-            justify-content: center;
-            width: var(--wje-menu-item-check-icon-width, 1.5rem);
-            visibility: hidden;
-
-            &.checked {
-                visibility: visible;
-            }
-        }
-
-        &.expanded-submenu {
-            color: var(--wje-menu-item-color-active);
-            background: var(--wje-menu-item-background-active);
-
-            &:hover {
-                color: var(--wje-menu-item-color-hover);
-                background: var(--wje-menu-item-background-hover);
-            }
-
-            &::after {
-                content: '';
-                position: fixed;
-                z-index: 1;
-                top: 0;
-                right: 0;
-                bottom: 0;
-                left: 0;
-                clip-path: polygon(
-                    var(--wje-menu-item-safe-triangle-cursor-x) var(--wje-menu-item-safe-triangle-cursor-y),
-                    var(--wje-menu-item-safe-triangle-submenu-start-x)
-                        var(--wje-menu-item-safe-triangle-submenu-start-y),
-                    var(--wje-menu-item-safe-triangle-submenu-end-x) var(--wje-menu-item-safe-triangle-submenu-end-y)
-                );
-            }
-        }
-    }
-}
-
-:host(.collapse) {
-    ::slotted([slot='start']) {
-        margin: 0;
-        /*width: auto;*/
-        /*display: contents;*/
-    }
-
-    ::slotted([slot='end']) {
-        display: none;
-    }
-
-    .label,
-    .check-icon,
-    .submenu-icon {
-        display: none;
-    }
-}
-.submenu-icon {
-    --wje-icon-size: 14px !important;
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.5rem;
-    visibility: var(--wje-menu-item-icon-visibility);
-}
-
-.has-submenu {
-    .submenu-icon {
-        --wje-menu-item-icon-visibility: visible;
-    }
-}
-
-.submenu-icon.collapse {
-    flex: none;
-    /*right: 10px;*/
-    position: relative;
-}
-
-:host(:focus-visible) {
-    outline: none;
-}
-
-::slotted([slot='start']) {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    margin-inline-end: 0.5rem;
-}
-
-::slotted([slot='end']) {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    margin-inline-start: 0.5rem;
-}
-
-:host(.wje-menu-variant-nav) {
-    /*posun 2 a x urovne o 1 rem*/
-    ::slotted([slot='submenu']) {
-        --wje-menu-border-width: 0 !important;
-        --wje-menu-margin-inline: 2rem 0 !important;
-    }
-}
-
-/*:host {*/
-/*  ::slotted([slot="start"]) {*/
-/*    width: 1.5rem;*/
-/*  }*/
-/*}*/
-
-:host(.wje-menu-variant-context) {
-    display: block;
-}
-
-:host(.active) {
-    color: var(--wje-menu-item-color-active);
-    background: var(--wje-menu-item-background-active);
-}
-
-:host(.open) {
-    color: var(--wje-menu-item-color-active);
-    background: var(--wje-menu-item-background-active);
-}
-`;
-class MenuItem extends WJElement {
-  /**
-   * Constructor for MenuItem class.
-   * @class
-   */
-  constructor() {
-    super();
-    __publicField(this, "className", "MenuItem");
-    __publicField(this, "mouseenterHandler", (e) => {
-      if (this.collapse || this.variant === "CONTEXT" && this.hasSubmenu) {
-        if (this.hasAttribute("manual") || this.variant === "NAV" && this.collapse) return;
-        this.activateSubmenu(e);
-        e.stopPropagation();
-        this.showSubmenu();
-      }
-    });
-    /**
-     * Handles the click event on the MenuItem.
-     * @param {object} e
-     */
-    __publicField(this, "clickHandler", (e) => {
-      switch (this.variant) {
-        case "NAV":
-          if (!this.collapse && this.hasSubmenu) {
-            this.submenuToggle(e);
-            this.hideSubmenu();
-            e.stopPropagation();
-          } else {
-            event.dispatchCustomEvent(this, "wje-menu-item:click");
-            event.dispatchCustomEvent(this, this.dialog);
-          }
-          break;
-        case "CONTEXT":
-          if (!this.collapse && this.hasSubmenu) {
-            let submenuElements = this.submenu.assignedElements({ flatten: true })[0];
-            if (submenuElements == null ? void 0 : submenuElements.hasAttribute("active")) {
-              this.shouldHideSubmenu(e);
-            } else {
-              this.activateSubmenu(e);
-              this.showSubmenu(e);
-            }
-          } else {
-            event.dispatchCustomEvent(this, "wje-menu-item:click");
-            event.dispatchCustomEvent(this, this.dialog);
-          }
-          break;
-      }
-    });
-    /**
-     * Checks if the submenu should be hidden based on the event.
-     * @param {Event} e The event object.
-     */
-    __publicField(this, "shouldHideSubmenu", (e) => {
-      if (this.collapse || this.variant === "CONTEXT" && this.hasSubmenu) {
-        if (e.relatedTarget && this.contains(e.relatedTarget) || this.variant === "NAV" && !this.collapse) {
-          return;
-        }
-        this.deactivateSubmenu();
-        this.hideSubmenu();
-      }
-    });
-    /**
-     * Dispatches a mousemove event.
-     */
-    __publicField(this, "dispatchMove", (e) => {
-      this.style.setProperty("--wje-menu-item-safe-triangle-cursor-x", `${e.clientX}px`);
-      this.style.setProperty("--wje-menu-item-safe-triangle-cursor-y", `${e.clientY}px`);
-    });
-    /**
-     * Dispatches a reposition event.
-     */
-    __publicField(this, "dispatchReposition", (e) => {
-      if (this.submenu.assignedNodes().length === 0) return;
-      let submenu = this.submenu.assignedNodes()[0];
-      const { left, top, width, height } = submenu.getBoundingClientRect();
-      this.style.setProperty("--wje-menu-item-safe-triangle-submenu-start-x", `${left}px`);
-      this.style.setProperty("--wje-menu-item-safe-triangle-submenu-start-y", `${top}px`);
-      this.style.setProperty("--wje-menu-item-safe-triangle-submenu-end-x", `${left}px`);
-      this.style.setProperty("--wje-menu-item-safe-triangle-submenu-end-y", `${top + height}px`);
-    });
-    this._collapsible = false;
-  }
-  /**
-   * Getter for placement attribute.
-   * @returns {string} The placement attribute of the menu or "right-start" if it doesn't exist.
-   */
-  get placement() {
-    let menu = this.querySelector("wje-menu");
-    if (menu == null ? void 0 : menu.hasAttribute("placement")) {
-      return menu.getAttribute("placement");
-    }
-    return "right-start";
-  }
-  /**
-   * Getter for offset attribute.
-   * @returns {string} The offset attribute of the menu or "0" if it doesn't exist.
-   */
-  get offset() {
-    let menu = this.querySelector("wje-menu");
-    if (menu == null ? void 0 : menu.hasAttribute("offset")) {
-      return menu.getAttribute("offset");
-    }
-    return "0";
-  }
-  /**
-   * Getter for variant attribute.
-   * @returns {string} The variant attribute of the menu or "CONTEXT" if it doesn't exist.
-   */
-  get variant() {
-    let menu = this.querySelector("wje-menu");
-    if ((menu == null ? void 0 : menu.hasAttribute("variant")) && !this.collapse) {
-      return menu.getAttribute("variant").toUpperCase();
-    }
-    return "CONTEXT";
-  }
-  /**
-   * Getter for collapse attribute.
-   * @returns {boolean} True if the closest parent has the collapse attribute, false otherwise.
-   */
-  get collapse() {
-    if (this.closest("[collapse]")) return true;
-    return false;
-  }
-  /**
-   * Getter for cssStyleSheet.
-   * @returns {string} The styles imported from styles.css.
-   */
-  static get cssStyleSheet() {
-    return styles;
-  }
-  /**
-   * Getter for observedAttributes.
-   * @returns {Array} An empty array as no attributes are being observed.
-   */
-  static get observedAttributes() {
-    return [];
-  }
-  /**
-   * Sets up the attributes for the MenuItem element.
-   */
-  setupAttributes() {
-    super.setupAttributes();
-    this.isShadowRoot = "open";
-    this.setAttribute("active-class", "open");
-  }
-  /**
-   * Removes the active attribute from the menu before drawing the MenuItem.
-   */
-  beforeDraw() {
-    var _a;
-    (_a = this.querySelector("wje-menu")) == null ? void 0 : _a.removeAttribute("active");
-  }
-  /**
-   * Draws the MenuItem element and sets the variant and collapse attributes.
-   * @returns {DocumentFragment} The fragment to be appended to the MenuItem.
-   */
-  draw() {
-    var _a, _b, _c;
-    this.hasSubmenu = WjElementUtils.hasSlot(this, "submenu");
-    let fragment = document.createDocumentFragment();
-    this.setAttribute("tabindex", "0");
-    this.classList.forEach((className) => {
-      if (className.startsWith("wje-menu-variant-")) {
-        this.classList.remove(className);
-      }
-    });
-    this.classList.remove("collapse");
-    this.classList.add("wje-menu-variant-" + this.variant.toLowerCase());
-    if (!this.collapse) {
-      (_a = this.querySelector("wje-menu")) == null ? void 0 : _a.setAttribute("variant", this.variant.toLowerCase());
-    } else if ((_b = this.parentElement) == null ? void 0 : _b.hasAttribute("collapse")) {
-      this.classList.add("collapse");
-    }
-    let native = document.createElement("div");
-    native.setAttribute("part", "native");
-    native.setAttribute("id", "anchor");
-    native.classList.add("native-menu-item");
-    let checkedIcon = document.createElement("span");
-    checkedIcon.setAttribute("part", "check");
-    checkedIcon.classList.add("check-icon");
-    checkedIcon.innerHTML = `<wje-icon name="check"></wje-icon>`;
-    if (this.hasAttribute("checked")) checkedIcon.classList.add("checked");
-    else checkedIcon.classList.remove("checked");
-    let start = document.createElement("slot");
-    start.name = "start";
-    let slot = document.createElement("slot");
-    slot.classList.add("label");
-    let end = document.createElement("slot");
-    end.setAttribute("part", "end");
-    end.name = "end";
-    let submenu = document.createElement("slot");
-    submenu.setAttribute("part", "submenu");
-    submenu.name = "submenu";
-    let submenuIconClass = this.collapse ? "collapse" : "expand";
-    let submenuIcon = document.createElement("span");
-    submenuIcon.setAttribute("part", "submenu-icon");
-    submenuIcon.classList.add("submenu-icon", submenuIconClass);
-    submenuIcon.innerHTML = this.collapse ? `<wje-icon name="chevron-down"></wje-icon>` : `<wje-icon name="chevron-right"></wje-icon>`;
-    if (this.hasSubmenu) native.classList.add("has-submenu");
-    else native.classList.remove("has-submenu");
-    native.appendChild(checkedIcon);
-    native.appendChild(start);
-    native.appendChild(slot);
-    native.appendChild(end);
-    native.appendChild(submenuIcon);
-    let isAppend = false;
-    if (
-      /*(this.collapse && this.variant === "NAV" && this.hasSubmenu) || */
-      this.variant === "CONTEXT" && this.hasSubmenu
-    ) {
-      native.setAttribute("slot", "anchor");
-      let popup = document.createElement("wje-popup");
-      popup.setAttribute("anchor", "anchor");
-      popup.setAttribute("placement", this.placement);
-      popup.setAttribute("offset", this.offset);
-      popup.appendChild(native);
-      popup.appendChild(submenu);
-      this.popup = popup;
-      fragment.appendChild(popup);
-      isAppend = true;
-    }
-    if (((_c = this.parentElement) == null ? void 0 : _c.hasAttribute("collapse")) && !this.hasSubmenu) {
-      fragment.appendChild(this.collapseItem(native));
-    } else if (!isAppend) {
-      fragment.appendChild(native);
-    }
-    if (!this.collapse && this.variant === "NAV" || this.variant === "MEGAMENU" && this.hasSubmenu) {
-      fragment.appendChild(submenu);
-    }
-    this.native = native;
-    this.submenu = submenu;
-    return fragment;
-  }
-  /**
-   * Adds event listeners after drawing the MenuItem.
-   */
-  afterDraw() {
-    this.unbindRouterLinks = bindRouterLinks(this.parentElement, { selector: false });
-    this.addEventListener("mousemove", this.dispatchMove);
-    this.addEventListener("wje-popup:reposition", this.dispatchReposition);
-    event.addListener(this, "mouseenter", null, this.mouseenterHandler);
-    event.addListener(this, "mouseleave", null, this.shouldHideSubmenu);
-    event.addListener(this, "focusout", null, this.shouldHideSubmenu);
-    event.addListener(this, "click", null, this.clickHandler);
-  }
-  /**
-   * Creates a tooltip for the MenuItem when it is collapsed.
-   * @param {HTMLElement} native The native MenuItem element.
-   * @returns {HTMLElement} The tooltip element.
-   */
-  collapseItem(native) {
-    let tooltipStart = document.createElement("slot");
-    tooltipStart.setAttribute("slot", "start");
-    tooltipStart.setAttribute("name", "tooltip-start");
-    let tooltipEnd = document.createElement("slot");
-    tooltipEnd.setAttribute("slot", "end");
-    tooltipEnd.setAttribute("name", "tooltip-end");
-    let tooltip = document.createElement("wje-tooltip");
-    tooltip.setAttribute("content", this.getTextFromElement(this));
-    tooltip.setAttribute("placement", "right");
-    tooltip.setAttribute("offset", this.offset || "0");
-    tooltip.appendChild(tooltipStart);
-    tooltip.appendChild(tooltipEnd);
-    tooltip.appendChild(native);
-    return tooltip;
-  }
-  /**
-   * Shows the submenu of the MenuItem.
-   */
-  showSubmenu() {
-    var _a;
-    this.tabIndex = -1;
-    if (this.hasSubmenu) {
-      (_a = this.popup) == null ? void 0 : _a.setAttribute("active", "");
-      this.classList.add("expanded-submenu");
-      this.native.classList.add("expanded-submenu");
-    }
-  }
-  /**
-   * Hides the submenu of the MenuItem.
-   */
-  hideSubmenu() {
-    var _a;
-    this.tabIndex = 0;
-    if (this.hasSubmenu) {
-      (_a = this.popup) == null ? void 0 : _a.removeAttribute("active");
-      this.classList.remove("expanded-submenu");
-      this.native.classList.remove("expanded-submenu");
-    }
-  }
-  /**
-   * Toggles the active state of the submenu element.
-   * If the submenu is not active, it sets the "active" attribute.
-   * If the submenu is already active, it removes the "active" attribute.
-   * @param {Event} e The event object.
-   */
-  submenuToggle(e) {
-    if (this.hasSubmenu) {
-      let submenuElements = this.submenu.assignedElements({ flatten: true })[0];
-      if (!submenuElements.hasAttribute("active")) {
-        submenuElements.setAttribute("active", "");
-      } else {
-        if (this === e.target) submenuElements.removeAttribute("active");
-      }
-    }
-  }
-  /**
-   * Deactivates the submenu by removing the "active" attribute.
-   */
-  deactivateSubmenu() {
-    if (this.hasSubmenu) {
-      let submenuElements = this.submenu.assignedElements({ flatten: true })[0];
-      if (submenuElements.hasAttribute("active")) {
-        submenuElements.removeAttribute("active");
-      }
-    }
-  }
-  /**
-   * Activates the submenu of the menu item.
-   */
-  activateSubmenu() {
-    if (this.hasSubmenu) {
-      let submenuElements = this.submenu.assignedElements({ flatten: true })[0];
-      if (!submenuElements.hasAttribute("active")) {
-        submenuElements.setAttribute("active", "");
-      }
-    }
-  }
-  /**
-   * Gets the text from the element and returns it.
-   */
-  beforeDisconnect() {
-    var _a;
-    event.removeListener(this, "mousemove", null, this.dispatchMove);
-    event.removeListener(this, "wje-popup:reposition", null, this.dispatchReposition);
-    event.removeListener(this, "mouseenter", null, this.mouseenterHandler);
-    event.removeListener(this, "mouseleave", null, this.shouldHideSubmenu);
-    event.removeListener(this, "focusout", null, this.shouldHideSubmenu);
-    event.removeListener(this, "click", null, this.clickHandler);
-    this.context.innerHTML = "";
-    (_a = this.unbindRouterLinks) == null ? void 0 : _a.call(this);
-  }
-  /**
-   * Extracts and returns the concatenated text content from all text nodes within the specified element.
-   * @param {HTMLElement} element The HTML element from which to extract text content.
-   * @returns {string} The concatenated and trimmed text content from the element's text nodes.
-   */
-  getTextFromElement(element) {
-    let text = "";
-    for (let node of element.childNodes) {
-      if (node.nodeType === Node.TEXT_NODE) {
-        text += node.textContent;
-      }
-    }
-    return text.trim();
-  }
-}
-MenuItem.define("wje-menu-item", MenuItem);
-export {
-  MenuItem as default
-};
-//# sourceMappingURL=wje-menu-item.js.map