wj-elements 0.1.135 → 0.1.137

package/dist/wje-master.js

@@ -153,7 +153,7 @@ const enGb = {
   "wj.stepper.step": "Step"
 };
 Localizer.registerTranslation(enGb);
-const styles$1 = ".native-timeline {\n    position: relative;\n}\n\n.vertical-line {\n    position: absolute;\n    margin-left: calc(var(--wje-spacing-x-large) + 1px);\n    top: 0;\n    bottom: 0;\n    width: 1px;\n    background-color: var(--wje-color-info-3);\n}\n";
+const styles$3 = ".native-timeline {\n    position: relative;\n}\n\n.vertical-line {\n    position: absolute;\n    margin-left: calc(var(--wje-spacing-x-large) + 1px);\n    top: 0;\n    bottom: 0;\n    width: 1px;\n    background-color: var(--wje-color-info-3);\n}\n";
 class Timeline extends WJElement {
   /**
    * Creates an instance of Timeline.
@@ -171,7 +171,7 @@ class Timeline extends WJElement {
    * @returns {CSSStyleSheet} The CSS stylesheet
    */
   static get cssStyleSheet() {
-    return styles$1;
+    return styles$3;
   }
   /**
    * Sets up the attributes for the component.
@@ -199,7 +199,7 @@ class Timeline extends WJElement {
   }
 }
 Timeline.define("wje-timeline", Timeline);
-const styles = ":host {\n    --wje-card-content-padding: var(--wje-spacing-medium);\n    margin-bottom: 0.5rem;\n    display: block;\n}\n\n.native-timeline-item > wje-icon {\n    color: var(--wje-color-contrast-5) !important;\n}\n\n.timeline-items {\n    display: flex;\n    flex-direction: column;\n}\n\n.native-timeline-item {\n    display: flex;\n    position: relative;\n    padding: var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-large);\n    gap: var(--wje-spacing-medium);\n    border-width: 1px;\n    border-style: solid;\n    border-color: transparent;\n    border-radius: var(--wje-border-radius-large);\n}\n\n:host .native-timeline-item:hover {\n    background-color: var(--wje-color-contrast-1);\n    border-color: var(--wje-color-contrast-3);\n}\n\n:host([active]) .native-timeline-item {\n    background-color: var(--wje-color-primary-1);\n    border-color: var(--wje-color-primary-3);\n}\n\n:host([active]) .native-timeline-item:hover {\n    background-color: var(--wje-color-primary-2);\n}\n\n.icon-container {\n    position: absolute;\n    display: flex;\n    width: var(--wje-size-small);\n    height: var(--wje-size-small);\n    padding: var(--wje-spacing-2x-small);\n    border-radius: var(--wje-border-radius-circle);\n    opacity: 0;\n}\n\n.content-container {\n    height: fit-content;\n    gap: var(--wje-spacing-small);\n}\n\n.event {\n    margin: 0;\n    font-size: var(--wje-font-size-large);\n    font-weight: var(--wje-font-weight-bold);\n    line-height: var(--wje-line-height-dense);\n    letter-spacing: var(--wje-spacing-4x-small);\n}\n\n.additional-content {\n    font-size: var(--wje-font-size-medium);\n    margin-top: 1rem;\n}\n\nwje-status {\n    position: relative;\n    z-index: 1;\n}\n\nwje-relative-time {\n    display: block;\n    margin-bottom: var(--wje-spacing-2x-small);\n}\n";
+const styles$2 = ":host {\n    --wje-card-content-padding: var(--wje-spacing-medium);\n    margin-bottom: 0.5rem;\n    display: block;\n}\n\n.native-timeline-item > wje-icon {\n    color: var(--wje-color-contrast-5) !important;\n}\n\n.timeline-items {\n    display: flex;\n    flex-direction: column;\n}\n\n.native-timeline-item {\n    display: flex;\n    position: relative;\n    padding: var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-large);\n    gap: var(--wje-spacing-medium);\n    border-width: 1px;\n    border-style: solid;\n    border-color: transparent;\n    border-radius: var(--wje-border-radius-large);\n}\n\n:host .native-timeline-item:hover {\n    background-color: var(--wje-color-contrast-1);\n    border-color: var(--wje-color-contrast-3);\n}\n\n:host([active]) .native-timeline-item {\n    background-color: var(--wje-color-primary-1);\n    border-color: var(--wje-color-primary-3);\n}\n\n:host([active]) .native-timeline-item:hover {\n    background-color: var(--wje-color-primary-2);\n}\n\n.icon-container {\n    position: absolute;\n    display: flex;\n    width: var(--wje-size-small);\n    height: var(--wje-size-small);\n    padding: var(--wje-spacing-2x-small);\n    border-radius: var(--wje-border-radius-circle);\n    opacity: 0;\n}\n\n.content-container {\n    height: fit-content;\n    gap: var(--wje-spacing-small);\n}\n\n.event {\n    margin: 0;\n    font-size: var(--wje-font-size-large);\n    font-weight: var(--wje-font-weight-bold);\n    line-height: var(--wje-line-height-dense);\n    letter-spacing: var(--wje-spacing-4x-small);\n}\n\n.additional-content {\n    font-size: var(--wje-font-size-medium);\n    margin-top: 1rem;\n}\n\nwje-status {\n    position: relative;\n    z-index: 1;\n}\n\nwje-relative-time {\n    display: block;\n    margin-bottom: var(--wje-spacing-2x-small);\n}\n";
 class TimelineItem extends WJElement {
   constructor() {
     super();
@@ -215,7 +215,7 @@ class TimelineItem extends WJElement {
    * @returns {CSSStyleSheet}
    */
   static get cssStyleSheet() {
-    return styles;
+    return styles$2;
   }
   /**
    * Sets up the attributes for the component.
@@ -266,6 +266,318 @@ class TimelineItem extends WJElement {
   }
 }
 TimelineItem.define("wje-timeline-item", TimelineItem);
+const styles$1 = "/*\n[ WJ Tree ]\n*/\n\n:host {\n    position: relative;\n    --indent: var(--wje-spacing-large);\n}\n";
+class Tree extends WJElement {
+  /**
+   * Creates an instance of Toast.
+   */
+  constructor() {
+    super();
+    /**
+     * The class name for the component.
+     * @type {string}
+     */
+    __publicField(this, "className", "Tree");
+    /**
+     * Handles the click event triggered by the user interaction.
+     * Identifies the closest tree item element to the event target and sets it
+     * as the selected item. Ensures that only one item is selected at a time, resetting
+     * the selection state for all other items.
+     * @param {Event} e The click event object.
+     */
+    __publicField(this, "handleClick", (e) => {
+      let selectedItem = e.target.closest("wje-tree-item");
+      let isClickButton = e.composedPath().some((el) => {
+        var _a;
+        return (_a = el == null ? void 0 : el.classList) == null ? void 0 : _a.contains("toggle");
+      });
+      if (isClickButton)
+        return;
+      if (this.selection === "single") {
+        if (selectedItem) {
+          for (let item of this.getAllItems()) {
+            item.selected = item === selectedItem;
+          }
+        }
+      } else if (this.selection === "multiple") {
+        selectedItem.getAllChildrenFlat();
+        let selectedItemStatus = !selectedItem.selected;
+        selectedItem.selected = selectedItemStatus;
+        this.updateCheckboxState(selectedItem);
+      }
+    });
+  }
+  set selection(value) {
+    this.setAttribute("selection", value);
+  }
+  get selection() {
+    return this.getAttribute("selection") || "single";
+  }
+  /**
+   * Returns the CSS stylesheet for the component.
+   * @static
+   * @returns {CSSStyleSheet} The CSS stylesheet
+   */
+  static get cssStyleSheet() {
+    return styles$1;
+  }
+  /**
+   * Setup attributes for the Button element.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  beforeDraw(context, appStoreObj, params) {
+    const items = this.querySelectorAll("wje-tree-item");
+    items == null ? void 0 : items.forEach((item) => {
+      item.selection = this.selection;
+      this.getExpandCollapseIcon(item, "expand");
+      this.getExpandCollapseIcon(item, "collapse");
+    });
+  }
+  /**
+   * Draw method for the toast notification.
+   * @returns {object} Document fragment
+   */
+  draw() {
+    let fragment = document.createDocumentFragment();
+    let native = document.createElement("div");
+    native.setAttribute("part", "native");
+    native.classList.add("native-tree");
+    let slot = document.createElement("slot");
+    native.appendChild(slot);
+    fragment.appendChild(native);
+    return fragment;
+  }
+  /**
+   * Called after the draw process of the component is completed.
+   * Typically used to add event listeners or perform operations
+   * that are dependent on the component's drawn state.
+   * @returns {void} This method does not return a value.
+   */
+  afterDraw() {
+    this.addEventListener("click", this.handleClick);
+  }
+  /**
+   * Retrieves all items that match the selector 'wje-tree-item' within the current context.
+   * @returns {Array<Element>} An array of all matching DOM elements.
+   */
+  getAllItems() {
+    return [...this.querySelectorAll("wje-tree-item")];
+  }
+  /**
+   * Retrieves and appends an expand/collapse icon to a given item based on the provided status.
+   * @param {HTMLElement} item The DOM element to which the icon will be appended.
+   * @param {string} status The status indicating which icon to retrieve (e.g., "expand" or "collapse").
+   * @returns {void} This method does not return a value. If the icon matching the given status is not found, a warning is logged.
+   */
+  getExpandCollapseIcon(item, status) {
+    let icon = this.querySelector(`[slot="${status}"]`);
+    if (!icon) {
+      console.warn(`Icon with slot "${status}" was not found.`);
+      return;
+    }
+    let iconClone = icon.cloneNode(true);
+    item.appendChild(iconClone);
+  }
+  updateCheckboxState(changedItem, isInitialSync = false) {
+    function updateParentState(item) {
+      const children = item.getChildrenItems({ includeDisabled: false });
+      if (children.length) {
+        const areAllChildrenChecked = children.every((child) => child.selected);
+        const areAllChildrenUnchecked = children.every((child) => !child.selected && !child.indeterminate);
+        item.selected = areAllChildrenChecked;
+        item.indeterminate = !areAllChildrenChecked && !areAllChildrenUnchecked;
+      }
+    }
+    function propagateStateUpwards(item) {
+      var _a;
+      const parent = (_a = item.parentElement) == null ? void 0 : _a.closest("wje-tree-item");
+      if (parent) {
+        updateParentState(parent);
+        propagateStateUpwards(parent);
+      }
+    }
+    function propagateStateDownwards(item) {
+      const isChecked = item.selected;
+      item.getChildrenItems().forEach((child) => {
+        child.selected = isInitialSync ? isChecked || child.selected : !child.disabled && isChecked;
+        propagateStateDownwards(child);
+      });
+      if (isInitialSync) {
+        updateParentState(item);
+      }
+    }
+    propagateStateDownwards(changedItem);
+    propagateStateUpwards(changedItem);
+  }
+}
+Tree.define("wje-tree", Tree);
+const styles = '/*\n[ WJ Tree Item ]\n*/\n\n:host {\n    .native-tree-item {\n        position: relative;\n        display: flex;\n        align-items: stretch;\n        flex-direction: column;\n\n        .item {\n            display: flex;\n            align-items: center;\n            .toggle {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                box-sizing: content-box;\n                width: var(--wje-tree-item-indent);\n                height: var(--wje-tree-item-indent);\n                flex-shrink: 0;\n            }\n            wje-checkbox {\n                margin: 0;\n            }\n            slot {\n                display: flex;\n                align-items: center;\n            }\n            slot:not([name])::slotted(wje-icon) {\n                margin-right: var(--wje-spacing-2x-small);\n            }\n        }\n        .children {\n            margin-left: var(--wje-tree-item-indent);\n            display: none;\n            &.open {\n                display: block;\n\n                ::before {\n                    content: "";\n                    position: absolute;\n                    top: var(--wje-tree-item-indent);\n                    bottom: 5px;\n                    left: calc(var(--wje-tree-item-indent) / 2);\n                    border-inline-end: var(--wje-tree-item-indent-guid-width) solid var(--wje-border-color);\n                    z-index: 1;\n                }\n            }\n        }\n    }\n\n    .native-tree-item.expanded .item slot[name="expand"], .native-tree-item:not(.expanded) slot[name="collapse"] {\n        display: none;\n    }\n\n}\n\n:host([selected]) {\n    .item {\n        color: red;\n    }\n}\n';
+class TreeItem extends WJElement {
+  /**
+   * Creates an instance of Toast.
+   */
+  constructor() {
+    super();
+    /**
+     * The class name for the component.
+     * @type {string}
+     */
+    __publicField(this, "className", "TreeItem");
+    this._selection = "single";
+  }
+  set selected(value) {
+    this.removeAttribute("selected");
+    if (value)
+      this.setAttribute("selected", "");
+  }
+  get selected() {
+    return this.hasAttribute("selected");
+  }
+  set selection(value) {
+    this._selection = value || "single";
+  }
+  get selection() {
+    return this._selection;
+  }
+  /**
+   * Returns the CSS stylesheet for the component.
+   * @static
+   * @returns {CSSStyleSheet} The CSS stylesheet
+   */
+  static get cssStyleSheet() {
+    return styles;
+  }
+  /**
+   * Setup attributes for the Button element.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  beforeDraw(context, appStoreObj, params) {
+    if (this.isNestedItem())
+      this.slot = "children";
+  }
+  /**
+   * Returns the list of attributes to observe for changes.
+   * @static
+   * @returns {Array<string>}
+   */
+  static get observedAttributes() {
+    return ["selected"];
+  }
+  /**
+   * Called when an observed attribute has been added, removed, updated, or replaced.
+   * @param {string} name The name of the attribute that has changed.
+   * @param {string} oldValue The old value of the attribute.
+   * @param {string} newValue The new value of the attribute.
+   */
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (name === "selected" && oldValue !== newValue) {
+      if (this.selected)
+        this.checkbox.setAttribute("checked", "");
+      else
+        this.checkbox.removeAttribute("checked");
+    }
+  }
+  /**
+   * Draw method for the toast notification.
+   * @returns {object} Document fragment
+   */
+  draw() {
+    let fragment = document.createDocumentFragment();
+    let native = document.createElement("div");
+    native.setAttribute("part", "native");
+    native.classList.add("native-tree-item");
+    let item = document.createElement("div");
+    item.classList.add("item");
+    let indent = document.createElement("div");
+    indent.classList.add("indent");
+    let button = document.createElement("div");
+    button.classList.add("toggle");
+    let checkbox = document.createElement("wje-checkbox");
+    if (this.selected)
+      checkbox.setAttribute("checked", "");
+    let label = document.createElement("slot");
+    let children = document.createElement("div");
+    children.classList.add("children");
+    let slot = document.createElement("slot");
+    slot.setAttribute("name", "children");
+    children.appendChild(slot);
+    if (this.querySelectorAll(":scope > wje-tree-item").length > 0) {
+      if (this.querySelectorAll('[slot="expand"]').length < 1) {
+        let expandIcon = document.createElement("wje-icon");
+        expandIcon.setAttribute("name", "chevron-right");
+        expandIcon.setAttribute("slot", "expand");
+        this.appendChild(expandIcon);
+      }
+      if (this.querySelectorAll('[slot="collapse"]').length < 1) {
+        let collapseIcon = document.createElement("wje-icon");
+        collapseIcon.setAttribute("name", "chevron-down");
+        collapseIcon.setAttribute("slot", "collapse");
+        this.appendChild(collapseIcon);
+      }
+      let expandSlot = document.createElement("slot");
+      expandSlot.setAttribute("name", "expand");
+      let collapseSlot = document.createElement("slot");
+      collapseSlot.setAttribute("name", "collapse");
+      button.appendChild(expandSlot);
+      button.appendChild(collapseSlot);
+    }
+    item.appendChild(button);
+    if (this.selection === "multiple")
+      item.appendChild(checkbox);
+    item.appendChild(label);
+    native.appendChild(item);
+    native.appendChild(children);
+    fragment.appendChild(native);
+    this.checkbox = checkbox;
+    this.native = native;
+    this.button = button;
+    this.childrenElement = children;
+    this.childrenSlot = slot;
+    return fragment;
+  }
+  afterDraw() {
+    this.button.addEventListener("click", this.toggleChildren.bind(this));
+  }
+  isNestedItem() {
+    const parent = this.parentElement;
+    return !!parent && this.isTreeItem(parent);
+  }
+  isTreeItem(node) {
+    return node instanceof Element && node.className === "TreeItem";
+  }
+  toggleChildren() {
+    this.childrenElement.classList.toggle("open");
+    this.native.classList.toggle("expanded");
+  }
+  getChildrenItems(options = {}) {
+    const includeDisabled = options.includeDisabled ?? true;
+    if (!this.childrenSlot) {
+      return [];
+    }
+    return [...this.childrenSlot.assignedElements({ flatten: true })].filter((item) => this.isTreeItem(item) && (includeDisabled || !item.disabled));
+  }
+  getAllChildrenFlat(options = {}) {
+    const directChildren = this.getChildrenItems(options);
+    return directChildren.flatMap(
+      (child) => [child, ...child.getAllChildrenFlat(options)]
+    );
+  }
+  getParentTreeItems(treeItem) {
+    var _a, _b;
+    const parents = [];
+    let parent = (_a = treeItem.parentElement) == null ? void 0 : _a.closest("wje-tree-item");
+    while (parent) {
+      parents.push(parent);
+      parent = (_b = parent.parentElement) == null ? void 0 : _b.closest("wje-tree-item");
+    }
+    return parents;
+  }
+}
+TreeItem.define("wje-tree-item", TreeItem);
 export {
   default3 as Accordion,
   default4 as AccordionItem,
@@ -358,6 +670,8 @@ export {
   default84 as Toolbar,
   default85 as ToolbarAction,
   default86 as Tooltip,
+  Tree,
+  TreeItem,
   default87 as VisuallyHidden,
   WJElement,
   WjePermissionsApi,

package/dist/wje-master.js.map

@@ -1 +1 @@
-{"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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"}
+{"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","../packages/wje-tree/tree.element.js","../packages/wje-tree/tree.js","../packages/wje-tree-item/tree-item.element.js","../packages/wje-tree-item/tree-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","import { default as WJElement, WjElementUtils, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n\n/**\n * Represents a custom Tree component that extends the functionality of WJElement.\n * This component is used to create a hierarchical tree structure with selectable items.\n */\n\nexport default class Tree extends WJElement {\n    /**\n     * Creates an instance of Toast.\n     */\n    constructor() {\n        super();\n    }\n\n    set selection(value) {\n        this.setAttribute('selection', value);\n    }\n\n    get selection() {\n        return this.getAttribute('selection') || 'single';\n    }\n\n    /**\n     * The class name for the component.\n     * @type {string}\n     */\n    className = 'Tree';\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     * Setup attributes for the Button element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    beforeDraw(context, appStoreObj, params) {\n        const items = this.querySelectorAll('wje-tree-item');\n        items?.forEach(item => {\n            item.selection = this.selection;\n\n            this.getExpandCollapseIcon(item,'expand');\n            this.getExpandCollapseIcon(item,'collapse');\n\n        });\n    }\n\n    /**\n     * Draw method for the toast notification.\n     * @returns {object} Document fragment\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-tree');\n\n        let slot = document.createElement('slot');\n\n        native.appendChild(slot);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n\n    /**\n     * Called after the draw process of the component is completed.\n     * Typically used to add event listeners or perform operations\n     * that are dependent on the component's drawn state.\n     * @returns {void} This method does not return a value.\n     */\n    afterDraw() {\n        this.addEventListener('click', this.handleClick);\n    }\n\n    /**\n     * Handles the click event triggered by the user interaction.\n     * Identifies the closest tree item element to the event target and sets it\n     * as the selected item. Ensures that only one item is selected at a time, resetting\n     * the selection state for all other items.\n     * @param {Event} e The click event object.\n     */\n    handleClick = (e) => {\n        let selectedItem = e.target.closest('wje-tree-item');\n        let isClickButton = e.composedPath().some((el) => el?.classList?.contains('toggle'));\n        if(isClickButton)\n            return;\n\n        if (this.selection === 'single') {\n            if (selectedItem) {\n                for (let item of this.getAllItems()) {\n                    item.selected = item === selectedItem;\n                }\n            }\n        } else if (this.selection === 'multiple') {\n            let children = selectedItem.getAllChildrenFlat();\n            let selectedItemStatus = !selectedItem.selected;\n            selectedItem.selected = selectedItemStatus;\n\n            this.updateCheckboxState(selectedItem);\n\n            // for(let item of children) {\n            //     item.selected = selectedItemStatus;\n            // }\n        }\n    }\n\n    /**\n     * Retrieves all items that match the selector 'wje-tree-item' within the current context.\n     * @returns {Array<Element>} An array of all matching DOM elements.\n     */\n    getAllItems() {\n        return [...this.querySelectorAll('wje-tree-item')];\n    }\n\n    /**\n     * Retrieves and appends an expand/collapse icon to a given item based on the provided status.\n     * @param {HTMLElement} item The DOM element to which the icon will be appended.\n     * @param {string} status The status indicating which icon to retrieve (e.g., \"expand\" or \"collapse\").\n     * @returns {void} This method does not return a value. If the icon matching the given status is not found, a warning is logged.\n     */\n    getExpandCollapseIcon(item, status) {\n        let icon = this.querySelector(`[slot=\"${status}\"]`);\n        if (!icon) {\n            console.warn(`Icon with slot \"${status}\" was not found.`);\n            return;\n        }\n\n        let iconClone = icon.cloneNode(true);\n        item.appendChild(iconClone);\n    }\n\n\n\n\n\n\n\n\n\n    updateCheckboxState(changedItem, isInitialSync = false) {\n        function updateParentState(item) {\n            const children = item.getChildrenItems({ includeDisabled: false });\n\n            if (children.length) {\n                const areAllChildrenChecked = children.every(child => child.selected);\n                const areAllChildrenUnchecked = children.every(child => !child.selected && !child.indeterminate);\n\n                item.selected = areAllChildrenChecked;\n                item.indeterminate = !areAllChildrenChecked && !areAllChildrenUnchecked;\n            }\n        }\n\n        function propagateStateUpwards(item) {\n            const parent = item.parentElement?.closest('wje-tree-item');\n\n            if (parent) {\n                updateParentState(parent);\n                propagateStateUpwards(parent);\n            }\n        }\n\n        function propagateStateDownwards(item) {\n            const isChecked = item.selected;\n\n            item.getChildrenItems().forEach(child => {\n                child.selected = isInitialSync ? (isChecked || child.selected) : (!child.disabled && isChecked);\n                propagateStateDownwards(child);\n            });\n\n            if (isInitialSync) {\n                updateParentState(item);\n            }\n        }\n\n        propagateStateDownwards(changedItem);\n        propagateStateUpwards(changedItem);\n    }\n}","import Tree from './tree.element.js';\n\nexport default Tree;\n\nTree.define('wje-tree', Tree);\n","import { default as WJElement, WjElementUtils, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `Toast` is a custom web component that represents a toast notification.\n * @summary This element represents a toast notification.\n * @documentation https://elements.webjet.sk/components/toast\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part\n * @cssproperty {string} headline - Specifies the headline text of the toast. Represents the main title or heading displayed in the toast.\n * @cssproperty {boolean} open - Indicates whether the toast is currently open (visible). A value of `true` shows the toast, while `false` hides it.\n * @cssproperty {number} duration - Determines the duration (in milliseconds) for which the toast is displayed. After this time, the toast will automatically close unless it is manually closed.\n * @cssproperty {boolean} closable - Specifies whether the toast can be manually closed by the user. If `true`, the toast will include a close button or mechanism.\n * @cssproperty {string} color - Defines the color of the toast. Accepts any valid CSS color value such as `hex`, `RGB`, or named colors.\n * @cssproperty {boolean} countdown - Indicates whether a countdown is displayed in the toast. When `true`, a visual countdown timer is shown to indicate the remaining time before the toast closes.\n * @slot - The content of the toast.\n * @slot media - The media of the toast.\n * // @fires wje-toast:after-show - Fired after the toast is shown.\n * // @fires wje-toast:after-hide - Fired after the toast is hidden.\n */\n\nexport default class TreeItem extends WJElement {\n    /**\n     * Creates an instance of Toast.\n     */\n    constructor() {\n        super();\n\n        this._selection = 'single';\n    }\n\n    set selected(value) {\n        this.removeAttribute('selected');\n\n        if(value)\n            this.setAttribute('selected', '');\n    }\n\n    get selected() {\n        return this.hasAttribute('selected');\n    }\n\n    set selection(value) {\n        this._selection = value || 'single';\n    }\n\n    get selection() {\n        return this._selection;\n    }\n\n    /**\n     * The class name for the component.\n     * @type {string}\n     */\n    className = 'TreeItem';\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     * Setup attributes for the Button element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    beforeDraw(context, appStoreObj, params) {\n        if (this.isNestedItem())\n            this.slot = 'children';\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 ['selected'];\n    }\n\n    /**\n     * Called when an observed attribute has been added, removed, updated, or replaced.\n     * @param {string} name The name of the attribute that has changed.\n     * @param {string} oldValue The old value of the attribute.\n     * @param {string} newValue The new value of the attribute.\n     */\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (name === 'selected' && oldValue !== newValue) {\n            if(this.selected)\n                this.checkbox.setAttribute('checked', '');\n            else\n                this.checkbox.removeAttribute('checked');\n        }\n    }\n\n    /**\n     * Draw method for the toast notification.\n     * @returns {object} Document fragment\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-tree-item');\n\n        let item = document.createElement('div');\n        item.classList.add('item');\n\n        let indent = document.createElement('div');\n        indent.classList.add('indent');\n\n        let button = document.createElement('div');\n        button.classList.add('toggle');\n\n        let checkbox = document.createElement('wje-checkbox');\n        if(this.selected)\n            checkbox.setAttribute('checked', '');\n\n        let label = document.createElement('slot');\n\n        let children = document.createElement('div');\n        children.classList.add('children');\n\n        let slot = document.createElement('slot');\n        slot.setAttribute('name', 'children');\n        children.appendChild(slot);\n\n        // item.appendChild(indent);\n        if(this.querySelectorAll(':scope > wje-tree-item').length > 0) {\n            if(this.querySelectorAll('[slot=\"expand\"]').length < 1) {\n                let expandIcon = document.createElement('wje-icon');\n                expandIcon.setAttribute('name', 'chevron-right');\n                expandIcon.setAttribute('slot', 'expand');\n\n                this.appendChild(expandIcon);\n            }\n\n            if(this.querySelectorAll('[slot=\"collapse\"]').length < 1) {\n                let collapseIcon = document.createElement('wje-icon');\n                collapseIcon.setAttribute('name', 'chevron-down');\n                collapseIcon.setAttribute('slot', 'collapse');\n\n                this.appendChild(collapseIcon);\n            }\n\n            let expandSlot = document.createElement('slot');\n            expandSlot.setAttribute('name', 'expand');\n\n            let collapseSlot = document.createElement('slot');\n            collapseSlot.setAttribute('name', 'collapse');\n\n            button.appendChild(expandSlot);\n            button.appendChild(collapseSlot);\n        }\n\n        item.appendChild(button);\n\n        if(this.selection === 'multiple')\n            item.appendChild(checkbox);\n        item.appendChild(label);\n\n        native.appendChild(item);\n        native.appendChild(children);\n\n        fragment.appendChild(native);\n\n        this.checkbox = checkbox;\n        this.native = native;\n        this.button = button;\n        this.childrenElement = children;\n        this.childrenSlot = slot;\n\n        return fragment;\n    }\n\n    afterDraw() {\n        this.button.addEventListener('click', this.toggleChildren.bind(this));\n    }\n\n    isNestedItem() {\n        const parent = this.parentElement;\n        return !!parent && this.isTreeItem(parent);\n    }\n\n    isTreeItem(node) {\n        return node instanceof Element && node.className === 'TreeItem';\n    }\n\n    toggleChildren() {\n        this.childrenElement.classList.toggle('open');\n        this.native.classList.toggle('expanded');\n    }\n\n    getChildrenItems(options = {}) {\n        const includeDisabled = options.includeDisabled ?? true; // Ak nie je zadané, predvolená hodnota je true\n\n        if (!this.childrenSlot) {\n            return []; // Ak `childrenSlot` neexistuje, vráti prázdne pole\n        }\n\n        return [...this.childrenSlot.assignedElements({ flatten: true })]\n          .filter(item => this.isTreeItem(item) && (includeDisabled || !item.disabled));\n    }\n\n    getAllChildrenFlat(options = {}) {\n        const directChildren = this.getChildrenItems(options);\n        return directChildren.flatMap(child =>\n          [child, ...child.getAllChildrenFlat(options)]\n        );\n    }\n\n    getParentTreeItems(treeItem) {\n        const parents = [];\n        let parent = treeItem.parentElement?.closest('wje-tree-item'); // Nájde najbližšieho rodiča\n\n        while (parent) {\n            parents.push(parent); // Pridá rodiča do zoznamu\n            parent = parent.parentElement?.closest('wje-tree-item'); // Hľadá ďalšieho rodiča v hierarchii\n        }\n\n        return parents;\n    }\n}","import TreeItem from './tree-item.element.js';\n\nexport default TreeItem;\n\nTreeItem.define('wje-tree-item', TreeItem);\n"],"names":["styles","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,SAAS,WAAW,OAAO,QAAQ;AACtC,MAAI;AAGJ,MAAI,OAAO,UAAU,UAAU;AAC3B,WAAO,IAAI,KAAK,KAAK;AAAA,EAC7B,WAAe,OAAO,UAAU,UAAU;AAClC,WAAO,IAAI,KAAK,KAAK;AAAA,EAC7B,WAAe,iBAAiB,MAAM;AAC9B,WAAO;AAAA,EACf,OAAW;AACH,UAAM,IAAI,MAAM,oBAAoB;AAAA,EAC5C;AAEI,QAAM,MAAM;AAAA,IACR,MAAM,KAAK,YAAa;AAAA,IACxB,IAAI,OAAO,KAAK,SAAQ,IAAK,CAAC,EAAE,SAAS,GAAG,GAAG;AAAA;AAAA,IAC/C,IAAI,OAAO,KAAK,QAAS,CAAA,EAAE,SAAS,GAAG,GAAG;AAAA,IAC1C,IAAI,OAAO,KAAK,SAAU,CAAA,EAAE,SAAS,GAAG,GAAG;AAAA,IAC3C,IAAI,OAAO,KAAK,WAAY,CAAA,EAAE,SAAS,GAAG,GAAG;AAAA,IAC7C,IAAI,OAAO,KAAK,WAAY,CAAA,EAAE,SAAS,GAAG,GAAG;AAAA,IAC7C,MAAM,KAAK,eAAe,SAAS,EAAE,OAAO,QAAQ;AAAA;AAAA,IACpD,KAAK,KAAK,eAAe,SAAS,EAAE,OAAO,SAAS;AAAA;AAAA,EACvD;AAED,SAAO,OAAO,QAAQ,iCAAiC,CAAC,YAAY,IAAI,OAAO,CAAC;AACpF;ACxBY,MAAC,OAAO;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,yBAAyB;AAAA,EACzB,2BAA2B;AAAA,EAC3B,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,mBAAmB;AACvB;AAEA,UAAU,oBAAoB,IAAI;ACftB,MAAC,OAAO;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,yBAAyB;AAAA,EACzB,2BAA2B;AAAA,EAC3B,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,mBAAmB;AACvB;AAEA,UAAU,oBAAoB,IAAI;;ACHnB,MAAM,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA,EAI5C,cAAc;AACV,UAAO;AAMX;AAAA;AAAA;AAAA,qCAAY;AAAA,EALhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYI,WAAW,gBAAgB;AACvB,WAAOA;AAAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,iBAAiB;AAEtC,UAAM,eAAe,SAAS,cAAc,KAAK;AACjD,iBAAa,aAAa,QAAQ,eAAe;AACjD,iBAAa,UAAU,IAAI,eAAe;AAE1C,UAAM,OAAO,SAAS,cAAc,MAAM;AAE1C,WAAO,YAAY,YAAY;AAC/B,WAAO,YAAY,IAAI;AAEvB,aAAS,YAAY,MAAM;AAE3B,WAAO;AAAA,EACf;AACA;AC/DA,SAAS,OAAO,gBAAgB,QAAQ;;ACazB,MAAM,qBAAqB,UAAU;AAAA,EAChD,cAAc;AACV,UAAO;AAOX;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaI,WAAW,gBAAgB;AACvB,WAAOA;AAAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AACpB,SAAK,aAAa,iBAAiB,EAAE;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,sBAAsB;AAE3C,QAAI,mBAAmB,SAAS,cAAc,KAAK;AACnD,qBAAiB,aAAa,QAAQ,mBAAmB;AACzD,qBAAiB,UAAU,IAAI,mBAAmB;AAElD,QAAI,UAAU,SAAS,cAAc,aAAa;AAClD,YAAQ,aAAa,QAAQ,KAAK,aAAa,SAAS,KAAK,EAAE;AAC/D,YAAQ,aAAa,YAAY,KAAK;AACtC,YAAQ,aAAa,WAAW,WAAW,KAAK,UAAU,kBAAkB,CAAC;AAE7E,QAAI,eAAe,SAAS,cAAc,mBAAmB;AAC7D,iBAAa,aAAa,QAAQ,KAAK,YAAY,EAAE;AACrD,iBAAa,aAAa,UAAU,KAAK,aAAa,QAAQ,KAAK,EAAE;AAErE,YAAQ,YAAY,YAAY;AAEhC,QAAIC,SAAQ,SAAS,cAAc,IAAI;AACvC,IAAAA,OAAM,UAAU,IAAI,OAAO;AAC3B,IAAAA,OAAM,cAAc,KAAK,aAAa,OAAO,KAAK;AAGlD,QAAI,OAAO,SAAS,cAAc,MAAM;AAGxC,QAAI,aAAa,SAAS,cAAc,UAAU;AAClD,eAAW,aAAa,QAAQ,YAAY;AAC5C,eAAW,aAAa,UAAU,EAAE;AACpC,eAAW,aAAa,QAAQ,cAAc;AAG9C,QAAI,KAAK,cAAc,iBAAiB,GAAG;AACvC,mBAAa,SAAS,cAAc,MAAM;AAC1C,iBAAW,aAAa,QAAQ,QAAQ;AAAA,IACpD;AAEQ,qBAAiB,YAAY,OAAO;AACpC,qBAAiB,YAAYA,MAAK;AAClC,qBAAiB,YAAY,IAAI;AAEjC,WAAO,YAAY,UAAU;AAC7B,WAAO,YAAY,gBAAgB;AAEnC,aAAS,YAAY,MAAM;AAE3B,WAAO;AAAA,EACf;AACA;ACjGA,aAAa,OAAO,qBAAqB,YAAY;;ACKtC,MAAM,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA,EAIxC,cAAc;AACV,UAAO;AAeX;AAAA;AAAA;AAAA;AAAA,qCAAY;AAkEZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAAc,CAAC,MAAM;AACjB,UAAI,eAAe,EAAE,OAAO,QAAQ,eAAe;AACnD,UAAI,gBAAgB,EAAE,aAAY,EAAG,KAAK,CAAC,OAAE;;AAAK,8CAAI,cAAJ,mBAAe,SAAS;AAAA,OAAS;AACnF,UAAG;AACC;AAEJ,UAAI,KAAK,cAAc,UAAU;AAC7B,YAAI,cAAc;AACd,mBAAS,QAAQ,KAAK,eAAe;AACjC,iBAAK,WAAW,SAAS;AAAA,UAC7C;AAAA,QACA;AAAA,MACA,WAAmB,KAAK,cAAc,YAAY;AACvB,qBAAa,mBAAkB;AAC9C,YAAI,qBAAqB,CAAC,aAAa;AACvC,qBAAa,WAAW;AAExB,aAAK,oBAAoB,YAAY;AAAA,MAKjD;AAAA,IACA;AAAA,EAvGA;AAAA,EAEI,IAAI,UAAU,OAAO;AACjB,SAAK,aAAa,aAAa,KAAK;AAAA,EAC5C;AAAA,EAEI,IAAI,YAAY;AACZ,WAAO,KAAK,aAAa,WAAW,KAAK;AAAA,EACjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaI,WAAW,gBAAgB;AACvB,WAAOD;AAAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA,EAEI,WAAW,SAAS,aAAa,QAAQ;AACrC,UAAM,QAAQ,KAAK,iBAAiB,eAAe;AACnD,mCAAO,QAAQ,UAAQ;AACnB,WAAK,YAAY,KAAK;AAEtB,WAAK,sBAAsB,MAAK,QAAQ;AACxC,WAAK,sBAAsB,MAAK,UAAU;AAAA,IAEtD;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,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;AAEvB,aAAS,YAAY,MAAM;AAE3B,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQI,YAAY;AACR,SAAK,iBAAiB,SAAS,KAAK,WAAW;AAAA,EACvD;AAAA;AAAA;AAAA;AAAA;AAAA,EAsCI,cAAc;AACV,WAAO,CAAC,GAAG,KAAK,iBAAiB,eAAe,CAAC;AAAA,EACzD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQI,sBAAsB,MAAM,QAAQ;AAChC,QAAI,OAAO,KAAK,cAAc,UAAU,MAAM,IAAI;AAClD,QAAI,CAAC,MAAM;AACP,cAAQ,KAAK,mBAAmB,MAAM,kBAAkB;AACxD;AAAA,IACZ;AAEQ,QAAI,YAAY,KAAK,UAAU,IAAI;AACnC,SAAK,YAAY,SAAS;AAAA,EAClC;AAAA,EAUI,oBAAoB,aAAa,gBAAgB,OAAO;AACpD,aAAS,kBAAkB,MAAM;AAC7B,YAAM,WAAW,KAAK,iBAAiB,EAAE,iBAAiB,MAAK,CAAE;AAEjE,UAAI,SAAS,QAAQ;AACjB,cAAM,wBAAwB,SAAS,MAAM,WAAS,MAAM,QAAQ;AACpE,cAAM,0BAA0B,SAAS,MAAM,WAAS,CAAC,MAAM,YAAY,CAAC,MAAM,aAAa;AAE/F,aAAK,WAAW;AAChB,aAAK,gBAAgB,CAAC,yBAAyB,CAAC;AAAA,MAChE;AAAA,IACA;AAEQ,aAAS,sBAAsB,MAAM;;AACjC,YAAM,UAAS,UAAK,kBAAL,mBAAoB,QAAQ;AAE3C,UAAI,QAAQ;AACR,0BAAkB,MAAM;AACxB,8BAAsB,MAAM;AAAA,MAC5C;AAAA,IACA;AAEQ,aAAS,wBAAwB,MAAM;AACnC,YAAM,YAAY,KAAK;AAEvB,WAAK,iBAAgB,EAAG,QAAQ,WAAS;AACrC,cAAM,WAAW,gBAAiB,aAAa,MAAM,WAAa,CAAC,MAAM,YAAY;AACrF,gCAAwB,KAAK;AAAA,MAC7C,CAAa;AAED,UAAI,eAAe;AACf,0BAAkB,IAAI;AAAA,MACtC;AAAA,IACA;AAEQ,4BAAwB,WAAW;AACnC,0BAAsB,WAAW;AAAA,EACzC;AACA;AC3LA,KAAK,OAAO,YAAY,IAAI;;ACkBb,MAAM,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA,EAI5C,cAAc;AACV,UAAO;AA4BX;AAAA;AAAA;AAAA;AAAA,qCAAY;AA1BR,SAAK,aAAa;AAAA,EAC1B;AAAA,EAEI,IAAI,SAAS,OAAO;AAChB,SAAK,gBAAgB,UAAU;AAE/B,QAAG;AACC,WAAK,aAAa,YAAY,EAAE;AAAA,EAC5C;AAAA,EAEI,IAAI,WAAW;AACX,WAAO,KAAK,aAAa,UAAU;AAAA,EAC3C;AAAA,EAEI,IAAI,UAAU,OAAO;AACjB,SAAK,aAAa,SAAS;AAAA,EACnC;AAAA,EAEI,IAAI,YAAY;AACZ,WAAO,KAAK;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA,EAEI,WAAW,SAAS,aAAa,QAAQ;AACrC,QAAI,KAAK,aAAc;AACnB,WAAK,OAAO;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOI,WAAW,qBAAqB;AAC5B,WAAO,CAAC,UAAU;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQI,yBAAyB,MAAM,UAAU,UAAU;AAC/C,QAAI,SAAS,cAAc,aAAa,UAAU;AAC9C,UAAG,KAAK;AACJ,aAAK,SAAS,aAAa,WAAW,EAAE;AAAA;AAExC,aAAK,SAAS,gBAAgB,SAAS;AAAA,IACvD;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,kBAAkB;AAEvC,QAAI,OAAO,SAAS,cAAc,KAAK;AACvC,SAAK,UAAU,IAAI,MAAM;AAEzB,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,UAAU,IAAI,QAAQ;AAE7B,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,UAAU,IAAI,QAAQ;AAE7B,QAAI,WAAW,SAAS,cAAc,cAAc;AACpD,QAAG,KAAK;AACJ,eAAS,aAAa,WAAW,EAAE;AAEvC,QAAI,QAAQ,SAAS,cAAc,MAAM;AAEzC,QAAI,WAAW,SAAS,cAAc,KAAK;AAC3C,aAAS,UAAU,IAAI,UAAU;AAEjC,QAAI,OAAO,SAAS,cAAc,MAAM;AACxC,SAAK,aAAa,QAAQ,UAAU;AACpC,aAAS,YAAY,IAAI;AAGzB,QAAG,KAAK,iBAAiB,wBAAwB,EAAE,SAAS,GAAG;AAC3D,UAAG,KAAK,iBAAiB,iBAAiB,EAAE,SAAS,GAAG;AACpD,YAAI,aAAa,SAAS,cAAc,UAAU;AAClD,mBAAW,aAAa,QAAQ,eAAe;AAC/C,mBAAW,aAAa,QAAQ,QAAQ;AAExC,aAAK,YAAY,UAAU;AAAA,MAC3C;AAEY,UAAG,KAAK,iBAAiB,mBAAmB,EAAE,SAAS,GAAG;AACtD,YAAI,eAAe,SAAS,cAAc,UAAU;AACpD,qBAAa,aAAa,QAAQ,cAAc;AAChD,qBAAa,aAAa,QAAQ,UAAU;AAE5C,aAAK,YAAY,YAAY;AAAA,MAC7C;AAEY,UAAI,aAAa,SAAS,cAAc,MAAM;AAC9C,iBAAW,aAAa,QAAQ,QAAQ;AAExC,UAAI,eAAe,SAAS,cAAc,MAAM;AAChD,mBAAa,aAAa,QAAQ,UAAU;AAE5C,aAAO,YAAY,UAAU;AAC7B,aAAO,YAAY,YAAY;AAAA,IAC3C;AAEQ,SAAK,YAAY,MAAM;AAEvB,QAAG,KAAK,cAAc;AAClB,WAAK,YAAY,QAAQ;AAC7B,SAAK,YAAY,KAAK;AAEtB,WAAO,YAAY,IAAI;AACvB,WAAO,YAAY,QAAQ;AAE3B,aAAS,YAAY,MAAM;AAE3B,SAAK,WAAW;AAChB,SAAK,SAAS;AACd,SAAK,SAAS;AACd,SAAK,kBAAkB;AACvB,SAAK,eAAe;AAEpB,WAAO;AAAA,EACf;AAAA,EAEI,YAAY;AACR,SAAK,OAAO,iBAAiB,SAAS,KAAK,eAAe,KAAK,IAAI,CAAC;AAAA,EAC5E;AAAA,EAEI,eAAe;AACX,UAAM,SAAS,KAAK;AACpB,WAAO,CAAC,CAAC,UAAU,KAAK,WAAW,MAAM;AAAA,EACjD;AAAA,EAEI,WAAW,MAAM;AACb,WAAO,gBAAgB,WAAW,KAAK,cAAc;AAAA,EAC7D;AAAA,EAEI,iBAAiB;AACb,SAAK,gBAAgB,UAAU,OAAO,MAAM;AAC5C,SAAK,OAAO,UAAU,OAAO,UAAU;AAAA,EAC/C;AAAA,EAEI,iBAAiB,UAAU,IAAI;AAC3B,UAAM,kBAAkB,QAAQ,mBAAmB;AAEnD,QAAI,CAAC,KAAK,cAAc;AACpB,aAAO;IACnB;AAEQ,WAAO,CAAC,GAAG,KAAK,aAAa,iBAAiB,EAAE,SAAS,MAAM,CAAC,EAC7D,OAAO,UAAQ,KAAK,WAAW,IAAI,MAAM,mBAAmB,CAAC,KAAK,SAAS;AAAA,EACtF;AAAA,EAEI,mBAAmB,UAAU,IAAI;AAC7B,UAAM,iBAAiB,KAAK,iBAAiB,OAAO;AACpD,WAAO,eAAe;AAAA,MAAQ,WAC5B,CAAC,OAAO,GAAG,MAAM,mBAAmB,OAAO,CAAC;AAAA,IAC7C;AAAA,EACT;AAAA,EAEI,mBAAmB,UAAU;;AACzB,UAAM,UAAU,CAAE;AAClB,QAAI,UAAS,cAAS,kBAAT,mBAAwB,QAAQ;AAE7C,WAAO,QAAQ;AACX,cAAQ,KAAK,MAAM;AACnB,gBAAS,YAAO,kBAAP,mBAAsB,QAAQ;AAAA,IACnD;AAEQ,WAAO;AAAA,EACf;AACA;AClOA,SAAS,OAAO,iBAAiB,QAAQ;"}

package/dist/wje-sliding-container.js

@@ -6,8 +6,7 @@ const styles = ":host {\n  display: block;\n  z-index: 1000;\n  /* make css prop
 class SlidingContainer extends WJElement {
   /**
    * Creates an instance of SlidingContainer.
-   *
-   * @constructor
+   * @class
    */
   constructor() {
     super();
@@ -16,7 +15,7 @@ class SlidingContainer extends WJElement {
      * Triggers the event based on the target element.
      * If the target element is different from the last caller, it refreshes the children by calling the `open` method.
      * If the target element is the same as the last caller, it toggles the state by calling the `toggle` method.
-     * @param {Event} e - The event object.
+     * @param {Event} e The event object.
      */
     __publicField(this, "triggerEvent", async (e) => {
       if (this._lastCaller && this._lastCaller !== e.composedPath()[0]) {
@@ -133,7 +132,6 @@ class SlidingContainer extends WJElement {
   }
   /**
    * Returns the CSS styles for the component.
-   *
    * @static
    * @returns {CSSStyleSheet}
    */
@@ -148,10 +146,9 @@ class SlidingContainer extends WJElement {
   }
   /**
    * Draws the component.
-   *
-   * @param {Object} context - The context for drawing.
-   * @param {Object} store - The store for drawing.
-   * @param {Object} params - The parameters for drawing.
+   * @param {object} context The context for drawing.
+   * @param {object} store The store for drawing.
+   * @param {object} params The parameters for drawing.
    * @returns {DocumentFragment}
    */
   draw(context, store, params) {
@@ -254,8 +251,7 @@ class SlidingContainer extends WJElement {
   }
   /**
    * Checks for a specific variant and applies corresponding styles.
-   *
-   * @param {string} variant - The variant to check for.
+   * @param {string} variant The variant to check for.
    */
   checkForVariant(variant) {
     if (variant === "over") {
@@ -425,7 +421,6 @@ class SlidingContainer extends WJElement {
   }
   /**
    * Closes the animation container.
-   *
    * @returns {Promise<void>} A promise that resolves when the container is closed.
    */
   async close(event) {
@@ -467,7 +462,8 @@ class SlidingContainer extends WJElement {
     }
   }
   componentCleanup() {
-    this._resizeObserver.disconnect();
+    var _a;
+    (_a = this._resizeObserver) == null ? void 0 : _a.disconnect();
     this._resizeObserver = null;
   }
 }