wj-elements 0.2.0-alpha.12 → 0.2.0-alpha.14

package/dist/dark.css

@@ -165,6 +165,9 @@
     --wje-card-color: var(--wje-color-white);
     --wje-card-border-color: transparent;
 
+    /* Dialog */
+    --wje-dialog-background: var(--wje-color-contrast-1);
+
     /* Divider */
     --wje-divider-border-color: var(--wje-border-color);
 
@@ -232,6 +235,9 @@
     --wje-orgchart-item-boss-border: 1px solid var(--wje-border-color);
     --wje-orgchart-item-hover-border: 1px solid var(--wje-color-danger-3);
 
+    /* Popup */
+    --wje-popup-overlay-background: var(--wje-color-contrast-0);
+
     /* Rate */
     --wje-rate-color: var(--wje-color-contrast-11);
     --wje-rate-selected-color: var(--wje-color-danger-6);

package/dist/light.css

@@ -359,6 +359,7 @@
     --wje-chip-padding-inline: var(--wje-spacing-small);
 
     /* Dialog */
+    --wje-dialog-background: var(--wje-color-contrast-1);
     --wje-dialog-width: 600px;
     --wje-dialog-height: 600px;
     --wje-dialog-border-radius: var(--wje-border-radius-medium);
@@ -563,6 +564,9 @@
     --wje-orgchart-group-height-line: 10px;
     --wje-orgchart-group-padding: 0.25rem 0;
 
+    /* Popup */
+    --wje-popup-overlay-background: var(--wje-color-contrast-0);
+
     /* Radio */
     --wje-radio-margin-top: 0;
     --wje-radio-margin-bottom: 0.5rem;

package/dist/localize.js

@@ -4,9 +4,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 class LocalizerDefault {
   constructor(element) {
     __publicField(this, "convertLangCode", (lang) => lang.replace("-", "_").replace(/_([a-z]{2})$/, (_, code) => `_${code.toUpperCase()}`));
+    var _a, _b, _c, _d;
     this.element = element;
-    this.lang = this.element.lang || document.documentElement.lang || "en-GB";
-    this.dir = this.element.dir || document.documentElement.dir || "ltr";
+    this.lang = ((_a = this.element) == null ? void 0 : _a.lang) || ((_b = document.documentElement) == null ? void 0 : _b.lang) || "en-GB";
+    this.dir = ((_c = this.element) == null ? void 0 : _c.dir) || ((_d = document.documentElement) == null ? void 0 : _d.dir) || "ltr";
     this.currentLang = "en-GB";
     this.setLanguage();
   }
@@ -41,9 +42,11 @@ class LocalizerDefault {
    * @returns {string} The translated string, adapted to the pluralization rules and count.
    */
   translatePlural(key, count = 0, type = "cardinal") {
-    const plural = new Intl.PluralRules(this.lang, { type });
-    if (count !== void 0) key += "." + plural.select(count);
-    return this.translate(key);
+    const plural = new Intl.PluralRules(this.currentLang, { type });
+    const k = `${key}.${plural.select(count)}`;
+    const t = this.translate(k);
+    if (t !== k) return t;
+    return this.translate(`${key}.other`);
   }
   /**
    * Formats a number according to the specified locale and formatting options.

package/dist/localize.js.map

@@ -1 +1 @@
-{"version":3,"file":"localize.js","sources":["../packages/localize/localize.js","../packages/utils/localize.js"],"sourcesContent":["// export const translations = new Map();\n\nexport class LocalizerDefault {\n    constructor(element) {\n        this.element = element;\n\n        this.lang = this.element.lang || document.documentElement.lang || 'en-GB';\n        this.dir = this.element.dir || document.documentElement.dir || 'ltr';\n        this.currentLang = 'en-GB';\n\n        this.setLanguage();\n    }\n\n    get languages() {\n        return window.translations;\n    }\n\n    // Nastavenie aktuálneho jazyka\n    setLanguage() {\n        if (this.languages?.has(this.lang)) {\n            this.currentLang = this.lang;\n        } else {\n            console.error(`Language \"${this.lang}\" not loaded.`);\n        }\n    }\n\n    convertLangCode = (lang) => lang.replace(\"-\", \"_\").replace(/_([a-z]{2})$/, (_, code) => `_${code.toUpperCase()}`);\n\n    /**\n     * Translates a given translation key based on the currently selected language.\n     * @param {string} key The key representing the text to be translated.\n     * @returns {string} The translated text if available; otherwise, returns the original key.\n     */\n    translate(key) {\n        const langMap = this.languages?.get(this.currentLang);\n        if (!langMap) return key;\n        return langMap ? langMap[key] || key : key;\n    }\n\n    /**\n     * Translates a key into a localized string based on the provided count and pluralization type.\n     * @param {string} key The base translation key to be used for fetching the localized string.\n     * @param {number} [count=0] The count value used to determine the pluralization form.\n     * @param {string} [type='cardinal'] The type of pluralization to use, such as 'cardinal' or 'ordinal'.\n     * @returns {string} The translated string, adapted to the pluralization rules and count.\n     */\n    translatePlural(key, count = 0, type = 'cardinal') {\n        const plural = new Intl.PluralRules(this.lang, { type: type });\n\n        if (count !== undefined) key += '.' + plural.select(count);\n\n        return this.translate(key);\n    }\n\n    /**\n     * Formats a number according to the specified locale and formatting options.\n     * @param {number} number The numeric value to format.\n     * @param {object} options An object containing formatting options for the number.\n     * @returns {string} The formatted number as a string.\n     */\n    formatNumber(number, options) {\n        return new Intl.NumberFormat(this.currentLang, options).format(number);\n    }\n\n    /**\n     * Formats a given date based on the specified options and the current language setting.\n     * @param {string|Date|number} date The date to format. Can be a Date object, a timestamp, or a date string.\n     * @param {object} options The formatting options to customize the output, as supported by Intl.DateTimeFormat.\n     * @returns {string} The formatted date string based on the specified options and current language.\n     */\n    formatDate(date, options) {\n        return new Intl.DateTimeFormat(this.currentLang, options).format(new Date(date));\n    }\n\n    /**\n     * Formats a relative time string based on a given language, value, unit, and formatting options.\n     * @param {string} lang The language to use for formatting. Defaults to `this.currentLang` if not provided.\n     * @param {number} value The numerical value to format, representing the time difference.\n     * @param {string} [unit] The unit of time to use (e.g., \"second\", \"minute\", \"hour\", \"day\", \"week\", \"month\", \"year\").\n     * @param {object} [options] An object containing formatting options, such as the style for the numeric representation.\n     * @returns {string} The formatted relative time string in the specified language.\n     */\n    relativeTime(lang, value = 0, unit = 'day', options = { numeric: 'auto' }) {\n        lang = lang || this.currentLang;\n        return new Intl.RelativeTimeFormat(lang, options).format(value, unit);\n    }\n}\n\nexport function registerTranslation(...translation) {\n    translation.forEach((t) => {\n        if (!t.code) {\n            console.error(\"Translation object is missing 'code' property:\", t);\n            return;\n        }\n\n        const code = t.code.toLowerCase();\n        if (window.translations.has(code)) {\n            window.translations.set(code, { ...window.translations.get(code), ...t });\n        } else {\n            window.translations.set(code, t);\n        }\n    });\n}\n","import { LocalizerDefault, registerTranslation } from '../localize/localize.js';\n\nexport class Localizer extends LocalizerDefault {\n    constructor(element) {\n        super(element);\n    }\n    static registerTranslation(...translation) {\n        registerTranslation(...translation);\n    }\n}\n"],"names":[],"mappings":";;;AAEO,MAAM,iBAAiB;AAAA,EAC1B,YAAY,SAAS;AAuBrB,2CAAkB,CAAC,SAAS,KAAK,QAAQ,KAAK,GAAG,EAAE,QAAQ,gBAAgB,CAAC,GAAG,SAAS,IAAI,KAAK,YAAa,CAAA,EAAE;AAtB5G,SAAK,UAAU;AAEf,SAAK,OAAO,KAAK,QAAQ,QAAQ,SAAS,gBAAgB,QAAQ;AAClE,SAAK,MAAM,KAAK,QAAQ,OAAO,SAAS,gBAAgB,OAAO;AAC/D,SAAK,cAAc;AAEnB,SAAK,YAAa;AAAA,EAC1B;AAAA,EAEI,IAAI,YAAY;AACZ,WAAO,OAAO;AAAA,EACtB;AAAA;AAAA,EAGI,cAAc;AAlBlB;AAmBQ,SAAI,UAAK,cAAL,mBAAgB,IAAI,KAAK,OAAO;AAChC,WAAK,cAAc,KAAK;AAAA,IACpC,OAAe;AACH,cAAQ,MAAM,aAAa,KAAK,IAAI,eAAe;AAAA,IAC/D;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,UAAU,KAAK;AAjCnB;AAkCQ,UAAM,WAAU,UAAK,cAAL,mBAAgB,IAAI,KAAK;AACzC,QAAI,CAAC,QAAS,QAAO;AACrB,WAAO,UAAU,QAAQ,GAAG,KAAK,MAAM;AAAA,EAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,gBAAgB,KAAK,QAAQ,GAAG,OAAO,YAAY;AAC/C,UAAM,SAAS,IAAI,KAAK,YAAY,KAAK,MAAM,EAAE,MAAY;AAE7D,QAAI,UAAU,OAAW,QAAO,MAAM,OAAO,OAAO,KAAK;AAEzD,WAAO,KAAK,UAAU,GAAG;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQI,aAAa,QAAQ,SAAS;AAC1B,WAAO,IAAI,KAAK,aAAa,KAAK,aAAa,OAAO,EAAE,OAAO,MAAM;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQI,WAAW,MAAM,SAAS;AACtB,WAAO,IAAI,KAAK,eAAe,KAAK,aAAa,OAAO,EAAE,OAAO,IAAI,KAAK,IAAI,CAAC;AAAA,EACvF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUI,aAAa,MAAM,QAAQ,GAAG,OAAO,OAAO,UAAU,EAAE,SAAS,UAAU;AACvE,WAAO,QAAQ,KAAK;AACpB,WAAO,IAAI,KAAK,mBAAmB,MAAM,OAAO,EAAE,OAAO,OAAO,IAAI;AAAA,EAC5E;AACA;AAEO,SAAS,uBAAuB,aAAa;AAChD,cAAY,QAAQ,CAAC,MAAM;AACvB,QAAI,CAAC,EAAE,MAAM;AACT,cAAQ,MAAM,kDAAkD,CAAC;AACjE;AAAA,IACZ;AAEQ,UAAM,OAAO,EAAE,KAAK,YAAa;AACjC,QAAI,OAAO,aAAa,IAAI,IAAI,GAAG;AAC/B,aAAO,aAAa,IAAI,MAAM,EAAE,GAAG,OAAO,aAAa,IAAI,IAAI,GAAG,GAAG,EAAC,CAAE;AAAA,IACpF,OAAe;AACH,aAAO,aAAa,IAAI,MAAM,CAAC;AAAA,IAC3C;AAAA,EACA,CAAK;AACL;ACpGO,MAAM,kBAAkB,iBAAiB;AAAA,EAC5C,YAAY,SAAS;AACjB,UAAM,OAAO;AAAA,EACrB;AAAA,EACI,OAAO,uBAAuB,aAAa;AACvC,wBAAoB,GAAG,WAAW;AAAA,EAC1C;AACA;"}
+{"version":3,"file":"localize.js","sources":["../packages/localize/localize.js","../packages/utils/localize.js"],"sourcesContent":["// export const translations = new Map();\n\nexport class LocalizerDefault {\n    constructor(element) {\n        this.element = element;\n\n        this.lang = this.element?.lang || document.documentElement?.lang || 'en-GB';\n        this.dir = this.element?.dir || document.documentElement?.dir || 'ltr';\n        this.currentLang = 'en-GB';\n\n        this.setLanguage();\n    }\n\n    get languages() {\n        return window.translations;\n    }\n\n    // Nastavenie aktuálneho jazyka\n    setLanguage() {\n        if (this.languages?.has(this.lang)) {\n            this.currentLang = this.lang;\n        } else {\n            console.error(`Language \"${this.lang}\" not loaded.`);\n        }\n    }\n\n    convertLangCode = (lang) => lang.replace(\"-\", \"_\").replace(/_([a-z]{2})$/, (_, code) => `_${code.toUpperCase()}`);\n\n    /**\n     * Translates a given translation key based on the currently selected language.\n     * @param {string} key The key representing the text to be translated.\n     * @returns {string} The translated text if available; otherwise, returns the original key.\n     */\n    translate(key) {\n        const langMap = this.languages?.get(this.currentLang);\n        if (!langMap) return key;\n        return langMap ? langMap[key] || key : key;\n    }\n\n    /**\n     * Translates a key into a localized string based on the provided count and pluralization type.\n     * @param {string} key The base translation key to be used for fetching the localized string.\n     * @param {number} [count=0] The count value used to determine the pluralization form.\n     * @param {string} [type='cardinal'] The type of pluralization to use, such as 'cardinal' or 'ordinal'.\n     * @returns {string} The translated string, adapted to the pluralization rules and count.\n     */\n    translatePlural(key, count = 0, type = 'cardinal') {\n        const plural = new Intl.PluralRules(this.currentLang, { type });\n        const k = `${key}.${plural.select(count)}`;\n        const t = this.translate(k);\n        if (t !== k) return t;\n        return this.translate(`${key}.other`);\n    }\n\n    /**\n     * Formats a number according to the specified locale and formatting options.\n     * @param {number} number The numeric value to format.\n     * @param {object} options An object containing formatting options for the number.\n     * @returns {string} The formatted number as a string.\n     */\n    formatNumber(number, options) {\n        return new Intl.NumberFormat(this.currentLang, options).format(number);\n    }\n\n    /**\n     * Formats a given date based on the specified options and the current language setting.\n     * @param {string|Date|number} date The date to format. Can be a Date object, a timestamp, or a date string.\n     * @param {object} options The formatting options to customize the output, as supported by Intl.DateTimeFormat.\n     * @returns {string} The formatted date string based on the specified options and current language.\n     */\n    formatDate(date, options) {\n        return new Intl.DateTimeFormat(this.currentLang, options).format(new Date(date));\n    }\n\n    /**\n     * Formats a relative time string based on a given language, value, unit, and formatting options.\n     * @param {string} lang The language to use for formatting. Defaults to `this.currentLang` if not provided.\n     * @param {number} value The numerical value to format, representing the time difference.\n     * @param {string} [unit] The unit of time to use (e.g., \"second\", \"minute\", \"hour\", \"day\", \"week\", \"month\", \"year\").\n     * @param {object} [options] An object containing formatting options, such as the style for the numeric representation.\n     * @returns {string} The formatted relative time string in the specified language.\n     */\n    relativeTime(lang, value = 0, unit = 'day', options = { numeric: 'auto' }) {\n        lang = lang || this.currentLang;\n        return new Intl.RelativeTimeFormat(lang, options).format(value, unit);\n    }\n}\n\nexport function registerTranslation(...translation) {\n    translation.forEach((t) => {\n        if (!t.code) {\n            console.error(\"Translation object is missing 'code' property:\", t);\n            return;\n        }\n\n        const code = t.code.toLowerCase();\n        if (window.translations.has(code)) {\n            window.translations.set(code, { ...window.translations.get(code), ...t });\n        } else {\n            window.translations.set(code, t);\n        }\n    });\n}\n","import { LocalizerDefault, registerTranslation } from '../localize/localize.js';\n\nexport class Localizer extends LocalizerDefault {\n    constructor(element) {\n        super(element);\n    }\n    static registerTranslation(...translation) {\n        registerTranslation(...translation);\n    }\n}\n"],"names":[],"mappings":";;;AAEO,MAAM,iBAAiB;AAAA,EAC1B,YAAY,SAAS;AAuBrB,2CAAkB,CAAC,SAAS,KAAK,QAAQ,KAAK,GAAG,EAAE,QAAQ,gBAAgB,CAAC,GAAG,SAAS,IAAI,KAAK,YAAa,CAAA,EAAE;AA1BpH;AAIQ,SAAK,UAAU;AAEf,SAAK,SAAO,UAAK,YAAL,mBAAc,WAAQ,cAAS,oBAAT,mBAA0B,SAAQ;AACpE,SAAK,QAAM,UAAK,YAAL,mBAAc,UAAO,cAAS,oBAAT,mBAA0B,QAAO;AACjE,SAAK,cAAc;AAEnB,SAAK,YAAa;AAAA,EAC1B;AAAA,EAEI,IAAI,YAAY;AACZ,WAAO,OAAO;AAAA,EACtB;AAAA;AAAA,EAGI,cAAc;AAlBlB;AAmBQ,SAAI,UAAK,cAAL,mBAAgB,IAAI,KAAK,OAAO;AAChC,WAAK,cAAc,KAAK;AAAA,IACpC,OAAe;AACH,cAAQ,MAAM,aAAa,KAAK,IAAI,eAAe;AAAA,IAC/D;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,UAAU,KAAK;AAjCnB;AAkCQ,UAAM,WAAU,UAAK,cAAL,mBAAgB,IAAI,KAAK;AACzC,QAAI,CAAC,QAAS,QAAO;AACrB,WAAO,UAAU,QAAQ,GAAG,KAAK,MAAM;AAAA,EAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,gBAAgB,KAAK,QAAQ,GAAG,OAAO,YAAY;AAC/C,UAAM,SAAS,IAAI,KAAK,YAAY,KAAK,aAAa,EAAE,MAAM;AAC9D,UAAM,IAAI,GAAG,GAAG,IAAI,OAAO,OAAO,KAAK,CAAC;AACxC,UAAM,IAAI,KAAK,UAAU,CAAC;AAC1B,QAAI,MAAM,EAAG,QAAO;AACpB,WAAO,KAAK,UAAU,GAAG,GAAG,QAAQ;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQI,aAAa,QAAQ,SAAS;AAC1B,WAAO,IAAI,KAAK,aAAa,KAAK,aAAa,OAAO,EAAE,OAAO,MAAM;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQI,WAAW,MAAM,SAAS;AACtB,WAAO,IAAI,KAAK,eAAe,KAAK,aAAa,OAAO,EAAE,OAAO,IAAI,KAAK,IAAI,CAAC;AAAA,EACvF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUI,aAAa,MAAM,QAAQ,GAAG,OAAO,OAAO,UAAU,EAAE,SAAS,UAAU;AACvE,WAAO,QAAQ,KAAK;AACpB,WAAO,IAAI,KAAK,mBAAmB,MAAM,OAAO,EAAE,OAAO,OAAO,IAAI;AAAA,EAC5E;AACA;AAEO,SAAS,uBAAuB,aAAa;AAChD,cAAY,QAAQ,CAAC,MAAM;AACvB,QAAI,CAAC,EAAE,MAAM;AACT,cAAQ,MAAM,kDAAkD,CAAC;AACjE;AAAA,IACZ;AAEQ,UAAM,OAAO,EAAE,KAAK,YAAa;AACjC,QAAI,OAAO,aAAa,IAAI,IAAI,GAAG;AAC/B,aAAO,aAAa,IAAI,MAAM,EAAE,GAAG,OAAO,aAAa,IAAI,IAAI,GAAG,GAAG,EAAC,CAAE;AAAA,IACpF,OAAe;AACH,aAAO,aAAa,IAAI,MAAM,CAAC;AAAA,IAC3C;AAAA,EACA,CAAK;AACL;ACpGO,MAAM,kBAAkB,iBAAiB;AAAA,EAC5C,YAAY,SAAS;AACjB,UAAM,OAAO;AAAA,EACrB;AAAA,EACI,OAAO,uBAAuB,aAAa;AACvC,wBAAoB,GAAG,WAAW;AAAA,EAC1C;AACA;"}

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

@@ -20,12 +20,4 @@ export default class Card extends WJElement {
      * @returns {object} styles - The CSS styles
      */
     static get cssStyleSheet(): object;
-    /**
-     * Draw method for the Card element.
-     * @param {object} context The context object
-     * @param {object} store The store object
-     * @param {object} params The parameters
-     * @returns {object} fragment - The document fragment
-     */
-    draw(context: object, store: object, params: object): object;
 }

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

@@ -185,25 +185,6 @@ export default class WJElement extends HTMLElement {
      * }
      */
     draw(context: any, appStoreObj: any, params: any): any;
-    /**
-     * Renders the component within the provided context.
-     * @param context The rendering context, usually the element's shadow root or main DOM element.
-     * @param appStore The global application store for managing state.
-     * @param params Additional parameters or attributes for rendering the component.
-     * @returns This implementation does not render anything and returns `null`.
-     * @description
-     * The `draw` method is responsible for rendering the component's content.
-     * Override this method in subclasses to define custom rendering logic.
-     * @example
-     * class MyComponent extends WJElement {
-     *   draw(context, appStore, params) {
-     *     const div = document.createElement('div');
-     *     div.textContent = 'Hello, world!';
-     *     context.appendChild(div);
-     *   }
-     * }
-     */
-    draw(context: any, appStore: any, params: any): any;
     /**
      * Hook for extending behavior after drawing the component.
      * @param context The rendering context, usually the element's shadow root or main DOM element.
@@ -217,18 +198,29 @@ export default class WJElement extends HTMLElement {
      * Return: string | Node | DocumentFragment | null | Promise of those.
      */
     renderSkeleton(params: any): any;
-    set skeletonDelay(value: number);
+    /**
+     * Sets the delay for the skeleton loading indicator.
+     * @param {string|number|null|undefined} value The delay value to be set. Accepts a numerical value,
+     * a string that can be converted to a number, null, or undefined.
+     * If null or undefined is provided, the skeleton delay will be cleared.
+     */
+    set skeletonDelay(value: string | number | null | undefined);
     /**
      * Retrieves the delay duration for the skeleton display, determining the value based on a hierarchy of overrides and defaults.
      * The method prioritizes in the following order:
-     * 1. A finite number set as the `_wjSkeletonSlotClone` property.
+     * 1. A finite number set as the `_wjSkeletonDelayOverride` property.
      * 2. A valid numeric value from the `skeleton-delay` attribute.
      * 3. The `skeletonDelayMs` property, if defined with a finite number.
      * 4. A default value of 150 if none of the above are set.
      * @returns {number} The delay in milliseconds before the skeleton is displayed.
      */
     get skeletonDelay(): number;
-    set skeletonMinDuration(value: number);
+    /**
+     * Sets the minimum duration for the skeleton state. If the provided value is null, undefined, or an empty string,
+     * the override for the minimum duration is removed.
+     * @param {string|number|null|undefined} value The minimum duration to be set for the skeleton state. It can be a numeric value, string representation of a number, or null/undefined to reset the value.
+     */
+    set skeletonMinDuration(value: string | number | null | undefined);
     /**
      * Retrieves the minimum duration for the skeleton animation.
      * The method checks for an internally stored finite value. If unavailable,
@@ -238,9 +230,22 @@ export default class WJElement extends HTMLElement {
      * @returns {number} The minimum duration for the skeleton animation in milliseconds.
      */
     get skeletonMinDuration(): number;
-    _wjSkeletonSlotClone: number | Node;
+    _wjSkeletonMinDurationOverride: number;
+    /**
+     * Sets or removes the 'skeleton' attribute based on the provided value.
+     * @param {boolean} value A boolean value indicating whether to set ('true') or remove ('false') the 'skeleton' attribute.
+     */
     set skeleton(value: boolean);
+    /**
+     * Checks if the 'skeleton' attribute is present on the element.
+     * @returns {boolean} True if the 'skeleton' attribute exists, false otherwise.
+     */
     get skeleton(): boolean;
+    _wjSkeletonDelayOverride: number;
+    /**
+     * Retrieves the delay value used for skeleton loading.
+     * @returns {number} The delay value for the skeleton loader.
+     */
     get skeletonDelayValue(): number;
     /**
      * Lifecycle method invoked when the component is connected to the DOM.
@@ -286,7 +291,17 @@ export default class WJElement extends HTMLElement {
      * @param newName The new value of the attribute.
      */
     attributeChangedCallback(name: any, old: any, newName: any): void;
+    /**
+     * Triggers a refresh operation by initializing the update lifecycle and setting up promises
+     * to track its completion or failure status. Marks the instance as not pristine and queues
+     * an update.
+     * @returns {void} Does not return a value.
+     */
     refresh(): void;
+    /**
+     * Stops the current render loop if it is running by canceling the requestAnimationFrame.
+     * @returns {void} This method does not return a value.
+     */
     stopRenderLoop(): void;
     /**
      * Displays the component's content, optionally forcing a re-render.
@@ -332,7 +347,10 @@ export default class WJElement extends HTMLElement {
      */
     checkGetterSetter(obj: object, property: string): object;
     /**
-     * Sets up property accessors for the component's attributes.
+     * Sets up accessors (getter and setter) for all attributes of the current object.
+     * This method retrieves the attribute names, sanitizes them, and dynamically defines
+     * property accessors for each attribute using `Object.defineProperty`.
+     * @returns {void} This method does not return any value.
      */
     setUpAccessors(): void;
     #private;

package/dist/{popup.element-DeajFyOQ.js → popup.element-Cl6QeG8M.js}

@@ -1371,7 +1371,7 @@ const computePosition = (reference, floating, options) => {
     platform: platformWithCache
   });
 };
-const styles = "/*\n[ WJ Popup ]\n*/\n\n:host {\n    --wje-popup-top: auto;\n    --wje-popup-left: auto;\n    display: flex; /* zmenene z contents na flex kvoli breadcrumbs v a jeho trom bodkam */\n}\n\n.native-popup {\n    position: absolute;\n    isolation: isolate;\n    z-index: 999;\n    left: var(--wje-popup-left);\n    top: var(--wje-popup-top);\n}\n.native-popup:not(.popup-active) {\n    display: none;\n}\n\n.popup-loader.overlay {\n    position: absolute;\n    inset: 1px;\n    background: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n}\n.popup-loader.fade-out {\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}";
+const styles = "/*\n[ WJ Popup ]\n*/\n\n:host {\n    --wje-popup-top: auto;\n    --wje-popup-left: auto;\n\n    display: flex; /* zmenene z contents na flex kvoli breadcrumbs v a jeho trom bodkam */\n}\n\n.native-popup {\n    position: absolute;\n    isolation: isolate;\n    z-index: 999;\n    left: var(--wje-popup-left);\n    top: var(--wje-popup-top);\n}\n.native-popup:not(.popup-active) {\n    display: none;\n}\n\n.popup-loader.overlay {\n    position: absolute;\n    inset: 1px;\n    background: var(--wje-popup-overlay-background);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n}\n.popup-loader.fade-out {\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}";
 class Popup extends WJElement {
   /**
    * Creates an instance of Popup.
@@ -1865,4 +1865,4 @@ class Popup extends WJElement {
 export {
   Popup as P
 };
-//# sourceMappingURL=popup.element-DeajFyOQ.js.map
+//# sourceMappingURL=popup.element-Cl6QeG8M.js.map