wj-elements 0.1.141 → 0.1.142

package/dist/wje-element.js.map

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

package/dist/wje-fetchAndParseCSS.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-fetchAndParseCSS.js","sources":["../packages/utils/animations.js"],"sourcesContent":["let animations = [];\n\nfunction parseCSS(css) {\n    const keyframesRegex = /@keyframes\\s+([\\w-]+)\\s*{([\\s\\S]+?})\\s*}/g;\n    let match;\n    let localAnimations = [];\n\n    while ((match = keyframesRegex.exec(css)) !== null) {\n        let name = match[1];\n        let frames = match[2].trim();\n        let keyframes = parseKeyframes(frames);\n\n        localAnimations.push({ name, keyframes });\n    }\n\n    return localAnimations;\n}\n\nfunction parseKeyframes(frames) {\n    const frameRegex = /([\\d%]+)\\s*{([\\s\\S]+?)}/g;\n    let match;\n    let keyframes = [];\n\n    while ((match = frameRegex.exec(frames)) !== null) {\n        let offset = parseFloat(match[1]) / 100; // Prevedenie percent na desatinné číslo\n        let properties = parseProperties(match[2]);\n\n        // Preformátovanie vlastností na požadovaný formát\n        let keyframeObject = {\n            offset: offset,\n            ...properties,\n        };\n\n        keyframes.push(keyframeObject);\n    }\n\n    // Zoradenie keyframes podľa offsetu\n    keyframes.sort((a, b) => a.offset - b.offset);\n\n    return keyframes;\n}\n\nfunction parseProperties(propertiesString) {\n    const properties = {};\n    propertiesString.split(';').forEach((property) => {\n        const [key, value] = property.split(':').map((part) => part.trim());\n        if (key && value) {\n            // Mapovanie názvov vlastností na požadované kľúčové slová\n            if (key === 'animation-timing-function') {\n                properties['easing'] = value;\n            } else {\n                properties[key] = value;\n            }\n        }\n    });\n    return properties;\n}\n\nexport async function fetchAndParseCSS(css) {\n    try {\n        if (animations.length > 0) {\n            return animations;\n        }\n        animations = parseCSS(css);\n\n        return await animations;\n    } catch (error) {\n        console.error('Error:', error);\n        return null;\n    }\n}\n\nexport { animations };"],"names":[],"mappings":"AAAG,IAAC,aAAa,CAAA;AAEjB,SAAS,SAAS,KAAK;AACnB,QAAM,iBAAiB;AACvB,MAAI;AACJ,MAAI,kBAAkB,CAAE;AAExB,UAAQ,QAAQ,eAAe,KAAK,GAAG,OAAO,MAAM;AAChD,QAAI,OAAO,MAAM,CAAC;AAClB,QAAI,SAAS,MAAM,CAAC,EAAE,KAAM;AAC5B,QAAI,YAAY,eAAe,MAAM;AAErC,oBAAgB,KAAK,EAAE,MAAM,UAAS,CAAE;AAAA,EAChD;AAEI,SAAO;AACX;AAEA,SAAS,eAAe,QAAQ;AAC5B,QAAM,aAAa;AACnB,MAAI;AACJ,MAAI,YAAY,CAAE;AAElB,UAAQ,QAAQ,WAAW,KAAK,MAAM,OAAO,MAAM;AAC/C,QAAI,SAAS,WAAW,MAAM,CAAC,CAAC,IAAI;AACpC,QAAI,aAAa,gBAAgB,MAAM,CAAC,CAAC;AAGzC,QAAI,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,IACN;AAED,cAAU,KAAK,cAAc;AAAA,EACrC;AAGI,YAAU,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM;AAE5C,SAAO;AACX;AAEA,SAAS,gBAAgB,kBAAkB;AACvC,QAAM,aAAa,CAAE;AACrB,mBAAiB,MAAM,GAAG,EAAE,QAAQ,CAAC,aAAa;AAC9C,UAAM,CAAC,KAAK,KAAK,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI,CAAC,SAAS,KAAK,KAAI,CAAE;AAClE,QAAI,OAAO,OAAO;AAEd,UAAI,QAAQ,6BAA6B;AACrC,mBAAW,QAAQ,IAAI;AAAA,MACvC,OAAmB;AACH,mBAAW,GAAG,IAAI;AAAA,MAClC;AAAA,IACA;AAAA,EACA,CAAK;AACD,SAAO;AACX;AAEO,eAAe,iBAAiB,KAAK;AACxC,MAAI;AACA,QAAI,WAAW,SAAS,GAAG;AACvB,aAAO;AAAA,IACnB;AACQ,iBAAa,SAAS,GAAG;AAEzB,WAAO,MAAM;AAAA,EAChB,SAAQ,OAAO;AACZ,YAAQ,MAAM,UAAU,KAAK;AAC7B,WAAO;AAAA,EACf;AACA;"}
+{"version":3,"file":"wje-fetchAndParseCSS.js","sources":["../packages/utils/animations.js"],"sourcesContent":["let animations = [];\n\nfunction parseCSS(css) {\n    const keyframesRegex = /@keyframes\\s+([\\w-]+)\\s*{([\\s\\S]+?})\\s*}/g;\n    let match;\n    let localAnimations = [];\n\n    while ((match = keyframesRegex.exec(css)) !== null) {\n        let name = match[1];\n        let frames = match[2].trim();\n        let keyframes = parseKeyframes(frames);\n\n        localAnimations.push({ name, keyframes });\n    }\n\n    return localAnimations;\n}\n\nfunction parseKeyframes(frames) {\n    const frameRegex = /([\\d%]+)\\s*{([\\s\\S]+?)}/g;\n    let match;\n    let keyframes = [];\n\n    while ((match = frameRegex.exec(frames)) !== null) {\n        let offset = parseFloat(match[1]) / 100; // Prevedenie percent na desatinné číslo\n        let properties = parseProperties(match[2]);\n\n        // Preformátovanie vlastností na požadovaný formát\n        let keyframeObject = {\n            offset: offset,\n            ...properties,\n        };\n\n        keyframes.push(keyframeObject);\n    }\n\n    // Zoradenie keyframes podľa offsetu\n    keyframes.sort((a, b) => a.offset - b.offset);\n\n    return keyframes;\n}\n\nfunction parseProperties(propertiesString) {\n    const properties = {};\n    propertiesString.split(';').forEach((property) => {\n        const [key, value] = property.split(':').map((part) => part.trim());\n        if (key && value) {\n            // Mapovanie názvov vlastností na požadované kľúčové slová\n            if (key === 'animation-timing-function') {\n                properties['easing'] = value;\n            } else {\n                properties[key] = value;\n            }\n        }\n    });\n    return properties;\n}\n\nexport async function fetchAndParseCSS(css) {\n    try {\n        if (animations.length > 0) {\n            return animations;\n        }\n        animations = parseCSS(css);\n\n        return await animations;\n    } catch (error) {\n        console.error('Error:', error);\n        return null;\n    }\n}\n\nexport { animations };\n"],"names":[],"mappings":"AAAG,IAAC,aAAa,CAAA;AAEjB,SAAS,SAAS,KAAK;AACnB,QAAM,iBAAiB;AACvB,MAAI;AACJ,MAAI,kBAAkB,CAAE;AAExB,UAAQ,QAAQ,eAAe,KAAK,GAAG,OAAO,MAAM;AAChD,QAAI,OAAO,MAAM,CAAC;AAClB,QAAI,SAAS,MAAM,CAAC,EAAE,KAAM;AAC5B,QAAI,YAAY,eAAe,MAAM;AAErC,oBAAgB,KAAK,EAAE,MAAM,UAAS,CAAE;AAAA,EAChD;AAEI,SAAO;AACX;AAEA,SAAS,eAAe,QAAQ;AAC5B,QAAM,aAAa;AACnB,MAAI;AACJ,MAAI,YAAY,CAAE;AAElB,UAAQ,QAAQ,WAAW,KAAK,MAAM,OAAO,MAAM;AAC/C,QAAI,SAAS,WAAW,MAAM,CAAC,CAAC,IAAI;AACpC,QAAI,aAAa,gBAAgB,MAAM,CAAC,CAAC;AAGzC,QAAI,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,IACN;AAED,cAAU,KAAK,cAAc;AAAA,EACrC;AAGI,YAAU,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM;AAE5C,SAAO;AACX;AAEA,SAAS,gBAAgB,kBAAkB;AACvC,QAAM,aAAa,CAAE;AACrB,mBAAiB,MAAM,GAAG,EAAE,QAAQ,CAAC,aAAa;AAC9C,UAAM,CAAC,KAAK,KAAK,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI,CAAC,SAAS,KAAK,KAAI,CAAE;AAClE,QAAI,OAAO,OAAO;AAEd,UAAI,QAAQ,6BAA6B;AACrC,mBAAW,QAAQ,IAAI;AAAA,MACvC,OAAmB;AACH,mBAAW,GAAG,IAAI;AAAA,MAClC;AAAA,IACA;AAAA,EACA,CAAK;AACD,SAAO;AACX;AAEO,eAAe,iBAAiB,KAAK;AACxC,MAAI;AACA,QAAI,WAAW,SAAS,GAAG;AACvB,aAAO;AAAA,IACnB;AACQ,iBAAa,SAAS,GAAG;AAEzB,WAAO,MAAM;AAAA,EAChB,SAAQ,OAAO;AACZ,YAAQ,MAAM,UAAU,KAAK;AAC7B,WAAO;AAAA,EACf;AACA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"wje-file-upload.js","sources":["../packages/wje-file-upload/service/service.js","../packages/wje-file-upload/file-upload.element.js","../packages/wje-file-upload/file-upload.js"],"sourcesContent":["/**\n * Returns a list of file type categories and their corresponding icon names.\n * @returns {Array<object>} An array of objects representing file type categories.\n * Each object contains the following properties:\n * - `type` {Array&lt;string>} A list of file extensions associated with the category.\n * - `name` {string} The name of the icon representing the category.\n * @example\n * const types = fileType();\n * console.log(types);\n * // [\n * //   { type: [\"jpg\", \"jpeg\", \"png\", \"gif\", \"bpm\", \"tiff\", \"svg\"], name: \"photo\" },\n * //   { type: [\"zip\", \"rar\", \"cab\", \"jar\", \"tar\", \"gzip\", \"uue\", \"bz2\", \"scorm\", \"war\"], name: \"file-type-zip\" },\n * //   ...\n * // ]\n */\nfunction fileType() {\n    return [\n        {\n            type: ['jpg', 'jpeg', 'png', 'gif', 'bpm', 'tiff', 'svg'],\n            name: 'photo',\n        },\n        {\n            type: ['zip', 'rar', 'cab', 'jar', 'tar', 'gzip', 'uue', 'bz2', 'scorm', 'war'],\n            name: 'file-type-zip',\n        },\n        {\n            type: ['mov', 'mp4', 'avi', 'flv'],\n            name: 'video',\n        },\n        {\n            type: ['m4a', 'mp3', 'wav'],\n            name: 'audio',\n        },\n        {\n            type: ['html', 'html'],\n            name: 'file-type-html',\n        },\n        {\n            type: ['css'],\n            name: 'code',\n        },\n        {\n            type: ['txt'],\n            name: 'file-type-txt',\n        },\n        {\n            type: ['doc', 'docx'],\n            name: 'file-type-doc',\n        },\n        {\n            type: ['xls', 'xlsx'],\n            name: 'file-type-xls',\n        },\n        {\n            type: ['pdf'],\n            name: 'file-type-pdf',\n        },\n        {\n            type: ['ppt', 'pptx', 'odp'],\n            name: 'file-type-ppt',\n        },\n    ];\n}\n\n/**\n * Retrieves the icon name for a given file type.\n * @param {string} type The file type or category (e.g., \"pdf\", \"image\", \"folder\").\n * @returns {string} The name of the icon associated with the file type.\n * @example\n * getFileTypeIcon('pdf'); // Returns the icon name for PDF files.\n * getFileTypeIcon('folder'); // Returns 'folder'.\n */\nexport function getFileTypeIcon(type) {\n    let searchType;\n    if (type.toLowerCase() !== 'folder') {\n        fileType().forEach((i) => {\n            if (i.type.includes(type.toLowerCase())) {\n                searchType = i.name;\n            }\n        });\n    } else {\n        searchType = 'folder';\n    }\n\n    return searchType;\n}\n\n/**\n * Checks if a given file matches any of the accepted file types.\n * @param {File} file The file to validate.\n * @param {string|string[]} acceptedFileTypes A comma-separated string or an array of accepted MIME types or file extensions.\n * @returns {boolean} Returns `true` if the file type is valid, otherwise `false`.\n * @throws {Error} Throws an error if `acceptedFileTypes` is empty.\n * @example\n * const file = new File([\"\"], \"example.png\", { type: \"image/png\" });\n * const isValid = isValidFileType(file, \"image/*,application/pdf\");\n * console.log(isValid); // true\n * @example\n * const file = new File([\"\"], \"example.txt\", { type: \"text/plain\" });\n * const isValid = isValidFileType(file, [\"text/plain\", \"application/json\"]);\n * console.log(isValid); // true\n */\nexport function isValidFileType(file, acceptedFileTypes) {\n    // Get the base MIME type\n    const baseMimeType = file.type.split('/')[0];\n    // If acceptedFileTypes is a string, convert it to an array\n    let acceptedTypes = Array.isArray(acceptedFileTypes) ? acceptedFileTypes : acceptedFileTypes.split(',');\n    // If acceptedFileTypes is empty, throw an error\n    if (acceptedTypes.length === 0) {\n        throw new Error('acceptedFileTypes is empty');\n    }\n\n    // Iterate over acceptedFileTypes\n    for (let type of acceptedTypes) {\n        // ak type na image/* a file je napriklad image/png tak vratime true\n        if (type.includes(baseMimeType + '/*')) {\n            return true;\n        }\n\n        // Ak type suboru obsahuje konkretny typ a to bud ak je to zapisany napriklad image/png alebo len png tak vratime true\n        if (type.includes(file.type) || type.includes(file.type.split('/')[1])) {\n            return true;\n        }\n    }\n\n    // Ak sme nic nenasli tak vratime false\n    return false;\n}\n\n/**\n * Uploads a file in chunks using `XMLHttpRequest`, allowing for progress tracking.\n * @param {File} file The file to be uploaded.\n * @param {number} chunkSize The size of each chunk in bytes.\n * @param {HTMLElement} preview The element used to display upload progress.\n */\nexport function uploadFile(file, chunkSize, preview) {\n    let offset = 0;\n    const progressArray = new Array(Math.ceil(file.size / chunkSize)).fill(0);\n\n    const readAndUploadChunk = (start, end) => {\n        const reader = new FileReader();\n        const chunkIndex = start / chunkSize;\n        const chunk = file.slice(start, end);\n\n        reader.onload = (e) => {\n            const xhr = new XMLHttpRequest();\n            console.log('uploadFile function:', start, end, file.size);\n            xhr.open('POST', '/upload', true);\n            xhr.setRequestHeader('Content-Range', `${start}-${end}/${file.size}`);\n\n            xhr.upload.onprogress = (event) => {\n                if (event.lengthComputable) {\n                    const progress = (event.loaded / event.total) * 100;\n                    progressArray[chunkIndex] = progress;\n                    const totalProgress = progressArray.reduce((a, b) => a + b, 0) / progressArray.length;\n                    // this.updateOverallProgress(progressArray, file.lastModified);\n                    // preview.setAttribute(\"progress\", totalProgress);\n                }\n            };\n\n            xhr.onload = () => {\n                if (xhr.status === 200 || xhr.status === 201) {\n                    progressArray[chunkIndex] = 100; // Táto časť je kompletná\n\n                    // Odoslanie ďalšej časti\n                    start += chunkSize;\n                    if (start < file.size) {\n                        preview.setAttribute('uploaded', start);\n                        readAndUploadChunk(start, Math.min(start + chunkSize, file.size));\n                    } else {\n                        preview.setAttribute('uploaded', start);\n                    }\n                } else {\n                    console.error('Error during upload: ', xhr.statusText);\n                }\n            };\n            xhr.send(e.target.result);\n        };\n        reader.readAsArrayBuffer(chunk);\n    };\n\n    readAndUploadChunk(offset, Math.min(offset + chunkSize, file.size));\n}\n\n/**\n * Returns a function for uploading files either in chunks or as a whole file, based on the provided options.\n * @param {string} url The URL to which the file will be uploaded.\n * @param {number} [chunkSize] The size of each chunk in bytes when uploading in chunks (default is 1MB).\n * @param {boolean} [wholeFile] Whether to upload the file as a whole. If `true`, the entire file is uploaded at once.\n * @returns {Function} A function that takes a file and a preview element as arguments and uploads the file.\n * @example\n * // Upload a file in chunks\n * const uploadInChunks = upload('/upload', 1024 * 512); // 512KB chunks\n * uploadInChunks(file, previewElement);\n * @example\n * // Upload a whole file\n * const uploadWhole = upload('/upload', undefined, true);\n * uploadWhole(file, previewElement);\n */\nexport function upload(url, chunkSize = 1024 * 1024, wholeFile = false) {\n    if (wholeFile) {\n        return (file, preview) => uploadWholeFile(url, file, preview);\n    }\n    return (file, preview) => uploadFileInChunks(url, file, preview, chunkSize);\n}\n\n/**\n * Uploads a file in chunks to a specified URL, allowing for progress tracking and resuming in case of errors.\n * @param {string} url The URL to which the file chunks will be uploaded.\n * @param {File} file The file to be uploaded in chunks.\n * @param {HTMLElement} preview The element used to display upload progress.\n * @param {number} [chunkSize] The size of each chunk in bytes (default is 1MB).\n * @returns {Promise<object>} Resolves with the response of the last chunk uploaded, parsed as JSON.\n * @throws {Error} - Throws an error if a chunk fails to upload.\n */\nexport async function uploadFileInChunks(url, file, preview, chunkSize = 1024 * 1024) {\n    let offset = 0;\n    const totalChunks = Math.ceil(file.size / chunkSize);\n    const partResponses = [];\n\n    while (offset < file.size) {\n        const chunk = file.slice(offset, offset + chunkSize);\n\n        // Creating a custom ReadableStream to track progress of the current chunk\n        const stream = new ReadableStream({\n            start(controller) {\n                const reader = chunk.stream().getReader();\n                let uploadedBytes = 0;\n\n                reader.read().then(function process({ done, value }) {\n                    if (done) {\n                        controller.close();\n                        return Promise.resolve();\n                    }\n\n                    // Track progress\n                    uploadedBytes += value.byteLength;\n                    const percentComplete = ((offset + uploadedBytes) / file.size) * 100;\n                    console.log(`Upload Progress: ${percentComplete.toFixed(2)}%`);\n                    preview.setAttribute('uploaded', offset + uploadedBytes);\n\n                    // Enqueue chunk data into the stream\n                    controller.enqueue(value);\n\n                    // Read the next chunk\n                    return reader.read().then(process);\n                });\n            },\n        });\n\n        const formData = new FormData();\n        formData.append('file', new Blob([stream])); // Send the current stream (chunk)\n        formData.append('chunkIndex', Math.floor(offset / chunkSize)); // Send chunk index\n        formData.append('totalChunks', totalChunks); // Send total chunks\n\t\t    formData.append('fileName', file.name); // Send file name\n\n        try {\n            // Send the current chunk via Fetch\n            const response = await fetch(url, {\n                method: 'POST',\n                body: formData,\n            });\n\n            if (!response.ok) {\n                throw new Error(`Failed to upload chunk ${Math.floor(offset / chunkSize) + 1}: ${response.statusText}`);\n            }\n\n            console.log(`Chunk ${Math.floor(offset / chunkSize) + 1}/${totalChunks} uploaded successfully.`);\n            partResponses.push(response);\n        } catch (error) {\n            console.error('Error uploading chunk:', error);\n            break;\n        }\n\n        // Move to the next chunk\n        offset += chunkSize;\n    }\n\n    console.log('File upload complete!');\n    const response = await partResponses.at(-1).json();\n\n    return {\n        data: response,\n        file,\n    }\n}\n\n/**\n * Uploads a file to a specified URL using a `POST` request and updates the preview element with the uploaded file size.\n * @param {string} url The URL to which the file will be uploaded.\n * @param {File} file The file to be uploaded.\n * @param {HTMLElement} preview The element that displays the upload preview. It will be updated with the file size.\n * @returns {Promise<{data: object, file: File}>} - A promise that resolves with the server response and the uploaded file.\n * @throws {Error} - Logs an error to the console if the request fails.\n */\nexport function uploadWholeFile(url, file, preview) {\n    const formData = new FormData();\n    formData.append('file', file);\n\n    //use fetch\n    return fetch(url, {\n        method: 'POST',\n        body: formData,\n    })\n        .then((response) => response.json())\n        .then((data) => {\n            preview.setAttribute('uploaded', file.size);\n            return {\n                data,\n                file,\n            };\n        })\n        .catch((error) => {\n            console.error('Error:', error);\n        });\n}\n","import { Localizer } from '../utils/localize.js';\nimport Button from '../wje-button/button.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport { getFileTypeIcon, isValidFileType, upload } from './service/service.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary FileUpload is a custom web component for uploading files.\n * It extends from WJElement and provides functionalities for file upload.\n * @documentation https://elements.webjet.sk/components/file-upload\n * @status stable\n * @augments WJElement\n * @slot - This is a default/unnamed slot.\n * @csspart native - The native file upload part.\n * @csspart file-list - The file list part.\n * @csspart upload-button - The label part.\n * @event change - Fires when the file input changes.\n * @event drop - Fires when a file is dropped into the component.\n * @attribute {string} accepted-types - The accepted file types for upload.\n * @attribute {number} chunk-size - The chunk size for file upload.\n * @attribute {number} max-file-size - The maximum file size for upload.\n * @attribute {string} upload-url - The URL to set as the upload URL.\n * @attribute {boolean} auto-process-files - The auto process files attribute.\n * @attribute {boolean} no-upload-button - The no upload button attribute.\n * @tag wje-file-upload\n */\nexport default class FileUpload extends WJElement {\n    /**\n     * Constructor for FileUpload.\n     * Initializes a new instance of the Localizer.\n     */\n    constructor() {\n        super();\n        this.localizer = new Localizer(this);\n        this._uploadedFiles = [];\n        this._queuedFiles = [];\n    }\n\n    /**\n     * Dependencies for the FileUpload component.\n     * @type {object}\n     */\n    dependencies = {\n        'wje-button': Button,\n    };\n\n    /**\n     * Setter for acceptedTypes attribute.\n     * @param {string} value The accepted file types for upload.\n     */\n    set acceptedTypes(value) {\n        this.setAttribute('accepted-types', value);\n    }\n\n    /**\n     * Getter for acceptedTypes attribute.\n     * @returns {string} The accepted file types for upload.\n     */\n    get acceptedTypes() {\n        const accepted = this.getAttribute('accepted-types');\n        return this.hasAttribute('accepted-types') ? accepted : '';\n    }\n\n    /**\n     * Setter for chunkSize attribute.\n     * @param {number} value The chunk size for file upload.\n     */\n    set chunkSize(value) {\n        this.setAttribute('chunk-size', value);\n    }\n\n    /**\n     * Getter for chunkSize attribute.\n     * @returns {number} The chunk size for file upload.\n     */\n    get chunkSize() {\n        const chunk = this.getAttribute('chunk-size');\n        return this.hasAttribute('chunk-size') ? chunk : 1024 * 1024;\n    }\n\n    /**\n     * Setter for maxFileSize attribute.\n     * @param {number} value The maximum file size for upload.\n     */\n    set maxFileSize(value) {\n        this.setAttribute('max-file-size', value);\n    }\n\n    /**\n     * Getter for maxFileSize attribute.\n     * @returns {number} The maximum file size for upload.\n     */\n    get maxFileSize() {\n        const fileSize = this.getAttribute('max-file-size');\n        return this.hasAttribute('max-file-size') ? fileSize * 1024 * 1024 : 1024 * 1024;\n    }\n\n    /**\n     * Setter for label attribute.\n     * @param {string} value The URL to set as the upload URL.\n     */\n    set uploadUrl(value) {\n        this.setAttribute('upload-url', value);\n    }\n\n    /**\n     * Gets the upload URL for the file upload element.\n     * @returns {string} The upload URL for the file upload element.\n     */\n    get uploadUrl() {\n        return this.getAttribute('upload-url') ?? '/upload';\n    }\n\n    /**\n     * Sets the autoProcessFiles attribute.\n     * @param value\n     */\n    set autoProcessFiles(value) {\n        this.setAttribute('auto-process-files', value);\n    }\n\n    /**\n     * Gets the autoProcessFiles attribute.\n     * @returns {any|boolean}\n     */\n    get autoProcessFiles() {\n        return JSON.parse(this.getAttribute('auto-process-files')) ?? true;\n    }\n\n    /**\n     * Sets the noUploadButton attribute.\n     * @param value\n     */\n    set noUploadButton(value) {\n        this.setAttribute('no-upload-button', value);\n    }\n\n    /**\n     * Gets the noUploadButton attribute.\n     * @returns {boolean}\n     */\n    get noUploadButton() {\n        return this.hasAttribute('no-upload-button');\n    }\n\n    /**\n     * Sets the uploaded files.\n     * @param value\n     */\n    set uploadedFiles(value) {\n        this._uploadedFiles = value;\n    }\n\n    /**\n     * Return the uploaded files.\n     * @returns {[]}\n     */\n    get uploadedFiles() {\n        return this._uploadedFiles;\n    }\n\n    /**\n     * Sets the to-chunk attribute.\n     * @param value\n     */\n    set toChunk(value) {\n        this.setAttribute('to-chunk', value);\n    }\n\n    /**\n     * Gets the to-chunk attribute.\n     * @returns {boolean}\n     */\n    get toChunk() {\n        return this.hasAttribute('to-chunk');\n    }\n\n    className = 'FileUpload';\n\n    /**\n     * Getter for cssStyleSheet.\n     * @returns {string} The CSS styles for the component.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for observedAttributes.\n     * @returns {Array} An empty array as no attributes are observed.\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Method to setup attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    beforeDraw() {\n        console.log('beforeDraw', this.toChunk, !this.toChunk);\n        this.uploadFunction = upload(this.uploadUrl, this.chunkSize, !this.toChunk);\n    }\n\n    /**\n     * Method to draw the component on the screen.\n     * @returns {DocumentFragment} The fragment containing the component.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native-file-upload');\n        native.setAttribute('part', 'native');\n\n        let label = document.createElement('div');\n        label.setAttribute('part', 'label');\n        label.classList.add('file-label');\n        label.setAttribute('part', 'file-label');\n\n        let fileList = document.createElement('slot');\n        fileList.setAttribute('name', 'item');\n        fileList.setAttribute('part', 'items');\n        fileList.classList.add('file-list');\n\n        let slot = document.createElement('slot');\n        label.appendChild(slot);\n\n        let fileInput = document.createElement('input');\n        fileInput.setAttribute('type', 'file');\n        fileInput.setAttribute('multiple', '');\n        fileInput.setAttribute('style', 'display:none;');\n\n        if (!this.noUploadButton) {\n            let button = document.createElement('wje-button');\n            button.innerText = this.label || this.localizer.translate('wj.file.upload.button');\n            button.setAttribute('part', 'upload-button');\n\n            label.appendChild(button);\n\n            this.button = button;\n        }\n\n        native.appendChild(fileInput);\n        native.appendChild(label);\n        native.appendChild(fileList);\n\n        fragment.appendChild(native);\n\n        this.native = native;\n        this.fileList = fileList;\n        this.fileInput = fileInput;\n\n        return fragment;\n    }\n\n    /**\n     * Method to perform actions after the component is drawn.\n     */\n    afterDraw() {\n        this.button?.addEventListener('click', () => {\n            this.fileInput.click();\n        });\n\n        this.fileInput.addEventListener('change', this.handleInputChange);\n        this.native.addEventListener('drop', this.handleDrop);\n\n        let dragEventCounter = 0;\n\n        this.native.addEventListener('dragenter', (event) => {\n            event.preventDefault();\n\n            if (dragEventCounter === 0) {\n                this.native.classList.add('highlight');\n            }\n\n            dragEventCounter += 1;\n        });\n\n        this.native.addEventListener('dragover', (event) => {\n            event.preventDefault();\n\n            if (dragEventCounter === 0) {\n                dragEventCounter = 1;\n            }\n        });\n\n        this.native.addEventListener('dragleave', (event) => {\n            event.preventDefault();\n\n            dragEventCounter -= 1;\n\n            if (dragEventCounter <= 0) {\n                dragEventCounter = 0;\n                this.native.classList.remove('highlight');\n            }\n        });\n\n        this.native.addEventListener('drop', (event) => {\n            event.preventDefault();\n\n            dragEventCounter = 0;\n            this.native.classList.remove('highlight');\n        });\n    }\n\n    /**\n     * Method to handle form submission.\n     * @param {Event} event The form submission event.\n     */\n    handleSubmit(event) {\n        event.preventDefault();\n\n        // TODO: TU TREBA PRIDAT ZOBRAZENIE SUBORU A JEHO PROCESSU\n\n        this.addFilesToQueue(this.fileInput.files);\n    }\n\n    /**\n     * Method to handle file drop event.\n     * @param {Event} event The file drop event object.\n     */\n    handleDrop = (event) => {\n        const fileList = event.dataTransfer.files;\n\n        this.resetFormState();\n\n        this.addFilesToQueue(fileList);\n    };\n\n    /**\n     * Method to handle file input change event.\n     * @param {Event} event The file input change event object.\n     */\n    handleInputChange = (event) => {\n        this.resetFormState();\n\n        try {\n            this.handleSubmit(event);\n        } catch (err) { }\n    };\n\n    /**\n     * Method to add files to the queue.\n     * @param files\n     */\n    addFilesToQueue(files) {\n        this._queuedFiles = [...files];\n\n        this.dispatchEvent(\n            new CustomEvent('file-upload:files-added', { detail: files, bubbles: true, composed: true })\n        );\n        this.onAddedFiles?.();\n\n        if (this.autoProcessFiles) {\n            this.uploadFiles();\n        }\n\n        this.fileInput.value = '';\n    }\n\n    /**\n     * Method to upload files.\n     */\n    uploadFiles() {\n        if (this._queuedFiles.length === 0) {\n            return;\n        }\n\n        const uploadPromises = this._queuedFiles.map((file) => this.createUploadPromise(file));\n        uploadPromises\n            .reduce((prev, curr) => {\n                return prev.then(() => {\n                    return curr;\n                });\n            }, Promise.resolve())\n            .then(() => {\n                this.dispatchEvent(\n                    new CustomEvent('file-upload:all-files-uploaded', {\n                        detail: this.uploadedFiles,\n                        bubbles: true,\n                        composed: true,\n                    })\n                );\n                this.onAllFilesUploaded?.();\n                this._queuedFiles = [];\n            });\n    }\n\n    /**\n     * Method to create an upload promise.\n     * @param file\n     * @returns {Promise<unknown>}\n     */\n    createUploadPromise = (file) => {\n        return new Promise((resolve, reject) => {\n            this.assertFilesValid(file);\n            let preview;\n\n            let reader = new FileReader();\n            reader.onload = (e) => {\n                this.dispatchEvent(\n                    new CustomEvent('file-upload:upload-started', { detail: file, bubbles: true, composed: true })\n                );\n                this.onUploadStarted?.(file);\n\n                preview = this.createPreview(file, reader);\n                this.appendChild(preview);\n\n                this.uploadFunction(file, preview).then((res) => {\n                    this.dispatchEvent(\n                        new CustomEvent('file-upload:upladed-file-complete', {\n                            detail: res,\n                            bubbles: true,\n                            composed: true,\n                        })\n                    );\n                    this.onUploadedFileComplete?.(res);\n                    this.uploadedFiles.push(res.data);\n\n                    resolve(res);\n                });\n            };\n\n            reader.readAsDataURL(file);\n        });\n    };\n\n    /**\n     * Method to create a preview for the file.\n     * @param {File} file The file for which the preview is to be created.\n     * @param {FileReader} reader The FileReader instance to read the file.\n     * @returns {HTMLElement} The created preview.\n     */\n    createPreview(file, reader) {\n        let preview = document.createElement('wje-file-upload-item');\n        preview.setAttribute('slot', 'item');\n        preview.setAttribute('name', file.name);\n        preview.setAttribute('size', file.size);\n        preview.setAttribute('uploaded', '0');\n        preview.setAttribute('progress', '0');\n        preview.innerHTML = `<wje-icon slot=\"img\" name=\"${getFileTypeIcon(file.type.split('/')[1])}\" size=\"large\"></wje-icon>`;\n\n        return preview;\n    }\n\n    /**\n     * Method to create a thumbnail for the file.\n     * @param {File} file The file for which the thumbnail is to be created.\n     * @param {FileReader} reader The FileReader instance to read the file.\n     * @returns {HTMLElement} The created thumbnail.\n     */\n    createThumbnail(file, reader) {\n        let img = document.createElement('img');\n        img.setAttribute('src', reader.result);\n\n        return img;\n    }\n\n    /**\n     * Method to validate the files.\n     * @param {File} file The file to be validated.\n     * TODO: alowed types a size limit by malo byt cez attributy\n     */\n    assertFilesValid(file) {\n        const { name: fileName, size: fileSize } = file;\n        if (!isValidFileType(file, this.acceptedTypes)) {\n            throw new Error(`❌ FILE: \"${fileName}\" Valid file types are: \"${this.acceptedTypes}\"`);\n        }\n\n        if (fileSize > this.maxFileSize) {\n            throw new Error(\n                `❌ File \"${fileName}\" could not be uploaded. Only images up to ${this.maxFileSize} MB are allowed. Nie je to ${fileSize}`\n            );\n        }\n    }\n\n    /**\n     * Method to reset the form state.\n     */\n    resetFormState() {\n        this.fileList.textContent = '';\n    }\n}\n","import FileUpload from './file-upload.element.js';\n\nexport default FileUpload;\n\nFileUpload.define('wje-file-upload', FileUpload);\n"],"names":["response","_a"],"mappings":"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"}
+{"version":3,"file":"wje-file-upload.js","sources":["../packages/wje-file-upload/service/service.js","../packages/wje-file-upload/file-upload.element.js","../packages/wje-file-upload/file-upload.js"],"sourcesContent":["/**\n * Returns a list of file type categories and their corresponding icon names.\n * @returns {Array<object>} An array of objects representing file type categories.\n * Each object contains the following properties:\n * - `type` {Array&lt;string>} A list of file extensions associated with the category.\n * - `name` {string} The name of the icon representing the category.\n * @example\n * const types = fileType();\n * console.log(types);\n * // [\n * //   { type: [\"jpg\", \"jpeg\", \"png\", \"gif\", \"bpm\", \"tiff\", \"svg\"], name: \"photo\" },\n * //   { type: [\"zip\", \"rar\", \"cab\", \"jar\", \"tar\", \"gzip\", \"uue\", \"bz2\", \"scorm\", \"war\"], name: \"file-type-zip\" },\n * //   ...\n * // ]\n */\nfunction fileType() {\n    return [\n        {\n            type: ['jpg', 'jpeg', 'png', 'gif', 'bpm', 'tiff', 'svg'],\n            name: 'photo',\n        },\n        {\n            type: ['zip', 'rar', 'cab', 'jar', 'tar', 'gzip', 'uue', 'bz2', 'scorm', 'war'],\n            name: 'file-type-zip',\n        },\n        {\n            type: ['mov', 'mp4', 'avi', 'flv'],\n            name: 'video',\n        },\n        {\n            type: ['m4a', 'mp3', 'wav'],\n            name: 'audio',\n        },\n        {\n            type: ['html', 'html'],\n            name: 'file-type-html',\n        },\n        {\n            type: ['css'],\n            name: 'code',\n        },\n        {\n            type: ['txt'],\n            name: 'file-type-txt',\n        },\n        {\n            type: ['doc', 'docx'],\n            name: 'file-type-doc',\n        },\n        {\n            type: ['xls', 'xlsx'],\n            name: 'file-type-xls',\n        },\n        {\n            type: ['pdf'],\n            name: 'file-type-pdf',\n        },\n        {\n            type: ['ppt', 'pptx', 'odp'],\n            name: 'file-type-ppt',\n        },\n    ];\n}\n\n/**\n * Retrieves the icon name for a given file type.\n * @param {string} type The file type or category (e.g., \"pdf\", \"image\", \"folder\").\n * @returns {string} The name of the icon associated with the file type.\n * @example\n * getFileTypeIcon('pdf'); // Returns the icon name for PDF files.\n * getFileTypeIcon('folder'); // Returns 'folder'.\n */\nexport function getFileTypeIcon(type) {\n    let searchType;\n    if (type.toLowerCase() !== 'folder') {\n        fileType().forEach((i) => {\n            if (i.type.includes(type.toLowerCase())) {\n                searchType = i.name;\n            }\n        });\n    } else {\n        searchType = 'folder';\n    }\n\n    return searchType;\n}\n\n/**\n * Checks if a given file matches any of the accepted file types.\n * @param {File} file The file to validate.\n * @param {string|string[]} acceptedFileTypes A comma-separated string or an array of accepted MIME types or file extensions.\n * @returns {boolean} Returns `true` if the file type is valid, otherwise `false`.\n * @throws {Error} Throws an error if `acceptedFileTypes` is empty.\n * @example\n * const file = new File([\"\"], \"example.png\", { type: \"image/png\" });\n * const isValid = isValidFileType(file, \"image/*,application/pdf\");\n * console.log(isValid); // true\n * @example\n * const file = new File([\"\"], \"example.txt\", { type: \"text/plain\" });\n * const isValid = isValidFileType(file, [\"text/plain\", \"application/json\"]);\n * console.log(isValid); // true\n */\nexport function isValidFileType(file, acceptedFileTypes) {\n    // Get the base MIME type\n    const baseMimeType = file.type.split('/')[0];\n    // If acceptedFileTypes is a string, convert it to an array\n    let acceptedTypes = Array.isArray(acceptedFileTypes) ? acceptedFileTypes : acceptedFileTypes.split(',');\n    // If acceptedFileTypes is empty, throw an error\n    if (acceptedTypes.length === 0) {\n        throw new Error('acceptedFileTypes is empty');\n    }\n\n    // Iterate over acceptedFileTypes\n    for (let type of acceptedTypes) {\n        // ak type na image/* a file je napriklad image/png tak vratime true\n        if (type.includes(baseMimeType + '/*')) {\n            return true;\n        }\n\n        // Ak type suboru obsahuje konkretny typ a to bud ak je to zapisany napriklad image/png alebo len png tak vratime true\n        if (type.includes(file.type) || type.includes(file.type.split('/')[1])) {\n            return true;\n        }\n    }\n\n    // Ak sme nic nenasli tak vratime false\n    return false;\n}\n\n/**\n * Uploads a file in chunks using `XMLHttpRequest`, allowing for progress tracking.\n * @param {File} file The file to be uploaded.\n * @param {number} chunkSize The size of each chunk in bytes.\n * @param {HTMLElement} preview The element used to display upload progress.\n */\nexport function uploadFile(file, chunkSize, preview) {\n    let offset = 0;\n    const progressArray = new Array(Math.ceil(file.size / chunkSize)).fill(0);\n\n    const readAndUploadChunk = (start, end) => {\n        const reader = new FileReader();\n        const chunkIndex = start / chunkSize;\n        const chunk = file.slice(start, end);\n\n        reader.onload = (e) => {\n            const xhr = new XMLHttpRequest();\n            console.log('uploadFile function:', start, end, file.size);\n            xhr.open('POST', '/upload', true);\n            xhr.setRequestHeader('Content-Range', `${start}-${end}/${file.size}`);\n\n            xhr.upload.onprogress = (event) => {\n                if (event.lengthComputable) {\n                    const progress = (event.loaded / event.total) * 100;\n                    progressArray[chunkIndex] = progress;\n                    const totalProgress = progressArray.reduce((a, b) => a + b, 0) / progressArray.length;\n                    // this.updateOverallProgress(progressArray, file.lastModified);\n                    // preview.setAttribute(\"progress\", totalProgress);\n                }\n            };\n\n            xhr.onload = () => {\n                if (xhr.status === 200 || xhr.status === 201) {\n                    progressArray[chunkIndex] = 100; // Táto časť je kompletná\n\n                    // Odoslanie ďalšej časti\n                    start += chunkSize;\n                    if (start < file.size) {\n                        preview.setAttribute('uploaded', start);\n                        readAndUploadChunk(start, Math.min(start + chunkSize, file.size));\n                    } else {\n                        preview.setAttribute('uploaded', start);\n                    }\n                } else {\n                    console.error('Error during upload: ', xhr.statusText);\n                }\n            };\n            xhr.send(e.target.result);\n        };\n        reader.readAsArrayBuffer(chunk);\n    };\n\n    readAndUploadChunk(offset, Math.min(offset + chunkSize, file.size));\n}\n\n/**\n * Returns a function for uploading files either in chunks or as a whole file, based on the provided options.\n * @param {string} url The URL to which the file will be uploaded.\n * @param {number} [chunkSize] The size of each chunk in bytes when uploading in chunks (default is 1MB).\n * @param {boolean} [wholeFile] Whether to upload the file as a whole. If `true`, the entire file is uploaded at once.\n * @returns {Function} A function that takes a file and a preview element as arguments and uploads the file.\n * @example\n * // Upload a file in chunks\n * const uploadInChunks = upload('/upload', 1024 * 512); // 512KB chunks\n * uploadInChunks(file, previewElement);\n * @example\n * // Upload a whole file\n * const uploadWhole = upload('/upload', undefined, true);\n * uploadWhole(file, previewElement);\n */\nexport function upload(url, chunkSize = 1024 * 1024, wholeFile = false) {\n    if (wholeFile) {\n        return (file, preview) => uploadWholeFile(url, file, preview);\n    }\n    return (file, preview) => uploadFileInChunks(url, file, preview, chunkSize);\n}\n\n/**\n * Uploads a file in chunks to a specified URL, allowing for progress tracking and resuming in case of errors.\n * @param {string} url The URL to which the file chunks will be uploaded.\n * @param {File} file The file to be uploaded in chunks.\n * @param {HTMLElement} preview The element used to display upload progress.\n * @param {number} [chunkSize] The size of each chunk in bytes (default is 1MB).\n * @returns {Promise<object>} Resolves with the response of the last chunk uploaded, parsed as JSON.\n * @throws {Error} - Throws an error if a chunk fails to upload.\n */\nexport async function uploadFileInChunks(url, file, preview, chunkSize = 1024 * 1024) {\n    let offset = 0;\n    const totalChunks = Math.ceil(file.size / chunkSize);\n    const partResponses = [];\n\n    while (offset < file.size) {\n        const chunk = file.slice(offset, offset + chunkSize);\n\n        // Creating a custom ReadableStream to track progress of the current chunk\n        const stream = new ReadableStream({\n            start(controller) {\n                const reader = chunk.stream().getReader();\n                let uploadedBytes = 0;\n\n                reader.read().then(function process({ done, value }) {\n                    if (done) {\n                        controller.close();\n                        return Promise.resolve();\n                    }\n\n                    // Track progress\n                    uploadedBytes += value.byteLength;\n                    const percentComplete = ((offset + uploadedBytes) / file.size) * 100;\n                    console.log(`Upload Progress: ${percentComplete.toFixed(2)}%`);\n                    preview.setAttribute('uploaded', offset + uploadedBytes);\n\n                    // Enqueue chunk data into the stream\n                    controller.enqueue(value);\n\n                    // Read the next chunk\n                    return reader.read().then(process);\n                });\n            },\n        });\n\n        const formData = new FormData();\n        formData.append('file', new Blob([stream])); // Send the current stream (chunk)\n        formData.append('chunkIndex', Math.floor(offset / chunkSize)); // Send chunk index\n        formData.append('totalChunks', totalChunks); // Send total chunks\n        formData.append('fileName', file.name); // Send file name\n\n        try {\n            // Send the current chunk via Fetch\n            const response = await fetch(url, {\n                method: 'POST',\n                body: formData,\n            });\n\n            if (!response.ok) {\n                throw new Error(`Failed to upload chunk ${Math.floor(offset / chunkSize) + 1}: ${response.statusText}`);\n            }\n\n            console.log(`Chunk ${Math.floor(offset / chunkSize) + 1}/${totalChunks} uploaded successfully.`);\n            partResponses.push(response);\n        } catch (error) {\n            console.error('Error uploading chunk:', error);\n            break;\n        }\n\n        // Move to the next chunk\n        offset += chunkSize;\n    }\n\n    console.log('File upload complete!');\n    const response = await partResponses.at(-1).json();\n\n    return {\n        data: response,\n        file,\n    };\n}\n\n/**\n * Uploads a file to a specified URL using a `POST` request and updates the preview element with the uploaded file size.\n * @param {string} url The URL to which the file will be uploaded.\n * @param {File} file The file to be uploaded.\n * @param {HTMLElement} preview The element that displays the upload preview. It will be updated with the file size.\n * @returns {Promise<{data: object, file: File}>} - A promise that resolves with the server response and the uploaded file.\n * @throws {Error} - Logs an error to the console if the request fails.\n */\nexport function uploadWholeFile(url, file, preview) {\n    const formData = new FormData();\n    formData.append('file', file);\n\n    //use fetch\n    return fetch(url, {\n        method: 'POST',\n        body: formData,\n    })\n        .then((response) => response.json())\n        .then((data) => {\n            preview.setAttribute('uploaded', file.size);\n            return {\n                data,\n                file,\n            };\n        })\n        .catch((error) => {\n            console.error('Error:', error);\n        });\n}\n","import { Localizer } from '../utils/localize.js';\nimport Button from '../wje-button/button.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport { getFileTypeIcon, isValidFileType, upload } from './service/service.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary FileUpload is a custom web component for uploading files.\n * It extends from WJElement and provides functionalities for file upload.\n * @documentation https://elements.webjet.sk/components/file-upload\n * @status stable\n * @augments WJElement\n * @slot - This is a default/unnamed slot.\n * @csspart native - The native file upload part.\n * @csspart file-list - The file list part.\n * @csspart upload-button - The label part.\n * @event change - Fires when the file input changes.\n * @event drop - Fires when a file is dropped into the component.\n * @attribute {string} accepted-types - The accepted file types for upload.\n * @attribute {number} chunk-size - The chunk size for file upload.\n * @attribute {number} max-file-size - The maximum file size for upload.\n * @attribute {string} upload-url - The URL to set as the upload URL.\n * @attribute {boolean} auto-process-files - The auto process files attribute.\n * @attribute {boolean} no-upload-button - The no upload button attribute.\n * @tag wje-file-upload\n */\nexport default class FileUpload extends WJElement {\n    /**\n     * Constructor for FileUpload.\n     * Initializes a new instance of the Localizer.\n     */\n    constructor() {\n        super();\n        this.localizer = new Localizer(this);\n        this._uploadedFiles = [];\n        this._queuedFiles = [];\n    }\n\n    /**\n     * Dependencies for the FileUpload component.\n     * @type {object}\n     */\n    dependencies = {\n        'wje-button': Button,\n    };\n\n    /**\n     * Setter for acceptedTypes attribute.\n     * @param {string} value The accepted file types for upload.\n     */\n    set acceptedTypes(value) {\n        this.setAttribute('accepted-types', value);\n    }\n\n    /**\n     * Getter for acceptedTypes attribute.\n     * @returns {string} The accepted file types for upload.\n     */\n    get acceptedTypes() {\n        const accepted = this.getAttribute('accepted-types');\n        return this.hasAttribute('accepted-types') ? accepted : '';\n    }\n\n    /**\n     * Setter for chunkSize attribute.\n     * @param {number} value The chunk size for file upload.\n     */\n    set chunkSize(value) {\n        this.setAttribute('chunk-size', value);\n    }\n\n    /**\n     * Getter for chunkSize attribute.\n     * @returns {number} The chunk size for file upload.\n     */\n    get chunkSize() {\n        const chunk = this.getAttribute('chunk-size');\n        return this.hasAttribute('chunk-size') ? chunk : 1024 * 1024;\n    }\n\n    /**\n     * Setter for maxFileSize attribute.\n     * @param {number} value The maximum file size for upload.\n     */\n    set maxFileSize(value) {\n        this.setAttribute('max-file-size', value);\n    }\n\n    /**\n     * Getter for maxFileSize attribute.\n     * @returns {number} The maximum file size for upload.\n     */\n    get maxFileSize() {\n        const fileSize = this.getAttribute('max-file-size');\n        return this.hasAttribute('max-file-size') ? fileSize * 1024 * 1024 : 1024 * 1024;\n    }\n\n    /**\n     * Setter for label attribute.\n     * @param {string} value The URL to set as the upload URL.\n     */\n    set uploadUrl(value) {\n        this.setAttribute('upload-url', value);\n    }\n\n    /**\n     * Gets the upload URL for the file upload element.\n     * @returns {string} The upload URL for the file upload element.\n     */\n    get uploadUrl() {\n        return this.getAttribute('upload-url') ?? '/upload';\n    }\n\n    /**\n     * Sets the autoProcessFiles attribute.\n     * @param value\n     */\n    set autoProcessFiles(value) {\n        this.setAttribute('auto-process-files', value);\n    }\n\n    /**\n     * Gets the autoProcessFiles attribute.\n     * @returns {any|boolean}\n     */\n    get autoProcessFiles() {\n        return JSON.parse(this.getAttribute('auto-process-files')) ?? true;\n    }\n\n    /**\n     * Sets the noUploadButton attribute.\n     * @param value\n     */\n    set noUploadButton(value) {\n        this.setAttribute('no-upload-button', value);\n    }\n\n    /**\n     * Gets the noUploadButton attribute.\n     * @returns {boolean}\n     */\n    get noUploadButton() {\n        return this.hasAttribute('no-upload-button');\n    }\n\n    /**\n     * Sets the uploaded files.\n     * @param value\n     */\n    set uploadedFiles(value) {\n        this._uploadedFiles = value;\n    }\n\n    /**\n     * Return the uploaded files.\n     * @returns {[]}\n     */\n    get uploadedFiles() {\n        return this._uploadedFiles;\n    }\n\n    /**\n     * Sets the to-chunk attribute.\n     * @param value\n     */\n    set toChunk(value) {\n        this.setAttribute('to-chunk', value);\n    }\n\n    /**\n     * Gets the to-chunk attribute.\n     * @returns {boolean}\n     */\n    get toChunk() {\n        return this.hasAttribute('to-chunk');\n    }\n\n    className = 'FileUpload';\n\n    /**\n     * Getter for cssStyleSheet.\n     * @returns {string} The CSS styles for the component.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for observedAttributes.\n     * @returns {Array} An empty array as no attributes are observed.\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Method to setup attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    beforeDraw() {\n        console.log('beforeDraw', this.toChunk, !this.toChunk);\n        this.uploadFunction = upload(this.uploadUrl, this.chunkSize, !this.toChunk);\n    }\n\n    /**\n     * Method to draw the component on the screen.\n     * @returns {DocumentFragment} The fragment containing the component.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native-file-upload');\n        native.setAttribute('part', 'native');\n\n        let label = document.createElement('div');\n        label.setAttribute('part', 'label');\n        label.classList.add('file-label');\n        label.setAttribute('part', 'file-label');\n\n        let fileList = document.createElement('slot');\n        fileList.setAttribute('name', 'item');\n        fileList.setAttribute('part', 'items');\n        fileList.classList.add('file-list');\n\n        let slot = document.createElement('slot');\n        label.appendChild(slot);\n\n        let fileInput = document.createElement('input');\n        fileInput.setAttribute('type', 'file');\n        fileInput.setAttribute('multiple', '');\n        fileInput.setAttribute('style', 'display:none;');\n\n        if (!this.noUploadButton) {\n            let button = document.createElement('wje-button');\n            button.innerText = this.label || this.localizer.translate('wj.file.upload.button');\n            button.setAttribute('part', 'upload-button');\n\n            label.appendChild(button);\n\n            this.button = button;\n        }\n\n        native.appendChild(fileInput);\n        native.appendChild(label);\n        native.appendChild(fileList);\n\n        fragment.appendChild(native);\n\n        this.native = native;\n        this.fileList = fileList;\n        this.fileInput = fileInput;\n\n        return fragment;\n    }\n\n    /**\n     * Method to perform actions after the component is drawn.\n     */\n    afterDraw() {\n        this.button?.addEventListener('click', () => {\n            this.fileInput.click();\n        });\n\n        this.fileInput.addEventListener('change', this.handleInputChange);\n        this.native.addEventListener('drop', this.handleDrop);\n\n        let dragEventCounter = 0;\n\n        this.native.addEventListener('dragenter', (event) => {\n            event.preventDefault();\n\n            if (dragEventCounter === 0) {\n                this.native.classList.add('highlight');\n            }\n\n            dragEventCounter += 1;\n        });\n\n        this.native.addEventListener('dragover', (event) => {\n            event.preventDefault();\n\n            if (dragEventCounter === 0) {\n                dragEventCounter = 1;\n            }\n        });\n\n        this.native.addEventListener('dragleave', (event) => {\n            event.preventDefault();\n\n            dragEventCounter -= 1;\n\n            if (dragEventCounter <= 0) {\n                dragEventCounter = 0;\n                this.native.classList.remove('highlight');\n            }\n        });\n\n        this.native.addEventListener('drop', (event) => {\n            event.preventDefault();\n\n            dragEventCounter = 0;\n            this.native.classList.remove('highlight');\n        });\n    }\n\n    /**\n     * Method to handle form submission.\n     * @param {Event} event The form submission event.\n     */\n    handleSubmit(event) {\n        event.preventDefault();\n\n        // TODO: TU TREBA PRIDAT ZOBRAZENIE SUBORU A JEHO PROCESSU\n\n        this.addFilesToQueue(this.fileInput.files);\n    }\n\n    /**\n     * Method to handle file drop event.\n     * @param {Event} event The file drop event object.\n     */\n    handleDrop = (event) => {\n        const fileList = event.dataTransfer.files;\n\n        this.resetFormState();\n\n        this.addFilesToQueue(fileList);\n    };\n\n    /**\n     * Method to handle file input change event.\n     * @param {Event} event The file input change event object.\n     */\n    handleInputChange = (event) => {\n        this.resetFormState();\n\n        try {\n            this.handleSubmit(event);\n        } catch (err) {}\n    };\n\n    /**\n     * Method to add files to the queue.\n     * @param files\n     */\n    addFilesToQueue(files) {\n        this._queuedFiles = [...files];\n\n        this.dispatchEvent(\n            new CustomEvent('file-upload:files-added', { detail: files, bubbles: true, composed: true })\n        );\n        this.onAddedFiles?.();\n\n        if (this.autoProcessFiles) {\n            this.uploadFiles();\n        }\n\n        this.fileInput.value = '';\n    }\n\n    /**\n     * Method to upload files.\n     */\n    uploadFiles() {\n        if (this._queuedFiles.length === 0) {\n            return;\n        }\n\n        const uploadPromises = this._queuedFiles.map((file) => this.createUploadPromise(file));\n        uploadPromises\n            .reduce((prev, curr) => {\n                return prev.then(() => {\n                    return curr;\n                });\n            }, Promise.resolve())\n            .then(() => {\n                this.dispatchEvent(\n                    new CustomEvent('file-upload:all-files-uploaded', {\n                        detail: this.uploadedFiles,\n                        bubbles: true,\n                        composed: true,\n                    })\n                );\n                this.onAllFilesUploaded?.();\n                this._queuedFiles = [];\n            });\n    }\n\n    /**\n     * Method to create an upload promise.\n     * @param file\n     * @returns {Promise<unknown>}\n     */\n    createUploadPromise = (file) => {\n        return new Promise((resolve, reject) => {\n            this.assertFilesValid(file);\n            let preview;\n\n            let reader = new FileReader();\n            reader.onload = (e) => {\n                this.dispatchEvent(\n                    new CustomEvent('file-upload:upload-started', { detail: file, bubbles: true, composed: true })\n                );\n                this.onUploadStarted?.(file);\n\n                preview = this.createPreview(file, reader);\n                this.appendChild(preview);\n\n                this.uploadFunction(file, preview).then((res) => {\n                    this.dispatchEvent(\n                        new CustomEvent('file-upload:upladed-file-complete', {\n                            detail: res,\n                            bubbles: true,\n                            composed: true,\n                        })\n                    );\n                    this.onUploadedFileComplete?.(res);\n                    this.uploadedFiles.push(res.data);\n\n                    resolve(res);\n                });\n            };\n\n            reader.readAsDataURL(file);\n        });\n    };\n\n    /**\n     * Method to create a preview for the file.\n     * @param {File} file The file for which the preview is to be created.\n     * @param {FileReader} reader The FileReader instance to read the file.\n     * @returns {HTMLElement} The created preview.\n     */\n    createPreview(file, reader) {\n        let preview = document.createElement('wje-file-upload-item');\n        preview.setAttribute('slot', 'item');\n        preview.setAttribute('name', file.name);\n        preview.setAttribute('size', file.size);\n        preview.setAttribute('uploaded', '0');\n        preview.setAttribute('progress', '0');\n        preview.innerHTML = `<wje-icon slot=\"img\" name=\"${getFileTypeIcon(file.type.split('/')[1])}\" size=\"large\"></wje-icon>`;\n\n        return preview;\n    }\n\n    /**\n     * Method to create a thumbnail for the file.\n     * @param {File} file The file for which the thumbnail is to be created.\n     * @param {FileReader} reader The FileReader instance to read the file.\n     * @returns {HTMLElement} The created thumbnail.\n     */\n    createThumbnail(file, reader) {\n        let img = document.createElement('img');\n        img.setAttribute('src', reader.result);\n\n        return img;\n    }\n\n    /**\n     * Method to validate the files.\n     * @param {File} file The file to be validated.\n     * TODO: alowed types a size limit by malo byt cez attributy\n     */\n    assertFilesValid(file) {\n        const { name: fileName, size: fileSize } = file;\n        if (!isValidFileType(file, this.acceptedTypes)) {\n            throw new Error(`❌ FILE: \"${fileName}\" Valid file types are: \"${this.acceptedTypes}\"`);\n        }\n\n        if (fileSize > this.maxFileSize) {\n            throw new Error(\n                `❌ File \"${fileName}\" could not be uploaded. Only images up to ${this.maxFileSize} MB are allowed. Nie je to ${fileSize}`\n            );\n        }\n    }\n\n    /**\n     * Method to reset the form state.\n     */\n    resetFormState() {\n        this.fileList.textContent = '';\n    }\n}\n","import FileUpload from './file-upload.element.js';\n\nexport default FileUpload;\n\nFileUpload.define('wje-file-upload', FileUpload);\n"],"names":["response","_a"],"mappings":"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"}

package/dist/wje-format-digital.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-format-digital.js","sources":["../packages/wje-format-digital/format-digital.element.js","../packages/wje-format-digital/format-digital.js"],"sourcesContent":["import { Localizer } from '../utils/localize.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This element formats and displays digital values such as file sizes or data transfer rates.\n * `FormatDigital` is a custom web component that represents a formatted digital value with units like\n * bytes or bits. It extends from `WJElement` and utilizes the `Localizer` class for locale-aware formatting.\n * @documentation https://elements.webjet.sk/components/format-digital\n * @status stable\n * @augments {WJElement}\n * @attribute {number} value - The numeric value to format (e.g., 1024 for 1 KB).\n * @attribute {string} unit - The unit of the value (`byte` or `bit`). Defaults to `byte`.\n * @attribute {string} unitDisplay - The display style of the unit (`short`, `long`, or `narrow`). Defaults to `short`.\n * @csspart native - The native part of the component.\n * @csspart formatted - The part representing the formatted value.\n * @csspart start - Slot for content before the formatted value.\n * @csspart end - Slot for content after the formatted value.\n * @cssproperty [--wje-format-digital-font-size=1rem] - The font size of the formatted digital value.\n * @cssproperty [--wje-format-digital-color=var(--wje-text-color)] - The color of the formatted text.\n * @cssproperty [--wje-format-digital-padding=.5rem] - The padding around the component.\n * @cssproperty [--wje-format-digital-border-radius=var(--wje-border-radius-small)] - The border radius of the component.\n * @tag wje-format-digital\n */\n\nexport default class FormatDigital extends WJElement {\n    /**\n     * Creates an instance of FormatDigital.\n     * Initializes the `Localizer` for locale-specific formatting.\n     */\n    constructor() {\n        super();\n        this.localizer = new Localizer(this);\n    }\n\n    /**\n     * Sets the value of the digital format.\n     * This value determines the size in bytes or bits to be displayed.\n     * @param {number} value The value to set.\n     */\n    set value(value) {\n        this.setAttribute('value', value);\n    }\n\n    /**\n     * Returns the value of the digital format.\n     * @returns {number} The current value of the component.\n     */\n    get value() {\n        return +this.getAttribute('value');\n    }\n\n    /**\n     * Sets the unit of the digital format.\n     * Valid values are `bit` or `byte`.\n     * @param {string} value The unit to set.\n     */\n    set unit(value) {\n        this.removeAttribute('unit');\n        if (value) {\n            this.setAttribute('unit', value);\n        }\n    }\n\n    /**\n     * Returns the unit of the digital format.\n     * Defaults to `byte` if no unit is set.\n     * @returns {string} The current unit (`bit` or `byte`).\n     */\n    get unit() {\n        return this.hasAttribute('unit') ? this.getAttribute('unit') : 'byte';\n    }\n\n    /**\n     * Sets the unit display style for the digital format.\n     * Valid values are `short`, `long`, or `narrow`.\n     * @param {string} value The unit display style to set.\n     */\n    set unitDisplay(value) {\n        this.removeAttribute('unit-display');\n        if (value) {\n            this.setAttribute('unit-display', value);\n        }\n    }\n\n    /**\n     * Returns the unit display style for the digital format.\n     * Defaults to `short` if not set.\n     * @returns {string} - The current unit display style.\n     */\n    get unitDisplay() {\n        return this.hasAttribute('unit-display') ? this.getAttribute('unit-display') : 'short';\n    }\n\n    /**\n     * The class name identifier for this component.\n     * @type {string}\n     */\n    className = 'FormatDigital';\n\n    /**\n     * Returns the CSS styles for the component.\n     * Encapsulated using shadow DOM.\n     * @static\n     * @returns {CSSStyleSheet} - The CSS styles for the component.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * Observes `value` and `unit-display` for re-rendering.\n     * @static\n     * @returns {Array<string>} - The attributes to observe.\n     */\n    static get observedAttributes() {\n        return ['value', 'unit-display'];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     * Initializes the shadow DOM.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Prepares the component before rendering.\n     * Computes the formatted value based on the input value and unit.\n     */\n    beforeDraw() {\n        if (this.value < 0) return;\n        const bitPrefixes = ['', 'kilo', 'mega', 'giga', 'tera'];\n        const bytePrefixes = ['', 'kilo', 'mega', 'giga', 'tera', 'peta'];\n        const prefix = this.unit === 'bit' ? bitPrefixes : bytePrefixes;\n        const index = Math.max(0, Math.min(Math.floor(Math.log10(this.value) / 3), prefix.length - 1)) || 0;\n        const unit = prefix[index] + this.unit;\n        const value = parseFloat((this.value / Math.pow(1000, index)).toPrecision(3));\n\n        this.formattedValue = this.localizer.formatNumber(value, {\n            style: 'unit',\n            unit: unit,\n            unitDisplay: this.unitDisplay || 'short',\n        });\n    }\n\n    /**\n     * Renders the component and returns a document fragment.\n     * The rendered structure includes a formatted value wrapped in a container\n     * with slots for additional customization.\n     * @returns {DocumentFragment} - The DOM structure for the component.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('div');\n        element.setAttribute('part', 'native');\n        element.classList.add('native-format-digital');\n\n        let formatted = document.createElement('span');\n        formatted.setAttribute('part', 'formatted');\n        formatted.innerText = this.formattedValue;\n\n        let start = document.createElement('slot');\n        start.setAttribute('name', 'start');\n\n        let end = document.createElement('slot');\n        end.setAttribute('name', 'end');\n\n        element.appendChild(start);\n        element.appendChild(formatted);\n        element.appendChild(end);\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}","import FormatDigital from './format-digital.element.js';\n\nexport default FormatDigital;\n\nFormatDigital.define('wje-format-digital', FormatDigital);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wje-format-digital.js","sources":["../packages/wje-format-digital/format-digital.element.js","../packages/wje-format-digital/format-digital.js"],"sourcesContent":["import { Localizer } from '../utils/localize.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This element formats and displays digital values such as file sizes or data transfer rates.\n * `FormatDigital` is a custom web component that represents a formatted digital value with units like\n * bytes or bits. It extends from `WJElement` and utilizes the `Localizer` class for locale-aware formatting.\n * @documentation https://elements.webjet.sk/components/format-digital\n * @status stable\n * @augments {WJElement}\n * @attribute {number} value - The numeric value to format (e.g., 1024 for 1 KB).\n * @attribute {string} unit - The unit of the value (`byte` or `bit`). Defaults to `byte`.\n * @attribute {string} unitDisplay - The display style of the unit (`short`, `long`, or `narrow`). Defaults to `short`.\n * @csspart native - The native part of the component.\n * @csspart formatted - The part representing the formatted value.\n * @csspart start - Slot for content before the formatted value.\n * @csspart end - Slot for content after the formatted value.\n * @cssproperty [--wje-format-digital-font-size=1rem] - The font size of the formatted digital value.\n * @cssproperty [--wje-format-digital-color=var(--wje-text-color)] - The color of the formatted text.\n * @cssproperty [--wje-format-digital-padding=.5rem] - The padding around the component.\n * @cssproperty [--wje-format-digital-border-radius=var(--wje-border-radius-small)] - The border radius of the component.\n * @tag wje-format-digital\n */\n\nexport default class FormatDigital extends WJElement {\n    /**\n     * Creates an instance of FormatDigital.\n     * Initializes the `Localizer` for locale-specific formatting.\n     */\n    constructor() {\n        super();\n        this.localizer = new Localizer(this);\n    }\n\n    /**\n     * Sets the value of the digital format.\n     * This value determines the size in bytes or bits to be displayed.\n     * @param {number} value The value to set.\n     */\n    set value(value) {\n        this.setAttribute('value', value);\n    }\n\n    /**\n     * Returns the value of the digital format.\n     * @returns {number} The current value of the component.\n     */\n    get value() {\n        return +this.getAttribute('value');\n    }\n\n    /**\n     * Sets the unit of the digital format.\n     * Valid values are `bit` or `byte`.\n     * @param {string} value The unit to set.\n     */\n    set unit(value) {\n        this.removeAttribute('unit');\n        if (value) {\n            this.setAttribute('unit', value);\n        }\n    }\n\n    /**\n     * Returns the unit of the digital format.\n     * Defaults to `byte` if no unit is set.\n     * @returns {string} The current unit (`bit` or `byte`).\n     */\n    get unit() {\n        return this.hasAttribute('unit') ? this.getAttribute('unit') : 'byte';\n    }\n\n    /**\n     * Sets the unit display style for the digital format.\n     * Valid values are `short`, `long`, or `narrow`.\n     * @param {string} value The unit display style to set.\n     */\n    set unitDisplay(value) {\n        this.removeAttribute('unit-display');\n        if (value) {\n            this.setAttribute('unit-display', value);\n        }\n    }\n\n    /**\n     * Returns the unit display style for the digital format.\n     * Defaults to `short` if not set.\n     * @returns {string} - The current unit display style.\n     */\n    get unitDisplay() {\n        return this.hasAttribute('unit-display') ? this.getAttribute('unit-display') : 'short';\n    }\n\n    /**\n     * The class name identifier for this component.\n     * @type {string}\n     */\n    className = 'FormatDigital';\n\n    /**\n     * Returns the CSS styles for the component.\n     * Encapsulated using shadow DOM.\n     * @static\n     * @returns {CSSStyleSheet} - The CSS styles for the component.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * Observes `value` and `unit-display` for re-rendering.\n     * @static\n     * @returns {Array<string>} - The attributes to observe.\n     */\n    static get observedAttributes() {\n        return ['value', 'unit-display'];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     * Initializes the shadow DOM.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Prepares the component before rendering.\n     * Computes the formatted value based on the input value and unit.\n     */\n    beforeDraw() {\n        if (this.value < 0) return;\n        const bitPrefixes = ['', 'kilo', 'mega', 'giga', 'tera'];\n        const bytePrefixes = ['', 'kilo', 'mega', 'giga', 'tera', 'peta'];\n        const prefix = this.unit === 'bit' ? bitPrefixes : bytePrefixes;\n        const index = Math.max(0, Math.min(Math.floor(Math.log10(this.value) / 3), prefix.length - 1)) || 0;\n        const unit = prefix[index] + this.unit;\n        const value = parseFloat((this.value / Math.pow(1000, index)).toPrecision(3));\n\n        this.formattedValue = this.localizer.formatNumber(value, {\n            style: 'unit',\n            unit: unit,\n            unitDisplay: this.unitDisplay || 'short',\n        });\n    }\n\n    /**\n     * Renders the component and returns a document fragment.\n     * The rendered structure includes a formatted value wrapped in a container\n     * with slots for additional customization.\n     * @returns {DocumentFragment} - The DOM structure for the component.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('div');\n        element.setAttribute('part', 'native');\n        element.classList.add('native-format-digital');\n\n        let formatted = document.createElement('span');\n        formatted.setAttribute('part', 'formatted');\n        formatted.innerText = this.formattedValue;\n\n        let start = document.createElement('slot');\n        start.setAttribute('name', 'start');\n\n        let end = document.createElement('slot');\n        end.setAttribute('name', 'end');\n\n        element.appendChild(start);\n        element.appendChild(formatted);\n        element.appendChild(end);\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import FormatDigital from './format-digital.element.js';\n\nexport default FormatDigital;\n\nFormatDigital.define('wje-format-digital', FormatDigital);\n"],"names":[],"mappings":"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"}