wj-elements 0.1.162 → 0.1.164

package/dist/{infinite-scroll.element-DXzh2umi.js → infinite-scroll.element-CasKXuGZ.js}

@@ -1,6 +1,14 @@
 var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _drawnItems, _loadedItems, _response, _infiniteScrollTemplate, _abortController, _signal, _loading;
 import WJElement, { WjElementUtils, event } from "./wje-element.js";
 const styles = "/*\n[ Wj infinite Scroll ]\n*/\n\n:host {\n    overflow-x: auto;\n    width: var(--wje-infinite-scroll-width);\n    height: var(--wje-infinite-scroll-height);\n    display: block;\n}\n\n.native {\n    /*position: relative;*/\n}\n\n.loading {\n    position: sticky;\n    display: none;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: 9999;\n    background-color: var(--wje-infinite-scroll-loading-bg);\n    &.show {\n        display: flex;\n    }\n}\n\n[name='ending'] {\n    display: none;\n    margin-top: 1rem;\n    text-align: center;\n}\n\n[name='ending'].show {\n    display: block;\n}\n";
 class InfiniteScroll extends WJElement {
@@ -9,6 +17,13 @@ class InfiniteScroll extends WJElement {
    */
   constructor() {
     super();
+    __privateAdd(this, _drawnItems);
+    __privateAdd(this, _loadedItems);
+    __privateAdd(this, _response);
+    __privateAdd(this, _infiniteScrollTemplate);
+    __privateAdd(this, _abortController);
+    __privateAdd(this, _signal);
+    __privateAdd(this, _loading);
     __publicField(this, "className", "InfiniteScroll");
     /**
      * Attaches a scroll event listener to the current object.
@@ -50,7 +65,7 @@ class InfiniteScroll extends WJElement {
       const { scrollTop, scrollHeight, clientHeight } = e.target;
       if (scrollTop + clientHeight >= scrollHeight - 300 && this.currentPage <= this.totalPages && this.isLoading.includes(this.currentPage)) {
         this.currentPage++;
-        this._loading = this.loadPages(this.currentPage);
+        __privateSet(this, _loading, this.loadPages(this.currentPage));
       }
     });
     __publicField(this, "compareFunction", (i, item) => i.id === item.id);
@@ -77,7 +92,9 @@ class InfiniteScroll extends WJElement {
     __publicField(this, "customForeach", (data) => {
       data.forEach((item) => {
         let element = this.dataToHtml(item);
-        this._dataToElementWeakMap.set(element, item);
+        let symbol = Symbol("infinite-scroll-item");
+        element[symbol] = item;
+        item[symbol] = element;
         event.addListener(element, "click", "wje-infinite-scroll:click-item", null);
         this.placementObj.insertAdjacentElement("beforeend", element);
       });
@@ -107,43 +124,41 @@ class InfiniteScroll extends WJElement {
     });
     this.totalPages = 0;
     this.isLoading = [];
-    this._response = {};
+    __privateSet(this, _response, {});
     this.iterate = null;
-    this._infiniteScrollTemplate = null;
-    this._abortController = new AbortController();
-    this._signal = this._abortController.signal;
-    this._dataToElementWeakMap = /* @__PURE__ */ new WeakMap();
-    this._drawnItems = [];
-    this._loadedItems = [];
-    this._actualDrawnIndex = 0;
+    __privateSet(this, _infiniteScrollTemplate, null);
+    __privateSet(this, _abortController, new AbortController());
+    __privateSet(this, _signal, __privateGet(this, _abortController).signal);
+    __privateSet(this, _drawnItems, []);
+    __privateSet(this, _loadedItems, []);
   }
   /**
    * Dependencies of the InfiniteScroll component.
    * @param value
    */
   set infiniteScrollTemplate(value) {
-    this._infiniteScrollTemplate = value;
+    __privateSet(this, _infiniteScrollTemplate, value);
   }
   /**
    * Getter for the infiniteScrollTemplate property.
    * @returns {null}
    */
   get infiniteScrollTemplate() {
-    return this._infiniteScrollTemplate;
+    return __privateGet(this, _infiniteScrollTemplate);
   }
   /**
    * Dependencies of the InfiniteScroll component.
    * @param value
    */
   set response(value) {
-    this._response = value;
+    __privateSet(this, _response, value);
   }
   /**
    * Getter for the response property.
    * @returns {*|{}}
    */
   get response() {
-    return this._response;
+    return __privateGet(this, _response);
   }
   /**
    * Dependencies of the InfiniteScroll component.
@@ -185,9 +200,8 @@ class InfiniteScroll extends WJElement {
    */
   beforeDraw() {
     var _a, _b, _c;
-    this._loadedItems = [];
-    this._drawnItems = [];
-    this._dataToElementWeakMap = /* @__PURE__ */ new WeakMap();
+    __privateSet(this, _loadedItems, []);
+    __privateSet(this, _drawnItems, []);
     this.iterate = this.querySelector("[iterate]");
     if (this.iterate) {
       if (this.iterate.nodeName !== "TEMPLATE") {
@@ -199,10 +213,10 @@ class InfiniteScroll extends WJElement {
       (_c = this.iterate) == null ? void 0 : _c.remove();
     }
     this.setAttribute("style", "height: " + this.height);
-    if (this._signal) {
-      this._abortController.abort();
-      this._abortController = new AbortController();
-      this._signal = this._abortController.signal;
+    if (__privateGet(this, _signal)) {
+      __privateGet(this, _abortController).abort();
+      __privateSet(this, _abortController, new AbortController());
+      __privateSet(this, _signal, __privateGet(this, _abortController).signal);
     }
   }
   /**
@@ -241,8 +255,8 @@ class InfiniteScroll extends WJElement {
     this.size = +this.size || 10;
     this.currentPage = 0;
     this.scrollEvent();
-    this._loading = this.loadPages(this.currentPage);
-    await this._loading;
+    __privateSet(this, _loading, this.loadPages(this.currentPage));
+    await __privateGet(this, _loading);
   }
   /**
    * Fetches the pages from the server.
@@ -254,7 +268,7 @@ class InfiniteScroll extends WJElement {
     const response = await fetch(
       `${this.url}${hasParams ? "&" : "?"}page=${page}&size=${this.size}${this == null ? void 0 : this.queryParams}`,
       {
-        signal: this._signal
+        signal: __privateGet(this, _signal)
       }
     );
     if (!response.ok) {
@@ -297,7 +311,7 @@ class InfiniteScroll extends WJElement {
         let response;
         this.parser = new DOMParser();
         if (typeof this.setCustomData === "function") {
-          response = await this.setCustomData(page, this._signal);
+          response = await this.setCustomData(page, __privateGet(this, _signal));
         } else {
           response = await this.getPages(page);
         }
@@ -307,12 +321,12 @@ class InfiniteScroll extends WJElement {
         if (this.hasAttribute("placement")) this.placementObj = this.querySelector(this.placement);
         event.dispatchCustomEvent(this, "wje-infinite-scroll:load", response);
         this.response = response;
-        this._loadedItems = this.objectName ? response[this.objectName] : response;
-        const notDrawnItems = this._loadedItems.filter(
-          (item) => !this._drawnItems.some(this.compareFunction.bind(this, item))
+        __privateSet(this, _loadedItems, this.objectName ? response[this.objectName] : response);
+        const notDrawnItems = __privateGet(this, _loadedItems).filter(
+          (item) => !__privateGet(this, _drawnItems).some(this.compareFunction.bind(this, item))
         );
         this.customForeach(notDrawnItems);
-        this._drawnItems.push(...notDrawnItems);
+        __privateGet(this, _drawnItems).push(...notDrawnItems);
         this.isLoading.push(page);
       } else {
         event.dispatchCustomEvent(this, "wje-infinite-scroll:complete");
@@ -326,24 +340,43 @@ class InfiniteScroll extends WJElement {
   }
   addItem(item, place = "beforeend") {
     let element = this.dataToHtml(item);
-    this._dataToElementWeakMap.set(element, item);
+    let symbol = Symbol("infinite-scroll-item");
+    element[symbol] = item;
+    item[symbol] = element;
     this.placementObj.insertAdjacentElement(place, element);
-    this._drawnItems.push(item);
-    if (this._drawnItems.length > this.size * this.currentPage) {
+    __privateGet(this, _drawnItems).push(item);
+    if (__privateGet(this, _drawnItems).length > this.size * this.currentPage) {
       this.totalPages += 1;
     }
   }
   removeItem(item) {
-    let element = this._dataToElementWeakMap.get(item);
-    element.remove();
-    this._drawnItems = this._drawnItems.filter((i) => i !== item);
-    if (this._drawnItems.length < this.size * this.currentPage) {
+    let drawnItem = __privateGet(this, _drawnItems).find(this.compareFunction.bind(this, item));
+    if (!drawnItem) {
+      console.error("Item not found");
+      return;
+    }
+    let symbol = Object.getOwnPropertySymbols(drawnItem).at(0);
+    let element = drawnItem[symbol];
+    if (!element) {
+      console.error("Element not found");
+      return;
+    }
+    element == null ? void 0 : element.remove();
+    __privateSet(this, _drawnItems, __privateGet(this, _drawnItems).filter((i) => i !== item));
+    if (__privateGet(this, _drawnItems).length < this.size * this.currentPage) {
       this.isLoading = this.isLoading.filter((i) => i !== this.currentPage);
       this.currentPage--;
     }
   }
 }
+_drawnItems = new WeakMap();
+_loadedItems = new WeakMap();
+_response = new WeakMap();
+_infiniteScrollTemplate = new WeakMap();
+_abortController = new WeakMap();
+_signal = new WeakMap();
+_loading = new WeakMap();
 export {
   InfiniteScroll as I
 };
-//# sourceMappingURL=infinite-scroll.element-DXzh2umi.js.map
+//# sourceMappingURL=infinite-scroll.element-CasKXuGZ.js.map

package/dist/infinite-scroll.element-CasKXuGZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"infinite-scroll.element-CasKXuGZ.js","sources":["../packages/wje-infinite-scroll/infinite-scroll.element.js"],"sourcesContent":["import { default as WJElement, event, WjElementUtils } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `InfiniteScroll` is a custom web component that represents an infinite scroll.\n * It extends from `WJElement`.\n * @summary This element allows users to scroll through a potentially infinite amount of content.\n * @documentation https://elements.webjet.sk/components/infinite-scroll\n * @status stable\n * @augments {WJElement}\n * @csspart loader - The loader part of the infinite scroll.\n * @slot - The default slot for the infinite scroll.\n * @cssproperty [--wje-infinite-scroll-width=100%] - Sets the width of the infinite scroll container. his property determines how wide the infinite scroll area will be relative to its parent element. Accepts any valid CSS width value, such as percentages (`%`), pixels (`px`), or viewport units (`vw`). The default value is `100%`, which makes it span the full width of its container.\n * @cssproperty [--wje-infinite-scroll-height=300px] - Defines the height of the infinite scroll container. This property specifies how tall the infinite scroll area should be. Accepts any valid CSS height value, such as pixels (`px`), percentages (`%`), or viewport units (`vh`). The default value is `300px`, providing a fixed height suitable for most use cases.\n * //@fires wje-infinite-scroll:click-item - Event fired when an item is clicked.\n * @tag wje-infinite-scroll\n */\n\nexport default class InfiniteScroll extends WJElement {\n    #drawnItems;\n    #loadedItems;\n    #response;\n    #infiniteScrollTemplate;\n    #abortController;\n    #signal;\n    #loading;\n    /**\n     * Creates an instance of InfiniteScroll.\n     */\n    constructor() {\n        super();\n\n        this.totalPages = 0;\n        this.isLoading = [];\n        this.#response = {};\n        this.iterate = null;\n        this.#infiniteScrollTemplate = null;\n        this.#abortController = new AbortController();\n        this.#signal = this.#abortController.signal;\n        this.#drawnItems = [];\n        this.#loadedItems = [];\n    }\n\n    /**\n     * Dependencies of the InfiniteScroll component.\n     * @param value\n     */\n    set infiniteScrollTemplate(value) {\n        this.#infiniteScrollTemplate = value;\n    }\n\n    /**\n     * Getter for the infiniteScrollTemplate property.\n     * @returns {null}\n     */\n    get infiniteScrollTemplate() {\n        return this.#infiniteScrollTemplate;\n    }\n\n    /**\n     * Dependencies of the InfiniteScroll component.\n     * @param value\n     */\n    set response(value) {\n        this.#response = value;\n    }\n\n    /**\n     * Getter for the response property.\n     * @returns {*|{}}\n     */\n    get response() {\n        return this.#response;\n    }\n\n    /**\n     * Dependencies of the InfiniteScroll component.\n     * @param value\n     */\n    set objectName(value) {\n        this.setAttribute('object-name', value);\n    }\n\n    get objectName() {\n        return this.getAttribute('object-name') ?? 'data';\n    }\n\n    className = 'InfiniteScroll';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Prepares the component for updates before it is drawn.\n     * This method handles the removal of templates for iteration, adjusts the height styling of the component,\n     * and manages abort signals for loading operations.\n     * @returns {void} No return value.\n     */\n    beforeDraw() {\n        this.#loadedItems = [];\n        this.#drawnItems = [];\n\n        this.iterate = this.querySelector('[iterate]');\n\n        if (this.iterate) {\n            if (this.iterate.nodeName !== 'TEMPLATE') {\n                console.error('The iterate attribute must be a template element');\n                this.infiniteScrollTemplate = this.iterate?.outerHTML;\n            } else {\n                this.infiniteScrollTemplate = this.iterate?.innerHTML;\n            }\n\n            this.iterate?.remove(); // remove template\n        }\n\n        this.setAttribute('style', 'height: ' + this.height);\n\n        // if this.#loading is not fulfilled then cancel the promise\n        if (this.#signal) {\n            this.#abortController.abort();\n            this.#abortController = new AbortController();\n            this.#signal = this.#abortController.signal;\n        }\n    }\n\n    /**\n     * Creates and returns a document fragment containing the structure for an infinite scroll component.\n     * The structure includes native elements, slots for customization, and optional loading content.\n     * @returns {DocumentFragment} The document fragment containing the component's DOM structure.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native');\n        native.setAttribute('part', 'native-infinite-scroll');\n\n        let slot = document.createElement('slot');\n\n        let ending = document.createElement('slot');\n        ending.setAttribute('name', 'ending');\n\n        if (WjElementUtils.hasSlot(this, 'loader')) {\n            let loading = document.createElement('div');\n            loading.classList.add('loading');\n\n            let loader = document.createElement('slot');\n            loader.setAttribute('name', 'loader');\n\n            loading.appendChild(loader);\n\n            this.loadingEl = loading;\n\n            fragment.appendChild(loading);\n        }\n\n        native.appendChild(slot);\n        native.appendChild(ending);\n\n        fragment.appendChild(native);\n\n        this.endingEl = ending;\n\n        return fragment;\n    }\n\n    /**\n     * Called after the component has been drawn.\n     */\n    async afterDraw() {\n        this.queryParams = this.queryParams || '';\n        this.size = +this.size || 10;\n        this.currentPage = 0;\n\n        this.scrollEvent();\n        this.#loading = this.loadPages(this.currentPage);\n        await this.#loading;\n    }\n\n    /**\n     * Attaches a scroll event listener to the current object.\n     * The `scrollEvent` function binds the `onScroll` method to the 'scroll' event\n     * of the current object. This enables handling of scroll events for\n     * specific functionality such as updating UI elements, loading content dynamically,\n     * or tracking user interaction with scrollable content.\n     */\n    scrollEvent = () => {\n        this.addEventListener('scroll', this.onScroll);\n    };\n\n    /**\n     * A function that removes the scroll event listener from the current context.\n     * This function is used to unbind the `onScroll` event listener\n     * from the `scroll` event of the current object. It ensures that\n     * the scroll event no longer triggers the `onScroll` handler.\n     * @function\n     */\n    unScrollEvent = () => {\n        this.removeEventListener('scroll', this.onScroll);\n    };\n\n    /**\n     * A scroll event handler function that checks the scroll position and triggers loading additional content\n     * when the user scrolls near the bottom of the page.\n     * Properties accessed:\n     * - `scrollTop`: The number of pixels that the content of an element is scrolled vertically.\n     * - `scrollHeight`: The total height of the element's content.\n     * - `clientHeight`: The inner height of the element in pixels, including padding but excluding borders and scrollbars.\n     * Conditions:\n     * - Determines if the scroll position is within 300 pixels of the bottom of the element.\n     * - Verifies that the current page number is less than or equal to the total number of pages.\n     * - Checks if the current page is already in the loading state.\n     * Actions:\n     * - Increments the current page number when the conditions are met.\n     * - Initiates loading for the next page by calling the `loadPages` function.\n     * @param {Event} e The scroll event object.\n     */\n    onScroll = (e) => {\n        const { scrollTop, scrollHeight, clientHeight } = e.target;\n\n        if (\n            scrollTop + clientHeight >= scrollHeight - 300 &&\n            this.currentPage <= this.totalPages &&\n            this.isLoading.includes(this.currentPage)\n        ) {\n            this.currentPage++;\n            this.#loading = this.loadPages(this.currentPage);\n        }\n    };\n\n    /**\n     * Fetches the pages from the server.\n     * @param {number} page The page number.\n     * @returns {Promise<object>} The response from the server.\n     */\n    async getPages(page) {\n        let hasParams = this.url.includes('?');\n        const response = await fetch(\n            `${this.url}${hasParams ? '&' : '?'}page=${page}&size=${this.size}${this?.queryParams}`,\n            {\n                signal: this.#signal,\n            }\n        );\n\n        if (!response.ok) {\n            throw new Error(`An error occurred: ${response.status}`);\n        }\n        return await response.json();\n    }\n\n    /**\n     * Hides the loader.\n     */\n    hideLoader() {\n        this?.loadingEl?.classList.remove('show');\n    }\n\n    /**\n     * Displays the loader element by adding the 'show' class to its class list.\n     * This method is useful for indicating a loading or processing state in the UI.\n     * @returns {void} No return value.\n     */\n    showLoader() {\n        this?.loadingEl?.classList.add('show');\n    }\n\n    /**\n     * Checks if there are more pages to load.\n     * @param {number} page The page number.\n     * @returns {boolean} Whether there are more pages to load.\n     */\n    hasMorePages(page) {\n        return this.totalPages === 0 || page < this.totalPages;\n    }\n\n    /**\n     * Loads the pages.\n     * @param {number} page The page number.\n     */\n    async loadPages(page) {\n        this.showLoader();\n        try {\n            if (this.hasMorePages(page)) {\n                let response;\n                this.parser = new DOMParser();\n\n                if (typeof this.setCustomData === 'function') {\n                    response = await this.setCustomData(page, this.#signal);\n                } else {\n                    response = await this.getPages(page);\n                }\n\n                this.totalPages = response?.totalPages;\n                this.currentPage = page;\n\n                this.placementObj = this;\n\n                // if there is a \"container\" attribute, find the element\n                if (this.hasAttribute('placement')) this.placementObj = this.querySelector(this.placement);\n\n                event.dispatchCustomEvent(this, 'wje-infinite-scroll:load', response);\n\n                this.response = response;\n                this.#loadedItems = this.objectName ? response[this.objectName] : response;\n                const notDrawnItems = this.#loadedItems.filter(\n                    (item) => !this.#drawnItems.some(this.compareFunction.bind(this, item))\n                );\n                this.customForeach(notDrawnItems);\n                this.#drawnItems.push(...notDrawnItems);\n\n                this.isLoading.push(page);\n            } else {\n                event.dispatchCustomEvent(this, 'wje-infinite-scroll:complete');\n                this.endingEl.classList.add('show');\n            }\n        } catch (error) {\n            console.log(error);\n        } finally {\n            this.hideLoader();\n        }\n    }\n\n    compareFunction = (i, item) => i.id === item.id;\n\n    /**\n     * Converts a data item into an HTML element based on a template.\n     * This function takes a data item, interpolates it into a predefined template,\n     * parses the resulting HTML string, and returns the first child element of the parsed HTML content.\n     * @param {object} item The data object to interpolate into the HTML template.\n     * @returns {Element} The first child element generated from the interpolated HTML string.\n     */\n    dataToHtml = (item) => {\n        let interpolateItem = this.interpolate(this.infiniteScrollTemplate, item);\n        let doc = this.parser.parseFromString(interpolateItem, 'text/html');\n        let element = doc.activeElement.firstElementChild;\n\n        return element;\n    };\n\n    /**\n     * A custom implementation of the forEach method designed to iterate over an array of data,\n     * transform each item into an HTML element, and append the element to a specified placement object.\n     * Additionally, it adds an event listener to each generated element for handling click events.\n     * @param {Array} data An array of items to process. Each item is transformed into an HTML element\n     * and appended to the placement object specified in the context of `this`.\n     */\n    customForeach = (data) => {\n        data.forEach((item) => {\n            let element = this.dataToHtml(item);\n\n            let symbol = Symbol(\"infinite-scroll-item\");\n            element[symbol] = item;\n            item[symbol] = element;\n\n            event.addListener(element, 'click', 'wje-infinite-scroll:click-item', null);\n\n            this.placementObj.insertAdjacentElement('beforeend', element);\n        });\n    };\n\n    /**\n     * Interpolates a string template with values from the provided parameters object.\n     * The template contains placeholders in the format `{{key}}` or `{{key.subkey}}`,\n     * which are replaced with the corresponding values from the `params` object.\n     * Placeholders support dot notation for accessing nested properties within the `params` object.\n     * @param {string} template The string template containing placeholders to be replaced.\n     * @param {object} params The object containing key-value pairs used for substitution in the template.\n     * @returns {string} A string with all placeholders replaced by their respective values from the `params` object.\n     */\n    interpolate = (template, params) => {\n        let keys = template.match(/\\{{.*?\\}}/g);\n\n        if (keys) {\n            for (let key of keys) {\n                let cleanKey = key.replace('{{', '').replace('}}', '');\n                let val = '';\n                cleanKey.split('.').forEach((k) => {\n                    val = val === '' ? params[k] : val[k];\n                });\n\n                template = template.replace(key, val);\n            }\n        }\n        return template;\n    };\n\n    addItem(item, place = 'beforeend') {\n        let element = this.dataToHtml(item);\n\n        let symbol = Symbol(\"infinite-scroll-item\");\n        element[symbol] = item;\n        item[symbol] = element;\n\n        this.placementObj.insertAdjacentElement(place, element);\n\n        this.#drawnItems.push(item);\n\n        // if drawnItems are more than page * size then add the page to isLoading\n        if (this.#drawnItems.length > this.size * this.currentPage) {\n            this.totalPages += 1;\n        }\n    }\n\n    removeItem(item) {\n        let drawnItem = this.#drawnItems.find(this.compareFunction.bind(this, item));\n        if (!drawnItem) {\n            console.error('Item not found');\n            return;\n        }\n        let symbol = Object.getOwnPropertySymbols(drawnItem).at(0);\n        let element = drawnItem[symbol];\n        if (!element) {\n            console.error('Element not found');\n            return;\n        }\n\n        element?.remove();\n\n        this.#drawnItems = this.#drawnItems.filter((i) => i !== item);\n        // if drawnItems are less than page * size then remove the page from isLoading\n        if (this.#drawnItems.length < this.size * this.currentPage) {\n            this.isLoading = this.isLoading.filter((i) => i !== this.currentPage);\n            this.currentPage--;\n        }\n    }\n}\n"],"names":[],"mappings":"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"}

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

@@ -97,7 +97,7 @@ export default class WJElement extends HTMLElement {
      * Gets the rendering context, either the shadow root or the component itself.
      * @returns The rendering context.
      */
-    get context(): any;
+    get context(): this | ShadowRoot;
     /**
      * Gets the store instance.
      * @returns {object} The store instance.

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

@@ -28,15 +28,7 @@ export default class InfiniteScroll extends WJElement {
     static get observedAttributes(): Array<string>;
     totalPages: number;
     isLoading: any[];
-    _response: {};
     iterate: Element;
-    _infiniteScrollTemplate: any;
-    _abortController: AbortController;
-    _signal: AbortSignal;
-    _dataToElementWeakMap: WeakMap<WeakKey, any>;
-    _drawnItems: any[];
-    _loadedItems: any[];
-    _actualDrawnIndex: number;
     /**
      * Dependencies of the InfiniteScroll component.
      * @param value
@@ -85,7 +77,6 @@ export default class InfiniteScroll extends WJElement {
     queryParams: any;
     size: any;
     currentPage: number;
-    _loading: Promise<void>;
     /**
      * Attaches a scroll event listener to the current object.
      * The `scrollEvent` function binds the `onScroll` method to the 'scroll' event
@@ -177,4 +168,5 @@ export default class InfiniteScroll extends WJElement {
     interpolate: (template: string, params: object) => string;
     addItem(item: any, place?: string): void;
     removeItem(item: any): void;
+    #private;
 }

package/dist/wje-element.js

@@ -77,7 +77,7 @@ class UniversalService {
   _request(url, data, action, dispatchMethod, method, signal) {
     let promise = fetch(url, {
       method,
-      body: JSON.stringify(data),
+      ...data ? { body: JSON.stringify(data) } : {},
       headers: {
         "Content-Type": "application/json"
       },
@@ -100,8 +100,9 @@ class UniversalService {
   delete(url, data, action, dispatchMethod = true, signal = null) {
     return this._request(url, data, action, dispatchMethod, "DELETE", signal);
   }
+  //url, action, dispatchMethod, signa
   get(url, action, dispatchMethod = true, signal = null) {
-    return this._request(url, action, dispatchMethod, "GET", signal);
+    return this._request(url, null, action, dispatchMethod, "GET", signal);
   }
   patch(url, data, action, dispatchMethod = true, signal = null) {
     return this._request(url, data, action, dispatchMethod, "PATCH", signal);

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    _request(url, data, action, dispatchMethod, method, signal) {\n        let promise = fetch(url, {\n            method: method,\n            body: JSON.stringify(data),\n            headers: {\n                'Content-Type': 'application/json',\n            },\n            ...(signal ? { signal } : {}),\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    put(url, data, action, dispatchMethod = true, signal = null) {\n        return this._request(url, data, action, dispatchMethod, 'PUT', signal);\n    }\n\n    post(url, data, action, dispatchMethod = true, signal = null) {\n        return this._request(url, data, action, dispatchMethod, 'POST', signal);\n    }\n\n    delete(url, data, action, dispatchMethod = true, signal = null) {\n        return this._request(url, data, action, dispatchMethod, 'DELETE', signal);\n    }\n\n    get(url, action, dispatchMethod = true, signal = null) {\n        return this._request(url, action, dispatchMethod, 'GET', signal);\n    }\n\n    patch(url, data, action, dispatchMethod = true, signal = null) {\n        return this._request(url, data, action, dispatchMethod, 'PATCH', signal);\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.customEventWeakMap = new WeakMap();\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 record = self.customEventWeakMap.get(this);\n\n        if (!record) return;\n\n        let listeners = record[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) {\n                e.stopPropagation();\n                e.stopImmediatePropagation();\n                e.preventDefault();\n            }\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        return this.customEventWeakMap.get(element);\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 recordListeners = this.findRecordByElement(element);\n\n        if (!recordListeners) {\n            this.customEventWeakMap.set(element, {\n                [originalEvent]: [],\n            });\n\n            recordListeners = this.findRecordByElement(element);\n        } else {\n            recordListeners[originalEvent] = recordListeners[originalEvent] || [];\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            recordListeners[originalEvent].push(obj);\n            element.addEventListener(originalEvent, listener, options);\n            obj.unbind = () => {\n                element.removeEventListener(originalEvent, listener, options);\n            };\n        } else {\n            // in case we want to add the same listener multiple times trigger a warning for a better debugging\n            //console.info(\"Listener already exists\", element, originalEvent);\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[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 records = this.findRecordByElement(element);\n        let listeners = records?.[originalEvent];\n        listener = listener || this.#dispatch;\n\n        if (listeners) {\n            let listenerOfWeakMap = listeners.find((e) => e.listener === listener);\n\n            if (listenerOfWeakMap) {\n                listeners.splice(listeners.indexOf(listenerOfWeakMap), 1);\n            }\n\n            if (!listeners.length) {\n                delete records[originalEvent];\n            }\n        }\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        // remove all listeners from the element\n        let listeners = this.customEventWeakMap.get(element);\n        if (listeners) {\n            queueMicrotask(() => {\n                for (let event in listeners) {\n                    listeners[event].forEach((e) => {\n                        element.removeEventListener(event, e.listener, e.options);\n                    });\n                }\n\n                this.customEventWeakMap.delete(element);\n            });\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 = ``;\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        this._pristine = true;\n        this._pristineCauseWeakMap = new WeakMap();\n\n        this.isRendering = false;\n        this.rafId = null;\n        this.originalVisibility = null;\n        this.params = {};\n\n        this.updateComplete = new Promise((resolve, reject) => {\n            this.finisPromise = resolve;\n            this.rejectPromise = reject;\n        });\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     * Lifecycle method invoked when the component is connected to the DOM.\n     */\n    connectedCallback() {\n        if (!this.isRendering) {\n            this.originalVisibility = this.originalVisibility ?? this.style.visibility;\n            this.style.visibility = 'hidden';\n\n            this.setupAttributes?.();\n            this.setUpAccessors();\n\n            this.drawingStatus = this.drawingStatuses.ATTACHED;\n            this._pristine = false;\n            this.enqueueUpdate();\n        }\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            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        if (this.isAttached) {\n            this.beforeDisconnect?.();\n            this.context.innerHTML = '';\n            this.afterDisconnect?.();\n            this.isAttached = false;\n            this.style.visibility = this.originalVisibility;\n            this.originalVisibility = null;\n        }\n\n        if (this.isRendering) {\n            this.stopRenderLoop();\n        }\n\n        this.drawingStatus = this.drawingStatuses.DISCONNECTED;\n\n        this.componentCleanup();\n    }\n\n    /**\n     * Enqueues an update for the component.\n     * This method processes the current render promise and then refreshes the component.\n     */\n    enqueueUpdate() {\n        if (!this.rafId) {\n            this.rafId = requestAnimationFrame(() => this._refresh());\n        }\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._pristine = false;\n            this.enqueueUpdate();\n        }\n    }\n\n    refresh() {\n        this.updateComplete = new Promise((resolve, reject) => {\n            this.finisPromise = resolve;\n            this.rejectPromise = reject;\n        });\n\n        this._pristine = false;\n        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     */\n    async _refresh() {\n        if (this.isRendering) {\n            this.rafId = requestAnimationFrame(() => this._refresh());\n            return; // Skip if async render is still processing\n        }\n\n        if (!this._pristine) {\n            this._pristine = true;\n            this.isRendering = true;\n\n            if (this.isAttached) {\n                this.beforeRedraw?.();\n                this.beforeDisconnect?.();\n                this.afterDisconnect?.();\n            } else {\n                this.stopRenderLoop();\n            }\n\n            try {\n                await this.initWjElement(true);\n            } catch (error) {\n                console.error('Render error:', error);\n            } finally {\n                this.isRendering = false;\n\n                if (!this._pristine) {\n                    this._pristine = false;\n                    this.enqueueUpdate();\n                } else {\n                    this.finisPromise();\n                    this.style.visibility = this.originalVisibility;\n                }\n            }\n        }\n\n        if (this.isAttached && !this.isRendering) {\n            this.rafId = requestAnimationFrame(() => this._refresh());\n        }\n    }\n\n    stopRenderLoop() {\n        if (this.rafId) {\n            cancelAnimationFrame(this.rafId);\n            this.rafId = null;\n        }\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            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.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    _request(url, data, action, dispatchMethod, method, signal) {\n        let promise = fetch(url, {\n            method: method,\n            ...(data ? { body: JSON.stringify(data) } : {}),\n            headers: {\n                'Content-Type': 'application/json',\n            },\n            ...(signal ? { signal } : {}),\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    put(url, data, action, dispatchMethod = true, signal = null) {\n        return this._request(url, data, action, dispatchMethod, 'PUT', signal);\n    }\n\n    post(url, data, action, dispatchMethod = true, signal = null) {\n        return this._request(url, data, action, dispatchMethod, 'POST', signal);\n    }\n\n    delete(url, data, action, dispatchMethod = true, signal = null) {\n        return this._request(url, data, action, dispatchMethod, 'DELETE', signal);\n    }\n\n    //url, action, dispatchMethod, signa\n    get(url, action, dispatchMethod = true, signal = null) {\n        return this._request(url, null, action, dispatchMethod, 'GET', signal);\n    }\n\n    patch(url, data, action, dispatchMethod = true, signal = null) {\n        return this._request(url, data, action, dispatchMethod, 'PATCH', signal);\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.customEventWeakMap = new WeakMap();\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 record = self.customEventWeakMap.get(this);\n\n        if (!record) return;\n\n        let listeners = record[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) {\n                e.stopPropagation();\n                e.stopImmediatePropagation();\n                e.preventDefault();\n            }\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        return this.customEventWeakMap.get(element);\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 recordListeners = this.findRecordByElement(element);\n\n        if (!recordListeners) {\n            this.customEventWeakMap.set(element, {\n                [originalEvent]: [],\n            });\n\n            recordListeners = this.findRecordByElement(element);\n        } else {\n            recordListeners[originalEvent] = recordListeners[originalEvent] || [];\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            recordListeners[originalEvent].push(obj);\n            element.addEventListener(originalEvent, listener, options);\n            obj.unbind = () => {\n                element.removeEventListener(originalEvent, listener, options);\n            };\n        } else {\n            // in case we want to add the same listener multiple times trigger a warning for a better debugging\n            //console.info(\"Listener already exists\", element, originalEvent);\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[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 records = this.findRecordByElement(element);\n        let listeners = records?.[originalEvent];\n        listener = listener || this.#dispatch;\n\n        if (listeners) {\n            let listenerOfWeakMap = listeners.find((e) => e.listener === listener);\n\n            if (listenerOfWeakMap) {\n                listeners.splice(listeners.indexOf(listenerOfWeakMap), 1);\n            }\n\n            if (!listeners.length) {\n                delete records[originalEvent];\n            }\n        }\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        // remove all listeners from the element\n        let listeners = this.customEventWeakMap.get(element);\n        if (listeners) {\n            queueMicrotask(() => {\n                for (let event in listeners) {\n                    listeners[event].forEach((e) => {\n                        element.removeEventListener(event, e.listener, e.options);\n                    });\n                }\n\n                this.customEventWeakMap.delete(element);\n            });\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 = ``;\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        this._pristine = true;\n        this._pristineCauseWeakMap = new WeakMap();\n\n        this.isRendering = false;\n        this.rafId = null;\n        this.originalVisibility = null;\n        this.params = {};\n\n        this.updateComplete = new Promise((resolve, reject) => {\n            this.finisPromise = resolve;\n            this.rejectPromise = reject;\n        });\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     * Lifecycle method invoked when the component is connected to the DOM.\n     */\n    connectedCallback() {\n        if (!this.isRendering) {\n            this.originalVisibility = this.originalVisibility ?? this.style.visibility;\n            this.style.visibility = 'hidden';\n\n            this.setupAttributes?.();\n            this.setUpAccessors();\n\n            this.drawingStatus = this.drawingStatuses.ATTACHED;\n            this._pristine = false;\n            this.enqueueUpdate();\n        }\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            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        if (this.isAttached) {\n            this.beforeDisconnect?.();\n            this.context.innerHTML = '';\n            this.afterDisconnect?.();\n            this.isAttached = false;\n            this.style.visibility = this.originalVisibility;\n            this.originalVisibility = null;\n        }\n\n        if (this.isRendering) {\n            this.stopRenderLoop();\n        }\n\n        this.drawingStatus = this.drawingStatuses.DISCONNECTED;\n\n        this.componentCleanup();\n    }\n\n    /**\n     * Enqueues an update for the component.\n     * This method processes the current render promise and then refreshes the component.\n     */\n    enqueueUpdate() {\n        if (!this.rafId) {\n            this.rafId = requestAnimationFrame(() => this._refresh());\n        }\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._pristine = false;\n            this.enqueueUpdate();\n        }\n    }\n\n    refresh() {\n        this.updateComplete = new Promise((resolve, reject) => {\n            this.finisPromise = resolve;\n            this.rejectPromise = reject;\n        });\n\n        this._pristine = false;\n        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     */\n    async _refresh() {\n        if (this.isRendering) {\n            this.rafId = requestAnimationFrame(() => this._refresh());\n            return; // Skip if async render is still processing\n        }\n\n        if (!this._pristine) {\n            this._pristine = true;\n            this.isRendering = true;\n\n            if (this.isAttached) {\n                this.beforeRedraw?.();\n                this.beforeDisconnect?.();\n                this.afterDisconnect?.();\n            } else {\n                this.stopRenderLoop();\n            }\n\n            try {\n                await this.initWjElement(true);\n            } catch (error) {\n                console.error('Render error:', error);\n            } finally {\n                this.isRendering = false;\n\n                if (!this._pristine) {\n                    this._pristine = false;\n                    this.enqueueUpdate();\n                } else {\n                    this.finisPromise();\n                    this.style.visibility = this.originalVisibility;\n                }\n            }\n        }\n\n        if (this.isAttached && !this.isRendering) {\n            this.rafId = requestAnimationFrame(() => this._refresh());\n        }\n    }\n\n    stopRenderLoop() {\n        if (this.rafId) {\n            cancelAnimationFrame(this.rafId);\n            this.rafId = null;\n        }\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            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.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/dist/wje-icon-picker.js

@@ -7,7 +7,7 @@ import Input from "./wje-input.js";
 import "./wje-popup.js";
 import Tooltip from "./wje-tooltip.js";
 import { P as Popup } from "./popup.element-AaduHP2r.js";
-import { I as InfiniteScroll } from "./infinite-scroll.element-DXzh2umi.js";
+import { I as InfiniteScroll } from "./infinite-scroll.element-CasKXuGZ.js";
 const styles = "/*\n[ Wj Icon Picker ]\n*/\n\n:host {\n    padding: 0 1rem;\n}\n\n.anchor {\n    width: var(--wje-icon-picker-icon-size);\n    height: var(--wje-icon-picker-icon-size);\n    padding: var(--wje-icon-picker-padding);\n    border-width: var(--wje-icon-picker-border-width);\n    border-style: var(--wje-icon-picker-border-style);\n    border-color: var(--wje-icon-picker-border-color);\n    box-sizing: border-box;\n    border-radius: var(--wje-icon-picker-radius);\n}\n\n.picker {\n    width: 320px;\n    height: 271px;\n    box-shadow:\n        0 0 5px rgba(0, 0, 0, 0.05),\n        0 5px 20px rgba(0, 0, 0, 0.1);\n    border-radius: var(--wje-icon-picker-radius);\n    border-width: var(--wje-icon-picker-border-width);\n    border-style: var(--wje-icon-picker-border-style);\n    border-color: var(--wje-icon-picker-border-color);\n    overflow: auto;\n    padding: 1rem;\n    background: var(--wje-background);\n}\n\n.icon-items {\n    --icon-min-width: 2rem;\n    display: grid;\n    grid-gap: 0.5rem;\n    grid-template-columns: repeat(auto-fit, minmax(var(--icon-min-width), 1fr));\n}\n\n.icon-item {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    color: inherit;\n    padding: 0.25rem;\n    min-height: var(--wje-icon-picker-icon-size);\n    min-width: var(--wje-icon-picker-icon-size);\n    text-decoration: none;\n\n    &:hover {\n        border-radius: 0.25rem;\n        background: var(--wje-border-color);\n    }\n}\n\n.wje-size {\n    --wje-icon-size: 24px !important;\n}\n\nicon-item svg {\n    width: var(--wje-icon-picker-icon-size);\n    height: var(--wje-icon-picker-icon-size);\n}\n\nwje-input {\n    --wje-input-border-radius: 4px;\n    --wje-input-margin-bottom: 0;\n}\n\nwje-infinite-scroll {\n    margin-top: 1rem;\n}\n\nwje-select {\n    --wje-select-border-width: 0 0 1px 0 !important;\n    --wje-select-border-radius: 0 !important;\n    margin-bottom: 1rem;\n}\n\n.anchor wje-icon {\n    --wje-icon-size: 100% !important;\n}\n";
 class IconPicker extends WJElement {
   /**

package/dist/wje-img.js

@@ -17,7 +17,7 @@ class Img extends WJElement {
     __publicField(this, "className", "Img");
     __publicField(this, "setAvatarInitials", (value = false) => {
       let parent = this.parentElement;
-      if (parent.tagName === "WJE-AVATAR") parent.initials = value;
+      if ((parent == null ? void 0 : parent.tagName) === "WJE-AVATAR") parent.initials = value;
     });
     /**
      * Deletes the current image by calling the remove method.

package/dist/wje-img.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-img.js","sources":["../packages/wje-img/img.element.js","../packages/wje-img/img.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This element represents an image. `Img` is a custom web component that represents an image. It extends from `WJElement`.\n * @documentation https://elements.webjet.sk/components/img\n * @status stable\n * @augments {WJElement}\n * @cssproperty --img-width - The width of the image\n * @cssproperty --img-height - The height of the image\n * @property {string} src - The source URL of the image.\n * @property {string} alt - The alternative text for the image.\n * @property {string} fallout - The action to perform when an error occurs while loading the image. The value can be a function or a predefined action like 'delete'.\n * @property {string} loader - The URL of the image loader to display while the image is loading.\n * @tag wje-img\n */\nexport default class Img extends WJElement {\n    /**\n     * Creates an instance of Img.\n     * @class\n     */\n    constructor() {\n        super();\n\n        this._fallout = false;\n\n        this.actions = {\n            delete: () => this.deleteImage(),\n            log: () => console.error('Error log pre obrázok:', this.src),\n        };\n    }\n\n    /**\n     * Sets the value of the `src` attribute for the element.\n     * @param {string} value The value to set for the `src` attribute.\n     */\n    set src(value) {\n        this.setAttribute('src', value);\n    }\n\n    /**\n     * Retrieves the value of the 'src' attribute from the element.\n     * @returns {string} The value of the 'src' attribute.\n     */\n    get src() {\n        return this.getAttribute('src');\n    }\n\n    /**\n     * Sets the value of the 'alt' attribute for the element.\n     * @param {string} value The new value to set for the 'alt' attribute.\n     */\n    set alt(value) {\n        this.setAttribute('alt', value);\n    }\n\n    /**\n     * Retrieves the value of the 'alt' attribute for the current element.\n     * @returns {string|null} The value of the 'alt' attribute, or null if the attribute is not set.\n     */\n    get alt() {\n        return this.getAttribute('alt');\n    }\n\n    /**\n     * Sets the fallout property. Updates the `fallout` attribute if the value is a string;\n     * otherwise, assigns the value to the `_fallout` property.\n     * @param {string|*} value The value to set for the fallout property. If a string, it will update the `fallout` attribute; for other types, it will assign it to the `_fallout` property.\n     */\n    set fallout(value) {\n        if (typeof value === 'string') {\n            this.setAttribute('fallout', value);\n        } else {\n            this._fallout = value;\n        }\n    }\n\n    /**\n     * Retrieves the value of the 'fallout' attribute if it exists, otherwise returns the internal `_fallout` property.\n     * @returns {string|null} The value of the 'fallout' attribute or the `_fallout` property if the attribute is not present. Returns null if no value is found.\n     */\n    get fallout() {\n        return this.hasAttribute('fallout') ? this.getAttribute('fallout') : this._fallout;\n    }\n\n    /**\n     * Sets the value of the loader attribute.\n     * @param {string} value The value to set for the loader attribute.\n     */\n    set loader(value) {\n        if (value) {\n            this.setAttribute('loader', value);\n        }\n    }\n\n    /**\n     * Retrieves the value of the 'loader' attribute from the element.\n     * @returns {string|null} The value of the 'loader' attribute if set, otherwise null.\n     */\n    get loader() {\n        return this.getAttribute('loader') || './assets/img/image-loader.gif';\n    }\n\n    /**\n     * The class name for the component.\n     * @type {string}\n     */\n    className = 'Img';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return ['src'];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Creates and assembles a lazy-loaded image element within a document fragment.\n     * @returns {DocumentFragment} A document fragment containing the image element.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('img');\n        native.setAttribute('part', 'native');\n        native.setAttribute('src', this.loader);\n        native.setAttribute('alt', this.alt || '');\n        native.classList.add('lazy-loaded-image', 'lazy');\n        native.addEventListener('error', (e) => {\n            const absoluteLoaderUrl = new URL(this.loader, window.location.origin).href;\n            if (e.target.src === absoluteLoaderUrl) return;\n\n            this.setAvatarInitials(true);\n        });\n\n        this.onerrorFunc(native);\n\n        fragment.appendChild(native);\n\n        this.native = native;\n\n        return fragment;\n    }\n\n    /**\n     * Handles post-draw operations, such as setting up a lazy image loader using an IntersectionObserver.\n     * Observes when the target element becomes visible in the viewport and updates its source with the provided image source.\n     * Removes the `lazy` class once the image source is updated and unobserves the element.\n     * It also invokes the `onerrorFunc` method at the beginning to handle potential error scenarios.\n     * @returns {void} Does not return a value.\n     */\n    afterDraw() {\n        let lazyImageObserver = new IntersectionObserver((entries, observer) => {\n            entries.forEach((entry) => {\n                if (entry.isIntersecting) {\n                    entry.target.src = this.src;\n                    this.classList.remove('lazy');\n\n                    lazyImageObserver.unobserve(entry.target);\n                }\n            });\n        });\n\n        lazyImageObserver.observe(this.native);\n    }\n\n    setAvatarInitials = (value = false) => {\n        let parent = this.parentElement;\n        if (parent.tagName === 'WJE-AVATAR') parent.initials = value;\n    };\n    /**\n     * Deletes the current image by calling the remove method.\n     * This function is typically used to trigger the removal of an image element\n     * or perform cleanup operations related to the image.\n     */\n    deleteImage = () => {\n        this.remove();\n    };\n\n    /**\n     * Adds a new action to the internal actions object.\n     * @param {string} name The name of the action to be added.\n     * @param {Function} func The function representing the action logic.\n     * @returns {void} This method does not return a value.\n     */\n    addAction(name, func) {\n        if (typeof func === 'function') {\n            this.actions[name] = func;\n        } else {\n            console.error('The action must be a function.');\n        }\n    }\n\n    /**\n     * Removes an action from the actions list if it exists.\n     * @param {string} name The name of the action to remove.\n     * @returns {void} Does not return a value.\n     */\n    removeAction(name) {\n        if (this.actions[name]) {\n            delete this.actions[name];\n        } else {\n            console.error(`Action \"${name}\" does not exist.`);\n        }\n    }\n\n    /**\n     * Handles error scenarios by checking the `fallout` property and performing\n     * corresponding actions. If `fallout` is not defined, the function terminates\n     * early. Logs the active actions and attempts to assign an error handler\n     * based on the `fallout` value. If the `fallout` value does not correspond to\n     * a recognized action, it logs an error message.\n     * @function onerrorFunc\n     * @memberof Img\n     */\n    onerrorFunc = (img) => {\n        if (!this.fallout) return;\n        if (this.actions[this.fallout]) {\n            img.onerror = this.actions[this.fallout];\n        } else {\n            console.error('Unsupported value:', this.fallout);\n        }\n    };\n}\n","import Img from './img.element.js';\n\nexport default Img;\n\nImg.define('wje-img', Img);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wje-img.js","sources":["../packages/wje-img/img.element.js","../packages/wje-img/img.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This element represents an image. `Img` is a custom web component that represents an image. It extends from `WJElement`.\n * @documentation https://elements.webjet.sk/components/img\n * @status stable\n * @augments {WJElement}\n * @cssproperty --img-width - The width of the image\n * @cssproperty --img-height - The height of the image\n * @property {string} src - The source URL of the image.\n * @property {string} alt - The alternative text for the image.\n * @property {string} fallout - The action to perform when an error occurs while loading the image. The value can be a function or a predefined action like 'delete'.\n * @property {string} loader - The URL of the image loader to display while the image is loading.\n * @tag wje-img\n */\nexport default class Img extends WJElement {\n    /**\n     * Creates an instance of Img.\n     * @class\n     */\n    constructor() {\n        super();\n\n        this._fallout = false;\n\n        this.actions = {\n            delete: () => this.deleteImage(),\n            log: () => console.error('Error log pre obrázok:', this.src),\n        };\n    }\n\n    /**\n     * Sets the value of the `src` attribute for the element.\n     * @param {string} value The value to set for the `src` attribute.\n     */\n    set src(value) {\n        this.setAttribute('src', value);\n    }\n\n    /**\n     * Retrieves the value of the 'src' attribute from the element.\n     * @returns {string} The value of the 'src' attribute.\n     */\n    get src() {\n        return this.getAttribute('src');\n    }\n\n    /**\n     * Sets the value of the 'alt' attribute for the element.\n     * @param {string} value The new value to set for the 'alt' attribute.\n     */\n    set alt(value) {\n        this.setAttribute('alt', value);\n    }\n\n    /**\n     * Retrieves the value of the 'alt' attribute for the current element.\n     * @returns {string|null} The value of the 'alt' attribute, or null if the attribute is not set.\n     */\n    get alt() {\n        return this.getAttribute('alt');\n    }\n\n    /**\n     * Sets the fallout property. Updates the `fallout` attribute if the value is a string;\n     * otherwise, assigns the value to the `_fallout` property.\n     * @param {string|*} value The value to set for the fallout property. If a string, it will update the `fallout` attribute; for other types, it will assign it to the `_fallout` property.\n     */\n    set fallout(value) {\n        if (typeof value === 'string') {\n            this.setAttribute('fallout', value);\n        } else {\n            this._fallout = value;\n        }\n    }\n\n    /**\n     * Retrieves the value of the 'fallout' attribute if it exists, otherwise returns the internal `_fallout` property.\n     * @returns {string|null} The value of the 'fallout' attribute or the `_fallout` property if the attribute is not present. Returns null if no value is found.\n     */\n    get fallout() {\n        return this.hasAttribute('fallout') ? this.getAttribute('fallout') : this._fallout;\n    }\n\n    /**\n     * Sets the value of the loader attribute.\n     * @param {string} value The value to set for the loader attribute.\n     */\n    set loader(value) {\n        if (value) {\n            this.setAttribute('loader', value);\n        }\n    }\n\n    /**\n     * Retrieves the value of the 'loader' attribute from the element.\n     * @returns {string|null} The value of the 'loader' attribute if set, otherwise null.\n     */\n    get loader() {\n        return this.getAttribute('loader') || './assets/img/image-loader.gif';\n    }\n\n    /**\n     * The class name for the component.\n     * @type {string}\n     */\n    className = 'Img';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return ['src'];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Creates and assembles a lazy-loaded image element within a document fragment.\n     * @returns {DocumentFragment} A document fragment containing the image element.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('img');\n        native.setAttribute('part', 'native');\n        native.setAttribute('src', this.loader);\n        native.setAttribute('alt', this.alt || '');\n        native.classList.add('lazy-loaded-image', 'lazy');\n        native.addEventListener('error', (e) => {\n            const absoluteLoaderUrl = new URL(this.loader, window.location.origin).href;\n            if (e.target.src === absoluteLoaderUrl) return;\n\n            this.setAvatarInitials(true);\n        });\n\n        this.onerrorFunc(native);\n\n        fragment.appendChild(native);\n\n        this.native = native;\n\n        return fragment;\n    }\n\n    /**\n     * Handles post-draw operations, such as setting up a lazy image loader using an IntersectionObserver.\n     * Observes when the target element becomes visible in the viewport and updates its source with the provided image source.\n     * Removes the `lazy` class once the image source is updated and unobserves the element.\n     * It also invokes the `onerrorFunc` method at the beginning to handle potential error scenarios.\n     * @returns {void} Does not return a value.\n     */\n    afterDraw() {\n        let lazyImageObserver = new IntersectionObserver((entries, observer) => {\n            entries.forEach((entry) => {\n                if (entry.isIntersecting) {\n                    entry.target.src = this.src;\n                    this.classList.remove('lazy');\n\n                    lazyImageObserver.unobserve(entry.target);\n                }\n            });\n        });\n\n        lazyImageObserver.observe(this.native);\n    }\n\n    setAvatarInitials = (value = false) => {\n        let parent = this.parentElement;\n        if (parent?.tagName === 'WJE-AVATAR') parent.initials = value;\n    };\n    /**\n     * Deletes the current image by calling the remove method.\n     * This function is typically used to trigger the removal of an image element\n     * or perform cleanup operations related to the image.\n     */\n    deleteImage = () => {\n        this.remove();\n    };\n\n    /**\n     * Adds a new action to the internal actions object.\n     * @param {string} name The name of the action to be added.\n     * @param {Function} func The function representing the action logic.\n     * @returns {void} This method does not return a value.\n     */\n    addAction(name, func) {\n        if (typeof func === 'function') {\n            this.actions[name] = func;\n        } else {\n            console.error('The action must be a function.');\n        }\n    }\n\n    /**\n     * Removes an action from the actions list if it exists.\n     * @param {string} name The name of the action to remove.\n     * @returns {void} Does not return a value.\n     */\n    removeAction(name) {\n        if (this.actions[name]) {\n            delete this.actions[name];\n        } else {\n            console.error(`Action \"${name}\" does not exist.`);\n        }\n    }\n\n    /**\n     * Handles error scenarios by checking the `fallout` property and performing\n     * corresponding actions. If `fallout` is not defined, the function terminates\n     * early. Logs the active actions and attempts to assign an error handler\n     * based on the `fallout` value. If the `fallout` value does not correspond to\n     * a recognized action, it logs an error message.\n     * @function onerrorFunc\n     * @memberof Img\n     */\n    onerrorFunc = (img) => {\n        if (!this.fallout) return;\n        if (this.actions[this.fallout]) {\n            img.onerror = this.actions[this.fallout];\n        } else {\n            console.error('Unsupported value:', this.fallout);\n        }\n    };\n}\n","import Img from './img.element.js';\n\nexport default Img;\n\nImg.define('wje-img', Img);\n"],"names":[],"mappings":"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"}

package/dist/wje-infinite-scroll.js

@@ -1,4 +1,4 @@
-import { I as InfiniteScroll } from "./infinite-scroll.element-DXzh2umi.js";
+import { I as InfiniteScroll } from "./infinite-scroll.element-CasKXuGZ.js";
 InfiniteScroll.define("wje-infinite-scroll", InfiniteScroll);
 export {
   InfiniteScroll as default

package/dist/wje-master.js

@@ -100,7 +100,7 @@ import { default as default88 } from "./wje-tooltip.js";
 import { default as default89 } from "./wje-tree.js";
 import { default as default90 } from "./wje-tree-item.js";
 import { default as default91 } from "./wje-visually-hidden.js";
-import { I } from "./infinite-scroll.element-DXzh2umi.js";
+import { I } from "./infinite-scroll.element-CasKXuGZ.js";
 import { L } from "./list.element-Ce1vIm1O.js";
 import { P } from "./popup.element-AaduHP2r.js";
 function formatDate(input, format) {

package/dist/wje-options.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import WJElement, { event } from "./wje-element.js";
-import { I as InfiniteScroll } from "./infinite-scroll.element-DXzh2umi.js";
+import { I as InfiniteScroll } from "./infinite-scroll.element-CasKXuGZ.js";
 import { L as List } from "./list.element-Ce1vIm1O.js";
 import Option from "./wje-option.js";
 class Options extends WJElement {

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.162",
+  "version": "0.1.164",
   "homepage": "https://github.com/lencys/wj-elements",
   "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
   "license": "MIT",

package/dist/infinite-scroll.element-DXzh2umi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"infinite-scroll.element-DXzh2umi.js","sources":["../packages/wje-infinite-scroll/infinite-scroll.element.js"],"sourcesContent":["import { default as WJElement, event, WjElementUtils } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `InfiniteScroll` is a custom web component that represents an infinite scroll.\n * It extends from `WJElement`.\n * @summary This element allows users to scroll through a potentially infinite amount of content.\n * @documentation https://elements.webjet.sk/components/infinite-scroll\n * @status stable\n * @augments {WJElement}\n * @csspart loader - The loader part of the infinite scroll.\n * @slot - The default slot for the infinite scroll.\n * @cssproperty [--wje-infinite-scroll-width=100%] - Sets the width of the infinite scroll container. his property determines how wide the infinite scroll area will be relative to its parent element. Accepts any valid CSS width value, such as percentages (`%`), pixels (`px`), or viewport units (`vw`). The default value is `100%`, which makes it span the full width of its container.\n * @cssproperty [--wje-infinite-scroll-height=300px] - Defines the height of the infinite scroll container. This property specifies how tall the infinite scroll area should be. Accepts any valid CSS height value, such as pixels (`px`), percentages (`%`), or viewport units (`vh`). The default value is `300px`, providing a fixed height suitable for most use cases.\n * //@fires wje-infinite-scroll:click-item - Event fired when an item is clicked.\n * @tag wje-infinite-scroll\n */\n\nexport default class InfiniteScroll extends WJElement {\n    /**\n     * Creates an instance of InfiniteScroll.\n     */\n    constructor() {\n        super();\n\n        this.totalPages = 0;\n        this.isLoading = [];\n        this._response = {};\n        this.iterate = null;\n        this._infiniteScrollTemplate = null;\n        this._abortController = new AbortController();\n        this._signal = this._abortController.signal;\n        this._dataToElementWeakMap = new WeakMap();\n        this._drawnItems = [];\n        this._loadedItems = [];\n        this._actualDrawnIndex = 0;\n    }\n\n    /**\n     * Dependencies of the InfiniteScroll component.\n     * @param value\n     */\n    set infiniteScrollTemplate(value) {\n        this._infiniteScrollTemplate = value;\n    }\n\n    /**\n     * Getter for the infiniteScrollTemplate property.\n     * @returns {null}\n     */\n    get infiniteScrollTemplate() {\n        return this._infiniteScrollTemplate;\n    }\n\n    /**\n     * Dependencies of the InfiniteScroll component.\n     * @param value\n     */\n    set response(value) {\n        this._response = value;\n    }\n\n    /**\n     * Getter for the response property.\n     * @returns {*|{}}\n     */\n    get response() {\n        return this._response;\n    }\n\n    /**\n     * Dependencies of the InfiniteScroll component.\n     * @param value\n     */\n    set objectName(value) {\n        this.setAttribute('object-name', value);\n    }\n\n    get objectName() {\n        return this.getAttribute('object-name') ?? 'data';\n    }\n\n    className = 'InfiniteScroll';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Prepares the component for updates before it is drawn.\n     * This method handles the removal of templates for iteration, adjusts the height styling of the component,\n     * and manages abort signals for loading operations.\n     * @returns {void} No return value.\n     */\n    beforeDraw() {\n        this._loadedItems = [];\n        this._drawnItems = [];\n        this._dataToElementWeakMap = new WeakMap();\n\n        this.iterate = this.querySelector('[iterate]');\n\n        if (this.iterate) {\n            if (this.iterate.nodeName !== 'TEMPLATE') {\n                console.error('The iterate attribute must be a template element');\n                this.infiniteScrollTemplate = this.iterate?.outerHTML;\n            } else {\n                this.infiniteScrollTemplate = this.iterate?.innerHTML;\n            }\n\n            this.iterate?.remove(); // remove template\n        }\n\n        this.setAttribute('style', 'height: ' + this.height);\n\n        // if this._loading is not fulfilled then cancel the promise\n        if (this._signal) {\n            this._abortController.abort();\n            this._abortController = new AbortController();\n            this._signal = this._abortController.signal;\n        }\n    }\n\n    /**\n     * Creates and returns a document fragment containing the structure for an infinite scroll component.\n     * The structure includes native elements, slots for customization, and optional loading content.\n     * @returns {DocumentFragment} The document fragment containing the component's DOM structure.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native');\n        native.setAttribute('part', 'native-infinite-scroll');\n\n        let slot = document.createElement('slot');\n\n        let ending = document.createElement('slot');\n        ending.setAttribute('name', 'ending');\n\n        if (WjElementUtils.hasSlot(this, 'loader')) {\n            let loading = document.createElement('div');\n            loading.classList.add('loading');\n\n            let loader = document.createElement('slot');\n            loader.setAttribute('name', 'loader');\n\n            loading.appendChild(loader);\n\n            this.loadingEl = loading;\n\n            fragment.appendChild(loading);\n        }\n\n        native.appendChild(slot);\n        native.appendChild(ending);\n\n        fragment.appendChild(native);\n\n        this.endingEl = ending;\n\n        return fragment;\n    }\n\n    /**\n     * Called after the component has been drawn.\n     */\n    async afterDraw() {\n        this.queryParams = this.queryParams || '';\n        this.size = +this.size || 10;\n        this.currentPage = 0;\n\n        this.scrollEvent();\n        this._loading = this.loadPages(this.currentPage);\n        await this._loading;\n    }\n\n    /**\n     * Attaches a scroll event listener to the current object.\n     * The `scrollEvent` function binds the `onScroll` method to the 'scroll' event\n     * of the current object. This enables handling of scroll events for\n     * specific functionality such as updating UI elements, loading content dynamically,\n     * or tracking user interaction with scrollable content.\n     */\n    scrollEvent = () => {\n        this.addEventListener('scroll', this.onScroll);\n    };\n\n    /**\n     * A function that removes the scroll event listener from the current context.\n     * This function is used to unbind the `onScroll` event listener\n     * from the `scroll` event of the current object. It ensures that\n     * the scroll event no longer triggers the `onScroll` handler.\n     * @function\n     */\n    unScrollEvent = () => {\n        this.removeEventListener('scroll', this.onScroll);\n    };\n\n    /**\n     * A scroll event handler function that checks the scroll position and triggers loading additional content\n     * when the user scrolls near the bottom of the page.\n     * Properties accessed:\n     * - `scrollTop`: The number of pixels that the content of an element is scrolled vertically.\n     * - `scrollHeight`: The total height of the element's content.\n     * - `clientHeight`: The inner height of the element in pixels, including padding but excluding borders and scrollbars.\n     * Conditions:\n     * - Determines if the scroll position is within 300 pixels of the bottom of the element.\n     * - Verifies that the current page number is less than or equal to the total number of pages.\n     * - Checks if the current page is already in the loading state.\n     * Actions:\n     * - Increments the current page number when the conditions are met.\n     * - Initiates loading for the next page by calling the `loadPages` function.\n     * @param {Event} e The scroll event object.\n     */\n    onScroll = (e) => {\n        const { scrollTop, scrollHeight, clientHeight } = e.target;\n\n        if (\n            scrollTop + clientHeight >= scrollHeight - 300 &&\n            this.currentPage <= this.totalPages &&\n            this.isLoading.includes(this.currentPage)\n        ) {\n            this.currentPage++;\n            this._loading = this.loadPages(this.currentPage);\n        }\n    };\n\n    /**\n     * Fetches the pages from the server.\n     * @param {number} page The page number.\n     * @returns {Promise<object>} The response from the server.\n     */\n    async getPages(page) {\n        let hasParams = this.url.includes('?');\n        const response = await fetch(\n            `${this.url}${hasParams ? '&' : '?'}page=${page}&size=${this.size}${this?.queryParams}`,\n            {\n                signal: this._signal,\n            }\n        );\n\n        if (!response.ok) {\n            throw new Error(`An error occurred: ${response.status}`);\n        }\n        return await response.json();\n    }\n\n    /**\n     * Hides the loader.\n     */\n    hideLoader() {\n        this?.loadingEl?.classList.remove('show');\n    }\n\n    /**\n     * Displays the loader element by adding the 'show' class to its class list.\n     * This method is useful for indicating a loading or processing state in the UI.\n     * @returns {void} No return value.\n     */\n    showLoader() {\n        this?.loadingEl?.classList.add('show');\n    }\n\n    /**\n     * Checks if there are more pages to load.\n     * @param {number} page The page number.\n     * @returns {boolean} Whether there are more pages to load.\n     */\n    hasMorePages(page) {\n        return this.totalPages === 0 || page < this.totalPages;\n    }\n\n    /**\n     * Loads the pages.\n     * @param {number} page The page number.\n     */\n    async loadPages(page) {\n        this.showLoader();\n        try {\n            if (this.hasMorePages(page)) {\n                let response;\n                this.parser = new DOMParser();\n\n                if (typeof this.setCustomData === 'function') {\n                    response = await this.setCustomData(page, this._signal);\n                } else {\n                    response = await this.getPages(page);\n                }\n\n                this.totalPages = response?.totalPages;\n                this.currentPage = page;\n\n                this.placementObj = this;\n\n                // if there is a \"container\" attribute, find the element\n                if (this.hasAttribute('placement')) this.placementObj = this.querySelector(this.placement);\n\n                event.dispatchCustomEvent(this, 'wje-infinite-scroll:load', response);\n\n                this.response = response;\n                this._loadedItems = this.objectName ? response[this.objectName] : response;\n                const notDrawnItems = this._loadedItems.filter(\n                    (item) => !this._drawnItems.some(this.compareFunction.bind(this, item))\n                );\n                this.customForeach(notDrawnItems);\n                this._drawnItems.push(...notDrawnItems);\n\n                this.isLoading.push(page);\n            } else {\n                event.dispatchCustomEvent(this, 'wje-infinite-scroll:complete');\n                this.endingEl.classList.add('show');\n            }\n        } catch (error) {\n            console.log(error);\n        } finally {\n            this.hideLoader();\n        }\n    }\n\n    compareFunction = (i, item) => i.id === item.id;\n\n    /**\n     * Converts a data item into an HTML element based on a template.\n     * This function takes a data item, interpolates it into a predefined template,\n     * parses the resulting HTML string, and returns the first child element of the parsed HTML content.\n     * @param {object} item The data object to interpolate into the HTML template.\n     * @returns {Element} The first child element generated from the interpolated HTML string.\n     */\n    dataToHtml = (item) => {\n        let interpolateItem = this.interpolate(this.infiniteScrollTemplate, item);\n        let doc = this.parser.parseFromString(interpolateItem, 'text/html');\n        let element = doc.activeElement.firstElementChild;\n\n        return element;\n    };\n\n    /**\n     * A custom implementation of the forEach method designed to iterate over an array of data,\n     * transform each item into an HTML element, and append the element to a specified placement object.\n     * Additionally, it adds an event listener to each generated element for handling click events.\n     * @param {Array} data An array of items to process. Each item is transformed into an HTML element\n     * and appended to the placement object specified in the context of `this`.\n     */\n    customForeach = (data) => {\n        data.forEach((item) => {\n            let element = this.dataToHtml(item);\n            this._dataToElementWeakMap.set(element, item);\n\n            event.addListener(element, 'click', 'wje-infinite-scroll:click-item', null);\n\n            this.placementObj.insertAdjacentElement('beforeend', element);\n        });\n    };\n\n    /**\n     * Interpolates a string template with values from the provided parameters object.\n     * The template contains placeholders in the format `{{key}}` or `{{key.subkey}}`,\n     * which are replaced with the corresponding values from the `params` object.\n     * Placeholders support dot notation for accessing nested properties within the `params` object.\n     * @param {string} template The string template containing placeholders to be replaced.\n     * @param {object} params The object containing key-value pairs used for substitution in the template.\n     * @returns {string} A string with all placeholders replaced by their respective values from the `params` object.\n     */\n    interpolate = (template, params) => {\n        let keys = template.match(/\\{{.*?\\}}/g);\n\n        if (keys) {\n            for (let key of keys) {\n                let cleanKey = key.replace('{{', '').replace('}}', '');\n                let val = '';\n                cleanKey.split('.').forEach((k) => {\n                    val = val === '' ? params[k] : val[k];\n                });\n\n                template = template.replace(key, val);\n            }\n        }\n        return template;\n    };\n\n    addItem(item, place = 'beforeend') {\n        let element = this.dataToHtml(item);\n        this._dataToElementWeakMap.set(element, item);\n        this.placementObj.insertAdjacentElement(place, element);\n\n        this._drawnItems.push(item);\n\n        // if drawnItems are more than page * size then add the page to isLoading\n        if (this._drawnItems.length > this.size * this.currentPage) {\n            this.totalPages += 1;\n        }\n    }\n\n    removeItem(item) {\n        let element = this._dataToElementWeakMap.get(item);\n        element.remove();\n        this._drawnItems = this._drawnItems.filter((i) => i !== item);\n        // if drawnItems are less than page * size then remove the page from isLoading\n        if (this._drawnItems.length < this.size * this.currentPage) {\n            this.isLoading = this.isLoading.filter((i) => i !== this.currentPage);\n            this.currentPage--;\n        }\n    }\n}\n"],"names":[],"mappings":"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"}

package/dist/packages/wje-color-picker/color-picker.test.d.ts

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