wj-elements 0.1.144 → 0.1.146

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

@@ -24,6 +24,39 @@ export default class Avatar extends WJElement {
      * @returns {string} styles
      */
     static get cssStyleSheet(): string;
+    /**
+     * Sets the value of the 'label' attribute for the element.
+     * @param {string} value The new value to be set for the 'label' attribute.
+     */
+    set label(value: string);
+    /**
+     * Retrieves the value of the 'label' attribute for the element.
+     * If the attribute is not set, it defaults to an empty string.
+     * @returns {string} The value of the 'label' attribute or an empty string if not defined.
+     */
+    get label(): string;
+    /**
+     * Sets the value of initials for the element by updating
+     * the 'initials' attribute with the provided value.
+     * @param {string} value The value to be set as the initials.
+     */
+    set initials(value: string);
+    /**
+     * Retrieves the value of the 'initials' attribute if it exists.
+     * @returns {boolean} Returns true if the 'initials' attribute is present, otherwise false.
+     */
+    get initials(): boolean;
+    /**
+     * Sets the size attribute for the element.
+     * @param {string | number} value The value to set for the size attribute.
+     */
+    set size(value: string | number);
+    /**
+     * Retrieves the size attribute of the element. If the size attribute
+     * is not defined, it returns the default value 'medium'.
+     * @returns {string} The size value of the element or 'medium' if not specified.
+     */
+    get size(): string;
     /**
      * Method to draw the avatar element and return a document fragment.
      * @returns {object} fragment - The document fragment

package/dist/packages/wje-avatar/avatar.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -189,8 +189,8 @@ export default class WJElement extends HTMLElement {
      */
     refreshUpdatePromise(): void;
     updateComplete: Promise<any>;
-    finisPromise: ((value: any) => void) | ((resolve: any) => void);
-    rejectPromise: ((reason?: any) => void) | ((reject: any) => void);
+    finisPromise: (value: any) => void;
+    rejectPromise: (reason?: any) => void;
     /**
      * Lifecycle method invoked when the component is connected to the DOM.
      */
@@ -229,6 +229,7 @@ export default class WJElement extends HTMLElement {
      * Lifecycle method invoked when the component is disconnected from the DOM.
      */
     disconnectedCallback(): void;
+    processCurrentRenderPromise(): Promise<void>;
     /**
      * Enqueues an update to the component.
      * @returns A promise that resolves when the update is complete.
@@ -241,6 +242,7 @@ export default class WJElement extends HTMLElement {
      * @param newName The new value of the attribute.
      */
     attributeChangedCallback(name: any, old: any, newName: any): void;
+    refresh(): void;
     /**
      * Refreshes the component by reinitializing it if it is in a drawing state.
      * This method checks if the component's drawing status is at least in the START state.
@@ -253,7 +255,7 @@ export default class WJElement extends HTMLElement {
      * If the component is not in a drawing state, it simply returns a resolved promise.
      * @returns {Promise<void>} A promise that resolves when the refresh is complete.
      */
-    refresh(): Promise<void>;
+    _refresh(): Promise<void>;
     /**
      * Displays the component's content, optionally forcing a re-render.
      * @param [force] Whether to force a re-render.

package/dist/wje-avatar.js

@@ -31,6 +31,51 @@ class Avatar extends WJElement {
      */
     __publicField(this, "className", "Avatar");
   }
+  /**
+   * Sets the value of the 'label' attribute for the element.
+   * @param {string} value The new value to be set for the 'label' attribute.
+   */
+  set label(value) {
+    this.setAttribute("label", value);
+  }
+  /**
+   * Retrieves the value of the 'label' attribute for the element.
+   * If the attribute is not set, it defaults to an empty string.
+   * @returns {string} The value of the 'label' attribute or an empty string if not defined.
+   */
+  get label() {
+    return this.getAttribute("label") || "";
+  }
+  /**
+   * Sets the value of initials for the element by updating
+   * the 'initials' attribute with the provided value.
+   * @param {string} value The value to be set as the initials.
+   */
+  set initials(value) {
+    this.setAttribute("initials", "");
+  }
+  /**
+   * Retrieves the value of the 'initials' attribute if it exists.
+   * @returns {boolean} Returns true if the 'initials' attribute is present, otherwise false.
+   */
+  get initials() {
+    return this.hasAttribute("initials") || false;
+  }
+  /**
+   * Sets the size attribute for the element.
+   * @param {string | number} value The value to set for the size attribute.
+   */
+  set size(value) {
+    this.setAttribute("size", value);
+  }
+  /**
+   * Retrieves the size attribute of the element. If the size attribute
+   * is not defined, it returns the default value 'medium'.
+   * @returns {string} The size value of the element or 'medium' if not specified.
+   */
+  get size() {
+    return this.getAttribute("size") || "medium";
+  }
   /**
    * Getter for cssStyleSheet.
    * @returns {string} styles
@@ -55,7 +100,7 @@ class Avatar extends WJElement {
     element.classList.add("native-avatar");
     let slot = document.createElement("slot");
     element.appendChild(slot);
-    if (this.hasAttribute("initials")) {
+    if (this.initials) {
       let initials = getInitials(this.label);
       this.setAttribute("style", `--wje-avatar-background-color: ${getHsl(initials)}`);
       element.innerText = initials;

package/dist/wje-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-avatar.js","sources":["../packages/wje-avatar/service/service.js","../packages/wje-avatar/avatar.element.js","../packages/wje-avatar/avatar.js"],"sourcesContent":["/**\n * Generates an HSL color value based on the input text.\n * @param {string} text The input text to generate the HSL color.\n * @param {number} [s] The saturation value (in percentage) for the HSL color.\n * @param {number} [l] The lightness value (in percentage) for the HSL color.\n * @returns {string} - The HSL color string in the format `hsl(h, s%, l%)`.\n * @description\n * This function computes a hash from the input text and uses it to generate\n * a hue value. The hue is combined with the provided saturation and lightness\n * values to create an HSL color. This can be useful for consistently assigning\n * colors based on text input, such as for avatars or tags.\n * @example\n * // Returns 'hsl(180, 40%, 65%)'\n * getHsl('example');\n * @example\n * // Returns 'hsl(300, 50%, 70%)'\n * getHsl('test', 50, 70);\n */\nexport function getHsl(text, s = 40, l = 65) {\n    let str = text;\n    let hash = 0;\n\n    for (let i = 0; i < str?.length; i++) {\n        hash = str.charCodeAt(i) + hash * 31;\n    }\n\n    let h = hash % 360;\n\n    return `hsl(${h}, ${s}%, ${l}%)`;\n}\n\n/**\n * Generates initials from a given string.\n * @param {string} string The input string, typically a full name.\n * @param {number} [length] The desired number of initials (default is 2).\n * @returns {string} - The generated initials in uppercase.\n * @description\n * This function takes a string, splits it by spaces, and generates initials.\n * It always includes the first character of the first word. If the input string\n * contains more than one word and the `length` parameter is greater than 1, it\n * also includes the first character of the last word.\n * @example\n * // Returns 'JD'\n * getInitials('John Doe');\n * @example\n * // Returns 'J'\n * getInitials('John');\n * @example\n * // Returns 'JM'\n * getInitials('John Michael Doe', 2);\n */\nexport function getInitials(string, length = 2) {\n    let names = string.split(' ');\n    let initials = names[0].substring(0, 1).toUpperCase();\n\n    if (names.length > 1 && length > 1) {\n        initials += names[names.length - 1].substring(0, 1).toUpperCase();\n    }\n    return initials;\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport { getHsl, getInitials } from './service/service.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This class represents an Avatar element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/avatar\n * @status stable\n * @augments WJElement\n * @slot - The avatar main content.\n * @csspart native - The component's native wrapper.\n * @cssproperty --wje-avatar-width;\n * @cssproperty --wje-avatar-height;\n * @cssproperty --wje-avatar-font-size;\n * @cssproperty --wje-avatar-font-weight;\n * @cssproperty --wje-avatar-color;\n * @cssproperty --wje-avatar-background-color;\n * @cssproperty --wje-avatar-border-radius;\n * @cssproperty --wje-avatar-border-color;\n * @cssproperty --wje-avatar-border-width;\n * @cssproperty --wje-avatar-border-style;\n * @tag wje-avatar\n */\nexport default class Avatar extends WJElement {\n    /**\n     * Avatar class constructor.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the Avatar element.\n     */\n    className = 'Avatar';\n\n    /**\n     * Getter for cssStyleSheet.\n     * @returns {string} styles\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Method to setup attributes.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Method to draw the avatar element and return a document fragment.\n     * @returns {object} fragment - The document fragment\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('div');\n        element.setAttribute('part', 'native');\n        element.classList.add('native-avatar');\n\n        let slot = document.createElement('slot');\n\n        element.appendChild(slot);\n\n        if (this.hasAttribute('initials')) {\n            let initials = getInitials(this.label);\n\n            this.setAttribute('style', `--wje-avatar-background-color: ${getHsl(initials)}`);\n            element.innerText = initials;\n        } else {\n            let slotIcon = document.createElement('slot');\n            slotIcon.setAttribute('name', 'icon');\n\n            element.appendChild(slotIcon);\n        }\n\n        let status = document.createElement('slot');\n        status.setAttribute('name', 'status');\n        status.setAttribute('part', 'status');\n\n        let secondary = document.createElement('slot');\n        secondary.setAttribute('name', 'secondary');\n        secondary.setAttribute('part', 'secondary');\n\n        element.appendChild(status);\n        element.appendChild(secondary);\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n\n    /**\n     * Method to check if the avatar is an image.\n     * @returns {boolean} - True if the avatar is an image, false otherwise\n     */\n    isImage() {\n        return this.getElementsByTagName('wje-img').length > 0;\n    }\n}\n","import Avatar from './avatar.element.js';\n\nexport default Avatar;\n\nAvatar.define('wje-avatar', Avatar);\n"],"names":[],"mappings":";;;;AAkBO,SAAS,OAAO,MAAM,IAAI,IAAI,IAAI,IAAI;AACzC,MAAI,MAAM;AACV,MAAI,OAAO;AAEX,WAAS,IAAI,GAAG,KAAI,2BAAK,SAAQ,KAAK;AAClC,WAAO,IAAI,WAAW,CAAC,IAAI,OAAO;AAAA,EAC1C;AAEI,MAAI,IAAI,OAAO;AAEf,SAAO,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;AAChC;AAsBO,SAAS,YAAY,QAAQ,SAAS,GAAG;AAC5C,MAAI,QAAQ,OAAO,MAAM,GAAG;AAC5B,MAAI,WAAW,MAAM,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,YAAa;AAErD,MAAI,MAAM,SAAS,KAAK,SAAS,GAAG;AAChC,gBAAY,MAAM,MAAM,SAAS,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,YAAa;AAAA,EACzE;AACI,SAAO;AACX;;ACpCe,MAAM,eAAe,UAAU;AAAA;AAAA;AAAA;AAAA,EAI1C,cAAc;AACV,UAAO;AAMX;AAAA;AAAA;AAAA,qCAAY;AAAA,EALhB;AAAA;AAAA;AAAA;AAAA;AAAA,EAWI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,UAAU,SAAS,cAAc,KAAK;AAC1C,YAAQ,aAAa,QAAQ,QAAQ;AACrC,YAAQ,UAAU,IAAI,eAAe;AAErC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,YAAQ,YAAY,IAAI;AAExB,QAAI,KAAK,aAAa,UAAU,GAAG;AAC/B,UAAI,WAAW,YAAY,KAAK,KAAK;AAErC,WAAK,aAAa,SAAS,kCAAkC,OAAO,QAAQ,CAAC,EAAE;AAC/E,cAAQ,YAAY;AAAA,IAChC,OAAe;AACH,UAAI,WAAW,SAAS,cAAc,MAAM;AAC5C,eAAS,aAAa,QAAQ,MAAM;AAEpC,cAAQ,YAAY,QAAQ;AAAA,IACxC;AAEQ,QAAI,SAAS,SAAS,cAAc,MAAM;AAC1C,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,aAAa,QAAQ,QAAQ;AAEpC,QAAI,YAAY,SAAS,cAAc,MAAM;AAC7C,cAAU,aAAa,QAAQ,WAAW;AAC1C,cAAU,aAAa,QAAQ,WAAW;AAE1C,YAAQ,YAAY,MAAM;AAC1B,YAAQ,YAAY,SAAS;AAE7B,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,UAAU;AACN,WAAO,KAAK,qBAAqB,SAAS,EAAE,SAAS;AAAA,EAC7D;AACA;ACjGA,OAAO,OAAO,cAAc,MAAM;"}
+{"version":3,"file":"wje-avatar.js","sources":["../packages/wje-avatar/service/service.js","../packages/wje-avatar/avatar.element.js","../packages/wje-avatar/avatar.js"],"sourcesContent":["/**\n * Generates an HSL color value based on the input text.\n * @param {string} text The input text to generate the HSL color.\n * @param {number} [s] The saturation value (in percentage) for the HSL color.\n * @param {number} [l] The lightness value (in percentage) for the HSL color.\n * @returns {string} - The HSL color string in the format `hsl(h, s%, l%)`.\n * @description\n * This function computes a hash from the input text and uses it to generate\n * a hue value. The hue is combined with the provided saturation and lightness\n * values to create an HSL color. This can be useful for consistently assigning\n * colors based on text input, such as for avatars or tags.\n * @example\n * // Returns 'hsl(180, 40%, 65%)'\n * getHsl('example');\n * @example\n * // Returns 'hsl(300, 50%, 70%)'\n * getHsl('test', 50, 70);\n */\nexport function getHsl(text, s = 40, l = 65) {\n    let str = text;\n    let hash = 0;\n\n    for (let i = 0; i < str?.length; i++) {\n        hash = str.charCodeAt(i) + hash * 31;\n    }\n\n    let h = hash % 360;\n\n    return `hsl(${h}, ${s}%, ${l}%)`;\n}\n\n/**\n * Generates initials from a given string.\n * @param {string} string The input string, typically a full name.\n * @param {number} [length] The desired number of initials (default is 2).\n * @returns {string} - The generated initials in uppercase.\n * @description\n * This function takes a string, splits it by spaces, and generates initials.\n * It always includes the first character of the first word. If the input string\n * contains more than one word and the `length` parameter is greater than 1, it\n * also includes the first character of the last word.\n * @example\n * // Returns 'JD'\n * getInitials('John Doe');\n * @example\n * // Returns 'J'\n * getInitials('John');\n * @example\n * // Returns 'JM'\n * getInitials('John Michael Doe', 2);\n */\nexport function getInitials(string, length = 2) {\n    let names = string.split(' ');\n    let initials = names[0].substring(0, 1).toUpperCase();\n\n    if (names.length > 1 && length > 1) {\n        initials += names[names.length - 1].substring(0, 1).toUpperCase();\n    }\n    return initials;\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport { getHsl, getInitials } from './service/service.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This class represents an Avatar element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/avatar\n * @status stable\n * @augments WJElement\n * @slot - The avatar main content.\n * @csspart native - The component's native wrapper.\n * @cssproperty --wje-avatar-width;\n * @cssproperty --wje-avatar-height;\n * @cssproperty --wje-avatar-font-size;\n * @cssproperty --wje-avatar-font-weight;\n * @cssproperty --wje-avatar-color;\n * @cssproperty --wje-avatar-background-color;\n * @cssproperty --wje-avatar-border-radius;\n * @cssproperty --wje-avatar-border-color;\n * @cssproperty --wje-avatar-border-width;\n * @cssproperty --wje-avatar-border-style;\n * @tag wje-avatar\n */\nexport default class Avatar extends WJElement {\n    /**\n     * Avatar class constructor.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Sets the value of the 'label' attribute for the element.\n     * @param {string} value The new value to be set for the 'label' attribute.\n     */\n    set label(value) {\n        this.setAttribute('label', value);\n    }\n\n    /**\n     * Retrieves the value of the 'label' attribute for the element.\n     * If the attribute is not set, it defaults to an empty string.\n     * @returns {string} The value of the 'label' attribute or an empty string if not defined.\n     */\n    get label() {\n        return this.getAttribute('label') || '';\n    }\n\n    /**\n     * Sets the value of initials for the element by updating\n     * the 'initials' attribute with the provided value.\n     * @param {string} value The value to be set as the initials.\n     */\n    set initials(value) {\n        this.setAttribute('initials', '');\n    }\n\n    /**\n     * Retrieves the value of the 'initials' attribute if it exists.\n     * @returns {boolean} Returns true if the 'initials' attribute is present, otherwise false.\n     */\n    get initials() {\n        return this.hasAttribute('initials') || false;\n    }\n\n    /**\n     * Sets the size attribute for the element.\n     * @param {string | number} value The value to set for the size attribute.\n     */\n    set size(value) {\n        this.setAttribute('size', value);\n    }\n\n    /**\n     * Retrieves the size attribute of the element. If the size attribute\n     * is not defined, it returns the default value 'medium'.\n     * @returns {string} The size value of the element or 'medium' if not specified.\n     */\n    get size() {\n        return this.getAttribute('size') || 'medium';\n    }\n\n    /**\n     * Class name for the Avatar element.\n     */\n    className = 'Avatar';\n\n    /**\n     * Getter for cssStyleSheet.\n     * @returns {string} styles\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Method to setup attributes.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Method to draw the avatar element and return a document fragment.\n     * @returns {object} fragment - The document fragment\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('div');\n        element.setAttribute('part', 'native');\n        element.classList.add('native-avatar');\n\n        let slot = document.createElement('slot');\n\n        element.appendChild(slot);\n\n        if (this.initials) {\n            let initials = getInitials(this.label);\n\n            this.setAttribute('style', `--wje-avatar-background-color: ${getHsl(initials)}`);\n            element.innerText = initials;\n        } else {\n            let slotIcon = document.createElement('slot');\n            slotIcon.setAttribute('name', 'icon');\n\n            element.appendChild(slotIcon);\n        }\n\n        let status = document.createElement('slot');\n        status.setAttribute('name', 'status');\n        status.setAttribute('part', 'status');\n\n        let secondary = document.createElement('slot');\n        secondary.setAttribute('name', 'secondary');\n        secondary.setAttribute('part', 'secondary');\n\n        element.appendChild(status);\n        element.appendChild(secondary);\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n\n    /**\n     * Method to check if the avatar is an image.\n     * @returns {boolean} - True if the avatar is an image, false otherwise\n     */\n    isImage() {\n        return this.getElementsByTagName('wje-img').length > 0;\n    }\n}\n","import Avatar from './avatar.element.js';\n\nexport default Avatar;\n\nAvatar.define('wje-avatar', Avatar);\n"],"names":[],"mappings":";;;;AAkBO,SAAS,OAAO,MAAM,IAAI,IAAI,IAAI,IAAI;AACzC,MAAI,MAAM;AACV,MAAI,OAAO;AAEX,WAAS,IAAI,GAAG,KAAI,2BAAK,SAAQ,KAAK;AAClC,WAAO,IAAI,WAAW,CAAC,IAAI,OAAO;AAAA,EAC1C;AAEI,MAAI,IAAI,OAAO;AAEf,SAAO,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;AAChC;AAsBO,SAAS,YAAY,QAAQ,SAAS,GAAG;AAC5C,MAAI,QAAQ,OAAO,MAAM,GAAG;AAC5B,MAAI,WAAW,MAAM,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,YAAa;AAErD,MAAI,MAAM,SAAS,KAAK,SAAS,GAAG;AAChC,gBAAY,MAAM,MAAM,SAAS,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,YAAa;AAAA,EACzE;AACI,SAAO;AACX;;ACpCe,MAAM,eAAe,UAAU;AAAA;AAAA;AAAA;AAAA,EAI1C,cAAc;AACV,UAAO;AAyDX;AAAA;AAAA;AAAA,qCAAY;AAAA,EAxDhB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,IAAI,MAAM,OAAO;AACb,SAAK,aAAa,SAAS,KAAK;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOI,IAAI,QAAQ;AACR,WAAO,KAAK,aAAa,OAAO,KAAK;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOI,IAAI,SAAS,OAAO;AAChB,SAAK,aAAa,YAAY,EAAE;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,IAAI,WAAW;AACX,WAAO,KAAK,aAAa,UAAU,KAAK;AAAA,EAChD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,IAAI,KAAK,OAAO;AACZ,SAAK,aAAa,QAAQ,KAAK;AAAA,EACvC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOI,IAAI,OAAO;AACP,WAAO,KAAK,aAAa,MAAM,KAAK;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA;AAAA,EAWI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,UAAU,SAAS,cAAc,KAAK;AAC1C,YAAQ,aAAa,QAAQ,QAAQ;AACrC,YAAQ,UAAU,IAAI,eAAe;AAErC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,YAAQ,YAAY,IAAI;AAExB,QAAI,KAAK,UAAU;AACf,UAAI,WAAW,YAAY,KAAK,KAAK;AAErC,WAAK,aAAa,SAAS,kCAAkC,OAAO,QAAQ,CAAC,EAAE;AAC/E,cAAQ,YAAY;AAAA,IAChC,OAAe;AACH,UAAI,WAAW,SAAS,cAAc,MAAM;AAC5C,eAAS,aAAa,QAAQ,MAAM;AAEpC,cAAQ,YAAY,QAAQ;AAAA,IACxC;AAEQ,QAAI,SAAS,SAAS,cAAc,MAAM;AAC1C,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,aAAa,QAAQ,QAAQ;AAEpC,QAAI,YAAY,SAAS,cAAc,MAAM;AAC7C,cAAU,aAAa,QAAQ,WAAW;AAC1C,cAAU,aAAa,QAAQ,WAAW;AAE1C,YAAQ,YAAY,MAAM;AAC1B,YAAQ,YAAY,SAAS;AAE7B,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,UAAU;AACN,WAAO,KAAK,qBAAqB,SAAS,EAAE,SAAS;AAAA,EAC7D;AACA;ACpJA,OAAO,OAAO,cAAc,MAAM;"}

package/dist/wje-element.js

@@ -462,9 +462,6 @@ const _WJElement = class _WJElement extends HTMLElement {
         this.setUpAccessors();
         this.drawingStatus = this.drawingStatuses.START;
         await this.display(force);
-        const sheet = new CSSStyleSheet();
-        sheet.replaceSync(this.constructor.cssStyleSheet);
-        this.context.adoptedStyleSheets = [sheet];
         resolve();
       });
     });
@@ -672,6 +669,9 @@ const _WJElement = class _WJElement extends HTMLElement {
    * Refreshes the update promise for rendering lifecycle management.
    */
   refreshUpdatePromise() {
+    if (this.updateComplete) {
+      this.rejectPromise("Update cancelled");
+    }
     this.updateComplete = new Promise((resolve, reject) => {
       this.finisPromise = resolve;
       this.rejectPromise = reject;
@@ -682,12 +682,6 @@ const _WJElement = class _WJElement extends HTMLElement {
    */
   connectedCallback() {
     this.drawingStatus = this.drawingStatuses.ATTACHED;
-    this.finisPromise = (resolve) => {
-      resolve();
-    };
-    this.rejectPromise = (reject) => {
-      reject();
-    };
     this.refreshUpdatePromise();
     this.renderPromise = this.initWjElement(true);
   }
@@ -738,20 +732,24 @@ const _WJElement = class _WJElement extends HTMLElement {
     this.drawingStatus = this.drawingStatuses.DISCONNECTED;
     this.componentCleanup();
   }
-  /**
-   * Enqueues an update to the component.
-   * @returns A promise that resolves when the update is complete.
-   */
-  async enqueueUpdate() {
+  async processCurrentRenderPromise() {
+    var _a;
     try {
-      if (this.renderPromise && this.renderPromise instanceof Promise) {
+      if (this.renderPromise && (this.renderPromise instanceof Promise || ((_a = this.renderPromise) == null ? void 0 : _a.constructor.name) === "Promise")) {
         await this.renderPromise;
       }
     } catch (e) {
       console.error("An error occurred:", e);
       Promise.reject(e);
     }
-    const result = this.refresh();
+  }
+  /**
+   * Enqueues an update to the component.
+   * @returns A promise that resolves when the update is complete.
+   */
+  async enqueueUpdate() {
+    await this.processCurrentRenderPromise();
+    const result = this._refresh();
     if (result !== null) {
       await result;
     }
@@ -768,6 +766,9 @@ const _WJElement = class _WJElement extends HTMLElement {
       this.renderPromise = this.enqueueUpdate();
     }
   }
+  refresh() {
+    this.renderPromise = this.enqueueUpdate();
+  }
   /**
    * Refreshes the component by reinitializing it if it is in a drawing state.
    * This method checks if the component's drawing status is at least in the START state.
@@ -780,7 +781,7 @@ const _WJElement = class _WJElement extends HTMLElement {
    * If the component is not in a drawing state, it simply returns a resolved promise.
    * @returns {Promise<void>} A promise that resolves when the refresh is complete.
    */
-  refresh() {
+  _refresh() {
     var _a, _b, _c;
     if (this.drawingStatus && this.drawingStatus >= this.drawingStatuses.START) {
       (_a = this.beforeRedraw) == null ? void 0 : _a.call(this);
@@ -836,7 +837,7 @@ const _WJElement = class _WJElement extends HTMLElement {
   async render() {
     this.drawingStatus = this.drawingStatuses.DRAWING;
     let _draw = this.draw(this.context, this.store, WjElementUtils.getAttributes(this));
-    if (_draw instanceof Promise) {
+    if (_draw instanceof Promise || (_draw == null ? void 0 : _draw.constructor.name) === "Promise") {
       _draw = await _draw;
     }
     let rend = _draw;
@@ -923,12 +924,15 @@ const _WJElement = class _WJElement extends HTMLElement {
     return new Promise(async (resolve, reject) => {
       var _a;
       const __beforeDraw = this.beforeDraw(this.context, this.store, WjElementUtils.getAttributes(this));
-      if (__beforeDraw instanceof Promise) {
+      if (__beforeDraw instanceof Promise || (__beforeDraw == null ? void 0 : __beforeDraw.constructor.name) === "Promise") {
         await __beforeDraw;
       }
+      const sheet = new CSSStyleSheet();
+      sheet.replaceSync(this.constructor.cssStyleSheet);
+      this.context.adoptedStyleSheets = [sheet];
       await this.render();
       const __afterDraw = (_a = this.afterDraw) == null ? void 0 : _a.call(this, this.context, this.store, WjElementUtils.getAttributes(this));
-      if (__afterDraw instanceof Promise) {
+      if (__afterDraw instanceof Promise || (__afterDraw == null ? void 0 : __afterDraw.constructor.name) === "Promise") {
         await __afterDraw;
       }
       this.finisPromise();

package/dist/wje-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-element.js","sources":["../packages/wje-element/service/universal-service.js","../packages/utils/permissions-api.js","../packages/utils/element-utils.js","../packages/utils/event.js","../packages/wje-element/element.js"],"sourcesContent":["export class UniversalService {\n    constructor(props = {}) {\n        this._store = props.store;\n    }\n\n    findByKey = (attrName, key, keyValue) => {\n        if (this._store.getState()[attrName] instanceof Array) {\n            return this._store.getState()[attrName].find((item) => item[key] === keyValue);\n        } else {\n            console.warn(` Attribute ${attrName} is not array`);\n            return null;\n        }\n    };\n\n    findById = (attrName, id) => {\n        if (this._store.getState()[attrName] instanceof Array) {\n            return this._store.getState()[attrName].find((item) => item.id === id);\n        } else {\n            console.warn(` Attribute ${attrName} is not array`);\n            return null;\n        }\n    };\n\n    findAttributeValue = (attrName) => {\n        return this._store.getState()[attrName];\n    };\n\n    update = (data, action) => {\n        this._store.dispatch(action(data));\n    };\n\n    add = (data, action) => {\n        this._store.dispatch(action(data));\n    };\n\n    _save(url, data, action, dispatchMethod, method) {\n        let promise = fetch(url, {\n            method: method,\n            body: JSON.stringify(data),\n            headers: {\n                'Content-Type': 'application/json',\n            },\n        }).then((response) => {\n            if (response.ok) {\n                return response.json();\n            } else {\n                return response.json();\n            }\n        });\n\n        return this.dispatch(promise, dispatchMethod, action);\n    }\n\n    _get(url, action, dispatchMethod, signal) {\n        let promise = fetch(url, {\n            method: 'GET',\n            headers: {\n                'Content-Type': 'application/json',\n            },\n            ...(signal ? { signal } : {}),\n        }).then(async (response) => {\n            let responseText;\n            try {\n                responseText = await response.text();\n                return JSON.parse(responseText);\n            } catch (err) {\n                console.error(err);\n                return responseText;\n            }\n        });\n\n        return this.dispatch(promise, dispatchMethod, action);\n    }\n\n    put(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'PUT');\n    }\n\n    post(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'POST');\n    }\n\n    delete(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'DELETE');\n    }\n\n    get(url, action, dispatchMethod = true) {\n        return this._get(url, action, dispatchMethod);\n    }\n\n    dispatch(promise, dispatchMethod, action) {\n        if (dispatchMethod) {\n            return promise\n                .then((data) => {\n                    this._store.dispatch(action(data.data));\n                    return data;\n                })\n                .catch((error) => {\n                    console.error(error);\n                });\n        }\n        return promise;\n    }\n\n    loadPromise = (\n        url,\n        action,\n        method = 'GET',\n        data = '',\n        permissionCallBack = () => {\n            //\n            // No empty function\n        }\n    ) => {\n        return fetch(url, {\n            method: method,\n            body: data,\n            headers: {\n                'Content-Type': 'application/json',\n            },\n            async: true,\n        })\n            .then((response, e) => {\n                let permissions = response.headers.get('permissions')?.split(',');\n                permissionCallBack(permissions);\n\n                if (response.ok) {\n                    return response.json();\n                } else {\n                    throw response.json();\n                }\n            })\n            .then((responseData) => {\n                this._store.dispatch(action(responseData));\n                return responseData;\n            });\n    };\n\n    loadOnePromise = (url, action) => {\n        return fetch(url, {\n            headers: {\n                'Content-Type': 'application/json',\n            },\n        }).then((response) => {\n            const responseData = response.json();\n            if (action) {\n                this._store.dispatch(action(responseData));\n            }\n            return responseData;\n        });\n    };\n}\n","export class WjePermissionsApi {\n    static _permissionKey = 'permissions';\n\n    /**\n     * Sets the permission key.\n     * @param value\n     */\n    static set permissionKey(value) {\n        WjePermissionsApi._permissionKey = value || 'permissions';\n    }\n\n    /**\n     * Returns the permission key.\n     * @returns {*|string}\n     */\n    static get permissionKey() {\n        return WjePermissionsApi._permissionKey;\n    }\n\n    /**\n     * Sets the permissions.\n     * @param value\n     */\n    static set permissions(value) {\n        window.localStorage.setItem(WjePermissionsApi.permissionKey, JSON.stringify(value));\n    }\n\n    /**\n     * Returns the permissions.\n     * @returns {string[]}\n     */\n    static get permissions() {\n        return JSON.parse(window.localStorage.getItem(WjePermissionsApi.permissionKey)) || [];\n    }\n\n    /**\n     * Checks if the permission is included.\n     * @param key\n     * @returns {boolean}\n     */\n    static includesKey(key) {\n        return WjePermissionsApi.permissions.includes(key);\n    }\n\n    /**\n     * Checks if the permission is fulfilled.\n     * @returns {boolean}\n     */\n    static isPermissionFulfilled(permissions) {\n        return permissions.some((perm) => WjePermissionsApi.permissions.includes(perm));\n    }\n}\n","export class WjElementUtils {\n    /**\n     * This function creates an element.\n     * @param element : HTMLElement - The element value.\n     * @param object : Object - The object value.\n     */\n    static setAttributesToElement(element, object) {\n        Object.entries(object).forEach(([key, value]) => {\n            element.setAttribute(key, value);\n        });\n    }\n\n    /**\n     * This function gets the attributes from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve attributes from.\n     * @returns {object} - An object containing the element's attributes as key-value pairs.\n     */\n    static getAttributes(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => !a.name.startsWith('@'))\n            .map((a) => [\n                a.name\n                    .split('-')\n                    .map((s, i) => {\n                        if (i !== 0) {\n                            return s.charAt(0).toUpperCase() + s.slice(1);\n                        } else {\n                            return s;\n                        }\n                    })\n                    .join(''),\n                a.value,\n            ])\n            .reduce((acc, attr) => {\n                acc[attr[0]] = attr[1];\n                return acc;\n            }, {});\n    }\n\n    /**\n     * This function gets the events from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve events from.\n     * @returns {Map<any, any>} - The map value.\n     */\n    static getEvents(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => a.name.startsWith('@wje'))\n            .map((a) => [a.name.substring(3).split('-').join(''), a.value])\n            .reduce((acc, attr) => {\n                acc.set(attr[0], attr[1]);\n                return acc;\n            }, new Map());\n    }\n\n    /**\n     * This function converts an object to a string.\n     * @param {object} object The object to convert.\n     * @returns {string} - The string value.\n     */\n    static attributesToString(object) {\n        return Object.entries(object)\n            .map(([key, value]) => {\n                return `${key}=\"${value}\"`;\n            })\n            .join(' ');\n    }\n\n    /**\n     * This function checks if the slot exists.\n     * @param {string|HTMLElement} el The element or selector to check for slots.\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlot(el, slotName = null) {\n        let selector = slotName ? `[slot=\"${slotName}\"]` : '[slot]';\n\n        return el.querySelectorAll(selector).length > 0 ? true : false;\n    }\n\n    /**\n     * This function checks if the slot has content.\n     * @param {string|HTMLElement} el The element or selector to check for slot content\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlotContent(el, slotName = null) {\n        let slotElement = el.querySelector(`slot`);\n        if (slotName) {\n            slotElement = el.querySelector(`slot[name=\"${slotName}\"]`);\n        }\n\n        if (slotElement) {\n            const assignedElements = slotElement.assignedElements();\n            return assignedElements.length > 0;\n        }\n\n        return false;\n    }\n\n    /**\n     * This function converts a string to a boolean.\n     * @param {string | object} value The value to convert to a boolean. If the value is a boolean, it will be returned as is.\n     * @returns {boolean} - The boolean value.\n     */\n    static stringToBoolean(value) {\n        if (typeof value === 'boolean') return value;\n\n        return !['false', '0', 0].includes(value);\n    }\n}\n","var self; // eslint-disable-line no-var\n\nclass Event {\n    constructor() {\n        this.customEventStorage = [];\n        self = this;\n    }\n\n    /**\n     * Dispatch event to the element and trigger the listener.\n     * @param e\n     */\n    #dispatch(e) {\n        let element = this;\n        let record = self.findRecordByElement(element);\n        let listeners = record.listeners[e.type];\n\n        listeners.forEach((listener) => {\n            self.dispatchCustomEvent(element, listener.event, {\n                originalEvent: e?.type || null,\n                context: element,\n                event: self,\n            });\n\n            if (listener.options && listener.options.stopPropagation === true) e.stopPropagation();\n        });\n    }\n\n    /**\n     * Dispatch custom event to the element with the specified event name and detail.\n     * @param element\n     * @param event\n     * @param detail\n     */\n    dispatchCustomEvent(element, event, detail) {\n        element.dispatchEvent(\n            new CustomEvent(event, {\n                detail: detail || {\n                    context: element,\n                    event: self,\n                },\n                bubbles: true,\n                composed: true,\n                cancelable: true,\n            })\n        );\n    }\n\n    /**\n     * Find record by element in the storage.\n     * @param element\n     * @returns {*}\n     */\n\n    findRecordByElement(element) {\n        for (let index = 0, length = this.customEventStorage.length; index < length; index++) {\n            let record = this.customEventStorage[index];\n\n            if (element === record.element) {\n                return record;\n            }\n        }\n\n        return false;\n    }\n\n    /**\n     * Add listener to the element. If the element is an array, the listener will be added to all elements in the array.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    addListener(element, originalEvent, event, listener, options) {\n        if (!element) return;\n\n        if (!Array.isArray(element)) element = [element];\n\n        element.forEach((el) => {\n            this.writeRecord(el, originalEvent, event, listener, options);\n        });\n    }\n\n    /**\n     * Write record to the storage.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    writeRecord(element, originalEvent, event, listener, options) {\n        let record = this.findRecordByElement(element);\n\n        if (record) {\n            record.listeners[originalEvent] = record.listeners[originalEvent] || [];\n        } else {\n            record = {\n                element: element,\n                listeners: {},\n            };\n\n            // vytvorime object listeners pre kazdy original event zvlast\n            record.listeners[originalEvent] = [];\n\n            this.customEventStorage.push(record);\n        }\n\n        listener = listener || this.#dispatch;\n        let obj = {\n            listener: listener,\n            options: options,\n            event: event,\n        };\n\n        // skontrolujeme ci uz tento listener neexistuje\n        if (!this.listenerExists(element, originalEvent, obj)) {\n            record.listeners[originalEvent].push(obj);\n\n            element.addEventListener(originalEvent, listener, options);\n        } else {\n            // in case we want to add the same listener multiple times trigger a warning for a better debugging\n            // console.warn(\"Listener already exists\", element, originalEvent, listener);\n        }\n    }\n\n    /**\n     * Performs a deep equality check between two objects.\n     * @param x The first object to compare.\n     * @param y The second object to compare.\n     * @returns - Returns `true` if the objects are deeply equal, `false` otherwise.\n     */\n    deepEqual(x, y) {\n        return x && y && typeof x === 'object' && typeof x === typeof y\n            ? Object.keys(x).length === Object.keys(y).length &&\n                  Object.keys(x).every((key) => this.deepEqual(x[key], y[key]))\n            : x === y;\n    }\n\n    /**\n     * Check if the listener already exists on the element.\n     * @param element\n     * @param event\n     * @param listener\n     * @returns\n     */\n    listenerExists(element, event, listener) {\n        let record = this.findRecordByElement(element);\n        return record.listeners[event].some((e) => this.deepEqual(e, listener));\n    }\n\n    /**\n     * Remove listener from the element and delete the listener from the custom event storage.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    removeListener(element, originalEvent, event, listener, options) {\n        let record = this.findRecordByElement(element);\n\n        if (record && originalEvent in record.listeners) {\n            let index = record.listeners[originalEvent].indexOf(listener);\n\n            if (index !== -1) {\n                record.listeners[originalEvent].splice(index, 1);\n            }\n\n            if (!record.listeners[originalEvent].length) {\n                delete record.listeners[originalEvent];\n            }\n        }\n\n        listener = listener || this.#dispatch;\n\n        element.removeEventListener(originalEvent, listener, options);\n    }\n\n    /**\n     * Remove all event listeners from the specified element and delete the element from the custom event storage.\n     * @param {HTMLElement} element The element from which all listeners will be removed.\n     */\n    removeElement(element) {\n        this.customEventStorage = this.customEventStorage.filter((e) => {\n            return e.element !== element;\n        });\n    }\n\n    // TODO\n    createPromiseFromEvent(element, event) {\n        return new Promise((resolve) => {\n            let success = () => {\n                element.removeEventListener(event, success);\n                resolve();\n            };\n\n            element.addEventListener(event, success);\n        });\n    }\n}\n\nlet event = new Event();\nexport { event };\n","import { UniversalService } from './service/universal-service.js';\nimport { defaultStoreActions, store } from '../wje-store/store.js';\nimport { WjePermissionsApi } from '../utils/permissions-api.js';\nimport { WjElementUtils } from '../utils/element-utils.js';\nimport { event } from '../utils/event.js';\n\nconst template = document.createElement('template');\ntemplate.innerHTML = ``;\n\nexport default class WJElement extends HTMLElement {\n    /**\n     * Initializes a new instance of the WJElement class.\n     */\n\n    constructor() {\n        super();\n\n        this.isAttached = false;\n        this.service = new UniversalService({\n            store: store,\n        });\n\n        // definujeme vsetky zavislosti.\n        // Do zavislosti patria len komponenty, ktore su zavisle od ktoreho je zavisly tento komponent\n        this.defineDependencies();\n\n        this.rendering = false;\n        this._dependencies = {};\n\n        /**\n         * @typedef {CREATED | ATTACHED | BEGINING | START | DRAWING | DONE | DISCONNECTED} DrawingStatus\n         * @property {number} CREATED - The component has been created.\n         * @property {number} ATTACHED - The component has been attached to the DOM.\n         * @property {number} BEGINING - The component is beginning to draw.\n         * @property {number} START - The component has started drawing.\n         * @property {number} DRAWING - The component is drawing.\n         * @property {number} DONE - The component has finished drawing.\n         * @property {number} DISCONNECTED - The component has been disconnected from the DOM.\n         */\n        this.drawingStatuses = {\n            CREATED: 0,\n            ATTACHED: 1,\n            BEGINING: 2,\n            START: 3,\n            DRAWING: 4,\n            DONE: 5,\n            DISCONNECTED: 6,\n        };\n\n        this.drawingStatus = this.drawingStatuses.CREATED;\n    }\n\n    /**\n     * Sets the value of the 'permission' attribute.\n     * @param {string[]} value The value to set for the 'permission' attribute.\n     */\n    set permission(value) {\n        this.setAttribute('permission', value.join(','));\n    }\n\n    /**\n     * Gets the value of the 'permission-check' attribute.\n     * @returns {string[]} The value of the 'permission' attribute.\n     */\n    get permission() {\n        return this.getAttribute('permission')?.split(',') || [];\n    }\n\n    /**\n     * Sets the 'permission-check' attribute.\n     * @param {boolean} value The value to set for the 'permission-check' attribute.\n     */\n    set isPermissionCheck(value) {\n        if (value) this.setAttribute('permission-check', '');\n        else this.removeAttribute('permission-check');\n    }\n\n    /**\n     * Checks if the 'permission-check' attribute is present.\n     * @returns {boolean} True if the 'permission-check' attribute is present.\n     */\n    get isPermissionCheck() {\n        return this.hasAttribute('permission-check');\n    }\n\n    set noShow(value) {\n        if (value) this.setAttribute('no-show', '');\n        else this.removeAttribute('no-show');\n    }\n\n    /**\n     * Checks if the 'show' attribute is present.\n     * @returns {boolean} True if the 'show' attribute is present.\n     */\n    get noShow() {\n        return this.hasAttribute('no-show');\n    }\n\n    /**\n     * Sets the 'shadow' attribute.\n     * @param {string} value The value to set for the 'shadow' attribute.\n     */\n    set isShadowRoot(value) {\n        return this.setAttribute('shadow', value);\n    }\n\n    get isShadowRoot() {\n        return this.getAttribute('shadow');\n    }\n\n    /**\n     * Checks if the 'shadow' attribute is present.\n     * @returns {boolean} True if the 'shadow' attribute is present.\n     */\n    get hasShadowRoot() {\n        return this.hasAttribute('shadow');\n    }\n\n    /**\n     * Gets the value of the 'shadow' attribute or 'open' if not set.\n     * @returns {string} The value of the 'shadow' attribute or 'open'.\n     */\n    get shadowType() {\n        return this.getAttribute('shadow') || 'open';\n    }\n\n    /**\n     * Gets the rendering context, either the shadow root or the component itself.\n     * @returns The rendering context.\n     */\n    get context() {\n        if (this.hasShadowRoot) {\n            return this.shadowRoot;\n        } else {\n            return this;\n        }\n    }\n\n    /**\n     * Gets the store instance.\n     * @returns {object} The store instance.\n     */\n    get store() {\n        return store;\n    }\n\n    /**\n     * @typedef {object} ArrayActions\n     * @property {Function} addAction - Adds an item to the array.\n     * @property {Function} deleteAction - Deletes an item from the array.\n     * @property {Function} loadAction - Loads an array.\n     * @property {Function} updateAction - Updates an item in the array.\n     * @property {Function} addManyAction - Adds many items to the array.\n     */\n\n    /**\n     * @typedef {object} ObjectActions\n     * @property {Function} addAction - Replace old object with new object\n     * @property {Function} deleteAction - Delete item based on key\n     * @property {Function} updateAction - Update item based on key\n     */\n\n    /**\n     * Gets the default store actions.\n     * @returns The default store actions for arrays and objects.\n     */\n    get defaultStoreActions() {\n        return defaultStoreActions;\n    }\n\n    /**\n     * Gets the classes to be removed after the component is connected.\n     * @returns An array of class names to remove.\n     */\n    get removeClassAfterConnect() {\n        return this.getAttribute('remove-class-after-connect')?.split(' ');\n    }\n\n    /**\n     * Sets the component dependencies.\n     * @param value The dependencies to set.\n     */\n    set dependencies(value) {\n        this._dependencies = value;\n    }\n\n    /**\n     * Gets the component dependencies.\n     * @returns The component dependencies.\n     */\n    get dependencies() {\n        return this._dependencies;\n    }\n\n    /**\n     * Processes and combines two templates into one.\n     * @param pTemplate The primary template.\n     * @param inputTemplate The secondary template.\n     * @returns The combined template.\n     */\n    static processTemplates = (pTemplate, inputTemplate) => {\n        const newTemplate = document.createElement('template');\n        newTemplate.innerHTML = [inputTemplate.innerHTML, pTemplate?.innerHTML || ''].join('');\n        return newTemplate;\n    };\n\n    /**\n     * Defines a custom element if not already defined.\n     * @param name The name of the custom element.\n     * @param [elementConstructor] The constructor for the custom element.\n     * @param [options] Additional options for defining the element.\n     */\n    static define(name, elementConstructor = this, options = {}) {\n        const definedElement = customElements.get(name);\n\n        if (!definedElement) {\n            customElements.define(name, elementConstructor, options);\n        }\n    }\n\n    /**\n     * Defines component dependencies by registering custom elements.\n     */\n    defineDependencies() {\n        if (this.dependencies)\n            Object.entries(this.dependencies).forEach((name, component) => WJElement.define(name, component));\n    }\n\n    /**\n     * Hook for extending behavior before drawing the component.\n     * @param context The rendering context, usually the element's shadow root or main DOM element.\n     * @param appStoreObj The global application store for managing state.\n     * @param params Additional parameters or attributes for rendering the component.\n     */\n    beforeDraw(context, appStoreObj, params) {\n        // Hook for extending behavior before drawing\n    }\n\n    /**\n     * Renders the component within the provided context.\n     * @param context The rendering context, usually the element's shadow root or main DOM element.\n     * @param appStoreObj\n     * @param params Additional parameters or attributes for rendering the component.\n     * @returns This implementation does not render anything and returns `null`.\n     * @description\n     * The `draw` method is responsible for rendering the component's content.\n     * Override this method in subclasses to define custom rendering logic.\n     * @example\n     * class MyComponent extends WJElement {\n     *   draw(context, appStoreObj, params) {\n     *     const div = document.createElement('div');\n     *     div.textContent = 'Hello, world!';\n     *     context.appendChild(div);\n     *   }\n     * }\n     */\n    draw(context, appStoreObj, params) {\n        return null;\n    }\n\n    /**\n     * Hook for extending behavior after drawing the component.\n     * @param context The rendering context, usually the element's shadow root or main DOM element.\n     * @param appStoreObj The global application store for managing state.\n     * @param params Additional parameters or attributes for rendering the component.\n     */\n    afterDraw(context, appStoreObj, params) {\n        // Hook for extending behavior after drawing\n    }\n\n    /**\n     * Refreshes the update promise for rendering lifecycle management.\n     */\n    refreshUpdatePromise() {\n        this.updateComplete = new Promise((resolve, reject) => {\n            this.finisPromise = resolve;\n            this.rejectPromise = reject;\n        });\n    }\n\n    /**\n     * Lifecycle method invoked when the component is connected to the DOM.\n     */\n    connectedCallback() {\n        this.drawingStatus = this.drawingStatuses.ATTACHED;\n\n        // RHR toto sa tiež týka slick routeru pretože on začal routovanie ešte pred vykreslením wjelementu\n        this.finisPromise = (resolve) => {\n            resolve();\n        };\n        this.rejectPromise = (reject) => {\n            reject();\n        };\n        this.refreshUpdatePromise();\n\n        this.renderPromise = this.initWjElement(true);\n    }\n\n    /**\n     * Initializes the component, setting up attributes and rendering.\n     * @param [force] Whether to force initialization.\n     * @returns A promise that resolves when initialization is complete.\n     */\n    initWjElement = (force = false) => {\n        return new Promise(async (resolve, reject) => {\n            this.drawingStatus = this.drawingStatuses.BEGINING;\n\n            this.setupAttributes?.();\n            if (this.hasShadowRoot) {\n                if (!this.shadowRoot) this.attachShadow({ mode: this.shadowType || 'open' });\n            }\n\n            this.setUpAccessors();\n\n            this.drawingStatus = this.drawingStatuses.START;\n            await this.display(force);\n\n            const sheet = new CSSStyleSheet();\n            sheet.replaceSync(this.constructor.cssStyleSheet);\n\n            this.context.adoptedStyleSheets = [sheet];\n\n            resolve();\n        });\n    };\n\n    /**\n     * Sets up attributes and event listeners for the component.\n     * This method retrieves all custom events defined for the component\n     * and adds event listeners for each of them. When an event is triggered,\n     * it calls the corresponding method on the host element.\n     */\n    setupAttributes() {\n        // Keď neaký element si zadefinuje funkciu \"setupAttributes\" tak sa obsah tejto funkcie nezavolá\n\n        let allEvents = WjElementUtils.getEvents(this);\n        allEvents.forEach((customEvent, domEvent) => {\n            this.addEventListener(domEvent, (e) => {\n                this.getRootNode().host[customEvent]?.();\n            });\n        });\n    }\n\n    /**\n     * Hook for extending behavior before disconnecting the component.\n     */\n    beforeDisconnect() {\n        // Hook for extending behavior before disconnecting\n    }\n\n    /**\n     * Hook for extending behavior after disconnecting the component.\n     */\n    afterDisconnect() {\n        // Hook for extending behavior after disconnecting\n    }\n\n    /**\n     * Hook for extending behavior before redrawing the component.\n     */\n    beforeRedraw() {\n        // Hook for extending behavior before redrawing\n    }\n\n    /**\n     * Cleans up resources and event listeners for the component.\n     */\n    componentCleanup() {\n        // Hook for cleaning up the component\n    }\n\n    /**\n     * Lifecycle method invoked when the component is disconnected from the DOM.\n     */\n    disconnectedCallback() {\n        this.beforeDisconnect?.();\n\n        if (this.isAttached) this.context.innerHTML = '';\n        this.isAttached = false;\n\n        this.afterDisconnect?.();\n\n        this.drawingStatus = this.drawingStatuses.DISCONNECTED;\n\n        this.componentCleanup();\n    }\n\n    /**\n     * Enqueues an update to the component.\n     * @returns A promise that resolves when the update is complete.\n     */\n    async enqueueUpdate() {\n        try {\n            if (this.renderPromise && this.renderPromise instanceof Promise) {\n                await this.renderPromise;\n            }\n        } catch (e) {\n            console.error('An error occurred:', e);\n            Promise.reject(e);\n        }\n        const result = this.refresh();\n\n        if (result !== null) {\n            await result;\n        }\n\n        this.renderPromise = null;\n    }\n\n    /**\n     * Lifecycle method invoked when an observed attribute changes.\n     * @param name The name of the attribute that changed.\n     * @param old The old value of the attribute.\n     * @param newName The new value of the attribute.\n     */\n    attributeChangedCallback(name, old, newName) {\n        if (old !== newName) {\n            this.renderPromise = this.enqueueUpdate();\n        }\n    }\n\n    /**\n     * Refreshes the component by reinitializing it if it is in a drawing state.\n     * This method checks if the component's drawing status is at least in the START state.\n     * If so, it performs the following steps:\n     * 1. Calls the `beforeRedraw` hook if defined.\n     * 2. Calls the `beforeDisconnect` hook if defined.\n     * 3. Refreshes the update promise to manage the rendering lifecycle.\n     * 4. Calls the `afterDisconnect` hook if defined.\n     * 5. Reinitializes the component by calling `initWjElement` with `true` to force initialization.\n     * If the component is not in a drawing state, it simply returns a resolved promise.\n     * @returns {Promise<void>} A promise that resolves when the refresh is complete.\n     */\n    refresh() {\n        if (this.drawingStatus && this.drawingStatus >= this.drawingStatuses.START) {\n            this.beforeRedraw?.();\n            this.beforeDisconnect?.();\n            this.refreshUpdatePromise();\n            this.afterDisconnect?.();\n\n            return this.initWjElement(true);\n        }\n\n        return Promise.resolve();\n    }\n\n    /**\n     * Renders the component within the provided context.\n     * @param context The rendering context, usually the element's shadow root or main DOM element.\n     * @param appStore The global application store for managing state.\n     * @param params Additional parameters or attributes for rendering the component.\n     * @returns This implementation does not render anything and returns `null`.\n     * @description\n     * The `draw` method is responsible for rendering the component's content.\n     * Override this method in subclasses to define custom rendering logic.\n     * @example\n     * class MyComponent extends WJElement {\n     *   draw(context, appStore, params) {\n     *     const div = document.createElement('div');\n     *     div.textContent = 'Hello, world!';\n     *     context.appendChild(div);\n     *   }\n     * }\n     */\n    draw(context, appStore, params) {\n        return null;\n    }\n\n    /**\n     * Displays the component's content, optionally forcing a re-render.\n     * @param [force] Whether to force a re-render.\n     * @returns A promise that resolves when the display is complete.\n     */\n    display(force = false) {\n        this.template = this.constructor.customTemplate || document.createElement('template');\n\n        if (force) {\n            [...this.context.childNodes].forEach(this.context.removeChild.bind(this.context));\n            this.isAttached = false;\n        }\n\n        this.context.append(this.template.content.cloneNode(true));\n\n        if (this.noShow || (this.isPermissionCheck && !WjePermissionsApi.isPermissionFulfilled(this.permission))) {\n            this.remove();\n            return Promise.resolve();\n        }\n\n        return this._resolveRender();\n    }\n\n    /**\n     * Renders the component's content.\n     */\n    async render() {\n        this.drawingStatus = this.drawingStatuses.DRAWING;\n\n        let _draw = this.draw(this.context, this.store, WjElementUtils.getAttributes(this));\n\n        if (_draw instanceof Promise) {\n            _draw = await _draw;\n        }\n\n        let rend = _draw;\n        let element;\n\n        if (rend instanceof HTMLElement || rend instanceof DocumentFragment) {\n            element = rend;\n        } else {\n            let inputTemplate = document.createElement('template');\n            inputTemplate.innerHTML = rend;\n            element = inputTemplate.content.cloneNode(true);\n        }\n\n        let rendered = element;\n\n        this.context.appendChild(rendered);\n    }\n\n    /**\n     * Sanitizes a given name by converting it from kebab-case to camelCase.\n     * @param {string} name The name in kebab-case format (e.g., \"example-name\").\n     * @returns {string} The sanitized name in camelCase format (e.g., \"exampleName\").\n     * @example\n     * // Returns 'exampleName'\n     * sanitizeName('example-name');\n     * @example\n     * // Returns 'myCustomComponent'\n     * sanitizeName('my-custom-component');\n     */\n    sanitizeName(name) {\n        let parts = name.split('-');\n        return [parts.shift(), ...parts.map((n) => n[0].toUpperCase() + n.slice(1))].join('');\n    }\n\n    /**\n     * Checks if a property on an object has a getter or setter method defined.\n     * @param {object} obj The object on which the property is defined.\n     * @param {string} property The name of the property to check.\n     * @returns {object} An object indicating the presence of getter and setter methods.\n     * @property {Function|null} hasGetter The getter function if it exists, otherwise `null`.\n     * @property {Function|null} hasSetter The setter function if it exists, otherwise `null`.\n     * @example\n     * const obj = {\n     *   get name() { return 'value'; },\n     *   set name(val) { console.log(val); }\n     * };\n     * // Returns { hasGetter: [Function: get name], hasSetter: [Function: set name] }\n     * checkGetterSetter(obj, 'name');\n     * @example\n     * const obj = { prop: 42 };\n     * // Returns { hasGetter: null, hasSetter: null }\n     * checkGetterSetter(obj, 'prop');\n     */\n    checkGetterSetter(obj, property) {\n        let descriptor = Object.getOwnPropertyDescriptor(obj, property);\n\n        // Check if the descriptor is found on the object itself\n        if (descriptor) {\n            return {\n                hasGetter: typeof descriptor.get === 'function' ? descriptor.get : null,\n                hasSetter: typeof descriptor.set === 'function' ? descriptor.set : null,\n            };\n        }\n\n        // Otherwise, check the prototype chain\n        let proto = Object.getPrototypeOf(obj);\n        if (proto) {\n            return this.checkGetterSetter(proto, property);\n        }\n\n        // If the property doesn't exist at all\n        return { hasGetter: null, hasSetter: null };\n    }\n\n    /**\n     * Sets up property accessors for the component's attributes.\n     */\n    setUpAccessors() {\n        let attrs = this.getAttributeNames();\n        attrs.forEach((name) => {\n            const sanitizedName = this.sanitizeName(name);\n\n            const { hasGetter, hasSetter } = this.checkGetterSetter(this, sanitizedName);\n\n            Object.defineProperty(this, sanitizedName, {\n                set: hasSetter ?? ((value) => this.setAttribute(name, value)),\n                get: hasGetter ?? (() => this.getAttribute(name)),\n            });\n        });\n    }\n\n    /**\n     * Resolves the rendering process of the component.\n     * @returns A promise that resolves when rendering is complete.\n     * @private\n     */\n    _resolveRender() {\n        this.params = WjElementUtils.getAttributes(this);\n\n        return new Promise(async (resolve, reject) => {\n            const __beforeDraw = this.beforeDraw(this.context, this.store, WjElementUtils.getAttributes(this));\n\n            if (__beforeDraw instanceof Promise) {\n                await __beforeDraw;\n            }\n\n            await this.render();\n\n            const __afterDraw = this.afterDraw?.(this.context, this.store, WjElementUtils.getAttributes(this));\n\n            if (__afterDraw instanceof Promise) {\n                await __afterDraw;\n            }\n\n            // RHR toto je bicykel pre slickRouter  pretože routovanie nieje vykonané pokiaľ sa nezavolá updateComplete promise,\n            // toto bude treba rozšíriť aby sme lepšie vedeli kontrolovať vykreslovanie elementov, a flow hookov.\n            this.finisPromise();\n\n            this.rendering = false;\n            this.isAttached = true;\n\n            if (this.removeClassAfterConnect) {\n                this.classList.remove(...this.removeClassAfterConnect);\n            }\n\n            this.drawingStatus = this.drawingStatuses.DONE;\n\n            resolve();\n        }).catch((e) => {\n            console.log(e);\n        });\n    }\n}\n\nlet __esModule = 'true';\nexport { __esModule, WjePermissionsApi, WjElementUtils, event };\n"],"names":["event"],"mappings":"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"}
+{"version":3,"file":"wje-element.js","sources":["../packages/wje-element/service/universal-service.js","../packages/utils/permissions-api.js","../packages/utils/element-utils.js","../packages/utils/event.js","../packages/wje-element/element.js"],"sourcesContent":["export class UniversalService {\n    constructor(props = {}) {\n        this._store = props.store;\n    }\n\n    findByKey = (attrName, key, keyValue) => {\n        if (this._store.getState()[attrName] instanceof Array) {\n            return this._store.getState()[attrName].find((item) => item[key] === keyValue);\n        } else {\n            console.warn(` Attribute ${attrName} is not array`);\n            return null;\n        }\n    };\n\n    findById = (attrName, id) => {\n        if (this._store.getState()[attrName] instanceof Array) {\n            return this._store.getState()[attrName].find((item) => item.id === id);\n        } else {\n            console.warn(` Attribute ${attrName} is not array`);\n            return null;\n        }\n    };\n\n    findAttributeValue = (attrName) => {\n        return this._store.getState()[attrName];\n    };\n\n    update = (data, action) => {\n        this._store.dispatch(action(data));\n    };\n\n    add = (data, action) => {\n        this._store.dispatch(action(data));\n    };\n\n    _save(url, data, action, dispatchMethod, method) {\n        let promise = fetch(url, {\n            method: method,\n            body: JSON.stringify(data),\n            headers: {\n                'Content-Type': 'application/json',\n            },\n        }).then((response) => {\n            if (response.ok) {\n                return response.json();\n            } else {\n                return response.json();\n            }\n        });\n\n        return this.dispatch(promise, dispatchMethod, action);\n    }\n\n    _get(url, action, dispatchMethod, signal) {\n        let promise = fetch(url, {\n            method: 'GET',\n            headers: {\n                'Content-Type': 'application/json',\n            },\n            ...(signal ? { signal } : {}),\n        }).then(async (response) => {\n            let responseText;\n            try {\n                responseText = await response.text();\n                return JSON.parse(responseText);\n            } catch (err) {\n                console.error(err);\n                return responseText;\n            }\n        });\n\n        return this.dispatch(promise, dispatchMethod, action);\n    }\n\n    put(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'PUT');\n    }\n\n    post(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'POST');\n    }\n\n    delete(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'DELETE');\n    }\n\n    get(url, action, dispatchMethod = true) {\n        return this._get(url, action, dispatchMethod);\n    }\n\n    dispatch(promise, dispatchMethod, action) {\n        if (dispatchMethod) {\n            return promise\n                .then((data) => {\n                    this._store.dispatch(action(data.data));\n                    return data;\n                })\n                .catch((error) => {\n                    console.error(error);\n                });\n        }\n        return promise;\n    }\n\n    loadPromise = (\n        url,\n        action,\n        method = 'GET',\n        data = '',\n        permissionCallBack = () => {\n            //\n            // No empty function\n        }\n    ) => {\n        return fetch(url, {\n            method: method,\n            body: data,\n            headers: {\n                'Content-Type': 'application/json',\n            },\n            async: true,\n        })\n            .then((response, e) => {\n                let permissions = response.headers.get('permissions')?.split(',');\n                permissionCallBack(permissions);\n\n                if (response.ok) {\n                    return response.json();\n                } else {\n                    throw response.json();\n                }\n            })\n            .then((responseData) => {\n                this._store.dispatch(action(responseData));\n                return responseData;\n            });\n    };\n\n    loadOnePromise = (url, action) => {\n        return fetch(url, {\n            headers: {\n                'Content-Type': 'application/json',\n            },\n        }).then((response) => {\n            const responseData = response.json();\n            if (action) {\n                this._store.dispatch(action(responseData));\n            }\n            return responseData;\n        });\n    };\n}\n","export class WjePermissionsApi {\n    static _permissionKey = 'permissions';\n\n    /**\n     * Sets the permission key.\n     * @param value\n     */\n    static set permissionKey(value) {\n        WjePermissionsApi._permissionKey = value || 'permissions';\n    }\n\n    /**\n     * Returns the permission key.\n     * @returns {*|string}\n     */\n    static get permissionKey() {\n        return WjePermissionsApi._permissionKey;\n    }\n\n    /**\n     * Sets the permissions.\n     * @param value\n     */\n    static set permissions(value) {\n        window.localStorage.setItem(WjePermissionsApi.permissionKey, JSON.stringify(value));\n    }\n\n    /**\n     * Returns the permissions.\n     * @returns {string[]}\n     */\n    static get permissions() {\n        return JSON.parse(window.localStorage.getItem(WjePermissionsApi.permissionKey)) || [];\n    }\n\n    /**\n     * Checks if the permission is included.\n     * @param key\n     * @returns {boolean}\n     */\n    static includesKey(key) {\n        return WjePermissionsApi.permissions.includes(key);\n    }\n\n    /**\n     * Checks if the permission is fulfilled.\n     * @returns {boolean}\n     */\n    static isPermissionFulfilled(permissions) {\n        return permissions.some((perm) => WjePermissionsApi.permissions.includes(perm));\n    }\n}\n","export class WjElementUtils {\n    /**\n     * This function creates an element.\n     * @param element : HTMLElement - The element value.\n     * @param object : Object - The object value.\n     */\n    static setAttributesToElement(element, object) {\n        Object.entries(object).forEach(([key, value]) => {\n            element.setAttribute(key, value);\n        });\n    }\n\n    /**\n     * This function gets the attributes from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve attributes from.\n     * @returns {object} - An object containing the element's attributes as key-value pairs.\n     */\n    static getAttributes(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => !a.name.startsWith('@'))\n            .map((a) => [\n                a.name\n                    .split('-')\n                    .map((s, i) => {\n                        if (i !== 0) {\n                            return s.charAt(0).toUpperCase() + s.slice(1);\n                        } else {\n                            return s;\n                        }\n                    })\n                    .join(''),\n                a.value,\n            ])\n            .reduce((acc, attr) => {\n                acc[attr[0]] = attr[1];\n                return acc;\n            }, {});\n    }\n\n    /**\n     * This function gets the events from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve events from.\n     * @returns {Map<any, any>} - The map value.\n     */\n    static getEvents(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => a.name.startsWith('@wje'))\n            .map((a) => [a.name.substring(3).split('-').join(''), a.value])\n            .reduce((acc, attr) => {\n                acc.set(attr[0], attr[1]);\n                return acc;\n            }, new Map());\n    }\n\n    /**\n     * This function converts an object to a string.\n     * @param {object} object The object to convert.\n     * @returns {string} - The string value.\n     */\n    static attributesToString(object) {\n        return Object.entries(object)\n            .map(([key, value]) => {\n                return `${key}=\"${value}\"`;\n            })\n            .join(' ');\n    }\n\n    /**\n     * This function checks if the slot exists.\n     * @param {string|HTMLElement} el The element or selector to check for slots.\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlot(el, slotName = null) {\n        let selector = slotName ? `[slot=\"${slotName}\"]` : '[slot]';\n\n        return el.querySelectorAll(selector).length > 0 ? true : false;\n    }\n\n    /**\n     * This function checks if the slot has content.\n     * @param {string|HTMLElement} el The element or selector to check for slot content\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlotContent(el, slotName = null) {\n        let slotElement = el.querySelector(`slot`);\n        if (slotName) {\n            slotElement = el.querySelector(`slot[name=\"${slotName}\"]`);\n        }\n\n        if (slotElement) {\n            const assignedElements = slotElement.assignedElements();\n            return assignedElements.length > 0;\n        }\n\n        return false;\n    }\n\n    /**\n     * This function converts a string to a boolean.\n     * @param {string | object} value The value to convert to a boolean. If the value is a boolean, it will be returned as is.\n     * @returns {boolean} - The boolean value.\n     */\n    static stringToBoolean(value) {\n        if (typeof value === 'boolean') return value;\n\n        return !['false', '0', 0].includes(value);\n    }\n}\n","var self; // eslint-disable-line no-var\n\nclass Event {\n    constructor() {\n        this.customEventStorage = [];\n        self = this;\n    }\n\n    /**\n     * Dispatch event to the element and trigger the listener.\n     * @param e\n     */\n    #dispatch(e) {\n        let element = this;\n        let record = self.findRecordByElement(element);\n        let listeners = record.listeners[e.type];\n\n        listeners.forEach((listener) => {\n            self.dispatchCustomEvent(element, listener.event, {\n                originalEvent: e?.type || null,\n                context: element,\n                event: self,\n            });\n\n            if (listener.options && listener.options.stopPropagation === true) e.stopPropagation();\n        });\n    }\n\n    /**\n     * Dispatch custom event to the element with the specified event name and detail.\n     * @param element\n     * @param event\n     * @param detail\n     */\n    dispatchCustomEvent(element, event, detail) {\n        element.dispatchEvent(\n            new CustomEvent(event, {\n                detail: detail || {\n                    context: element,\n                    event: self,\n                },\n                bubbles: true,\n                composed: true,\n                cancelable: true,\n            })\n        );\n    }\n\n    /**\n     * Find record by element in the storage.\n     * @param element\n     * @returns {*}\n     */\n\n    findRecordByElement(element) {\n        for (let index = 0, length = this.customEventStorage.length; index < length; index++) {\n            let record = this.customEventStorage[index];\n\n            if (element === record.element) {\n                return record;\n            }\n        }\n\n        return false;\n    }\n\n    /**\n     * Add listener to the element. If the element is an array, the listener will be added to all elements in the array.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    addListener(element, originalEvent, event, listener, options) {\n        if (!element) return;\n\n        if (!Array.isArray(element)) element = [element];\n\n        element.forEach((el) => {\n            this.writeRecord(el, originalEvent, event, listener, options);\n        });\n    }\n\n    /**\n     * Write record to the storage.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    writeRecord(element, originalEvent, event, listener, options) {\n        let record = this.findRecordByElement(element);\n\n        if (record) {\n            record.listeners[originalEvent] = record.listeners[originalEvent] || [];\n        } else {\n            record = {\n                element: element,\n                listeners: {},\n            };\n\n            // vytvorime object listeners pre kazdy original event zvlast\n            record.listeners[originalEvent] = [];\n\n            this.customEventStorage.push(record);\n        }\n\n        listener = listener || this.#dispatch;\n        let obj = {\n            listener: listener,\n            options: options,\n            event: event,\n        };\n\n        // skontrolujeme ci uz tento listener neexistuje\n        if (!this.listenerExists(element, originalEvent, obj)) {\n            record.listeners[originalEvent].push(obj);\n\n            element.addEventListener(originalEvent, listener, options);\n        } else {\n            // in case we want to add the same listener multiple times trigger a warning for a better debugging\n            // console.warn(\"Listener already exists\", element, originalEvent, listener);\n        }\n    }\n\n    /**\n     * Performs a deep equality check between two objects.\n     * @param x The first object to compare.\n     * @param y The second object to compare.\n     * @returns - Returns `true` if the objects are deeply equal, `false` otherwise.\n     */\n    deepEqual(x, y) {\n        return x && y && typeof x === 'object' && typeof x === typeof y\n            ? Object.keys(x).length === Object.keys(y).length &&\n                  Object.keys(x).every((key) => this.deepEqual(x[key], y[key]))\n            : x === y;\n    }\n\n    /**\n     * Check if the listener already exists on the element.\n     * @param element\n     * @param event\n     * @param listener\n     * @returns\n     */\n    listenerExists(element, event, listener) {\n        let record = this.findRecordByElement(element);\n        return record.listeners[event].some((e) => this.deepEqual(e, listener));\n    }\n\n    /**\n     * Remove listener from the element and delete the listener from the custom event storage.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    removeListener(element, originalEvent, event, listener, options) {\n        let record = this.findRecordByElement(element);\n\n        if (record && originalEvent in record.listeners) {\n            let index = record.listeners[originalEvent].indexOf(listener);\n\n            if (index !== -1) {\n                record.listeners[originalEvent].splice(index, 1);\n            }\n\n            if (!record.listeners[originalEvent].length) {\n                delete record.listeners[originalEvent];\n            }\n        }\n\n        listener = listener || this.#dispatch;\n\n        element.removeEventListener(originalEvent, listener, options);\n    }\n\n    /**\n     * Remove all event listeners from the specified element and delete the element from the custom event storage.\n     * @param {HTMLElement} element The element from which all listeners will be removed.\n     */\n    removeElement(element) {\n        this.customEventStorage = this.customEventStorage.filter((e) => {\n            return e.element !== element;\n        });\n    }\n\n    // TODO\n    createPromiseFromEvent(element, event) {\n        return new Promise((resolve) => {\n            let success = () => {\n                element.removeEventListener(event, success);\n                resolve();\n            };\n\n            element.addEventListener(event, success);\n        });\n    }\n}\n\nlet event = new Event();\nexport { event };\n","import { UniversalService } from './service/universal-service.js';\nimport { defaultStoreActions, store } from '../wje-store/store.js';\nimport { WjePermissionsApi } from '../utils/permissions-api.js';\nimport { WjElementUtils } from '../utils/element-utils.js';\nimport { event } from '../utils/event.js';\n\nconst template = document.createElement('template');\ntemplate.innerHTML = ``;\n\nexport default class WJElement extends HTMLElement {\n    /**\n     * Initializes a new instance of the WJElement class.\n     */\n\n    constructor() {\n        super();\n\n        this.isAttached = false;\n        this.service = new UniversalService({\n            store: store,\n        });\n\n        // definujeme vsetky zavislosti.\n        // Do zavislosti patria len komponenty, ktore su zavisle od ktoreho je zavisly tento komponent\n        this.defineDependencies();\n\n        this.rendering = false;\n        this._dependencies = {};\n\n        /**\n         * @typedef {CREATED | ATTACHED | BEGINING | START | DRAWING | DONE | DISCONNECTED} DrawingStatus\n         * @property {number} CREATED - The component has been created.\n         * @property {number} ATTACHED - The component has been attached to the DOM.\n         * @property {number} BEGINING - The component is beginning to draw.\n         * @property {number} START - The component has started drawing.\n         * @property {number} DRAWING - The component is drawing.\n         * @property {number} DONE - The component has finished drawing.\n         * @property {number} DISCONNECTED - The component has been disconnected from the DOM.\n         */\n        this.drawingStatuses = {\n            CREATED: 0,\n            ATTACHED: 1,\n            BEGINING: 2,\n            START: 3,\n            DRAWING: 4,\n            DONE: 5,\n            DISCONNECTED: 6,\n        };\n\n        this.drawingStatus = this.drawingStatuses.CREATED;\n    }\n\n    /**\n     * Sets the value of the 'permission' attribute.\n     * @param {string[]} value The value to set for the 'permission' attribute.\n     */\n    set permission(value) {\n        this.setAttribute('permission', value.join(','));\n    }\n\n    /**\n     * Gets the value of the 'permission-check' attribute.\n     * @returns {string[]} The value of the 'permission' attribute.\n     */\n    get permission() {\n        return this.getAttribute('permission')?.split(',') || [];\n    }\n\n    /**\n     * Sets the 'permission-check' attribute.\n     * @param {boolean} value The value to set for the 'permission-check' attribute.\n     */\n    set isPermissionCheck(value) {\n        if (value) this.setAttribute('permission-check', '');\n        else this.removeAttribute('permission-check');\n    }\n\n    /**\n     * Checks if the 'permission-check' attribute is present.\n     * @returns {boolean} True if the 'permission-check' attribute is present.\n     */\n    get isPermissionCheck() {\n        return this.hasAttribute('permission-check');\n    }\n\n    set noShow(value) {\n        if (value) this.setAttribute('no-show', '');\n        else this.removeAttribute('no-show');\n    }\n\n    /**\n     * Checks if the 'show' attribute is present.\n     * @returns {boolean} True if the 'show' attribute is present.\n     */\n    get noShow() {\n        return this.hasAttribute('no-show');\n    }\n\n    /**\n     * Sets the 'shadow' attribute.\n     * @param {string} value The value to set for the 'shadow' attribute.\n     */\n    set isShadowRoot(value) {\n        return this.setAttribute('shadow', value);\n    }\n\n    get isShadowRoot() {\n        return this.getAttribute('shadow');\n    }\n\n    /**\n     * Checks if the 'shadow' attribute is present.\n     * @returns {boolean} True if the 'shadow' attribute is present.\n     */\n    get hasShadowRoot() {\n        return this.hasAttribute('shadow');\n    }\n\n    /**\n     * Gets the value of the 'shadow' attribute or 'open' if not set.\n     * @returns {string} The value of the 'shadow' attribute or 'open'.\n     */\n    get shadowType() {\n        return this.getAttribute('shadow') || 'open';\n    }\n\n    /**\n     * Gets the rendering context, either the shadow root or the component itself.\n     * @returns The rendering context.\n     */\n    get context() {\n        if (this.hasShadowRoot) {\n            return this.shadowRoot;\n        } else {\n            return this;\n        }\n    }\n\n    /**\n     * Gets the store instance.\n     * @returns {object} The store instance.\n     */\n    get store() {\n        return store;\n    }\n\n    /**\n     * @typedef {object} ArrayActions\n     * @property {Function} addAction - Adds an item to the array.\n     * @property {Function} deleteAction - Deletes an item from the array.\n     * @property {Function} loadAction - Loads an array.\n     * @property {Function} updateAction - Updates an item in the array.\n     * @property {Function} addManyAction - Adds many items to the array.\n     */\n\n    /**\n     * @typedef {object} ObjectActions\n     * @property {Function} addAction - Replace old object with new object\n     * @property {Function} deleteAction - Delete item based on key\n     * @property {Function} updateAction - Update item based on key\n     */\n\n    /**\n     * Gets the default store actions.\n     * @returns The default store actions for arrays and objects.\n     */\n    get defaultStoreActions() {\n        return defaultStoreActions;\n    }\n\n    /**\n     * Gets the classes to be removed after the component is connected.\n     * @returns An array of class names to remove.\n     */\n    get removeClassAfterConnect() {\n        return this.getAttribute('remove-class-after-connect')?.split(' ');\n    }\n\n    /**\n     * Sets the component dependencies.\n     * @param value The dependencies to set.\n     */\n    set dependencies(value) {\n        this._dependencies = value;\n    }\n\n    /**\n     * Gets the component dependencies.\n     * @returns The component dependencies.\n     */\n    get dependencies() {\n        return this._dependencies;\n    }\n\n    /**\n     * Processes and combines two templates into one.\n     * @param pTemplate The primary template.\n     * @param inputTemplate The secondary template.\n     * @returns The combined template.\n     */\n    static processTemplates = (pTemplate, inputTemplate) => {\n        const newTemplate = document.createElement('template');\n        newTemplate.innerHTML = [inputTemplate.innerHTML, pTemplate?.innerHTML || ''].join('');\n        return newTemplate;\n    };\n\n    /**\n     * Defines a custom element if not already defined.\n     * @param name The name of the custom element.\n     * @param [elementConstructor] The constructor for the custom element.\n     * @param [options] Additional options for defining the element.\n     */\n    static define(name, elementConstructor = this, options = {}) {\n        const definedElement = customElements.get(name);\n\n        if (!definedElement) {\n            customElements.define(name, elementConstructor, options);\n        }\n    }\n\n    /**\n     * Defines component dependencies by registering custom elements.\n     */\n    defineDependencies() {\n        if (this.dependencies)\n            Object.entries(this.dependencies).forEach((name, component) => WJElement.define(name, component));\n    }\n\n    /**\n     * Hook for extending behavior before drawing the component.\n     * @param context The rendering context, usually the element's shadow root or main DOM element.\n     * @param appStoreObj The global application store for managing state.\n     * @param params Additional parameters or attributes for rendering the component.\n     */\n    beforeDraw(context, appStoreObj, params) {\n        // Hook for extending behavior before drawing\n    }\n\n    /**\n     * Renders the component within the provided context.\n     * @param context The rendering context, usually the element's shadow root or main DOM element.\n     * @param appStoreObj\n     * @param params Additional parameters or attributes for rendering the component.\n     * @returns This implementation does not render anything and returns `null`.\n     * @description\n     * The `draw` method is responsible for rendering the component's content.\n     * Override this method in subclasses to define custom rendering logic.\n     * @example\n     * class MyComponent extends WJElement {\n     *   draw(context, appStoreObj, params) {\n     *     const div = document.createElement('div');\n     *     div.textContent = 'Hello, world!';\n     *     context.appendChild(div);\n     *   }\n     * }\n     */\n    draw(context, appStoreObj, params) {\n        return null;\n    }\n\n    /**\n     * Hook for extending behavior after drawing the component.\n     * @param context The rendering context, usually the element's shadow root or main DOM element.\n     * @param appStoreObj The global application store for managing state.\n     * @param params Additional parameters or attributes for rendering the component.\n     */\n    afterDraw(context, appStoreObj, params) {\n        // Hook for extending behavior after drawing\n    }\n\n    /**\n     * Refreshes the update promise for rendering lifecycle management.\n     */\n    refreshUpdatePromise() {\n        if (this.updateComplete) {\n            this.rejectPromise('Update cancelled');\n        }\n\n        this.updateComplete = new Promise((resolve, reject) => {\n            this.finisPromise = resolve;\n            this.rejectPromise = reject;\n        });\n    }\n\n    /**\n     * Lifecycle method invoked when the component is connected to the DOM.\n     */\n    connectedCallback() {\n        this.drawingStatus = this.drawingStatuses.ATTACHED;\n\n        // RHR toto sa tiež týka slick routeru pretože on začal routovanie ešte pred vykreslením wjelementu\n        this.refreshUpdatePromise();\n\n        this.renderPromise = this.initWjElement(true);\n    }\n\n    /**\n     * Initializes the component, setting up attributes and rendering.\n     * @param [force] Whether to force initialization.\n     * @returns A promise that resolves when initialization is complete.\n     */\n    initWjElement = (force = false) => {\n        return new Promise(async (resolve, reject) => {\n            this.drawingStatus = this.drawingStatuses.BEGINING;\n\n            this.setupAttributes?.();\n            if (this.hasShadowRoot) {\n                if (!this.shadowRoot) this.attachShadow({ mode: this.shadowType || 'open' });\n            }\n\n            this.setUpAccessors();\n\n            this.drawingStatus = this.drawingStatuses.START;\n            await this.display(force);\n\n            resolve();\n        });\n    };\n\n    /**\n     * Sets up attributes and event listeners for the component.\n     * This method retrieves all custom events defined for the component\n     * and adds event listeners for each of them. When an event is triggered,\n     * it calls the corresponding method on the host element.\n     */\n    setupAttributes() {\n        // Keď neaký element si zadefinuje funkciu \"setupAttributes\" tak sa obsah tejto funkcie nezavolá\n\n        let allEvents = WjElementUtils.getEvents(this);\n        allEvents.forEach((customEvent, domEvent) => {\n            this.addEventListener(domEvent, (e) => {\n                this.getRootNode().host[customEvent]?.();\n            });\n        });\n    }\n\n    /**\n     * Hook for extending behavior before disconnecting the component.\n     */\n    beforeDisconnect() {\n        // Hook for extending behavior before disconnecting\n    }\n\n    /**\n     * Hook for extending behavior after disconnecting the component.\n     */\n    afterDisconnect() {\n        // Hook for extending behavior after disconnecting\n    }\n\n    /**\n     * Hook for extending behavior before redrawing the component.\n     */\n    beforeRedraw() {\n        // Hook for extending behavior before redrawing\n    }\n\n    /**\n     * Cleans up resources and event listeners for the component.\n     */\n    componentCleanup() {\n        // Hook for cleaning up the component\n    }\n\n    /**\n     * Lifecycle method invoked when the component is disconnected from the DOM.\n     */\n    disconnectedCallback() {\n        this.beforeDisconnect?.();\n\n        if (this.isAttached) this.context.innerHTML = '';\n        this.isAttached = false;\n\n        this.afterDisconnect?.();\n\n        this.drawingStatus = this.drawingStatuses.DISCONNECTED;\n\n        this.componentCleanup();\n    }\n\n\n    async processCurrentRenderPromise() {\n        try {\n            if (this.renderPromise && (this.renderPromise instanceof Promise || this.renderPromise?.constructor.name === \"Promise\")) {\n                await this.renderPromise;\n            }\n        } catch (e) {\n            console.error('An error occurred:', e);\n            Promise.reject(e);\n        }\n    }\n\n    /**\n     * Enqueues an update to the component.\n     * @returns A promise that resolves when the update is complete.\n     */\n    async enqueueUpdate() {\n        await this.processCurrentRenderPromise();\n\n        const result = this._refresh();\n\n        if (result !== null) {\n            await result;\n        }\n\n        this.renderPromise = null;\n    }\n\n    /**\n     * Lifecycle method invoked when an observed attribute changes.\n     * @param name The name of the attribute that changed.\n     * @param old The old value of the attribute.\n     * @param newName The new value of the attribute.\n     */\n    attributeChangedCallback(name, old, newName) {\n        if (old !== newName) {\n            this.renderPromise = this.enqueueUpdate();\n        }\n    }\n\n    refresh() {\n        this.renderPromise = this.enqueueUpdate();\n    }\n\n    /**\n     * Refreshes the component by reinitializing it if it is in a drawing state.\n     * This method checks if the component's drawing status is at least in the START state.\n     * If so, it performs the following steps:\n     * 1. Calls the `beforeRedraw` hook if defined.\n     * 2. Calls the `beforeDisconnect` hook if defined.\n     * 3. Refreshes the update promise to manage the rendering lifecycle.\n     * 4. Calls the `afterDisconnect` hook if defined.\n     * 5. Reinitializes the component by calling `initWjElement` with `true` to force initialization.\n     * If the component is not in a drawing state, it simply returns a resolved promise.\n     * @returns {Promise<void>} A promise that resolves when the refresh is complete.\n     */\n    _refresh() {\n        if (this.drawingStatus && this.drawingStatus >= this.drawingStatuses.START) {\n            this.beforeRedraw?.();\n            this.beforeDisconnect?.();\n            this.refreshUpdatePromise();\n            this.afterDisconnect?.();\n\n            return this.initWjElement(true);\n        }\n\n        return Promise.resolve();\n    }\n\n    /**\n     * Renders the component within the provided context.\n     * @param context The rendering context, usually the element's shadow root or main DOM element.\n     * @param appStore The global application store for managing state.\n     * @param params Additional parameters or attributes for rendering the component.\n     * @returns This implementation does not render anything and returns `null`.\n     * @description\n     * The `draw` method is responsible for rendering the component's content.\n     * Override this method in subclasses to define custom rendering logic.\n     * @example\n     * class MyComponent extends WJElement {\n     *   draw(context, appStore, params) {\n     *     const div = document.createElement('div');\n     *     div.textContent = 'Hello, world!';\n     *     context.appendChild(div);\n     *   }\n     * }\n     */\n    draw(context, appStore, params) {\n        return null;\n    }\n\n    /**\n     * Displays the component's content, optionally forcing a re-render.\n     * @param [force] Whether to force a re-render.\n     * @returns A promise that resolves when the display is complete.\n     */\n    display(force = false) {\n        this.template = this.constructor.customTemplate || document.createElement('template');\n\n        if (force) {\n            [...this.context.childNodes].forEach(this.context.removeChild.bind(this.context));\n            this.isAttached = false;\n        }\n\n        this.context.append(this.template.content.cloneNode(true));\n\n        if (this.noShow || (this.isPermissionCheck && !WjePermissionsApi.isPermissionFulfilled(this.permission))) {\n            this.remove();\n            return Promise.resolve();\n        }\n\n        return this._resolveRender();\n    }\n\n    /**\n     * Renders the component's content.\n     */\n    async render() {\n        this.drawingStatus = this.drawingStatuses.DRAWING;\n\n        let _draw = this.draw(this.context, this.store, WjElementUtils.getAttributes(this));\n\n        if (_draw instanceof Promise || _draw?.constructor.name === \"Promise\") {\n            _draw = await _draw;\n        }\n\n        let rend = _draw;\n        let element;\n\n        if (rend instanceof HTMLElement || rend instanceof DocumentFragment) {\n            element = rend;\n        } else {\n            let inputTemplate = document.createElement('template');\n            inputTemplate.innerHTML = rend;\n            element = inputTemplate.content.cloneNode(true);\n        }\n\n        let rendered = element;\n\n        this.context.appendChild(rendered);\n    }\n\n    /**\n     * Sanitizes a given name by converting it from kebab-case to camelCase.\n     * @param {string} name The name in kebab-case format (e.g., \"example-name\").\n     * @returns {string} The sanitized name in camelCase format (e.g., \"exampleName\").\n     * @example\n     * // Returns 'exampleName'\n     * sanitizeName('example-name');\n     * @example\n     * // Returns 'myCustomComponent'\n     * sanitizeName('my-custom-component');\n     */\n    sanitizeName(name) {\n        let parts = name.split('-');\n        return [parts.shift(), ...parts.map((n) => n[0].toUpperCase() + n.slice(1))].join('');\n    }\n\n    /**\n     * Checks if a property on an object has a getter or setter method defined.\n     * @param {object} obj The object on which the property is defined.\n     * @param {string} property The name of the property to check.\n     * @returns {object} An object indicating the presence of getter and setter methods.\n     * @property {Function|null} hasGetter The getter function if it exists, otherwise `null`.\n     * @property {Function|null} hasSetter The setter function if it exists, otherwise `null`.\n     * @example\n     * const obj = {\n     *   get name() { return 'value'; },\n     *   set name(val) { console.log(val); }\n     * };\n     * // Returns { hasGetter: [Function: get name], hasSetter: [Function: set name] }\n     * checkGetterSetter(obj, 'name');\n     * @example\n     * const obj = { prop: 42 };\n     * // Returns { hasGetter: null, hasSetter: null }\n     * checkGetterSetter(obj, 'prop');\n     */\n    checkGetterSetter(obj, property) {\n        let descriptor = Object.getOwnPropertyDescriptor(obj, property);\n\n        // Check if the descriptor is found on the object itself\n        if (descriptor) {\n            return {\n                hasGetter: typeof descriptor.get === 'function' ? descriptor.get : null,\n                hasSetter: typeof descriptor.set === 'function' ? descriptor.set : null,\n            };\n        }\n\n        // Otherwise, check the prototype chain\n        let proto = Object.getPrototypeOf(obj);\n        if (proto) {\n            return this.checkGetterSetter(proto, property);\n        }\n\n        // If the property doesn't exist at all\n        return { hasGetter: null, hasSetter: null };\n    }\n\n    /**\n     * Sets up property accessors for the component's attributes.\n     */\n    setUpAccessors() {\n        let attrs = this.getAttributeNames();\n        attrs.forEach((name) => {\n            const sanitizedName = this.sanitizeName(name);\n\n            const { hasGetter, hasSetter } = this.checkGetterSetter(this, sanitizedName);\n\n            Object.defineProperty(this, sanitizedName, {\n                set: hasSetter ?? ((value) => this.setAttribute(name, value)),\n                get: hasGetter ?? (() => this.getAttribute(name)),\n            });\n        });\n    }\n\n    /**\n     * Resolves the rendering process of the component.\n     * @returns A promise that resolves when rendering is complete.\n     * @private\n     */\n    _resolveRender() {\n        this.params = WjElementUtils.getAttributes(this);\n\n        return new Promise(async (resolve, reject) => {\n            const __beforeDraw = this.beforeDraw(this.context, this.store, WjElementUtils.getAttributes(this));\n\n            if (__beforeDraw instanceof Promise || __beforeDraw?.constructor.name === \"Promise\") {\n                await __beforeDraw;\n            }\n\n            // APPEND CSS HERE\n            const sheet = new CSSStyleSheet();\n            sheet.replaceSync(this.constructor.cssStyleSheet);\n\n            this.context.adoptedStyleSheets = [sheet];\n\n            await this.render();\n\n            const __afterDraw = this.afterDraw?.(this.context, this.store, WjElementUtils.getAttributes(this));\n\n            if (__afterDraw instanceof Promise || __afterDraw?.constructor.name === \"Promise\") {\n                await __afterDraw;\n            }\n\n            // RHR toto je bicykel pre slickRouter  pretože routovanie nieje vykonané pokiaľ sa nezavolá updateComplete promise,\n            // toto bude treba rozšíriť aby sme lepšie vedeli kontrolovať vykreslovanie elementov, a flow hookov.\n            this.finisPromise();\n\n            this.rendering = false;\n            this.isAttached = true;\n\n            if (this.removeClassAfterConnect) {\n                this.classList.remove(...this.removeClassAfterConnect);\n            }\n\n            this.drawingStatus = this.drawingStatuses.DONE;\n\n            resolve();\n        }).catch((e) => {\n            console.log(e);\n        });\n    }\n}\n\nlet __esModule = 'true';\nexport { __esModule, WjePermissionsApi, WjElementUtils, event };\n"],"names":["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.144",
+  "version": "0.1.146",
   "homepage": "https://github.com/lencys/wj-elements",
   "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
   "license": "MIT",
@@ -44,6 +44,7 @@
     "lint:fix": "eslint packages --max-warnings 0 --fix",
     "prettier": "prettier --write ./packages",
     "test:animation": "web-test-runner --files packages/wje-animation/animation.test.js",
+    "test:avatar": "web-test-runner --files packages/wje-avatar/avatar.test.js",
     "test:badge": "web-test-runner --files packages/wje-badge/badge.test.js",
     "test:breadcrumbs": "web-test-runner --files packages/wje-breadcrumbs/breadcrumbs.test.js",
     "test:button": "web-test-runner --files packages/wje-button/button.test.js",