wj-elements 0.1.138 → 0.1.139

package/dist/light.css

@@ -528,7 +528,8 @@
     --wje-tooltip-spacing: var(--wje-spacing-x-small);
     --wje-tooltip-border-radius: var(--wje-border-radius-medium);
 
-    /* Tree */
-    --wje-tree-item-indent: 1.3rem;
+    /* Tree - Item */
+    --wje-tree-item-indent: var(--wje-spacing-large);
     --wje-tree-item-indent-guid-width: 0px;
+    --wje-tree-item-border-radius: var(--wje-border-radius-medium);
 }

package/dist/localize.js

@@ -3,6 +3,7 @@ class LocalizerDefault {
     this.element = element;
     this.lang = this.element.lang || document.documentElement.lang || "en-gb";
     this.dir = this.element.dir || document.documentElement.dir || "ltr";
+    this.currentLang = "en-gb";
     this.setLanguage();
   }
   get languages() {
@@ -10,7 +11,8 @@ class LocalizerDefault {
   }
   // Nastavenie aktuálneho jazyka
   setLanguage() {
-    if (this.languages.has(this.lang)) {
+    var _a;
+    if ((_a = this.languages) == null ? void 0 : _a.has(this.lang)) {
       this.currentLang = this.lang;
     } else {
       console.error(`Language "${this.lang}" not loaded.`);
@@ -18,9 +20,9 @@ class LocalizerDefault {
   }
   // Vyhľadávanie prekladu podľa kľúča
   translate(key) {
-    console.log("TRANSLATE:", this.element.lang, this.lang, this.currentLang, key);
-    const langMap = this.languages.get(this.currentLang);
-    console.log("LANG MAP:", langMap);
+    var _a;
+    const langMap = (_a = this.languages) == null ? void 0 : _a.get(this.currentLang);
+    if (!langMap) return key;
     return langMap ? langMap[key] || key : key;
   }
   // Vyhľadávanie prekladu podľa kľúča a typu čísla

package/dist/localize.js.map

@@ -1 +1 @@
-{"version":3,"file":"localize.js","sources":["../packages/localize/localize.js","../packages/utils/localize.js"],"sourcesContent":["// export const translations = new Map();\n\nexport class LocalizerDefault {\n    constructor(element) {\n        this.element = element;\n\n        this.lang = this.element.lang || document.documentElement.lang || 'en-gb';\n        this.dir = this.element.dir || document.documentElement.dir || 'ltr';\n\n        this.setLanguage();\n    }\n\n    get languages() {\n        return window.translations;\n    }\n\n    // Nastavenie aktuálneho jazyka\n    setLanguage() {\n        if (this.languages.has(this.lang)) {\n            this.currentLang = this.lang;\n        } else {\n            console.error(`Language \"${this.lang}\" not loaded.`);\n        }\n    }\n\n    // Vyhľadávanie prekladu podľa kľúča\n    translate(key) {\n        console.log(\"TRANSLATE:\",this.element.lang, this.lang, this.currentLang, key);\n        const langMap = this.languages.get(this.currentLang);\n        console.log(\"LANG MAP:\", langMap);\n        return langMap ? langMap[key] || key : key;\n    }\n\n    // Vyhľadávanie prekladu podľa kľúča a typu čísla\n    translatePlural(key, count = 0, type = 'cardinal') {\n        const plural = new Intl.PluralRules(this.lang, { type: type });\n\n        if (count !== undefined) key += '.' + plural.select(count);\n\n        return this.translate(key);\n    }\n\n    // Formátovanie čísla podľa aktuálneho jazyka\n    formatNumber(number, options) {\n        return new Intl.NumberFormat(this.currentLang, options).format(number);\n    }\n\n    // Formátovanie dátumu podľa aktuálneho jazyka\n    formatDate(date) {\n        return new Intl.DateTimeFormat(this.currentLang).format(new Date(date));\n    }\n\n    relativeTime(lang, value = 0, unit = 'day', options = { numeric: 'auto' }) {\n        lang = lang || this.currentLang;\n        return new Intl.RelativeTimeFormat(lang, options).format(value, unit);\n    }\n}\n\nexport function registerTranslation(...translation) {\n    translation.forEach((t) => {\n        if (!t.code) {\n            console.error(\"Translation object is missing 'code' property:\", t);\n            return;\n        }\n\n        const code = t.code.toLowerCase();\n        if (window.translations.has(code)) {\n            window.translations.set(code, { ...window.translations.get(code), ...t });\n        } else {\n            window.translations.set(code, t);\n        }\n    });\n}\n","import { LocalizerDefault, registerTranslation } from '../localize/localize.js';\n\nexport class Localizer extends LocalizerDefault {\n    constructor(element) {\n        super(element);\n    }\n    static registerTranslation(...translation) {\n        registerTranslation(...translation);\n    }\n}\n"],"names":[],"mappings":"AAEO,MAAM,iBAAiB;AAAA,EAC1B,YAAY,SAAS;AACjB,SAAK,UAAU;AAEf,SAAK,OAAO,KAAK,QAAQ,QAAQ,SAAS,gBAAgB,QAAQ;AAClE,SAAK,MAAM,KAAK,QAAQ,OAAO,SAAS,gBAAgB,OAAO;AAE/D,SAAK,YAAa;AAAA,EAC1B;AAAA,EAEI,IAAI,YAAY;AACZ,WAAO,OAAO;AAAA,EACtB;AAAA;AAAA,EAGI,cAAc;AACV,QAAI,KAAK,UAAU,IAAI,KAAK,IAAI,GAAG;AAC/B,WAAK,cAAc,KAAK;AAAA,IACpC,OAAe;AACH,cAAQ,MAAM,aAAa,KAAK,IAAI,eAAe;AAAA,IAC/D;AAAA,EACA;AAAA;AAAA,EAGI,UAAU,KAAK;AACX,YAAQ,IAAI,cAAa,KAAK,QAAQ,MAAM,KAAK,MAAM,KAAK,aAAa,GAAG;AAC5E,UAAM,UAAU,KAAK,UAAU,IAAI,KAAK,WAAW;AACnD,YAAQ,IAAI,aAAa,OAAO;AAChC,WAAO,UAAU,QAAQ,GAAG,KAAK,MAAM;AAAA,EAC/C;AAAA;AAAA,EAGI,gBAAgB,KAAK,QAAQ,GAAG,OAAO,YAAY;AAC/C,UAAM,SAAS,IAAI,KAAK,YAAY,KAAK,MAAM,EAAE,MAAY;AAE7D,QAAI,UAAU,OAAW,QAAO,MAAM,OAAO,OAAO,KAAK;AAEzD,WAAO,KAAK,UAAU,GAAG;AAAA,EACjC;AAAA;AAAA,EAGI,aAAa,QAAQ,SAAS;AAC1B,WAAO,IAAI,KAAK,aAAa,KAAK,aAAa,OAAO,EAAE,OAAO,MAAM;AAAA,EAC7E;AAAA;AAAA,EAGI,WAAW,MAAM;AACb,WAAO,IAAI,KAAK,eAAe,KAAK,WAAW,EAAE,OAAO,IAAI,KAAK,IAAI,CAAC;AAAA,EAC9E;AAAA,EAEI,aAAa,MAAM,QAAQ,GAAG,OAAO,OAAO,UAAU,EAAE,SAAS,UAAU;AACvE,WAAO,QAAQ,KAAK;AACpB,WAAO,IAAI,KAAK,mBAAmB,MAAM,OAAO,EAAE,OAAO,OAAO,IAAI;AAAA,EAC5E;AACA;AAEO,SAAS,uBAAuB,aAAa;AAChD,cAAY,QAAQ,CAAC,MAAM;AACvB,QAAI,CAAC,EAAE,MAAM;AACT,cAAQ,MAAM,kDAAkD,CAAC;AACjE;AAAA,IACZ;AAEQ,UAAM,OAAO,EAAE,KAAK,YAAa;AACjC,QAAI,OAAO,aAAa,IAAI,IAAI,GAAG;AAC/B,aAAO,aAAa,IAAI,MAAM,EAAE,GAAG,OAAO,aAAa,IAAI,IAAI,GAAG,GAAG,EAAC,CAAE;AAAA,IACpF,OAAe;AACH,aAAO,aAAa,IAAI,MAAM,CAAC;AAAA,IAC3C;AAAA,EACA,CAAK;AACL;ACtEO,MAAM,kBAAkB,iBAAiB;AAAA,EAC5C,YAAY,SAAS;AACjB,UAAM,OAAO;AAAA,EACrB;AAAA,EACI,OAAO,uBAAuB,aAAa;AACvC,wBAAoB,GAAG,WAAW;AAAA,EAC1C;AACA;"}
+{"version":3,"file":"localize.js","sources":["../packages/localize/localize.js","../packages/utils/localize.js"],"sourcesContent":["// export const translations = new Map();\n\nexport class LocalizerDefault {\n    constructor(element) {\n        this.element = element;\n\n        this.lang = this.element.lang || document.documentElement.lang || 'en-gb';\n        this.dir = this.element.dir || document.documentElement.dir || 'ltr';\n        this.currentLang = 'en-gb';\n\n        this.setLanguage();\n    }\n\n    get languages() {\n        return window.translations;\n    }\n\n    // Nastavenie aktuálneho jazyka\n    setLanguage() {\n        if (this.languages?.has(this.lang)) {\n            this.currentLang = this.lang;\n        } else {\n            console.error(`Language \"${this.lang}\" not loaded.`);\n        }\n    }\n\n    // Vyhľadávanie prekladu podľa kľúča\n    translate(key) {\n        const langMap = this.languages?.get(this.currentLang);\n        if (!langMap) return key;\n        return langMap ? langMap[key] || key : key;\n    }\n\n    // Vyhľadávanie prekladu podľa kľúča a typu čísla\n    translatePlural(key, count = 0, type = 'cardinal') {\n        const plural = new Intl.PluralRules(this.lang, { type: type });\n\n        if (count !== undefined) key += '.' + plural.select(count);\n\n        return this.translate(key);\n    }\n\n    // Formátovanie čísla podľa aktuálneho jazyka\n    formatNumber(number, options) {\n        return new Intl.NumberFormat(this.currentLang, options).format(number);\n    }\n\n    // Formátovanie dátumu podľa aktuálneho jazyka\n    formatDate(date) {\n        return new Intl.DateTimeFormat(this.currentLang).format(new Date(date));\n    }\n\n    relativeTime(lang, value = 0, unit = 'day', options = { numeric: 'auto' }) {\n        lang = lang || this.currentLang;\n        return new Intl.RelativeTimeFormat(lang, options).format(value, unit);\n    }\n}\n\nexport function registerTranslation(...translation) {\n    translation.forEach((t) => {\n        if (!t.code) {\n            console.error(\"Translation object is missing 'code' property:\", t);\n            return;\n        }\n\n        const code = t.code.toLowerCase();\n        if (window.translations.has(code)) {\n            window.translations.set(code, { ...window.translations.get(code), ...t });\n        } else {\n            window.translations.set(code, t);\n        }\n    });\n}\n","import { LocalizerDefault, registerTranslation } from '../localize/localize.js';\n\nexport class Localizer extends LocalizerDefault {\n    constructor(element) {\n        super(element);\n    }\n    static registerTranslation(...translation) {\n        registerTranslation(...translation);\n    }\n}\n"],"names":[],"mappings":"AAEO,MAAM,iBAAiB;AAAA,EAC1B,YAAY,SAAS;AACjB,SAAK,UAAU;AAEf,SAAK,OAAO,KAAK,QAAQ,QAAQ,SAAS,gBAAgB,QAAQ;AAClE,SAAK,MAAM,KAAK,QAAQ,OAAO,SAAS,gBAAgB,OAAO;AAC/D,SAAK,cAAc;AAEnB,SAAK,YAAa;AAAA,EAC1B;AAAA,EAEI,IAAI,YAAY;AACZ,WAAO,OAAO;AAAA,EACtB;AAAA;AAAA,EAGI,cAAc;AAlBlB;AAmBQ,SAAI,UAAK,cAAL,mBAAgB,IAAI,KAAK,OAAO;AAChC,WAAK,cAAc,KAAK;AAAA,IACpC,OAAe;AACH,cAAQ,MAAM,aAAa,KAAK,IAAI,eAAe;AAAA,IAC/D;AAAA,EACA;AAAA;AAAA,EAGI,UAAU,KAAK;AA3BnB;AA4BQ,UAAM,WAAU,UAAK,cAAL,mBAAgB,IAAI,KAAK;AACzC,QAAI,CAAC,QAAS,QAAO;AACrB,WAAO,UAAU,QAAQ,GAAG,KAAK,MAAM;AAAA,EAC/C;AAAA;AAAA,EAGI,gBAAgB,KAAK,QAAQ,GAAG,OAAO,YAAY;AAC/C,UAAM,SAAS,IAAI,KAAK,YAAY,KAAK,MAAM,EAAE,MAAY;AAE7D,QAAI,UAAU,OAAW,QAAO,MAAM,OAAO,OAAO,KAAK;AAEzD,WAAO,KAAK,UAAU,GAAG;AAAA,EACjC;AAAA;AAAA,EAGI,aAAa,QAAQ,SAAS;AAC1B,WAAO,IAAI,KAAK,aAAa,KAAK,aAAa,OAAO,EAAE,OAAO,MAAM;AAAA,EAC7E;AAAA;AAAA,EAGI,WAAW,MAAM;AACb,WAAO,IAAI,KAAK,eAAe,KAAK,WAAW,EAAE,OAAO,IAAI,KAAK,IAAI,CAAC;AAAA,EAC9E;AAAA,EAEI,aAAa,MAAM,QAAQ,GAAG,OAAO,OAAO,UAAU,EAAE,SAAS,UAAU;AACvE,WAAO,QAAQ,KAAK;AACpB,WAAO,IAAI,KAAK,mBAAmB,MAAM,OAAO,EAAE,OAAO,OAAO,IAAI;AAAA,EAC5E;AACA;AAEO,SAAS,uBAAuB,aAAa;AAChD,cAAY,QAAQ,CAAC,MAAM;AACvB,QAAI,CAAC,EAAE,MAAM;AACT,cAAQ,MAAM,kDAAkD,CAAC;AACjE;AAAA,IACZ;AAEQ,UAAM,OAAO,EAAE,KAAK,YAAa;AACjC,QAAI,OAAO,aAAa,IAAI,IAAI,GAAG;AAC/B,aAAO,aAAa,IAAI,MAAM,EAAE,GAAG,OAAO,aAAa,IAAI,IAAI,GAAG,GAAG,EAAC,CAAE;AAAA,IACpF,OAAe;AACH,aAAO,aAAa,IAAI,MAAM,CAAC;AAAA,IAC3C;AAAA,EACA,CAAK;AACL;ACtEO,MAAM,kBAAkB,iBAAiB;AAAA,EAC5C,YAAY,SAAS;AACjB,UAAM,OAAO;AAAA,EACrB;AAAA,EACI,OAAO,uBAAuB,aAAa;AACvC,wBAAoB,GAAG,WAAW;AAAA,EAC1C;AACA;"}

package/dist/packages/localize/localize.d.ts

@@ -4,9 +4,9 @@ export class LocalizerDefault {
     element: any;
     lang: any;
     dir: any;
+    currentLang: string;
     get languages(): any;
     setLanguage(): void;
-    currentLang: any;
     translate(key: any): any;
     translatePlural(key: any, count?: number, type?: string): any;
     formatNumber(number: any, options: any): string;

package/dist/packages/wje-file-upload-item/file-upload-item.element.d.ts

@@ -39,12 +39,14 @@ export default class FileUploadItem extends WJElement {
      */
     dependencies: object;
     /**
-     * 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.
+     * Handles updates to the attributes of a custom element whenever one of the observed attributes is changed.
+     * Updates the related elements based on the changed attribute and its new value.
+     * @param {string} name The name of the attribute being changed.
+     * @param {string | null} oldValue The previous value of the attribute before the change, or null if the attribute was not previously set.
+     * @param {string | null} newValue The new value of the attribute after the change, or null if the attribute is being removed.
+     * @returns {void} Does not return a value.
      */
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     /**
      * Method to draw the component on the screen.
      * @returns {DocumentFragment} The fragment containing the component.

package/dist/packages/wje-tree/tree.element.d.ts

@@ -1,7 +1,14 @@
 import { default as WJElement } from '../wje-element/element.js';
 /**
- * Represents a custom Tree component that extends the functionality of WJElement.
- * This component is used to create a hierarchical tree structure with selectable items.
+ * `Tree` is a custom web component that represents a hierarchical tree structure.
+ * It extends from `WJElement`.
+ * @summary This element visually represents a tree structure, supporting single or multiple selection modes and hierarchy management.
+ * @documentation https://elements.webjet.sk/components/tree
+ * @status stable
+ * @augments {WJElement}
+ * @csspart native - The native container part of the tree.
+ * @slot - The default slot to place `wje-tree-item` child components.
+ * @tag wje-tree
  */
 export default class Tree extends WJElement {
     /**
@@ -10,9 +17,24 @@ export default class Tree extends WJElement {
      * @returns {CSSStyleSheet} The CSS stylesheet
      */
     static get cssStyleSheet(): CSSStyleSheet;
+    /**
+     * Sets the selection attribute for the element.
+     * @param {string} value The value to set as the selection attribute.
+     */
     set selection(value: string);
+    /**
+     * Gets the current selection mode for the element.
+     * If no selection is explicitly set, it defaults to 'single'.
+     * @returns {string} The current selection mode, either set by the element's attribute or the default value 'single'.
+     */
     get selection(): string;
-    beforeDraw(context: any, appStoreObj: any, params: any): void;
+    /**
+     * A method called before the drawing or rendering process of tree items.
+     * It iterates through all `wje-tree-item` elements, updating their selection state
+     * and managing their expand/collapse icons accordingly.
+     * @returns {void} This method does not return a value.
+     */
+    beforeDraw(): void;
     /**
      * Draw method for the toast notification.
      * @returns {object} Document fragment
@@ -45,4 +67,38 @@ export default class Tree extends WJElement {
      * @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: HTMLElement, status: string): void;
+    /**
+     * Updates the state of a checkbox, syncing the state both upwards to parent elements
+     * and downwards to child elements as necessary.
+     * @param {object} changedItem The specific item whose checkbox state has changed.
+     * @param {boolean} [isInitialSync] Indicates whether the state update is part of the initial synchronization process.
+     * @returns {void} This method does not return a value.
+     */
+    updateCheckboxState(changedItem: object, isInitialSync?: boolean): void;
+    isInitialSync: boolean;
+    /**
+     * Updates the state of the parent item based on the state of its child items.
+     * Recursively propagates changes up to all parent items to reflect the selection
+     * or indeterminate state accurately.
+     * @param {object} item The current tree item whose parent state needs to be updated.
+     * It is expected to have properties `selected`, `indeterminate`,
+     * and a method `getChildrenItems({ includeDisabled: boolean })`.
+     * @returns {void} This method does not return a value.
+     */
+    updateParentState(item: object): void;
+    /**
+     * Propagates the state changes of an item upwards through its ancestors in the hierarchy.
+     * Calls the `updateParentState` method for each parent element until no parent exists.
+     * @param {HTMLElement} item The current item whose state to propagate to its parent.
+     * @returns {void} This method does not return a value.
+     */
+    propagateStateUpwards(item: HTMLElement): void;
+    /**
+     * Propagates the selected state of an item to its children recursively. Depending on the `isInitialSync` flag,
+     * it also determines how the state should be applied to the child items and updates the parent state if needed.
+     * @param {object} item The item whose state is being propagated to its child items. The item must have properties
+     * such as `selected` and methods like `getChildrenItems` to retrieve its child elements.
+     * @returns {void} This method does not return a value.
+     */
+    propagateStateDownwards(item: object): void;
 }

package/dist/packages/wje-tree-item/tree-item.element.d.ts

@@ -1,48 +1,155 @@
-import { default as WJElement } from '../wje-element/element.js';
 /**
- * `Toast` is a custom web component that represents a toast notification.
- * @summary This element represents a toast notification.
- * @documentation https://elements.webjet.sk/components/toast
+ * `wje-tree-item` is a custom web component used as a child of the `wje-tree`.
+ * It represents a node within a tree structure, capable of nesting other items.
+ * @summary Represents a single item in a tree structure.
+ * @documentation https://elements.webjet.sk/components/tree-item
  * @status stable
- * @augments {WJElement}
- * @csspart native - The native part
- * @cssproperty {string} headline - Specifies the headline text of the toast. Represents the main title or heading displayed in the toast.
- * @cssproperty {boolean} open - Indicates whether the toast is currently open (visible). A value of `true` shows the toast, while `false` hides it.
- * @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.
- * @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.
- * @cssproperty {string} color - Defines the color of the toast. Accepts any valid CSS color value such as `hex`, `RGB`, or named colors.
- * @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.
- * @slot - The content of the toast.
- * @slot media - The media of the toast.
- * // @fires wje-toast:after-show - Fired after the toast is shown.
- * // @fires wje-toast:after-hide - Fired after the toast is hidden.
+ * @augments {HTMLElement}
+ * @slot - Default slot for rendering the tree item's content (e.g., text or custom elements).
+ * @csspart native - The native container of the tree item.
+ * @cssproperty [--wje-tree-item-indent=var(--wje-spacing-large)] - Defines the indentation for nested tree items.
+ * @cssproperty [--wje-tree-item-indent-guid-width=0px] - Specifies the width of the guide element shown next to a tree item.
+ * @cssproperty [--wje-tree-item-border-radius=var(--wje-border-radius-medium)] - Sets the border radius of the tree item’s container.
+ * @tag wje-tree-item
  */
-export default class TreeItem extends WJElement {
+export default class TreeItem extends HTMLElement {
     /**
      * Returns the CSS stylesheet for the component.
      * @static
      * @returns {CSSStyleSheet} The CSS stylesheet
      */
     static get cssStyleSheet(): CSSStyleSheet;
+    /**
+     * Returns the list of attributes to observe for changes.
+     * @static
+     * @returns {Array<string>}
+     */
+    static get observedAttributes(): Array<string>;
     _selection: string;
+    /**
+     * Sets the expanded state of the element. When set to a truthy value,
+     * the 'expanded' attribute will be added to the element. When set to a falsy
+     * value, the 'expanded' attribute will be removed.
+     * @param {boolean} value A boolean value indicating whether the
+     * element should be expanded (true) or collapsed (false).
+     */
+    set expanded(value: boolean);
+    /**
+     * Retrieves the value of the 'expanded' state for the current element.
+     * This getter checks whether the 'expanded' attribute is present on the element.
+     * If the attribute exists, it returns true, representing that the element is expanded.
+     * Otherwise, it returns false, indicating that the element is not expanded.
+     * @returns {boolean} True if the 'expanded' attribute is present, false otherwise.
+     */
+    get expanded(): boolean;
+    /**
+     * Sets the 'selected' attribute of the element. Removes the attribute if the provided value is falsy; otherwise, sets it.
+     * @param {boolean} value The value indicating whether the element should have the 'selected' attribute.
+     */
     set selected(value: boolean);
+    /**
+     * Getter method for determining if the 'selected' attribute is present on the element.
+     * @returns {boolean} Returns true if the 'selected' attribute is present, otherwise false.
+     */
     get selected(): boolean;
+    /**
+     * Sets the selection mode for the component.
+     * @param {string} value The selection mode to apply. Defaults to 'single'
+     * if no value is provided. Possible options may be
+     * specific to the implementation of the component
+     * (e.g., 'single', 'multiple').
+     */
     set selection(value: string);
-    get selection(): string;
-    beforeDraw(context: any, appStoreObj: any, params: any): void;
     /**
-     * Draw method for the toast notification.
-     * @returns {object} Document fragment
+     * Retrieves the current selection.
+     * @returns {*} The value of the current selection.
+     */
+    get selection(): any;
+    /**
+     * Sets or removes the 'indeterminate' attribute based on the provided value.
+     * This can be used to visually indicate an indeterminate state for elements like checkboxes.
+     * @param {boolean} value A boolean indicating whether to set the element to an indeterminate state.
+     * If true, the 'indeterminate' attribute is added to the element; if false, the attribute is removed.
+     */
+    set indeterminate(value: boolean);
+    /**
+     * Retrieves the state of the indeterminate attribute.
+     * @returns {boolean} True if the indeterminate attribute is present, otherwise false.
+     */
+    get indeterminate(): boolean;
+    /**
+     * Setup attributes for the Button element.
      */
-    draw(): object;
+    setupAttributes(): void;
+    isShadowRoot: string;
+    /**
+     * Handles updates when observed attributes of the element are changed.
+     * Updates the checkbox state based on changes to the "selected" or "indeterminate" attributes.
+     * @param {string} name The name of the attribute that was changed.
+     * @param {string|null} oldValue The previous value of the attribute before the change.
+     * @param {string|null} newValue The new value of the attribute after the change.
+     * @returns {void}
+     */
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    /**
+     * Custom logic executed before the draw process begins.
+     * Determines and sets the appropriate slot if the current item is nested.
+     * @returns {void} No return value.
+     */
+    beforeDraw(): void;
+    /**
+     * Creates and returns a document fragment representing the structure of a tree item component.
+     * The method constructs the DOM elements including the native container, indentation, toggle button,
+     * selection checkbox, label, and children container, along with their respective slots and attributes.
+     * It dynamically handles the creation of expand and collapse icons, as well as appending slots for
+     * child components.
+     * @returns {DocumentFragment} A fragment containing the complete tree item structure to be rendered.
+     */
+    draw(): DocumentFragment;
     checkbox: HTMLElement;
     native: HTMLDivElement;
     button: HTMLDivElement;
     childrenElement: HTMLDivElement;
     childrenSlot: HTMLSlotElement;
+    /**
+     * Executes operations to be performed after the draw action is completed.
+     * If the state indicates it is expanded, toggles its children.
+     * Additionally, sets up an event listener on the button element to handle toggling children upon click.
+     * @returns {void} Does not return a value.
+     */
     afterDraw(): void;
+    /**
+     * Determines if the current item is a nested item within a tree structure.
+     * Checks if the item's parent element exists and is also a tree item.
+     * @returns {boolean} Returns true if the current item is a nested tree item; otherwise, false.
+     */
     isNestedItem(): boolean;
-    isTreeItem(node: any): boolean;
+    /**
+     * Checks whether the given node is a tree item.
+     * @param {object} node The node to check.
+     * @returns {boolean} Returns true if the node is an Element and has a class name of 'TreeItem', otherwise false.
+     */
+    isTreeItem(node: object): boolean;
+    /**
+     * Toggles the visibility state of the children element and updates the class of the parent element.
+     * The method toggles the 'open' class on the children elements and the 'expanded' class on the parent element,
+     * effectively showing or hiding the children and indicating the expanded state.
+     * @returns {void} Does not return a value.
+     */
     toggleChildren(): void;
-    getChildrenItems(options?: {}): Element[];
+    /**
+     * Retrieves the child items from the `childrenSlot` that match specific criteria.
+     * @param {object} [options] Configuration options.
+     * @param {boolean} [options.includeDisabled] Determines whether disabled items should be included in the result. Defaults to true.
+     * @returns {Array} An array of child items that are valid tree items and meet the criteria specified in the options.
+     */
+    getChildrenItems(options?: {
+        includeDisabled?: boolean;
+    }): any[];
+    /**
+     * Retrieves all descendant children of the current object in a flattened array structure.
+     * @param {object} [options] An optional object specifying filters or configurations for retrieving children.
+     * @returns {Array} An array containing all children and their descendants in a flat structure.
+     */
+    getAllChildrenFlat(options?: object): any[];
 }

package/dist/wje-file-upload-item.js

@@ -57,10 +57,12 @@ class FileUploadItem extends WJElement {
     return ["uploaded"];
   }
   /**
-   * 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.
+   * Handles updates to the attributes of a custom element whenever one of the observed attributes is changed.
+   * Updates the related elements based on the changed attribute and its new value.
+   * @param {string} name The name of the attribute being changed.
+   * @param {string | null} oldValue The previous value of the attribute before the change, or null if the attribute was not previously set.
+   * @param {string | null} newValue The new value of the attribute after the change, or null if the attribute is being removed.
+   * @returns {void} Does not return a value.
    */
   attributeChangedCallback(name, oldValue, newValue) {
     if (name === "uploaded" && oldValue !== newValue && this.uploadedEl) {

package/dist/wje-file-upload-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-file-upload-item.js","sources":["../packages/wje-file-upload-item/file-upload-item.element.js","../packages/wje-file-upload-item/file-upload-item.js"],"sourcesContent":["import { Localizer } from '../utils/localize.js';\nimport Button from '../wje-button/button.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport FormatDigital from '../wje-format-digital/format-digital.js';\nimport Icon from '../wje-icon/icon.js';\nimport Slider from '../wje-slider/slider.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This element allows users to upload files.\n * `FileUploadItem` is a custom web component that represents a file upload item.\n * It extends from `WJElement` and uses the `Localizer` utility for localization.\n * @documentation https://elements.webjet.sk/components/file-upload\n * @status stable\n * @augments WJElement\n * @csspart button - The delete button part\n * @csspart image - The image part\n * @csspart name - The name part\n * @csspart size - The size part\n * @slot img - Slot for the image\n * @slot action - Slot for the action buttons\n * @cssproperty --primary-color - The primary color of the file upload item.\n * //@fires wje-button:click - Dispatches when the delete button is clicked\n * @tag wje-file-upload\n */\nexport default class FileUploadItem extends WJElement {\n    /**\n     * Creates an instance of FileUploadItem.\n     * @class\n     */\n    constructor() {\n        super();\n        this.localizer = new Localizer(this);\n    }\n\n    set size(value) {\n        this.setAttribute('size', value);\n    }\n\n    get size() {\n        return this.getAttribute('size');\n    }\n\n    /**\n     * Dependencies for the component.\n     * @type {object}\n     */\n    dependencies = {\n        'wje-format-digital': FormatDigital,\n        'wje-button': Button,\n        'wje-slider': Slider,\n        'wje-icon': Icon,\n    };\n\n    className = 'FileUploadItem';\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 ['uploaded'];\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 === 'uploaded' && oldValue !== newValue && this.uploadedEl) {\n            this.uploadedEl.setAttribute('value', newValue);\n\n            let progress = ((+newValue / +this.size) * 100) || 0;\n\n            this.sliderEl.setAttribute(\"progress\", Math.round(progress, 0));\n        }\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Method to draw the component on the screen.\n     * @returns {DocumentFragment} The fragment containing the component.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native-file-upload-item');\n\n        let slot = document.createElement('slot');\n        slot.setAttribute('name', 'img');\n\n        let image = document.createElement('div');\n        image.setAttribute('part', 'image');\n        image.classList.add('image');\n\n        let name = document.createElement('span');\n        name.classList.add('name');\n        name.innerText = this.name;\n\n        let actions = document.createElement('slot');\n        actions.classList.add('actions');\n        actions.setAttribute('name', 'action');\n\n        let button = document.createElement('wje-button');\n        button.setAttribute('fill', 'link');\n        button.setAttribute('size', 'small');\n        button.innerHTML = `<wje-icon name=\"x\" size=\"small\"></wje-icon>`;\n\n        let sizeWrapper = document.createElement('span');\n        sizeWrapper.classList.add('size');\n\n        let uploaded = document.createElement('wje-format-digital');\n        uploaded.setAttribute('value', this.uploaded || 0);\n        uploaded.innerHTML = `<span slot=\"start\">${this.localizer.translate('wj.file.upload.uploaded')}</span>`;\n\n        let size = document.createElement('wje-format-digital');\n        size.setAttribute('value', this.size || 0);\n        size.innerHTML = `<span slot=\"start\">&nbsp;${this.localizer.translate('wj.file.upload.from')} </span>`;\n\n        let slider = document.createElement('wje-progress-bar');\n        slider.classList.add('file-progress');\n        slider.setAttribute('id', 'id-' + this.lastModified);\n        slider.setAttribute('progress', this.progress);\n        slider.setAttribute('color', 'success');\n\n        image.appendChild(slot);\n        actions.appendChild(button);\n\n        sizeWrapper.appendChild(uploaded);\n        sizeWrapper.appendChild(size);\n\n        native.appendChild(image);\n        native.appendChild(name);\n        native.appendChild(sizeWrapper);\n        native.appendChild(actions);\n        native.appendChild(slider);\n\n        fragment.appendChild(native);\n\n        this.button = button;\n        this.uploadedEl = uploaded;\n        this.sliderEl = slider;\n\n        return fragment;\n    }\n\n    /**\n     * Called after the component has been drawn.\n     */\n    afterDraw() {\n        this.button.addEventListener('wje-button:click', this.onDelete);\n    }\n\n    /**\n     * Handles the delete action.\n     */\n    onDelete = () => {\n        this.remove();\n    };\n}\n","import FileUploadItem from './file-upload-item.element.js';\n\nexport default FileUploadItem;\n\nFileUploadItem.define('wje-file-upload-item', FileUploadItem);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wje-file-upload-item.js","sources":["../packages/wje-file-upload-item/file-upload-item.element.js","../packages/wje-file-upload-item/file-upload-item.js"],"sourcesContent":["import { Localizer } from '../utils/localize.js';\nimport Button from '../wje-button/button.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport FormatDigital from '../wje-format-digital/format-digital.js';\nimport Icon from '../wje-icon/icon.js';\nimport Slider from '../wje-slider/slider.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This element allows users to upload files.\n * `FileUploadItem` is a custom web component that represents a file upload item.\n * It extends from `WJElement` and uses the `Localizer` utility for localization.\n * @documentation https://elements.webjet.sk/components/file-upload\n * @status stable\n * @augments WJElement\n * @csspart button - The delete button part\n * @csspart image - The image part\n * @csspart name - The name part\n * @csspart size - The size part\n * @slot img - Slot for the image\n * @slot action - Slot for the action buttons\n * @cssproperty --primary-color - The primary color of the file upload item.\n * //@fires wje-button:click - Dispatches when the delete button is clicked\n * @tag wje-file-upload\n */\nexport default class FileUploadItem extends WJElement {\n    /**\n     * Creates an instance of FileUploadItem.\n     * @class\n     */\n    constructor() {\n        super();\n        this.localizer = new Localizer(this);\n    }\n\n    set size(value) {\n        this.setAttribute('size', value);\n    }\n\n    get size() {\n        return this.getAttribute('size');\n    }\n\n    /**\n     * Dependencies for the component.\n     * @type {object}\n     */\n    dependencies = {\n        'wje-format-digital': FormatDigital,\n        'wje-button': Button,\n        'wje-slider': Slider,\n        'wje-icon': Icon,\n    };\n\n    className = 'FileUploadItem';\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 ['uploaded'];\n    }\n\n    /**\n     * Handles updates to the attributes of a custom element whenever one of the observed attributes is changed.\n     * Updates the related elements based on the changed attribute and its new value.\n     * @param {string} name The name of the attribute being changed.\n     * @param {string | null} oldValue The previous value of the attribute before the change, or null if the attribute was not previously set.\n     * @param {string | null} newValue The new value of the attribute after the change, or null if the attribute is being removed.\n     * @returns {void} Does not return a value.\n     */\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (name === 'uploaded' && oldValue !== newValue && this.uploadedEl) {\n            this.uploadedEl.setAttribute('value', newValue);\n\n            let progress = ((+newValue / +this.size) * 100) || 0;\n\n            this.sliderEl.setAttribute(\"progress\", Math.round(progress, 0));\n        }\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Method to draw the component on the screen.\n     * @returns {DocumentFragment} The fragment containing the component.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native-file-upload-item');\n\n        let slot = document.createElement('slot');\n        slot.setAttribute('name', 'img');\n\n        let image = document.createElement('div');\n        image.setAttribute('part', 'image');\n        image.classList.add('image');\n\n        let name = document.createElement('span');\n        name.classList.add('name');\n        name.innerText = this.name;\n\n        let actions = document.createElement('slot');\n        actions.classList.add('actions');\n        actions.setAttribute('name', 'action');\n\n        let button = document.createElement('wje-button');\n        button.setAttribute('fill', 'link');\n        button.setAttribute('size', 'small');\n        button.innerHTML = `<wje-icon name=\"x\" size=\"small\"></wje-icon>`;\n\n        let sizeWrapper = document.createElement('span');\n        sizeWrapper.classList.add('size');\n\n        let uploaded = document.createElement('wje-format-digital');\n        uploaded.setAttribute('value', this.uploaded || 0);\n        uploaded.innerHTML = `<span slot=\"start\">${this.localizer.translate('wj.file.upload.uploaded')}</span>`;\n\n        let size = document.createElement('wje-format-digital');\n        size.setAttribute('value', this.size || 0);\n        size.innerHTML = `<span slot=\"start\">&nbsp;${this.localizer.translate('wj.file.upload.from')} </span>`;\n\n        let slider = document.createElement('wje-progress-bar');\n        slider.classList.add('file-progress');\n        slider.setAttribute('id', 'id-' + this.lastModified);\n        slider.setAttribute('progress', this.progress);\n        slider.setAttribute('color', 'success');\n\n        image.appendChild(slot);\n        actions.appendChild(button);\n\n        sizeWrapper.appendChild(uploaded);\n        sizeWrapper.appendChild(size);\n\n        native.appendChild(image);\n        native.appendChild(name);\n        native.appendChild(sizeWrapper);\n        native.appendChild(actions);\n        native.appendChild(slider);\n\n        fragment.appendChild(native);\n\n        this.button = button;\n        this.uploadedEl = uploaded;\n        this.sliderEl = slider;\n\n        return fragment;\n    }\n\n    /**\n     * Called after the component has been drawn.\n     */\n    afterDraw() {\n        this.button.addEventListener('wje-button:click', this.onDelete);\n    }\n\n    /**\n     * Handles the delete action.\n     */\n    onDelete = () => {\n        this.remove();\n    };\n}\n","import FileUploadItem from './file-upload-item.element.js';\n\nexport default FileUploadItem;\n\nFileUploadItem.define('wje-file-upload-item', FileUploadItem);\n"],"names":[],"mappings":"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"}

package/dist/wje-master.js

@@ -266,7 +266,7 @@ 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";
+const styles$1 = "/*\n[ WJ Tree ]\n*/\n\n:host {\n    position: relative;\n    width: 100%;\n    font-size: 0;\n}\n";
 class Tree extends WJElement {
   /**
    * Creates an instance of Toast.
@@ -287,7 +287,12 @@ class Tree extends WJElement {
      */
     __publicField(this, "handleClick", (e) => {
       let selectedItem = e.target.closest("wje-tree-item");
-      console.log("HANDLE CLICK", this.selection);
+      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()) {
@@ -295,20 +300,25 @@ class Tree extends WJElement {
           }
         }
       } else if (this.selection === "multiple") {
-        let childrens = selectedItem.getChildrenItems();
         selectedItem.selected = !selectedItem.selected;
-        for (let item of childrens) {
-          item.selected = !item.selected;
-        }
-        console.log("multiple selection", childrens);
+        this.updateCheckboxState(selectedItem);
       }
     });
   }
+  /**
+   * Sets the selection attribute for the element.
+   * @param {string} value The value to set as the selection attribute.
+   */
   set selection(value) {
-    this.setAttribute("selection", value || "single");
+    this.setAttribute("selection", value);
   }
+  /**
+   * Gets the current selection mode for the element.
+   * If no selection is explicitly set, it defaults to 'single'.
+   * @returns {string} The current selection mode, either set by the element's attribute or the default value 'single'.
+   */
   get selection() {
-    return this.getAttribute("selection");
+    return this.getAttribute("selection") || "single";
   }
   /**
    * Returns the CSS stylesheet for the component.
@@ -324,7 +334,13 @@ class Tree extends WJElement {
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  beforeDraw(context, appStoreObj, params) {
+  /**
+   * A method called before the drawing or rendering process of tree items.
+   * It iterates through all `wje-tree-item` elements, updating their selection state
+   * and managing their expand/collapse icons accordingly.
+   * @returns {void} This method does not return a value.
+   */
+  beforeDraw() {
     const items = this.querySelectorAll("wje-tree-item");
     items == null ? void 0 : items.forEach((item) => {
       item.selection = this.selection;
@@ -377,9 +393,78 @@ class Tree extends WJElement {
     let iconClone = icon.cloneNode(true);
     item.appendChild(iconClone);
   }
+  /**
+   * Updates the state of a checkbox, syncing the state both upwards to parent elements
+   * and downwards to child elements as necessary.
+   * @param {object} changedItem The specific item whose checkbox state has changed.
+   * @param {boolean} [isInitialSync] Indicates whether the state update is part of the initial synchronization process.
+   * @returns {void} This method does not return a value.
+   */
+  updateCheckboxState(changedItem, isInitialSync = false) {
+    this.isInitialSync = isInitialSync;
+    this.propagateStateDownwards(changedItem);
+    this.propagateStateUpwards(changedItem);
+  }
+  /**
+   * Updates the state of the parent item based on the state of its child items.
+   * Recursively propagates changes up to all parent items to reflect the selection
+   * or indeterminate state accurately.
+   * @param {object} item The current tree item whose parent state needs to be updated.
+   * It is expected to have properties `selected`, `indeterminate`,
+   * and a method `getChildrenItems({ includeDisabled: boolean })`.
+   * @returns {void} This method does not return a value.
+   */
+  updateParentState(item) {
+    var _a;
+    const children = item.getChildrenItems({ includeDisabled: false });
+    if (children.length) {
+      const areAllChildrenChecked = children.every((child) => child.selected);
+      const areSomeChildrenChecked = children.some((child) => child.selected);
+      const areSomeChildrenIndeterminate = children.some((child) => child.indeterminate);
+      item.selected = areAllChildrenChecked;
+      item.indeterminate = areSomeChildrenIndeterminate || areSomeChildrenChecked && !areAllChildrenChecked;
+    } else {
+      item.indeterminate = false;
+    }
+    const parent = (_a = item.parentElement) == null ? void 0 : _a.closest("wje-tree-item");
+    if (parent) {
+      this.updateParentState(parent);
+    }
+  }
+  /**
+   * Propagates the state changes of an item upwards through its ancestors in the hierarchy.
+   * Calls the `updateParentState` method for each parent element until no parent exists.
+   * @param {HTMLElement} item The current item whose state to propagate to its parent.
+   * @returns {void} This method does not return a value.
+   */
+  propagateStateUpwards(item) {
+    var _a;
+    const parent = (_a = item.parentElement) == null ? void 0 : _a.closest("wje-tree-item");
+    if (parent) {
+      this.updateParentState(parent);
+      this.propagateStateUpwards(parent);
+    }
+  }
+  /**
+   * Propagates the selected state of an item to its children recursively. Depending on the `isInitialSync` flag,
+   * it also determines how the state should be applied to the child items and updates the parent state if needed.
+   * @param {object} item The item whose state is being propagated to its child items. The item must have properties
+   * such as `selected` and methods like `getChildrenItems` to retrieve its child elements.
+   * @returns {void} This method does not return a value.
+   */
+  propagateStateDownwards(item) {
+    const isChecked = item.selected;
+    item.getChildrenItems().forEach((child) => {
+      child.selected = this.isInitialSync ? isChecked || child.selected : !child.disabled && isChecked;
+      this.propagateStateDownwards(child);
+    });
+    if (this.isInitialSync) {
+      this.updateParentState(item);
+    }
+  }
 }
 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';
+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        &.multiple {\n            .item {\n                border-radius: 0 !important;\n            }\n        }\n        .item {\n            display: flex;\n            align-items: center;\n\n            /*--toggle-width: var(--wje-tree-item-indent);*/\n            /*--spacer-col: var(--wje-tree-item-indent);*/\n\n            /*display: grid;*/\n            /*grid-template-columns: var(--spacer-col) var(--wje-tree-item-indent) 1fr;*/\n            /*grid-template-areas: "indent toggle content";*/\n\n            padding-inline: var(--wje-spacing-3x-small);\n            padding-block: var(--wje-spacing-3x-small);\n            border-radius: var(--wje-tree-item-border-radius);\n            /*padding-left: var(--wje-tree-item-indent);*/\n            &:hover {\n                background-color: var(--wje-color-contrast-1);\n            }\n            .indent {\n                /*grid-area: indent;*/\n                display: block;\n                /*width: var(--wje-tree-item-indent);*/\n                width: 1em;\n            }\n            .toggle {\n                font-size: var(--wje-font-size-medium);\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                /*grid-area: toggle;*/\n            }\n            wje-checkbox {\n                font-size: var(--wje-font-size-medium);\n                margin: 0;\n            }\n            .content {\n                font-size: var(--wje-font-size-medium);\n                grid-area: content;\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            font-size: calc(1em + var(--wje-tree-item-indent, var(--wje-spacing-medium)));\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(1em - (var(--wje-spacing-3x-small) * 2) - (var(--wje-tree-item-indent-guid-width) / 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:host([selected]) {\n    .item {\n        background-color: var(--wje-color-contrast-2);\n    }\n}';
 class TreeItem extends WJElement {
   /**
    * Creates an instance of Toast.
@@ -393,20 +478,81 @@ class TreeItem extends WJElement {
     __publicField(this, "className", "TreeItem");
     this._selection = "single";
   }
+  /**
+   * Sets the expanded state of the element. When set to a truthy value,
+   * the 'expanded' attribute will be added to the element. When set to a falsy
+   * value, the 'expanded' attribute will be removed.
+   * @param {boolean} value A boolean value indicating whether the
+   * element should be expanded (true) or collapsed (false).
+   */
+  set expanded(value) {
+    if (value) {
+      this.setAttribute("expanded", "");
+    } else {
+      this.removeAttribute("expanded");
+    }
+  }
+  /**
+   * Retrieves the value of the 'expanded' state for the current element.
+   * This getter checks whether the 'expanded' attribute is present on the element.
+   * If the attribute exists, it returns true, representing that the element is expanded.
+   * Otherwise, it returns false, indicating that the element is not expanded.
+   * @returns {boolean} True if the 'expanded' attribute is present, false otherwise.
+   */
+  get expanded() {
+    return this.hasAttribute("expanded");
+  }
+  /**
+   * Sets the 'selected' attribute of the element. Removes the attribute if the provided value is falsy; otherwise, sets it.
+   * @param {boolean} value The value indicating whether the element should have the 'selected' attribute.
+   */
   set selected(value) {
     this.removeAttribute("selected");
     if (value)
       this.setAttribute("selected", "");
   }
+  /**
+   * Getter method for determining if the 'selected' attribute is present on the element.
+   * @returns {boolean} Returns true if the 'selected' attribute is present, otherwise false.
+   */
   get selected() {
     return this.hasAttribute("selected");
   }
+  /**
+   * Sets the selection mode for the component.
+   * @param {string} value The selection mode to apply. Defaults to 'single'
+   * if no value is provided. Possible options may be
+   * specific to the implementation of the component
+   * (e.g., 'single', 'multiple').
+   */
   set selection(value) {
     this._selection = value || "single";
   }
+  /**
+   * Retrieves the current selection.
+   * @returns {*} The value of the current selection.
+   */
   get selection() {
     return this._selection;
   }
+  /**
+   * Sets or removes the 'indeterminate' attribute based on the provided value.
+   * This can be used to visually indicate an indeterminate state for elements like checkboxes.
+   * @param {boolean} value A boolean indicating whether to set the element to an indeterminate state.
+   * If true, the 'indeterminate' attribute is added to the element; if false, the attribute is removed.
+   */
+  set indeterminate(value) {
+    this.removeAttribute("indeterminate");
+    if (value)
+      this.setAttribute("indeterminate", "");
+  }
+  /**
+   * Retrieves the state of the indeterminate attribute.
+   * @returns {boolean} True if the indeterminate attribute is present, otherwise false.
+   */
+  get indeterminate() {
+    return this.hasAttribute("indeterminate");
+  }
   /**
    * Returns the CSS stylesheet for the component.
    * @static
@@ -421,19 +567,60 @@ class TreeItem extends WJElement {
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  beforeDraw(context, appStoreObj, params) {
+  /**
+   * Returns the list of attributes to observe for changes.
+   * @static
+   * @returns {Array<string>}
+   */
+  static get observedAttributes() {
+    return ["selected", "indeterminate"];
+  }
+  /**
+   * Handles updates when observed attributes of the element are changed.
+   * Updates the checkbox state based on changes to the "selected" or "indeterminate" attributes.
+   * @param {string} name The name of the attribute that was changed.
+   * @param {string|null} oldValue The previous value of the attribute before the change.
+   * @param {string|null} newValue The new value of the attribute after the change.
+   * @returns {void}
+   */
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (name === "selected") {
+      this.checkbox.removeAttribute("indeterminate");
+      if (this.selected) {
+        this.checkbox.setAttribute("checked", "");
+      } else {
+        this.checkbox.removeAttribute("checked");
+      }
+    }
+    if (name === "indeterminate" && !this.selected) {
+      this.checkbox.removeAttribute("indeterminate");
+      this.checkbox.removeAttribute("checked");
+      if (this.indeterminate)
+        this.checkbox.setAttribute("indeterminate", "");
+    }
+  }
+  /**
+   * Custom logic executed before the draw process begins.
+   * Determines and sets the appropriate slot if the current item is nested.
+   * @returns {void} No return value.
+   */
+  beforeDraw() {
     if (this.isNestedItem())
       this.slot = "children";
   }
   /**
-   * Draw method for the toast notification.
-   * @returns {object} Document fragment
+   * Creates and returns a document fragment representing the structure of a tree item component.
+   * The method constructs the DOM elements including the native container, indentation, toggle button,
+   * selection checkbox, label, and children container, along with their respective slots and attributes.
+   * It dynamically handles the creation of expand and collapse icons, as well as appending slots for
+   * child components.
+   * @returns {DocumentFragment} A fragment containing the complete tree item structure to be rendered.
    */
   draw() {
     let fragment = document.createDocumentFragment();
     let native = document.createElement("div");
     native.setAttribute("part", "native");
-    native.classList.add("native-tree-item");
+    native.classList.add("native-tree-item", this.selection === "multiple" ? "multiple" : "single");
     let item = document.createElement("div");
     item.classList.add("item");
     let indent = document.createElement("div");
@@ -443,12 +630,15 @@ class TreeItem extends WJElement {
     let checkbox = document.createElement("wje-checkbox");
     if (this.selected)
       checkbox.setAttribute("checked", "");
-    let label = document.createElement("slot");
+    let label = document.createElement("div");
+    label.classList.add("content");
+    let slotElement = document.createElement("slot");
     let children = document.createElement("div");
     children.classList.add("children");
     let slot = document.createElement("slot");
     slot.setAttribute("name", "children");
     children.appendChild(slot);
+    item.appendChild(indent);
     if (this.querySelectorAll(":scope > wje-tree-item").length > 0) {
       if (this.querySelectorAll('[slot="expand"]').length < 1) {
         let expandIcon = document.createElement("wje-icon");
@@ -472,6 +662,7 @@ class TreeItem extends WJElement {
     item.appendChild(button);
     if (this.selection === "multiple")
       item.appendChild(checkbox);
+    label.appendChild(slotElement);
     item.appendChild(label);
     native.appendChild(item);
     native.appendChild(children);
@@ -483,33 +674,67 @@ class TreeItem extends WJElement {
     this.childrenSlot = slot;
     return fragment;
   }
+  /**
+   * Executes operations to be performed after the draw action is completed.
+   * If the state indicates it is expanded, toggles its children.
+   * Additionally, sets up an event listener on the button element to handle toggling children upon click.
+   * @returns {void} Does not return a value.
+   */
   afterDraw() {
+    if (this.expanded)
+      this.toggleChildren();
     this.button.addEventListener("click", this.toggleChildren.bind(this));
-    this.checkbox.addEventListener("wje-toggle:change", (e) => {
-      console.log("CHECKBOX CHANGED", e);
-      this.selected = e.detail.checked;
-    });
   }
+  /**
+   * Determines if the current item is a nested item within a tree structure.
+   * Checks if the item's parent element exists and is also a tree item.
+   * @returns {boolean} Returns true if the current item is a nested tree item; otherwise, false.
+   */
   isNestedItem() {
     const parent = this.parentElement;
     return !!parent && this.isTreeItem(parent);
   }
+  /**
+   * Checks whether the given node is a tree item.
+   * @param {object} node The node to check.
+   * @returns {boolean} Returns true if the node is an Element and has a class name of 'TreeItem', otherwise false.
+   */
   isTreeItem(node) {
-    console.log(node, node instanceof Element, node.className === "TreeItem");
     return node instanceof Element && node.className === "TreeItem";
   }
+  /**
+   * Toggles the visibility state of the children element and updates the class of the parent element.
+   * The method toggles the 'open' class on the children elements and the 'expanded' class on the parent element,
+   * effectively showing or hiding the children and indicating the expanded state.
+   * @returns {void} Does not return a value.
+   */
   toggleChildren() {
-    console.log("SOM TU 1");
     this.childrenElement.classList.toggle("open");
     this.native.classList.toggle("expanded");
-    console.log("SOM TU 2");
   }
+  /**
+   * Retrieves the child items from the `childrenSlot` that match specific criteria.
+   * @param {object} [options] Configuration options.
+   * @param {boolean} [options.includeDisabled] Determines whether disabled items should be included in the result. Defaults to true.
+   * @returns {Array} An array of child items that are valid tree items and meet the criteria specified in the options.
+   */
   getChildrenItems(options = {}) {
     const includeDisabled = options.includeDisabled ?? true;
     if (!this.childrenSlot) {
       return [];
     }
-    return [...this.childrenSlot.assignedElements({ flatten: true })].filter((item) => item.tagName === "WJE-TREE-ITEM" && (includeDisabled || !item.disabled));
+    return [...this.childrenSlot.assignedElements({ flatten: true })].filter((item) => this.isTreeItem(item) && (includeDisabled || !item.disabled));
+  }
+  /**
+   * Retrieves all descendant children of the current object in a flattened array structure.
+   * @param {object} [options] An optional object specifying filters or configurations for retrieving children.
+   * @returns {Array} An array containing all children and their descendants in a flat structure.
+   */
+  getAllChildrenFlat(options = {}) {
+    const directChildren = this.getChildrenItems(options);
+    return directChildren.flatMap(
+      (child) => [child, ...child.getAllChildrenFlat(options)]
+    );
   }
 }
 TreeItem.define("wje-tree-item", TreeItem);

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","../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 || 'single');\n    }\n\n    get selection() {\n        return this.getAttribute('selection');\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        console.log('HANDLE CLICK', this.selection);\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 childrens = selectedItem.getChildrenItems();\n            selectedItem.selected = !selectedItem.selected;\n\n            for(let item of childrens) {\n                item.selected = !item.selected;\n            }\n\n            console.log('multiple selection', childrens);\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        // return this.querySelector('.expand-collapse-icon');\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     * 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        this.checkbox.addEventListener('wje-toggle:change', (e) => {\n\n            console.log(\"CHECKBOX CHANGED\", e);\n            this.selected = e.detail.checked;\n            // e.stopPropagation();\n        });\n    }\n\n    isNestedItem() {\n        const parent = this.parentElement;\n        return !!parent && this.isTreeItem(parent);\n    }\n\n    isTreeItem(node) {\n        console.log(node, node instanceof Element, node.className === 'TreeItem');\n        // return true;\n        return node instanceof Element && node.className === 'TreeItem';\n    }\n\n    toggleChildren() {\n        console.log(\"SOM TU 1\");\n        this.childrenElement.classList.toggle('open');\n        this.native.classList.toggle('expanded');\n        console.log(\"SOM TU 2\");\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 => item.tagName === 'WJE-TREE-ITEM' && (includeDisabled || !item.disabled));\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":"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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 } from \"../wje-element/element.js\";\nimport styles from \"./styles/styles.css?inline\";\n\n/**\n * `Tree` is a custom web component that represents a hierarchical tree structure.\n * It extends from `WJElement`.\n * @summary This element visually represents a tree structure, supporting single or multiple selection modes and hierarchy management.\n * @documentation https://elements.webjet.sk/components/tree\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native container part of the tree.\n * @slot - The default slot to place `wje-tree-item` child components.\n * @tag wje-tree\n */\n\nexport default class Tree extends WJElement {\n    /**\n     * Creates an instance of Toast.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Sets the selection attribute for the element.\n     * @param {string} value The value to set as the selection attribute.\n     */\n    set selection(value) {\n        this.setAttribute('selection', value);\n    }\n\n    /**\n     * Gets the current selection mode for the element.\n     * If no selection is explicitly set, it defaults to 'single'.\n     * @returns {string} The current selection mode, either set by the element's attribute or the default value 'single'.\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    /**\n     * A method called before the drawing or rendering process of tree items.\n     * It iterates through all `wje-tree-item` elements, updating their selection state\n     * and managing their expand/collapse icons accordingly.\n     * @returns {void} This method does not return a value.\n     */\n    beforeDraw() {\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            selectedItem.selected = !selectedItem.selected;\n\n            this.updateCheckboxState(selectedItem);\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     * Updates the state of a checkbox, syncing the state both upwards to parent elements\n     * and downwards to child elements as necessary.\n     * @param {object} changedItem The specific item whose checkbox state has changed.\n     * @param {boolean} [isInitialSync] Indicates whether the state update is part of the initial synchronization process.\n     * @returns {void} This method does not return a value.\n     */\n    updateCheckboxState(changedItem, isInitialSync = false) {\n        this.isInitialSync = isInitialSync;\n        this.propagateStateDownwards(changedItem);\n        this.propagateStateUpwards(changedItem);\n    }\n\n    /**\n     * Updates the state of the parent item based on the state of its child items.\n     * Recursively propagates changes up to all parent items to reflect the selection\n     * or indeterminate state accurately.\n     * @param {object} item The current tree item whose parent state needs to be updated.\n     * It is expected to have properties `selected`, `indeterminate`,\n     * and a method `getChildrenItems({ includeDisabled: boolean })`.\n     * @returns {void} This method does not return a value.\n     */\n    updateParentState(item) {\n        const children = item.getChildrenItems({ includeDisabled: false });\n\n        if (children.length) {\n            const areAllChildrenChecked = children.every(child => child.selected);\n            const areSomeChildrenChecked = children.some(child => child.selected);\n            const areSomeChildrenIndeterminate = children.some(child => child.indeterminate);\n\n            item.selected = areAllChildrenChecked;\n            item.indeterminate = areSomeChildrenIndeterminate || (areSomeChildrenChecked && !areAllChildrenChecked);\n        } else {\n            item.indeterminate = false;\n        }\n\n        const parent = item.parentElement?.closest('wje-tree-item');\n        if (parent) {\n            this.updateParentState(parent);\n        }\n    }\n\n    /**\n     * Propagates the state changes of an item upwards through its ancestors in the hierarchy.\n     * Calls the `updateParentState` method for each parent element until no parent exists.\n     * @param {HTMLElement} item The current item whose state to propagate to its parent.\n     * @returns {void} This method does not return a value.\n     */\n    propagateStateUpwards(item) {\n        const parent = item.parentElement?.closest('wje-tree-item');\n\n        if (parent) {\n            this.updateParentState(parent);\n            this.propagateStateUpwards(parent);\n        }\n    }\n\n    /**\n     * Propagates the selected state of an item to its children recursively. Depending on the `isInitialSync` flag,\n     * it also determines how the state should be applied to the child items and updates the parent state if needed.\n     * @param {object} item The item whose state is being propagated to its child items. The item must have properties\n     * such as `selected` and methods like `getChildrenItems` to retrieve its child elements.\n     * @returns {void} This method does not return a value.\n     */\n    propagateStateDownwards(item) {\n        const isChecked = item.selected;\n\n        item.getChildrenItems().forEach(child => {\n            child.selected = this.isInitialSync ? (isChecked || child.selected) : (!child.disabled && isChecked);\n            this.propagateStateDownwards(child);\n        });\n\n        if (this.isInitialSync) {\n            this.updateParentState(item);\n        }\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 * `wje-tree-item` is a custom web component used as a child of the `wje-tree`.\n * It represents a node within a tree structure, capable of nesting other items.\n * @summary Represents a single item in a tree structure.\n * @documentation https://elements.webjet.sk/components/tree-item\n * @status stable\n * @augments {HTMLElement}\n * @slot - Default slot for rendering the tree item's content (e.g., text or custom elements).\n * @csspart native - The native container of the tree item.\n * @cssproperty [--wje-tree-item-indent=var(--wje-spacing-large)] - Defines the indentation for nested tree items.\n * @cssproperty [--wje-tree-item-indent-guid-width=0px] - Specifies the width of the guide element shown next to a tree item.\n * @cssproperty [--wje-tree-item-border-radius=var(--wje-border-radius-medium)] - Sets the border radius of the tree item’s container.\n * @tag wje-tree-item\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    /**\n     * Sets the expanded state of the element. When set to a truthy value,\n     * the 'expanded' attribute will be added to the element. When set to a falsy\n     * value, the 'expanded' attribute will be removed.\n     * @param {boolean} value A boolean value indicating whether the\n     * element should be expanded (true) or collapsed (false).\n     */\n    set expanded(value) {\n        if (value) {\n            this.setAttribute('expanded', '');\n        } else {\n            this.removeAttribute('expanded');\n        }\n    }\n\n    /**\n     * Retrieves the value of the 'expanded' state for the current element.\n     * This getter checks whether the 'expanded' attribute is present on the element.\n     * If the attribute exists, it returns true, representing that the element is expanded.\n     * Otherwise, it returns false, indicating that the element is not expanded.\n     * @returns {boolean} True if the 'expanded' attribute is present, false otherwise.\n     */\n    get expanded() {\n        return this.hasAttribute('expanded');\n    }\n\n    /**\n     * Sets the 'selected' attribute of the element. Removes the attribute if the provided value is falsy; otherwise, sets it.\n     * @param {boolean} value The value indicating whether the element should have the 'selected' attribute.\n     */\n    set selected(value) {\n        this.removeAttribute('selected');\n\n        if(value)\n            this.setAttribute('selected', '');\n    }\n\n    /**\n     * Getter method for determining if the 'selected' attribute is present on the element.\n     * @returns {boolean} Returns true if the 'selected' attribute is present, otherwise false.\n     */\n    get selected() {\n        return this.hasAttribute('selected');\n    }\n\n    /**\n     * Sets the selection mode for the component.\n     * @param {string} value The selection mode to apply. Defaults to 'single'\n     * if no value is provided. Possible options may be\n     * specific to the implementation of the component\n     * (e.g., 'single', 'multiple').\n     */\n    set selection(value) {\n        this._selection = value || 'single';\n    }\n\n    /**\n     * Retrieves the current selection.\n     * @returns {*} The value of the current selection.\n     */\n    get selection() {\n        return this._selection;\n    }\n\n    /**\n     * Sets or removes the 'indeterminate' attribute based on the provided value.\n     * This can be used to visually indicate an indeterminate state for elements like checkboxes.\n     * @param {boolean} value A boolean indicating whether to set the element to an indeterminate state.\n     * If true, the 'indeterminate' attribute is added to the element; if false, the attribute is removed.\n     */\n    set indeterminate(value) {\n        this.removeAttribute('indeterminate');\n\n        if(value)\n            this.setAttribute('indeterminate', '');\n    }\n\n    /**\n     * Retrieves the state of the indeterminate attribute.\n     * @returns {boolean} True if the indeterminate attribute is present, otherwise false.\n     */\n    get indeterminate() {\n        return this.hasAttribute('indeterminate');\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    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return ['selected', 'indeterminate'];\n    }\n\n    /**\n     * Handles updates when observed attributes of the element are changed.\n     * Updates the checkbox state based on changes to the \"selected\" or \"indeterminate\" attributes.\n     * @param {string} name The name of the attribute that was changed.\n     * @param {string|null} oldValue The previous value of the attribute before the change.\n     * @param {string|null} newValue The new value of the attribute after the change.\n     * @returns {void}\n     */\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (name === 'selected') {\n            this.checkbox.removeAttribute('indeterminate');\n            if (this.selected) {\n                this.checkbox.setAttribute('checked', '');\n            } else {\n                this.checkbox.removeAttribute('checked');\n            }\n        }\n\n        if (name === 'indeterminate' && !this.selected) {\n            this.checkbox.removeAttribute('indeterminate');\n            this.checkbox.removeAttribute('checked');\n\n            if (this.indeterminate)\n                this.checkbox.setAttribute('indeterminate', '');\n        }\n    }\n\n    /**\n     * Custom logic executed before the draw process begins.\n     * Determines and sets the appropriate slot if the current item is nested.\n     * @returns {void} No return value.\n     */\n    beforeDraw() {\n        if (this.isNestedItem())\n            this.slot = 'children';\n    }\n    \n    /**\n     * Creates and returns a document fragment representing the structure of a tree item component.\n     * The method constructs the DOM elements including the native container, indentation, toggle button,\n     * selection checkbox, label, and children container, along with their respective slots and attributes.\n     * It dynamically handles the creation of expand and collapse icons, as well as appending slots for\n     * child components.\n     * @returns {DocumentFragment} A fragment containing the complete tree item structure to be rendered.\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', this.selection === 'multiple' ? 'multiple' : 'single');\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('div');\n        label.classList.add('content');\n\n        let slotElement = 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\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\n        label.appendChild(slotElement);\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    /**\n     * Executes operations to be performed after the draw action is completed.\n     * If the state indicates it is expanded, toggles its children.\n     * Additionally, sets up an event listener on the button element to handle toggling children upon click.\n     * @returns {void} Does not return a value.\n     */\n    afterDraw() {\n        if(this.expanded)\n            this.toggleChildren();\n\n        this.button.addEventListener('click', this.toggleChildren.bind(this));\n    }\n\n    /**\n     * Determines if the current item is a nested item within a tree structure.\n     * Checks if the item's parent element exists and is also a tree item.\n     * @returns {boolean} Returns true if the current item is a nested tree item; otherwise, false.\n     */\n    isNestedItem() {\n        const parent = this.parentElement;\n        return !!parent && this.isTreeItem(parent);\n    }\n\n    /**\n     * Checks whether the given node is a tree item.\n     * @param {object} node The node to check.\n     * @returns {boolean} Returns true if the node is an Element and has a class name of 'TreeItem', otherwise false.\n     */\n    isTreeItem(node) {\n        return node instanceof Element && node.className === 'TreeItem';\n    }\n\n    /**\n     * Toggles the visibility state of the children element and updates the class of the parent element.\n     * The method toggles the 'open' class on the children elements and the 'expanded' class on the parent element,\n     * effectively showing or hiding the children and indicating the expanded state.\n     * @returns {void} Does not return a value.\n     */\n    toggleChildren() {\n        this.childrenElement.classList.toggle('open');\n        this.native.classList.toggle('expanded');\n    }\n\n    /**\n     * Retrieves the child items from the `childrenSlot` that match specific criteria.\n     * @param {object} [options] Configuration options.\n     * @param {boolean} [options.includeDisabled] Determines whether disabled items should be included in the result. Defaults to true.\n     * @returns {Array} An array of child items that are valid tree items and meet the criteria specified in the options.\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    /**\n     * Retrieves all descendant children of the current object in a flattened array structure.\n     * @param {object} [options] An optional object specifying filters or configurations for retrieving children.\n     * @returns {Array} An array containing all children and their descendants in a flat structure.\n     */\n    getAllChildrenFlat(options = {}) {\n        const directChildren = this.getChildrenItems(options);\n        return directChildren.flatMap(child =>\n          [child, ...child.getAllChildrenFlat(options)]\n        );\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":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wj-elements",
   "description": "WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.",
-  "version": "0.1.138",
+  "version": "0.1.139",
   "homepage": "https://github.com/lencys/wj-elements",
   "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
   "license": "MIT",
@@ -72,6 +72,7 @@
     "@crowdin/cli": "^3.19.2",
     "@faker-js/faker": "^8.0.0",
     "@floating-ui/dom": "^1.5.1",
+    "ajv": "^8.17.1",
     "animate.css": "^4.1.1",
     "qrious": "^4.0.2",
     "slick-router": "^3.0.1",
@@ -106,4 +107,4 @@
     "vite-plugin-dts": "^4.5.0",
     "vite-plugin-javascript-obfuscator": "^3.1.0"
   }
-}
+}