wj-elements 0.1.158 → 0.1.160

package/dist/{infinite-scroll.element-DUjjOm1e.js → infinite-scroll.element-Cj53cbpC.js}

@@ -53,6 +53,7 @@ class InfiniteScroll extends WJElement {
         this._loading = this.loadPages(this.currentPage);
       }
     });
+    __publicField(this, "compareFunction", (i, item) => i.id === item.id);
     /**
      * Converts a data item into an HTML element based on a template.
      * This function takes a data item, interpolates it into a predefined template,
@@ -76,6 +77,7 @@ class InfiniteScroll extends WJElement {
     __publicField(this, "customForeach", (data) => {
       data.forEach((item) => {
         let element = this.dataToHtml(item);
+        this._dataToElementWeakMap.set(element, item);
         event.addListener(element, "click", "wje-infinite-scroll:click-item", null);
         this.placementObj.insertAdjacentElement("beforeend", element);
       });
@@ -110,6 +112,10 @@ class InfiniteScroll extends WJElement {
     this._infiniteScrollTemplate = null;
     this._abortController = new AbortController();
     this._signal = this._abortController.signal;
+    this._dataToElementWeakMap = /* @__PURE__ */ new WeakMap();
+    this._drawnItems = [];
+    this._loadedItems = [];
+    this._actualDrawnIndex = 0;
   }
   /**
    * Dependencies of the InfiniteScroll component.
@@ -178,10 +184,20 @@ class InfiniteScroll extends WJElement {
    * @returns {void} No return value.
    */
   beforeDraw() {
-    var _a, _b;
+    var _a, _b, _c;
+    this._loadedItems = [];
+    this._drawnItems = [];
+    this._dataToElementWeakMap = /* @__PURE__ */ new WeakMap();
     this.iterate = this.querySelector("[iterate]");
-    this.infiniteScrollTemplate = (_a = this.iterate) == null ? void 0 : _a.outerHTML;
-    (_b = this.iterate) == null ? void 0 : _b.remove();
+    if (this.iterate) {
+      if (this.iterate.nodeName !== "TEMPLATE") {
+        console.error("The iterate attribute must be a template element");
+        this.infiniteScrollTemplate = (_a = this.iterate) == null ? void 0 : _a.outerHTML;
+      } else {
+        this.infiniteScrollTemplate = (_b = this.iterate) == null ? void 0 : _b.innerHTML;
+      }
+      (_c = this.iterate) == null ? void 0 : _c.remove();
+    }
     this.setAttribute("style", "height: " + this.height);
     if (this._signal) {
       this._abortController.abort();
@@ -291,7 +307,10 @@ 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.customForeach(this.objectName ? response[this.objectName] : response);
+        this._loadedItems = this.objectName ? response[this.objectName] : response;
+        const notDrawnItems = this._loadedItems.filter((item) => !this._drawnItems.some(this.compareFunction.bind(this, item)));
+        this.customForeach(notDrawnItems);
+        this._drawnItems.push(...notDrawnItems);
         this.isLoading.push(page);
       } else {
         event.dispatchCustomEvent(this, "wje-infinite-scroll:complete");
@@ -303,8 +322,26 @@ class InfiniteScroll extends WJElement {
       this.hideLoader();
     }
   }
+  addItem(item, place = "beforeend") {
+    let element = this.dataToHtml(item);
+    this._dataToElementWeakMap.set(element, item);
+    this.placementObj.insertAdjacentElement(place, element);
+    this._drawnItems.push(item);
+    if (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) {
+      this.isLoading = this.isLoading.filter((i) => i !== this.currentPage);
+      this.currentPage--;
+    }
+  }
 }
 export {
   InfiniteScroll as I
 };
-//# sourceMappingURL=infinite-scroll.element-DUjjOm1e.js.map
+//# sourceMappingURL=infinite-scroll.element-Cj53cbpC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"infinite-scroll.element-Cj53cbpC.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((item) => !this._drawnItems.some(this.compareFunction.bind(this, item)));\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-infinite-scroll/infinite-scroll.element.d.ts

@@ -33,6 +33,10 @@ export default class InfiniteScroll extends WJElement {
     _infiniteScrollTemplate: any;
     _abortController: AbortController;
     _signal: AbortSignal;
+    _dataToElementWeakMap: WeakMap<WeakKey, any>;
+    _drawnItems: any[];
+    _loadedItems: any[];
+    _actualDrawnIndex: number;
     /**
      * Dependencies of the InfiniteScroll component.
      * @param value
@@ -144,6 +148,7 @@ export default class InfiniteScroll extends WJElement {
     loadPages(page: number): Promise<void>;
     parser: DOMParser;
     placementObj: any;
+    compareFunction: (i: any, item: any) => boolean;
     /**
      * Converts a data item into an HTML element based on a template.
      * This function takes a data item, interpolates it into a predefined template,
@@ -170,4 +175,6 @@ export default class InfiniteScroll extends WJElement {
      * @returns {string} A string with all placeholders replaced by their respective values from the `params` object.
      */
     interpolate: (template: string, params: object) => string;
+    addItem(item: any, place?: string): void;
+    removeItem(item: any): void;
 }

package/dist/wje-element.js

@@ -500,10 +500,10 @@ const _WJElement = class _WJElement extends HTMLElement {
     this.rafId = null;
     this.originalVisibility = null;
     this.params = {};
-    const { promise, resolve, reject } = Promise.withResolvers();
-    this.updateComplete = promise;
-    this.finisPromise = resolve;
-    this.rejectPromise = reject;
+    this.updateComplete = new Promise((resolve, reject) => {
+      this.finisPromise = resolve;
+      this.rejectPromise = reject;
+    });
   }
   /**
    * Sets the value of the 'permission' attribute.
@@ -877,7 +877,7 @@ const _WJElement = class _WJElement extends HTMLElement {
   async render() {
     this.drawingStatus = this.drawingStatuses.DRAWING;
     let _draw = this.draw(this.context, this.store, WjElementUtils.getAttributes(this));
-    if (_draw instanceof Promise) {
+    if (_draw instanceof Promise || (_draw == null ? void 0 : _draw.constructor.name) === "Promise") {
       _draw = await _draw;
     }
     let rend = _draw;
@@ -964,12 +964,12 @@ const _WJElement = class _WJElement extends HTMLElement {
     return new Promise(async (resolve, reject) => {
       var _a;
       const __beforeDraw = this.beforeDraw(this.context, this.store, WjElementUtils.getAttributes(this));
-      if (__beforeDraw instanceof Promise) {
+      if (__beforeDraw instanceof Promise || (__beforeDraw == null ? void 0 : __beforeDraw.constructor.name) === "Promise") {
         await __beforeDraw;
       }
       await this.render();
       const __afterDraw = (_a = this.afterDraw) == null ? void 0 : _a.call(this, this.context, this.store, WjElementUtils.getAttributes(this));
-      if (__afterDraw instanceof Promise) {
+      if (__afterDraw instanceof Promise || (__afterDraw == null ? void 0 : __afterDraw.constructor.name) === "Promise") {
         await __afterDraw;
       }
       this.rendering = false;

package/dist/wje-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-element.js","sources":["../packages/wje-element/service/universal-service.js","../packages/utils/permissions-api.js","../packages/utils/element-utils.js","../packages/utils/event.js","../packages/wje-element/element.js"],"sourcesContent":["export class UniversalService {\n    constructor(props = {}) {\n        this._store = props.store;\n    }\n\n    findByKey = (attrName, key, keyValue) => {\n        if (this._store.getState()[attrName] instanceof Array) {\n            return this._store.getState()[attrName].find((item) => item[key] === keyValue);\n        } else {\n            console.warn(` Attribute ${attrName} is not array`);\n            return null;\n        }\n    };\n\n    findById = (attrName, id) => {\n        if (this._store.getState()[attrName] instanceof Array) {\n            return this._store.getState()[attrName].find((item) => item.id === id);\n        } else {\n            console.warn(` Attribute ${attrName} is not array`);\n            return null;\n        }\n    };\n\n    findAttributeValue = (attrName) => {\n        return this._store.getState()[attrName];\n    };\n\n    update = (data, action) => {\n        this._store.dispatch(action(data));\n    };\n\n    add = (data, action) => {\n        this._store.dispatch(action(data));\n    };\n\n    _save(url, data, action, dispatchMethod, method) {\n        let promise = fetch(url, {\n            method: method,\n            body: JSON.stringify(data),\n            headers: {\n                'Content-Type': 'application/json',\n            },\n        }).then((response) => {\n            if (response.ok) {\n                return response.json();\n            } else {\n                return response.json();\n            }\n        });\n\n        return this.dispatch(promise, dispatchMethod, action);\n    }\n\n    _get(url, action, dispatchMethod, signal) {\n        let promise = fetch(url, {\n            method: 'GET',\n            headers: {\n                'Content-Type': 'application/json',\n            },\n            ...(signal ? { signal } : {}),\n        }).then(async (response) => {\n            let responseText;\n            try {\n                responseText = await response.text();\n                return JSON.parse(responseText);\n            } catch (err) {\n                console.error(err);\n                return responseText;\n            }\n        });\n\n        return this.dispatch(promise, dispatchMethod, action);\n    }\n\n    put(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'PUT');\n    }\n\n    post(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'POST');\n    }\n\n    delete(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'DELETE');\n    }\n\n    get(url, action, dispatchMethod = true) {\n        return this._get(url, action, dispatchMethod);\n    }\n\n    dispatch(promise, dispatchMethod, action) {\n        if (dispatchMethod) {\n            return promise\n                .then((data) => {\n                    this._store.dispatch(action(data.data));\n                    return data;\n                })\n                .catch((error) => {\n                    console.error(error);\n                });\n        }\n        return promise;\n    }\n\n    loadPromise = (\n        url,\n        action,\n        method = 'GET',\n        data = '',\n        permissionCallBack = () => {\n            //\n            // No empty function\n        }\n    ) => {\n        return fetch(url, {\n            method: method,\n            body: data,\n            headers: {\n                'Content-Type': 'application/json',\n            },\n            async: true,\n        })\n            .then((response, e) => {\n                let permissions = response.headers.get('permissions')?.split(',');\n                permissionCallBack(permissions);\n\n                if (response.ok) {\n                    return response.json();\n                } else {\n                    throw response.json();\n                }\n            })\n            .then((responseData) => {\n                this._store.dispatch(action(responseData));\n                return responseData;\n            });\n    };\n\n    loadOnePromise = (url, action) => {\n        return fetch(url, {\n            headers: {\n                'Content-Type': 'application/json',\n            },\n        }).then((response) => {\n            const responseData = response.json();\n            if (action) {\n                this._store.dispatch(action(responseData));\n            }\n            return responseData;\n        });\n    };\n}\n","export class WjePermissionsApi {\n    static _permissionKey = 'permissions';\n\n    /**\n     * Sets the permission key.\n     * @param value\n     */\n    static set permissionKey(value) {\n        WjePermissionsApi._permissionKey = value || 'permissions';\n    }\n\n    /**\n     * Returns the permission key.\n     * @returns {*|string}\n     */\n    static get permissionKey() {\n        return WjePermissionsApi._permissionKey;\n    }\n\n    /**\n     * Sets the permissions.\n     * @param value\n     */\n    static set permissions(value) {\n        window.localStorage.setItem(WjePermissionsApi.permissionKey, JSON.stringify(value));\n    }\n\n    /**\n     * Returns the permissions.\n     * @returns {string[]}\n     */\n    static get permissions() {\n        return JSON.parse(window.localStorage.getItem(WjePermissionsApi.permissionKey)) || [];\n    }\n\n    /**\n     * Checks if the permission is included.\n     * @param key\n     * @returns {boolean}\n     */\n    static includesKey(key) {\n        return WjePermissionsApi.permissions.includes(key);\n    }\n\n    /**\n     * Checks if the permission is fulfilled.\n     * @returns {boolean}\n     */\n    static isPermissionFulfilled(permissions) {\n        return permissions.some((perm) => WjePermissionsApi.permissions.includes(perm));\n    }\n}\n","export class WjElementUtils {\n    /**\n     * This function creates an element.\n     * @param element : HTMLElement - The element value.\n     * @param object : Object - The object value.\n     */\n    static setAttributesToElement(element, object) {\n        Object.entries(object).forEach(([key, value]) => {\n            element.setAttribute(key, value);\n        });\n    }\n\n    /**\n     * This function gets the attributes from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve attributes from.\n     * @returns {object} - An object containing the element's attributes as key-value pairs.\n     */\n    static getAttributes(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => !a.name.startsWith('@'))\n            .map((a) => [\n                a.name\n                    .split('-')\n                    .map((s, i) => {\n                        if (i !== 0) {\n                            return s.charAt(0).toUpperCase() + s.slice(1);\n                        } else {\n                            return s;\n                        }\n                    })\n                    .join(''),\n                a.value,\n            ])\n            .reduce((acc, attr) => {\n                acc[attr[0]] = attr[1];\n                return acc;\n            }, {});\n    }\n\n    /**\n     * This function gets the events from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve events from.\n     * @returns {Map<any, any>} - The map value.\n     */\n    static getEvents(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => a.name.startsWith('@wje'))\n            .map((a) => [a.name.substring(3).split('-').join(''), a.value])\n            .reduce((acc, attr) => {\n                acc.set(attr[0], attr[1]);\n                return acc;\n            }, new Map());\n    }\n\n    /**\n     * This function converts an object to a string.\n     * @param {object} object The object to convert.\n     * @returns {string} - The string value.\n     */\n    static attributesToString(object) {\n        return Object.entries(object)\n            .map(([key, value]) => {\n                return `${key}=\"${value}\"`;\n            })\n            .join(' ');\n    }\n\n    /**\n     * This function checks if the slot exists.\n     * @param {string|HTMLElement} el The element or selector to check for slots.\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlot(el, slotName = null) {\n        let selector = slotName ? `[slot=\"${slotName}\"]` : '[slot]';\n\n        return el.querySelectorAll(selector).length > 0 ? true : false;\n    }\n\n    /**\n     * This function checks if the slot has content.\n     * @param {string|HTMLElement} el The element or selector to check for slot content\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlotContent(el, slotName = null) {\n        let slotElement = el.querySelector(`slot`);\n        if (slotName) {\n            slotElement = el.querySelector(`slot[name=\"${slotName}\"]`);\n        }\n\n        if (slotElement) {\n            const assignedElements = slotElement.assignedElements();\n            return assignedElements.length > 0;\n        }\n\n        return false;\n    }\n\n    /**\n     * This function converts a string to a boolean.\n     * @param {string | object} value The value to convert to a boolean. If the value is a boolean, it will be returned as is.\n     * @returns {boolean} - The boolean value.\n     */\n    static stringToBoolean(value) {\n        if (typeof value === 'boolean') return value;\n\n        return !['false', '0', 0].includes(value);\n    }\n}\n","var self; // eslint-disable-line no-var\n\nclass Event {\n    constructor() {\n        this.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        const { promise, resolve, reject } = Promise.withResolvers();\n        this.updateComplete = promise;\n        this.finisPromise = resolve;\n        this.rejectPromise = reject;\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._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) {\n            _draw = await _draw;\n        }\n\n        let rend = _draw;\n        let element;\n\n        if (rend instanceof HTMLElement || rend instanceof DocumentFragment) {\n            element = rend;\n        } else {\n            let inputTemplate = document.createElement('template');\n            inputTemplate.innerHTML = rend;\n            element = inputTemplate.content.cloneNode(true);\n        }\n\n        let rendered = element;\n\n        this.context.appendChild(rendered);\n    }\n\n    /**\n     * Sanitizes a given name by converting it from kebab-case to camelCase.\n     * @param {string} name The name in kebab-case format (e.g., \"example-name\").\n     * @returns {string} The sanitized name in camelCase format (e.g., \"exampleName\").\n     * @example\n     * // Returns 'exampleName'\n     * sanitizeName('example-name');\n     * @example\n     * // Returns 'myCustomComponent'\n     * sanitizeName('my-custom-component');\n     */\n    sanitizeName(name) {\n        let parts = name.split('-');\n        return [parts.shift(), ...parts.map((n) => n[0].toUpperCase() + n.slice(1))].join('');\n    }\n\n    /**\n     * Checks if a property on an object has a getter or setter method defined.\n     * @param {object} obj The object on which the property is defined.\n     * @param {string} property The name of the property to check.\n     * @returns {object} An object indicating the presence of getter and setter methods.\n     * @property {Function|null} hasGetter The getter function if it exists, otherwise `null`.\n     * @property {Function|null} hasSetter The setter function if it exists, otherwise `null`.\n     * @example\n     * const obj = {\n     *   get name() { return 'value'; },\n     *   set name(val) { console.log(val); }\n     * };\n     * // Returns { hasGetter: [Function: get name], hasSetter: [Function: set name] }\n     * checkGetterSetter(obj, 'name');\n     * @example\n     * const obj = { prop: 42 };\n     * // Returns { hasGetter: null, hasSetter: null }\n     * checkGetterSetter(obj, 'prop');\n     */\n    checkGetterSetter(obj, property) {\n        let descriptor = Object.getOwnPropertyDescriptor(obj, property);\n\n        // Check if the descriptor is found on the object itself\n        if (descriptor) {\n            return {\n                hasGetter: typeof descriptor.get === 'function' ? descriptor.get : null,\n                hasSetter: typeof descriptor.set === 'function' ? descriptor.set : null,\n            };\n        }\n\n        // Otherwise, check the prototype chain\n        let proto = Object.getPrototypeOf(obj);\n        if (proto) {\n            return this.checkGetterSetter(proto, property);\n        }\n\n        // If the property doesn't exist at all\n        return { hasGetter: null, hasSetter: null };\n    }\n\n    /**\n     * Sets up property accessors for the component's attributes.\n     */\n    setUpAccessors() {\n        let attrs = this.getAttributeNames();\n        attrs.forEach((name) => {\n            const sanitizedName = this.sanitizeName(name);\n\n            const { hasGetter, hasSetter } = this.checkGetterSetter(this, sanitizedName);\n\n            Object.defineProperty(this, sanitizedName, {\n                set: hasSetter ?? ((value) => this.setAttribute(name, value)),\n                get: hasGetter ?? (() => this.getAttribute(name)),\n            });\n        });\n    }\n\n    /**\n     * Resolves the rendering process of the component.\n     * @returns A promise that resolves when rendering is complete.\n     * @private\n     */\n    _resolveRender() {\n        this.params = WjElementUtils.getAttributes(this);\n\n        return new Promise(async (resolve, reject) => {\n            const __beforeDraw = this.beforeDraw(this.context, this.store, WjElementUtils.getAttributes(this));\n\n            if (__beforeDraw instanceof Promise) {\n                await __beforeDraw;\n            }\n\n            await this.render();\n\n            const __afterDraw = this.afterDraw?.(this.context, this.store, WjElementUtils.getAttributes(this));\n\n            if (__afterDraw instanceof Promise) {\n                await __afterDraw;\n            }\n\n            // RHR toto je bicykel pre slickRouter  pretože routovanie nieje vykonané pokiaľ sa nezavolá updateComplete promise,\n            // toto bude treba rozšíriť aby sme lepšie vedeli kontrolovať vykreslovanie elementov, a flow hookov.\n            this.rendering = false;\n            this.isAttached = true;\n\n            if (this.removeClassAfterConnect) {\n                this.classList.remove(...this.removeClassAfterConnect);\n            }\n\n            this.drawingStatus = this.drawingStatuses.DONE;\n\n            resolve();\n        }).catch((e) => {\n            console.log(e);\n        });\n    }\n}\n\nlet __esModule = 'true';\nexport { __esModule, WjePermissionsApi, WjElementUtils, event };\n"],"names":["event"],"mappings":"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"}
+{"version":3,"file":"wje-element.js","sources":["../packages/wje-element/service/universal-service.js","../packages/utils/permissions-api.js","../packages/utils/element-utils.js","../packages/utils/event.js","../packages/wje-element/element.js"],"sourcesContent":["export class UniversalService {\n    constructor(props = {}) {\n        this._store = props.store;\n    }\n\n    findByKey = (attrName, key, keyValue) => {\n        if (this._store.getState()[attrName] instanceof Array) {\n            return this._store.getState()[attrName].find((item) => item[key] === keyValue);\n        } else {\n            console.warn(` Attribute ${attrName} is not array`);\n            return null;\n        }\n    };\n\n    findById = (attrName, id) => {\n        if (this._store.getState()[attrName] instanceof Array) {\n            return this._store.getState()[attrName].find((item) => item.id === id);\n        } else {\n            console.warn(` Attribute ${attrName} is not array`);\n            return null;\n        }\n    };\n\n    findAttributeValue = (attrName) => {\n        return this._store.getState()[attrName];\n    };\n\n    update = (data, action) => {\n        this._store.dispatch(action(data));\n    };\n\n    add = (data, action) => {\n        this._store.dispatch(action(data));\n    };\n\n    _save(url, data, action, dispatchMethod, method) {\n        let promise = fetch(url, {\n            method: method,\n            body: JSON.stringify(data),\n            headers: {\n                'Content-Type': 'application/json',\n            },\n        }).then((response) => {\n            if (response.ok) {\n                return response.json();\n            } else {\n                return response.json();\n            }\n        });\n\n        return this.dispatch(promise, dispatchMethod, action);\n    }\n\n    _get(url, action, dispatchMethod, signal) {\n        let promise = fetch(url, {\n            method: 'GET',\n            headers: {\n                'Content-Type': 'application/json',\n            },\n            ...(signal ? { signal } : {}),\n        }).then(async (response) => {\n            let responseText;\n            try {\n                responseText = await response.text();\n                return JSON.parse(responseText);\n            } catch (err) {\n                console.error(err);\n                return responseText;\n            }\n        });\n\n        return this.dispatch(promise, dispatchMethod, action);\n    }\n\n    put(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'PUT');\n    }\n\n    post(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'POST');\n    }\n\n    delete(url, data, action, dispatchMethod = true) {\n        return this._save(url, data, action, dispatchMethod, 'DELETE');\n    }\n\n    get(url, action, dispatchMethod = true) {\n        return this._get(url, action, dispatchMethod);\n    }\n\n    dispatch(promise, dispatchMethod, action) {\n        if (dispatchMethod) {\n            return promise\n                .then((data) => {\n                    this._store.dispatch(action(data.data));\n                    return data;\n                })\n                .catch((error) => {\n                    console.error(error);\n                });\n        }\n        return promise;\n    }\n\n    loadPromise = (\n        url,\n        action,\n        method = 'GET',\n        data = '',\n        permissionCallBack = () => {\n            //\n            // No empty function\n        }\n    ) => {\n        return fetch(url, {\n            method: method,\n            body: data,\n            headers: {\n                'Content-Type': 'application/json',\n            },\n            async: true,\n        })\n            .then((response, e) => {\n                let permissions = response.headers.get('permissions')?.split(',');\n                permissionCallBack(permissions);\n\n                if (response.ok) {\n                    return response.json();\n                } else {\n                    throw response.json();\n                }\n            })\n            .then((responseData) => {\n                this._store.dispatch(action(responseData));\n                return responseData;\n            });\n    };\n\n    loadOnePromise = (url, action) => {\n        return fetch(url, {\n            headers: {\n                'Content-Type': 'application/json',\n            },\n        }).then((response) => {\n            const responseData = response.json();\n            if (action) {\n                this._store.dispatch(action(responseData));\n            }\n            return responseData;\n        });\n    };\n}\n","export class WjePermissionsApi {\n    static _permissionKey = 'permissions';\n\n    /**\n     * Sets the permission key.\n     * @param value\n     */\n    static set permissionKey(value) {\n        WjePermissionsApi._permissionKey = value || 'permissions';\n    }\n\n    /**\n     * Returns the permission key.\n     * @returns {*|string}\n     */\n    static get permissionKey() {\n        return WjePermissionsApi._permissionKey;\n    }\n\n    /**\n     * Sets the permissions.\n     * @param value\n     */\n    static set permissions(value) {\n        window.localStorage.setItem(WjePermissionsApi.permissionKey, JSON.stringify(value));\n    }\n\n    /**\n     * Returns the permissions.\n     * @returns {string[]}\n     */\n    static get permissions() {\n        return JSON.parse(window.localStorage.getItem(WjePermissionsApi.permissionKey)) || [];\n    }\n\n    /**\n     * Checks if the permission is included.\n     * @param key\n     * @returns {boolean}\n     */\n    static includesKey(key) {\n        return WjePermissionsApi.permissions.includes(key);\n    }\n\n    /**\n     * Checks if the permission is fulfilled.\n     * @returns {boolean}\n     */\n    static isPermissionFulfilled(permissions) {\n        return permissions.some((perm) => WjePermissionsApi.permissions.includes(perm));\n    }\n}\n","export class WjElementUtils {\n    /**\n     * This function creates an element.\n     * @param element : HTMLElement - The element value.\n     * @param object : Object - The object value.\n     */\n    static setAttributesToElement(element, object) {\n        Object.entries(object).forEach(([key, value]) => {\n            element.setAttribute(key, value);\n        });\n    }\n\n    /**\n     * This function gets the attributes from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve attributes from.\n     * @returns {object} - An object containing the element's attributes as key-value pairs.\n     */\n    static getAttributes(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => !a.name.startsWith('@'))\n            .map((a) => [\n                a.name\n                    .split('-')\n                    .map((s, i) => {\n                        if (i !== 0) {\n                            return s.charAt(0).toUpperCase() + s.slice(1);\n                        } else {\n                            return s;\n                        }\n                    })\n                    .join(''),\n                a.value,\n            ])\n            .reduce((acc, attr) => {\n                acc[attr[0]] = attr[1];\n                return acc;\n            }, {});\n    }\n\n    /**\n     * This function gets the events from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve events from.\n     * @returns {Map<any, any>} - The map value.\n     */\n    static getEvents(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => a.name.startsWith('@wje'))\n            .map((a) => [a.name.substring(3).split('-').join(''), a.value])\n            .reduce((acc, attr) => {\n                acc.set(attr[0], attr[1]);\n                return acc;\n            }, new Map());\n    }\n\n    /**\n     * This function converts an object to a string.\n     * @param {object} object The object to convert.\n     * @returns {string} - The string value.\n     */\n    static attributesToString(object) {\n        return Object.entries(object)\n            .map(([key, value]) => {\n                return `${key}=\"${value}\"`;\n            })\n            .join(' ');\n    }\n\n    /**\n     * This function checks if the slot exists.\n     * @param {string|HTMLElement} el The element or selector to check for slots.\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlot(el, slotName = null) {\n        let selector = slotName ? `[slot=\"${slotName}\"]` : '[slot]';\n\n        return el.querySelectorAll(selector).length > 0 ? true : false;\n    }\n\n    /**\n     * This function checks if the slot has content.\n     * @param {string|HTMLElement} el The element or selector to check for slot content\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlotContent(el, slotName = null) {\n        let slotElement = el.querySelector(`slot`);\n        if (slotName) {\n            slotElement = el.querySelector(`slot[name=\"${slotName}\"]`);\n        }\n\n        if (slotElement) {\n            const assignedElements = slotElement.assignedElements();\n            return assignedElements.length > 0;\n        }\n\n        return false;\n    }\n\n    /**\n     * This function converts a string to a boolean.\n     * @param {string | object} value The value to convert to a boolean. If the value is a boolean, it will be returned as is.\n     * @returns {boolean} - The boolean value.\n     */\n    static stringToBoolean(value) {\n        if (typeof value === 'boolean') return value;\n\n        return !['false', '0', 0].includes(value);\n    }\n}\n","var self; // eslint-disable-line no-var\n\nclass Event {\n    constructor() {\n        this.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._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-DUjjOm1e.js";
+import { I as InfiniteScroll } from "./infinite-scroll.element-Cj53cbpC.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-infinite-scroll.js

@@ -1,4 +1,4 @@
-import { I as InfiniteScroll } from "./infinite-scroll.element-DUjjOm1e.js";
+import { I as InfiniteScroll } from "./infinite-scroll.element-Cj53cbpC.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-DUjjOm1e.js";
+import { I } from "./infinite-scroll.element-Cj53cbpC.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-DUjjOm1e.js";
+import { I as InfiniteScroll } from "./infinite-scroll.element-Cj53cbpC.js";
 import { L as List } from "./list.element-Ce1vIm1O.js";
 import Option from "./wje-option.js";
 class Options extends WJElement {

package/dist/wje-sliding-container.js

@@ -112,6 +112,9 @@ class SlidingContainer extends WJElement {
   set addToHeight(value) {
     this.setAttribute("add-to-height", value);
   }
+  get isOpen() {
+    return this._isOpen;
+  }
   /**
    * Returns the observed attributes for the component.
    * @returns {string[]}

package/dist/wje-sliding-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-sliding-container.js","sources":["../experimental-packages/wje-sliding-container/sliding-container.element.js","../experimental-packages/wje-sliding-container/sliding-container.js"],"sourcesContent":["import { default as WJElement } from '../../packages/wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary SlidingContainer is a custom web component that extends WJElement.\n * @documentation https://elements.webjet.sk/components/SlidingContainer\n * @status stable\n * @augments WJElement\n * @csspart - Styles the element.\n * @slot - The default slot for the SlidingContainer.\n * @property {string} maxWidth - The maximum width of the SlidingContainer.\n * @property {string} maxHeight - The maximum height of the SlidingContainer.\n * @property {string} trigger - The trigger for the SlidingContainer.\n * @property {string} direction - Specifies the sliding direction of the container (e.g., 'left' or 'right').\n * @property {string} variant - Determines how the SlidingContainer behaves, such as 'over' or 'in-place'.\n * @property {string} screenBreakPoint - The width (in pixels) at which the SlidingContainer switches to the \"over\" variant for smaller screens.\n * @property {boolean} removeChildAfterClose - Removes the child after the SlidingContainer is closed.\n * @property {string} animationDuration - Specifies the duration (in milliseconds) of the sliding animation.\n * @property {string} animationEasing - Specifies the easing function used for the sliding animation (e.g., 'linear', 'ease-in', 'ease-out').\n * @property {boolean} hasOpacity - Sets the opacity of the SlidingContainer.\n * @tag wje-sliding-container\n * @example\n * <wje-sliding-container trigger=\"test-resize-container-event-right\" id=\"left-in-place\" direction=\"left\" max-width=\"100px\" max-height=\"100%\">\n *    <wje-card>\n *       <wje-card-header>\n *        <wje-card-subtitle>CONTENT Subtitle</wje-card-subtitle>\n *       <wje-card-title>CONTENT Title</wje-card-title>\n *      </wje-card-header>\n *     <wje-card-content>\n *        CONTENT Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n *    </wje-card-content>\n * </wje-card>\n * </wje-sliding-container>\n */\nexport default class SlidingContainer extends WJElement {\n    /**\n     * Creates an instance of SlidingContainer.\n     * @class\n     */\n    constructor() {\n        super();\n\n        this._isOpen = false;\n        this._lastCaller = null;\n\n        this._resizeObserver = new ResizeObserver((entries) => {\n            for (let entry of entries) {\n                if (entry.contentBoxSize) {\n                    if (this.drawingStatus < 3) return;\n\n                    if (this.screenBreakPoint && window.innerWidth <= this.screenBreakPoint) {\n                        if (this.variant !== 'over') {\n                            this.variant = 'over';\n                        } else {\n                            this.checkForVariant(this.variant);\n                        }\n                    } else {\n                        if (this.variant !== 'in-place') {\n                            this.variant = 'in-place';\n                        } else {\n                            this.checkForVariant(this.variant);\n                        }\n                    }\n                }\n            }\n        });\n\n        this._resizeObserver.observe(document.documentElement);\n    }\n\n    set maxWidth(value) {\n        this.setAttribute('max-width', value);\n    }\n\n    get maxWidth() {\n        return this.getAttribute('max-width') ?? 'auto';\n    }\n\n    set maxHeight(value) {\n        this.setAttribute('max-height', value);\n    }\n\n    get maxHeight() {\n        return this.getAttribute('max-height') ?? 'auto';\n    }\n\n    set trigger(value) {\n        this.setAttribute('trigger', value);\n    }\n\n    get trigger() {\n        return this.getAttribute('trigger') ?? 'sliding-container';\n    }\n\n    set direction(value) {\n        this.setAttribute('direction', value);\n    }\n\n    get direction() {\n        return this.getAttribute('direction') ?? 'right';\n    }\n\n    set removeChildAfterClose(value) {\n        this.setAttribute('remove-child-after-close', value);\n    }\n\n    get removeChildAfterClose() {\n        return this.hasAttribute('remove-child-after-close') ?? false;\n    }\n\n    set variant(value) {\n        this.setAttribute('variant', value);\n    }\n\n    get variant() {\n        return this.getAttribute('variant') ?? 'in-place';\n    }\n\n    get screenBreakPoint() {\n        return this.getAttribute('screen-break-point');\n    }\n\n    set screenBreakPoint(value) {\n        this.setAttribute('screen-break-point', value);\n    }\n\n    get animationDuration() {\n        return this.getAttribute('animation-duration') ?? '500';\n    }\n\n    set animationDuration(value) {\n        this.setAttribute('animation-duration', value);\n    }\n\n    get animationEasing() {\n        return this.getAttribute('animation-easing') ?? 'linear';\n    }\n\n    set animationEasing(value) {\n        this.setAttribute('animation-easing', value);\n    }\n\n    get hasOpacity() {\n        return this.hasAttribute('has-opacity') ?? false;\n    }\n\n    get addToHeight() {\n        return this.getAttribute('add-to-height') ?? '0';\n    }\n\n    set addToHeight(value) {\n        this.setAttribute('add-to-height', value);\n    }\n\n    className = 'SlidingContainer';\n\n    /**\n     * Returns the observed attributes for the component.\n     * @returns {string[]}\n     */\n    static get observedAttributes() {\n        return [\n            'max-width',\n            'max-height',\n            'trigger',\n            'direction',\n            'variant',\n            'screen-break-point',\n            'remove-child-after-close',\n            'animation-duration',\n            'animation-easing',\n            'has-opacity',\n        ];\n    }\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component.\n     * @param {object} context The context for drawing.\n     * @param {object} store The store for drawing.\n     * @param {object} params The parameters for drawing.\n     * @returns {DocumentFragment}\n     */\n    draw(context, store, params) {\n        let fragment = document.createDocumentFragment();\n\n        this.style.position = 'relative';\n        this.style.height = '100%';\n        this.style.right = 'unset';\n        this.style.left = 'unset';\n\n        this.wrapperDiv = document.createElement('div');\n        this.wrapperDiv.classList.add('sliding-container-wrapper');\n\n        this.transparentDiv = document.createElement('div');\n        this.transparentDiv.classList.add('sliding-container-transparent');\n        if (this._isOpen) {\n            this.transparentDiv.style.width = this.maxWidth;\n        }\n\n        let native = document.createElement('div');\n        native.style.position = 'absolute';\n        native.style.width = 0;\n        if (this.hasOpacity) {\n            native.style.opacity = 0;\n        }\n\n        if (this._isOpen) {\n            native.style.width = this.maxWidth;\n            if (this.hasOpacity) {\n                native.style.opacity = 1;\n            }\n        }\n\n        native.style.height = '100%';\n\n        native.classList.add('native-sliding-container');\n        native.setAttribute('part', 'sliding-container');\n\n        if (this.direction === 'right') {\n            native.style.right = 0;\n        } else {\n            native.style.left = 0;\n        }\n\n        let slot = document.createElement('slot');\n\n        const nativeInner = document.createElement('div');\n        nativeInner.classList.add('native-sliding-container-inner');\n        nativeInner.style.height = '100%';\n        nativeInner.style.position = 'absolute';\n        nativeInner.style.width = this.maxWidth;\n\n        nativeInner.appendChild(slot);\n        nativeInner.appendChild(this.getCloseButton());\n\n        native.appendChild(nativeInner);\n        this.wrapperDiv.appendChild(this.transparentDiv);\n        this.wrapperDiv.appendChild(native);\n        fragment.appendChild(this.wrapperDiv);\n\n        this.nativeElement = native;\n\n        return fragment;\n    }\n\n    /**\n     * Creates and returns a close button element.\n     * @returns {HTMLElement} The close button element.\n     */\n    getCloseButton() {\n        let closeButton = document.createElement('wje-button');\n        closeButton.setAttribute('part', 'close-button');\n        closeButton.style.position = 'absolute';\n        closeButton.style.top = '0';\n        closeButton.style.right = '0';\n        closeButton.style.zIndex = '1000';\n\n        let icon = document.createElement('wje-icon');\n        icon.setAttribute('slot', 'icon-only');\n        icon.setAttribute('name', 'x');\n        closeButton.appendChild(icon);\n\n        closeButton.addEventListener('click', () => {\n            this.close();\n        });\n\n        return closeButton;\n    }\n\n    /**\n     * Executes before drawing the element.\n     */\n    beforeDraw() {\n        this.animation?.cancel();\n        this.nativeAnimation?.cancel();\n        document.removeEventListener(this.trigger, this.triggerEvent);\n    }\n\n    /**\n     * Performs actions after the element is drawn on the screen.\n     * Attaches an event listener to the document based on the specified trigger.\n     * Sets the variant to \"over\" if the document width is smaller than the screen break point.\n     * Calls the checkForVariant method with the current variant.\n     */\n    afterDraw() {\n        document.addEventListener(this.trigger, this.triggerEvent);\n\n        // if document width is on small screen set variant to over\n        if (this.screenBreakPoint && window.innerWidth <= this.screenBreakPoint) {\n            this.variant = 'over';\n        }\n\n        this.checkForVariant(this.variant);\n    }\n\n    getParentElement() {\n        let parentElement = this.parentElement;\n\n        if (!parentElement) {\n            parentElement = this.getRootNode().host;\n        }\n\n        return parentElement;\n    }\n\n    /**\n     * Checks for a specific variant and applies corresponding styles.\n     * @param {string} variant The variant to check for.\n     */\n    checkForVariant(variant) {\n        if (variant === 'over') {\n            this.style.position = 'fixed';\n            let computentStyleOfParent = window.getComputedStyle(this.getParentElement());\n            let parentElementBoundingbox = this.getParentElement().getBoundingClientRect();\n            let heightOfParrentElement = parseFloat(computentStyleOfParent.height);\n\n            let topOfParrentElement = parseFloat(computentStyleOfParent.top);\n\n            this.style.height = heightOfParrentElement + +this.addToHeight + 'px';\n            this.wrapperDiv.style.height = heightOfParrentElement + +this.addToHeight + 'px';\n            this.style.top = topOfParrentElement + 'px';\n\n            const leftSibling = this.previousElementSibling;\n            const rightSibling = this.nextElementSibling;\n            const leftSiblingBoundingbox = leftSibling?.getBoundingClientRect();\n            const rightSiblingBoundingbox = rightSibling?.getBoundingClientRect();\n\n            if (this.direction === 'right') {\n                // attach to left sibling\n                if (leftSiblingBoundingbox) {\n                    this.style.left = leftSiblingBoundingbox.left + leftSiblingBoundingbox.width + 'px';\n                } else {\n                    this.style.left = parentElementBoundingbox.left + 'px';\n                }\n            } else {\n                // attach to right sibling\n                if (rightSiblingBoundingbox) {\n                    this.style.right = window.innerWidth - rightSiblingBoundingbox.left + 'px';\n                } else {\n                    this.style.right =\n                        window.innerWidth - (parentElementBoundingbox.left + parentElementBoundingbox.width) + 'px';\n                }\n            }\n        }\n    }\n\n    /**\n     * Triggers the event based on the target element.\n     * If the target element is different from the last caller, it refreshes the children by calling the `open` method.\n     * If the target element is the same as the last caller, it toggles the state by calling the `toggle` method.\n     * @param {Event} e The event object.\n     */\n    triggerEvent = async (e) => {\n        if (this._lastCaller && this._lastCaller !== e.composedPath()[0]) {\n            // same oppener event but different caller so just refresh inner content\n            await this.open(e);\n        } else {\n            // came caller so toggle\n            await this.toggle(e);\n        }\n\n        this._lastCaller = e.composedPath()[0];\n    };\n\n    /**\n     * Executes before the element is opened.\n     */\n    beforeOpen(event) {\n        // Hook for extending behavior before the dialog opens\n    }\n\n    /**\n     * Callback function called after the element is opened.\n     */\n    afterOpen(event) {\n        // Hook for extending behavior before the dialog opens\n    }\n\n    /**\n     * Executes before closing the element.\n     */\n    beforeClose(event) {\n        // Hook for extending behavior before the dialog opens\n    }\n\n    /**\n     * Callback function that is called after the container is closed.\n     */\n    afterClose(event) {\n        // Hook for extending behavior before the dialog opens\n    }\n\n    /**\n     * Animates the transition of the element's width from 0 to the maximum width or vice versa.\n     * @returns {Promise<void>} A promise that resolves when the animation is complete.\n     */\n    doAnimateTransition() {\n        const options = {\n            delay: 0,\n            endDelay: 0,\n            fill: 'forwards',\n            duration: +this.animationDuration,\n            iterationStart: 0,\n            iterations: 1,\n            direction: 'normal',\n            easing: this.animationEasing,\n        };\n\n        if (this.animation && this.animation?.effect?.target !== this.transparentDiv) {\n            this.animation.cancel();\n            this.animation = null;\n        }\n\n        if (this.nativeAnimation && this.nativeAnimation?.effect?.target !== this.nativeElement) {\n            this.nativeAnimation.cancel();\n            this.nativeAnimation = null;\n        }\n\n        if (!this._isOpen) {\n            if (this.animation && this.nativeAnimation) {\n                this.animation.reverse();\n                this.nativeAnimation.reverse();\n            } else {\n                this.animation = this.transparentDiv.animate(\n                    [\n                        {\n                            width: 0,\n                        },\n                        {\n                            width: this.maxWidth,\n                        },\n                    ],\n                    options\n                );\n\n                this.nativeAnimation = this.nativeElement.animate(\n                    [\n                        {\n                            ...(this.hasOpacity ? { opacity: 0 } : {}),\n                            width: 0,\n                        },\n                        {\n                            ...(this.hasOpacity ? { opacity: 1 } : {}),\n                            width: this.maxWidth,\n                        },\n                    ],\n                    options\n                );\n            }\n        } else {\n            if (this.animation && this.nativeAnimation) {\n                this.animation.reverse();\n                this.nativeAnimation.reverse();\n            } else {\n                this.animation = this.transparentDiv.animate(\n                    [\n                        {\n                            width: this.maxWidth,\n                        },\n                        {\n                            width: 0,\n                        },\n                    ],\n                    options\n                );\n\n                this.nativeAnimation = this.nativeElement.animate(\n                    [\n                        {\n                            ...(this.hasOpacity ? { opacity: 1 } : {}),\n                            width: this.maxWidth,\n                        },\n                        {\n                            ...(this.hasOpacity ? { opacity: 0 } : {}),\n                            width: 0,\n                        },\n                    ],\n                    options\n                );\n            }\n        }\n\n        return new Promise((resolve, reject) => {\n            this.animation.onfinish = () => {\n                this._isOpen = !this._isOpen;\n                resolve();\n            };\n        });\n    }\n\n    /**\n     * Opens the container with an animation.\n     * @returns {Promise<void>} A promise that resolves when the container is opened.\n     */\n    async open(event) {\n        await Promise.resolve(this.beforeOpen(event)).then(async () => {\n            if (!this._isOpen) {\n                this.dispatchEvent(\n                    new CustomEvent('wje-sliding-container:beforeOpen', {\n                        bubbles: true,\n                        composed: true,\n                    })\n                );\n\n                this.checkForVariant(this.variant);\n\n                await this.doAnimateTransition();\n\n                await Promise.resolve(this.afterOpen(event)).then(() => {\n                    this.dispatchEvent(\n                        new CustomEvent('wje-sliding-container:open', {\n                            bubbles: true,\n                            composed: true,\n                        })\n                    );\n                });\n            }\n        });\n    }\n\n    /**\n     * Closes the animation container.\n     * @returns {Promise<void>} A promise that resolves when the container is closed.\n     */\n    async close(event) {\n        await Promise.resolve(this.beforeClose(event)).then(async () => {\n            if (this._isOpen) {\n                this.dispatchEvent(\n                    new CustomEvent('wje-sliding-container:beforeClose', {\n                        bubbles: true,\n                        composed: true,\n                    })\n                );\n\n                await this.doAnimateTransition();\n\n                await Promise.resolve(this.afterClose(event)).then(() => {\n                    if (this.removeChildAfterClose) {\n                        this.childNodes.forEach((child) => {\n                            child.remove();\n                        });\n                    }\n\n                    this.dispatchEvent(\n                        new CustomEvent('wje-sliding-container:close', {\n                            bubbles: true,\n                            composed: true,\n                        })\n                    );\n                });\n            }\n        });\n    }\n\n    /**\n     * Toggles the state of the element.\n     * If the element is open, it will be closed. If it is closed, it will be opened.\n     * @returns {Promise<void>} A promise that resolves when the toggle operation is complete.\n     */\n    async toggle(event) {\n        if (this._isOpen) {\n            await this.close(event);\n        } else {\n            await this.open(event);\n        }\n    }\n\n    componentCleanup() {\n        this._resizeObserver?.disconnect();\n        this._resizeObserver = null;\n    }\n}\n","import SlidingContainer from './sliding-container.element.js';\n\nexport default SlidingContainer;\n\nSlidingContainer.define('wje-sliding-container', SlidingContainer);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wje-sliding-container.js","sources":["../experimental-packages/wje-sliding-container/sliding-container.element.js","../experimental-packages/wje-sliding-container/sliding-container.js"],"sourcesContent":["import { default as WJElement } from '../../packages/wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary SlidingContainer is a custom web component that extends WJElement.\n * @documentation https://elements.webjet.sk/components/SlidingContainer\n * @status stable\n * @augments WJElement\n * @csspart - Styles the element.\n * @slot - The default slot for the SlidingContainer.\n * @property {string} maxWidth - The maximum width of the SlidingContainer.\n * @property {string} maxHeight - The maximum height of the SlidingContainer.\n * @property {string} trigger - The trigger for the SlidingContainer.\n * @property {string} direction - Specifies the sliding direction of the container (e.g., 'left' or 'right').\n * @property {string} variant - Determines how the SlidingContainer behaves, such as 'over' or 'in-place'.\n * @property {string} screenBreakPoint - The width (in pixels) at which the SlidingContainer switches to the \"over\" variant for smaller screens.\n * @property {boolean} removeChildAfterClose - Removes the child after the SlidingContainer is closed.\n * @property {string} animationDuration - Specifies the duration (in milliseconds) of the sliding animation.\n * @property {string} animationEasing - Specifies the easing function used for the sliding animation (e.g., 'linear', 'ease-in', 'ease-out').\n * @property {boolean} hasOpacity - Sets the opacity of the SlidingContainer.\n * @tag wje-sliding-container\n * @example\n * <wje-sliding-container trigger=\"test-resize-container-event-right\" id=\"left-in-place\" direction=\"left\" max-width=\"100px\" max-height=\"100%\">\n *    <wje-card>\n *       <wje-card-header>\n *        <wje-card-subtitle>CONTENT Subtitle</wje-card-subtitle>\n *       <wje-card-title>CONTENT Title</wje-card-title>\n *      </wje-card-header>\n *     <wje-card-content>\n *        CONTENT Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n *    </wje-card-content>\n * </wje-card>\n * </wje-sliding-container>\n */\nexport default class SlidingContainer extends WJElement {\n    /**\n     * Creates an instance of SlidingContainer.\n     * @class\n     */\n    constructor() {\n        super();\n\n        this._isOpen = false;\n        this._lastCaller = null;\n\n        this._resizeObserver = new ResizeObserver((entries) => {\n            for (let entry of entries) {\n                if (entry.contentBoxSize) {\n                    if (this.drawingStatus < 3) return;\n\n                    if (this.screenBreakPoint && window.innerWidth <= this.screenBreakPoint) {\n                        if (this.variant !== 'over') {\n                            this.variant = 'over';\n                        } else {\n                            this.checkForVariant(this.variant);\n                        }\n                    } else {\n                        if (this.variant !== 'in-place') {\n                            this.variant = 'in-place';\n                        } else {\n                            this.checkForVariant(this.variant);\n                        }\n                    }\n                }\n            }\n        });\n\n        this._resizeObserver.observe(document.documentElement);\n    }\n\n    set maxWidth(value) {\n        this.setAttribute('max-width', value);\n    }\n\n    get maxWidth() {\n        return this.getAttribute('max-width') ?? 'auto';\n    }\n\n    set maxHeight(value) {\n        this.setAttribute('max-height', value);\n    }\n\n    get maxHeight() {\n        return this.getAttribute('max-height') ?? 'auto';\n    }\n\n    set trigger(value) {\n        this.setAttribute('trigger', value);\n    }\n\n    get trigger() {\n        return this.getAttribute('trigger') ?? 'sliding-container';\n    }\n\n    set direction(value) {\n        this.setAttribute('direction', value);\n    }\n\n    get direction() {\n        return this.getAttribute('direction') ?? 'right';\n    }\n\n    set removeChildAfterClose(value) {\n        this.setAttribute('remove-child-after-close', value);\n    }\n\n    get removeChildAfterClose() {\n        return this.hasAttribute('remove-child-after-close') ?? false;\n    }\n\n    set variant(value) {\n        this.setAttribute('variant', value);\n    }\n\n    get variant() {\n        return this.getAttribute('variant') ?? 'in-place';\n    }\n\n    get screenBreakPoint() {\n        return this.getAttribute('screen-break-point');\n    }\n\n    set screenBreakPoint(value) {\n        this.setAttribute('screen-break-point', value);\n    }\n\n    get animationDuration() {\n        return this.getAttribute('animation-duration') ?? '500';\n    }\n\n    set animationDuration(value) {\n        this.setAttribute('animation-duration', value);\n    }\n\n    get animationEasing() {\n        return this.getAttribute('animation-easing') ?? 'linear';\n    }\n\n    set animationEasing(value) {\n        this.setAttribute('animation-easing', value);\n    }\n\n    get hasOpacity() {\n        return this.hasAttribute('has-opacity') ?? false;\n    }\n\n    get addToHeight() {\n        return this.getAttribute('add-to-height') ?? '0';\n    }\n\n    set addToHeight(value) {\n        this.setAttribute('add-to-height', value);\n    }\n\n    get isOpen() {\n        return this._isOpen;\n    }\n\n    className = 'SlidingContainer';\n\n    /**\n     * Returns the observed attributes for the component.\n     * @returns {string[]}\n     */\n    static get observedAttributes() {\n        return [\n            'max-width',\n            'max-height',\n            'trigger',\n            'direction',\n            'variant',\n            'screen-break-point',\n            'remove-child-after-close',\n            'animation-duration',\n            'animation-easing',\n            'has-opacity',\n        ];\n    }\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component.\n     * @param {object} context The context for drawing.\n     * @param {object} store The store for drawing.\n     * @param {object} params The parameters for drawing.\n     * @returns {DocumentFragment}\n     */\n    draw(context, store, params) {\n        let fragment = document.createDocumentFragment();\n\n        this.style.position = 'relative';\n        this.style.height = '100%';\n        this.style.right = 'unset';\n        this.style.left = 'unset';\n\n        this.wrapperDiv = document.createElement('div');\n        this.wrapperDiv.classList.add('sliding-container-wrapper');\n\n        this.transparentDiv = document.createElement('div');\n        this.transparentDiv.classList.add('sliding-container-transparent');\n        if (this._isOpen) {\n            this.transparentDiv.style.width = this.maxWidth;\n        }\n\n        let native = document.createElement('div');\n        native.style.position = 'absolute';\n        native.style.width = 0;\n        if (this.hasOpacity) {\n            native.style.opacity = 0;\n        }\n\n        if (this._isOpen) {\n            native.style.width = this.maxWidth;\n            if (this.hasOpacity) {\n                native.style.opacity = 1;\n            }\n        }\n\n        native.style.height = '100%';\n\n        native.classList.add('native-sliding-container');\n        native.setAttribute('part', 'sliding-container');\n\n        if (this.direction === 'right') {\n            native.style.right = 0;\n        } else {\n            native.style.left = 0;\n        }\n\n        let slot = document.createElement('slot');\n\n        const nativeInner = document.createElement('div');\n        nativeInner.classList.add('native-sliding-container-inner');\n        nativeInner.style.height = '100%';\n        nativeInner.style.position = 'absolute';\n        nativeInner.style.width = this.maxWidth;\n\n        nativeInner.appendChild(slot);\n        nativeInner.appendChild(this.getCloseButton());\n\n        native.appendChild(nativeInner);\n        this.wrapperDiv.appendChild(this.transparentDiv);\n        this.wrapperDiv.appendChild(native);\n        fragment.appendChild(this.wrapperDiv);\n\n        this.nativeElement = native;\n\n        return fragment;\n    }\n\n    /**\n     * Creates and returns a close button element.\n     * @returns {HTMLElement} The close button element.\n     */\n    getCloseButton() {\n        let closeButton = document.createElement('wje-button');\n        closeButton.setAttribute('part', 'close-button');\n        closeButton.style.position = 'absolute';\n        closeButton.style.top = '0';\n        closeButton.style.right = '0';\n        closeButton.style.zIndex = '1000';\n\n        let icon = document.createElement('wje-icon');\n        icon.setAttribute('slot', 'icon-only');\n        icon.setAttribute('name', 'x');\n        closeButton.appendChild(icon);\n\n        closeButton.addEventListener('click', () => {\n            this.close();\n        });\n\n        return closeButton;\n    }\n\n    /**\n     * Executes before drawing the element.\n     */\n    beforeDraw() {\n        this.animation?.cancel();\n        this.nativeAnimation?.cancel();\n        document.removeEventListener(this.trigger, this.triggerEvent);\n    }\n\n    /**\n     * Performs actions after the element is drawn on the screen.\n     * Attaches an event listener to the document based on the specified trigger.\n     * Sets the variant to \"over\" if the document width is smaller than the screen break point.\n     * Calls the checkForVariant method with the current variant.\n     */\n    afterDraw() {\n        document.addEventListener(this.trigger, this.triggerEvent);\n\n        // if document width is on small screen set variant to over\n        if (this.screenBreakPoint && window.innerWidth <= this.screenBreakPoint) {\n            this.variant = 'over';\n        }\n\n        this.checkForVariant(this.variant);\n    }\n\n    getParentElement() {\n        let parentElement = this.parentElement;\n\n        if (!parentElement) {\n            parentElement = this.getRootNode().host;\n        }\n\n        return parentElement;\n    }\n\n    /**\n     * Checks for a specific variant and applies corresponding styles.\n     * @param {string} variant The variant to check for.\n     */\n    checkForVariant(variant) {\n        if (variant === 'over') {\n            this.style.position = 'fixed';\n            let computentStyleOfParent = window.getComputedStyle(this.getParentElement());\n            let parentElementBoundingbox = this.getParentElement().getBoundingClientRect();\n            let heightOfParrentElement = parseFloat(computentStyleOfParent.height);\n\n            let topOfParrentElement = parseFloat(computentStyleOfParent.top);\n\n            this.style.height = heightOfParrentElement + +this.addToHeight + 'px';\n            this.wrapperDiv.style.height = heightOfParrentElement + +this.addToHeight + 'px';\n            this.style.top = topOfParrentElement + 'px';\n\n            const leftSibling = this.previousElementSibling;\n            const rightSibling = this.nextElementSibling;\n            const leftSiblingBoundingbox = leftSibling?.getBoundingClientRect();\n            const rightSiblingBoundingbox = rightSibling?.getBoundingClientRect();\n\n            if (this.direction === 'right') {\n                // attach to left sibling\n                if (leftSiblingBoundingbox) {\n                    this.style.left = leftSiblingBoundingbox.left + leftSiblingBoundingbox.width + 'px';\n                } else {\n                    this.style.left = parentElementBoundingbox.left + 'px';\n                }\n            } else {\n                // attach to right sibling\n                if (rightSiblingBoundingbox) {\n                    this.style.right = window.innerWidth - rightSiblingBoundingbox.left + 'px';\n                } else {\n                    this.style.right =\n                        window.innerWidth - (parentElementBoundingbox.left + parentElementBoundingbox.width) + 'px';\n                }\n            }\n        }\n    }\n\n    /**\n     * Triggers the event based on the target element.\n     * If the target element is different from the last caller, it refreshes the children by calling the `open` method.\n     * If the target element is the same as the last caller, it toggles the state by calling the `toggle` method.\n     * @param {Event} e The event object.\n     */\n    triggerEvent = async (e) => {\n        if (this._lastCaller && this._lastCaller !== e.composedPath()[0]) {\n            // same oppener event but different caller so just refresh inner content\n            await this.open(e);\n        } else {\n            // came caller so toggle\n            await this.toggle(e);\n        }\n\n        this._lastCaller = e.composedPath()[0];\n    };\n\n    /**\n     * Executes before the element is opened.\n     */\n    beforeOpen(event) {\n        // Hook for extending behavior before the dialog opens\n    }\n\n    /**\n     * Callback function called after the element is opened.\n     */\n    afterOpen(event) {\n        // Hook for extending behavior before the dialog opens\n    }\n\n    /**\n     * Executes before closing the element.\n     */\n    beforeClose(event) {\n        // Hook for extending behavior before the dialog opens\n    }\n\n    /**\n     * Callback function that is called after the container is closed.\n     */\n    afterClose(event) {\n        // Hook for extending behavior before the dialog opens\n    }\n\n    /**\n     * Animates the transition of the element's width from 0 to the maximum width or vice versa.\n     * @returns {Promise<void>} A promise that resolves when the animation is complete.\n     */\n    doAnimateTransition() {\n        const options = {\n            delay: 0,\n            endDelay: 0,\n            fill: 'forwards',\n            duration: +this.animationDuration,\n            iterationStart: 0,\n            iterations: 1,\n            direction: 'normal',\n            easing: this.animationEasing,\n        };\n\n        if (this.animation && this.animation?.effect?.target !== this.transparentDiv) {\n            this.animation.cancel();\n            this.animation = null;\n        }\n\n        if (this.nativeAnimation && this.nativeAnimation?.effect?.target !== this.nativeElement) {\n            this.nativeAnimation.cancel();\n            this.nativeAnimation = null;\n        }\n\n        if (!this._isOpen) {\n            if (this.animation && this.nativeAnimation) {\n                this.animation.reverse();\n                this.nativeAnimation.reverse();\n            } else {\n                this.animation = this.transparentDiv.animate(\n                    [\n                        {\n                            width: 0,\n                        },\n                        {\n                            width: this.maxWidth,\n                        },\n                    ],\n                    options\n                );\n\n                this.nativeAnimation = this.nativeElement.animate(\n                    [\n                        {\n                            ...(this.hasOpacity ? { opacity: 0 } : {}),\n                            width: 0,\n                        },\n                        {\n                            ...(this.hasOpacity ? { opacity: 1 } : {}),\n                            width: this.maxWidth,\n                        },\n                    ],\n                    options\n                );\n            }\n        } else {\n            if (this.animation && this.nativeAnimation) {\n                this.animation.reverse();\n                this.nativeAnimation.reverse();\n            } else {\n                this.animation = this.transparentDiv.animate(\n                    [\n                        {\n                            width: this.maxWidth,\n                        },\n                        {\n                            width: 0,\n                        },\n                    ],\n                    options\n                );\n\n                this.nativeAnimation = this.nativeElement.animate(\n                    [\n                        {\n                            ...(this.hasOpacity ? { opacity: 1 } : {}),\n                            width: this.maxWidth,\n                        },\n                        {\n                            ...(this.hasOpacity ? { opacity: 0 } : {}),\n                            width: 0,\n                        },\n                    ],\n                    options\n                );\n            }\n        }\n\n        return new Promise((resolve, reject) => {\n            this.animation.onfinish = () => {\n                this._isOpen = !this._isOpen;\n                resolve();\n            };\n        });\n    }\n\n    /**\n     * Opens the container with an animation.\n     * @returns {Promise<void>} A promise that resolves when the container is opened.\n     */\n    async open(event) {\n        await Promise.resolve(this.beforeOpen(event)).then(async () => {\n            if (!this._isOpen) {\n                this.dispatchEvent(\n                    new CustomEvent('wje-sliding-container:beforeOpen', {\n                        bubbles: true,\n                        composed: true,\n                    })\n                );\n\n                this.checkForVariant(this.variant);\n\n                await this.doAnimateTransition();\n\n                await Promise.resolve(this.afterOpen(event)).then(() => {\n                    this.dispatchEvent(\n                        new CustomEvent('wje-sliding-container:open', {\n                            bubbles: true,\n                            composed: true,\n                        })\n                    );\n                });\n            }\n        });\n    }\n\n    /**\n     * Closes the animation container.\n     * @returns {Promise<void>} A promise that resolves when the container is closed.\n     */\n    async close(event) {\n        await Promise.resolve(this.beforeClose(event)).then(async () => {\n            if (this._isOpen) {\n                this.dispatchEvent(\n                    new CustomEvent('wje-sliding-container:beforeClose', {\n                        bubbles: true,\n                        composed: true,\n                    })\n                );\n\n                await this.doAnimateTransition();\n\n                await Promise.resolve(this.afterClose(event)).then(() => {\n                    if (this.removeChildAfterClose) {\n                        this.childNodes.forEach((child) => {\n                            child.remove();\n                        });\n                    }\n\n                    this.dispatchEvent(\n                        new CustomEvent('wje-sliding-container:close', {\n                            bubbles: true,\n                            composed: true,\n                        })\n                    );\n                });\n            }\n        });\n    }\n\n    /**\n     * Toggles the state of the element.\n     * If the element is open, it will be closed. If it is closed, it will be opened.\n     * @returns {Promise<void>} A promise that resolves when the toggle operation is complete.\n     */\n    async toggle(event) {\n        if (this._isOpen) {\n            await this.close(event);\n        } else {\n            await this.open(event);\n        }\n    }\n\n    componentCleanup() {\n        this._resizeObserver?.disconnect();\n        this._resizeObserver = null;\n    }\n}\n","import SlidingContainer from './sliding-container.element.js';\n\nexport default SlidingContainer;\n\nSlidingContainer.define('wje-sliding-container', SlidingContainer);\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wj-elements",
   "description": "WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.",
-  "version": "0.1.158",
+  "version": "0.1.160",
   "homepage": "https://github.com/lencys/wj-elements",
   "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "create-element": "node wje-cli-script/create-element.cjs",
     "copy-dist": "node wje-cli-script/copy-dist.cjs",
     "build:copy-dist": "npm run build && npm run copy-dist -- /Users/rastislavhrompa/Desktop/Interway-MFE/parcels/node_modules/wj-elements",
-    "target:copy-dist": "npm run copy-dist -- /Users/rastislavhrompa/Desktop/Interway-MFE/root/node_modules/wj-elements",
+    "target:copy-dist": "npm run copy-dist -- /Users/rastislavhrompa/Desktop/Interway-MFE/parcels/node_modules/wj-elements",
     "test": "web-test-runner --group default",
     "test:watch": "web-test-runner --watch --group default",
     "lint": "eslint packages experimental-packages --max-warnings 0",

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

@@ -1 +0,0 @@
-{"version":3,"file":"infinite-scroll.element-DUjjOm1e.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    }\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.iterate = this.querySelector('[iterate]');\n        this.infiniteScrollTemplate = this.iterate?.outerHTML;\n        this.iterate?.remove(); // remove template\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\n                this.customForeach(this.objectName ? response[this.objectName] : response);\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    /**\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            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"],"names":[],"mappings":"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"}