wj-elements 0.1.174 → 0.1.176

package/dist/{list.element-Ce1vIm1O.js → list.element-D4-wlFN_.js}

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import WJElement from "./wje-element.js";
-const styles = "/*\n[ WJ List ]\n*/\n:host {\n  margin: 0;\n  padding: 0;\n  display: block;\n  contain: content;\n  list-style-type: none;\n}\n\n:host(.wje-inset) {\n  background: var(--wje-list-background);\n  transform: translateZ(0);\n  overflow: hidden;\n  padding: var(--wje-list-inset-padding);\n  border-radius: var(--wje-list-border-radius);\n}\n\n:host(.wje-lines-none) ::slotted(wje-item) {\n  --wje-border-width: 0 !important;\n}";
+const styles = "/*\n[ WJ List ]\n*/\n:host {\n  margin: 0;\n  padding: 0;\n  display: block;\n  contain: content;\n  list-style-type: none;\n}\n\n:host(.wje-inset) {\n  background: var(--wje-list-background);\n  transform: translateZ(0);\n  overflow: hidden;\n  padding: var(--wje-list-inset-padding);\n  border-radius: var(--wje-list-border-radius);\n}\n\n:host(.wje-lines-none) ::slotted(wje-item) {\n  --wje-border-width: 0 !important;\n  --wje-item-border-width: 0!important;\n}";
 class List extends WJElement {
   /**
    * Creates an instance of List.
@@ -47,4 +47,4 @@ class List extends WJElement {
 export {
   List as L
 };
-//# sourceMappingURL=list.element-Ce1vIm1O.js.map
+//# sourceMappingURL=list.element-D4-wlFN_.js.map

package/dist/{list.element-Ce1vIm1O.js.map → list.element-D4-wlFN_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"list.element-Ce1vIm1O.js","sources":["../packages/wje-list/list.element.js"],"sourcesContent":["import WJElement from '../wje-element/element.js';\nimport styles from './styles/styles.scss?inline';\n\n/**\n * `List` is a custom web component that represents a list.\n * It extends from `WJElement`.\n * @summary This element represents a list.\n * @documentation https://elements.webjet.sk/components/list\n * @status stable\n * @augments {WJElement}\n * @slot - The default slot for the list.\n * @cssproperty [--wje-list-inset-padding=1rem] - The padding of the list when it is inset.\n * @cssproperty [--wje-list-border-radius=8px] - The border radius of the list. Accepts any valid CSS length.\n * @cssproperty [--wje-list-background=var(--wje-background)] - The background of the list. Accepts any valid CSS color value.\n * @tag wje-list\n */\nexport default class List extends WJElement {\n    /**\n     * Creates an instance of List.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'List';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n\n    /**\n     * Called after the component has been drawn.\n     */\n    afterDraw() {\n        this.classList.toggle('wje-lines-' + this.lines, this.hasAttribute('lines'));\n        this.classList.toggle('wje-inset', this.hasAttribute('inset'));\n    }\n}\n"],"names":[],"mappings":";;;;;AAgBe,MAAM,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,cAAc;AACV,UAAO;AAGX,qCAAY;AAAA,EAFhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,UAAU,SAAS,cAAc,MAAM;AAC3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,YAAY;AACR,SAAK,UAAU,OAAO,eAAe,KAAK,OAAO,KAAK,aAAa,OAAO,CAAC;AAC3E,SAAK,UAAU,OAAO,aAAa,KAAK,aAAa,OAAO,CAAC;AAAA,EACrE;AACA;"}
+{"version":3,"file":"list.element-D4-wlFN_.js","sources":["../packages/wje-list/list.element.js"],"sourcesContent":["import WJElement from '../wje-element/element.js';\nimport styles from './styles/styles.scss?inline';\n\n/**\n * `List` is a custom web component that represents a list.\n * It extends from `WJElement`.\n * @summary This element represents a list.\n * @documentation https://elements.webjet.sk/components/list\n * @status stable\n * @augments {WJElement}\n * @slot - The default slot for the list.\n * @cssproperty [--wje-list-inset-padding=1rem] - The padding of the list when it is inset.\n * @cssproperty [--wje-list-border-radius=8px] - The border radius of the list. Accepts any valid CSS length.\n * @cssproperty [--wje-list-background=var(--wje-background)] - The background of the list. Accepts any valid CSS color value.\n * @tag wje-list\n */\nexport default class List extends WJElement {\n    /**\n     * Creates an instance of List.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'List';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n\n    /**\n     * Called after the component has been drawn.\n     */\n    afterDraw() {\n        this.classList.toggle('wje-lines-' + this.lines, this.hasAttribute('lines'));\n        this.classList.toggle('wje-inset', this.hasAttribute('inset'));\n    }\n}\n"],"names":[],"mappings":";;;;;AAgBe,MAAM,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,cAAc;AACV,UAAO;AAGX,qCAAY;AAAA,EAFhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,UAAU,SAAS,cAAc,MAAM;AAC3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,YAAY;AACR,SAAK,UAAU,OAAO,eAAe,KAAK,OAAO,KAAK,aAAa,OAAO,CAAC;AAC3E,SAAK,UAAU,OAAO,aAAa,KAAK,aAAa,OAAO,CAAC;AAAA,EACrE;AACA;"}

package/dist/localize.js

@@ -18,27 +18,55 @@ class LocalizerDefault {
       console.error(`Language "${this.lang}" not loaded.`);
     }
   }
-  // Vyhľadávanie prekladu podľa kľúča
+  /**
+   * Translates a given translation key based on the currently selected language.
+   * @param {string} key The key representing the text to be translated.
+   * @returns {string} The translated text if available; otherwise, returns the original key.
+   */
   translate(key) {
     var _a;
     const langMap = (_a = this.languages) == null ? void 0 : _a.get(this.currentLang);
     if (!langMap) return key;
     return langMap ? langMap[key] || key : key;
   }
-  // Vyhľadávanie prekladu podľa kľúča a typu čísla
+  /**
+   * Translates a key into a localized string based on the provided count and pluralization type.
+   * @param {string} key The base translation key to be used for fetching the localized string.
+   * @param {number} [count=0] The count value used to determine the pluralization form.
+   * @param {string} [type='cardinal'] The type of pluralization to use, such as 'cardinal' or 'ordinal'.
+   * @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);
   }
-  // Formátovanie čísla podľa aktuálneho jazyka
+  /**
+   * Formats a number according to the specified locale and formatting options.
+   * @param {number} number The numeric value to format.
+   * @param {object} options An object containing formatting options for the number.
+   * @returns {string} The formatted number as a string.
+   */
   formatNumber(number, options) {
     return new Intl.NumberFormat(this.currentLang, options).format(number);
   }
-  // Formátovanie dátumu podľa aktuálneho jazyka
-  formatDate(date) {
-    return new Intl.DateTimeFormat(this.currentLang).format(new Date(date));
+  /**
+   * Formats a given date based on the specified options and the current language setting.
+   * @param {string|Date|number} date The date to format. Can be a Date object, a timestamp, or a date string.
+   * @param {object} options The formatting options to customize the output, as supported by Intl.DateTimeFormat.
+   * @returns {string} The formatted date string based on the specified options and current language.
+   */
+  formatDate(date, options) {
+    return new Intl.DateTimeFormat(this.currentLang, options).format(new Date(date));
   }
+  /**
+   * Formats a relative time string based on a given language, value, unit, and formatting options.
+   * @param {string} lang The language to use for formatting. Defaults to `this.currentLang` if not provided.
+   * @param {number} value The numerical value to format, representing the time difference.
+   * @param {string} [unit] The unit of time to use (e.g., "second", "minute", "hour", "day", "week", "month", "year").
+   * @param {object} [options] An object containing formatting options, such as the style for the numeric representation.
+   * @returns {string} The formatted relative time string in the specified language.
+   */
   relativeTime(lang, value = 0, unit = "day", options = { numeric: "auto" }) {
     lang = lang || this.currentLang;
     return new Intl.RelativeTimeFormat(lang, options).format(value, unit);

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    // Vyhľadávanie prekladu podľa kľúča\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    // Vyhľadávanie prekladu podľa kľúča a typu čísla\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    // Formátovanie čísla podľa aktuálneho jazyka\n    formatNumber(number, options) {\n        return new Intl.NumberFormat(this.currentLang, options).format(number);\n    }\n\n    // Formátovanie dátumu podľa aktuálneho jazyka\n    formatDate(date) {\n        return new Intl.DateTimeFormat(this.currentLang).format(new Date(date));\n    }\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;AACjB,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,EAGI,UAAU,KAAK;AA3BnB;AA4BQ,UAAM,WAAU,UAAK,cAAL,mBAAgB,IAAI,KAAK;AACzC,QAAI,CAAC,QAAS,QAAO;AACrB,WAAO,UAAU,QAAQ,GAAG,KAAK,MAAM;AAAA,EAC/C;AAAA;AAAA,EAGI,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,EAGI,aAAa,QAAQ,SAAS;AAC1B,WAAO,IAAI,KAAK,aAAa,KAAK,aAAa,OAAO,EAAE,OAAO,MAAM;AAAA,EAC7E;AAAA;AAAA,EAGI,WAAW,MAAM;AACb,WAAO,IAAI,KAAK,eAAe,KAAK,WAAW,EAAE,OAAO,IAAI,KAAK,IAAI,CAAC;AAAA,EAC9E;AAAA,EAEI,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;ACtEO,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    /**\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;AACjB,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,EAOI,UAAU,KAAK;AA/BnB;AAgCQ,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;AClGO,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/localize/localize.d.ts

@@ -7,11 +7,41 @@ export class LocalizerDefault {
     currentLang: string;
     get languages(): any;
     setLanguage(): void;
-    translate(key: any): any;
-    translatePlural(key: any, count?: number, type?: string): any;
-    formatNumber(number: any, options: any): string;
-    formatDate(date: any): string;
-    relativeTime(lang: any, value?: number, unit?: string, options?: {
-        numeric: string;
-    }): string;
+    /**
+     * Translates a given translation key based on the currently selected language.
+     * @param {string} key The key representing the text to be translated.
+     * @returns {string} The translated text if available; otherwise, returns the original key.
+     */
+    translate(key: string): string;
+    /**
+     * Translates a key into a localized string based on the provided count and pluralization type.
+     * @param {string} key The base translation key to be used for fetching the localized string.
+     * @param {number} [count=0] The count value used to determine the pluralization form.
+     * @param {string} [type='cardinal'] The type of pluralization to use, such as 'cardinal' or 'ordinal'.
+     * @returns {string} The translated string, adapted to the pluralization rules and count.
+     */
+    translatePlural(key: string, count?: number, type?: string): string;
+    /**
+     * Formats a number according to the specified locale and formatting options.
+     * @param {number} number The numeric value to format.
+     * @param {object} options An object containing formatting options for the number.
+     * @returns {string} The formatted number as a string.
+     */
+    formatNumber(number: number, options: object): string;
+    /**
+     * Formats a given date based on the specified options and the current language setting.
+     * @param {string|Date|number} date The date to format. Can be a Date object, a timestamp, or a date string.
+     * @param {object} options The formatting options to customize the output, as supported by Intl.DateTimeFormat.
+     * @returns {string} The formatted date string based on the specified options and current language.
+     */
+    formatDate(date: string | Date | number, options: object): string;
+    /**
+     * Formats a relative time string based on a given language, value, unit, and formatting options.
+     * @param {string} lang The language to use for formatting. Defaults to `this.currentLang` if not provided.
+     * @param {number} value The numerical value to format, representing the time difference.
+     * @param {string} [unit] The unit of time to use (e.g., "second", "minute", "hour", "day", "week", "month", "year").
+     * @param {object} [options] An object containing formatting options, such as the style for the numeric representation.
+     * @returns {string} The formatted relative time string in the specified language.
+     */
+    relativeTime(lang: string, value?: number, unit?: string, options?: object): string;
 }

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

@@ -18,12 +18,10 @@ export default class WJElement extends HTMLElement {
      * @param [options] Additional options for defining the element.
      */
     static define(name: any, elementConstructor?: typeof WJElement, options?: {}): void;
-    isAttached: boolean;
     service: UniversalService;
-    rendering: boolean;
     _dependencies: {};
     /**
-     * @typedef {CREATED | ATTACHED | BEGINING | START | DRAWING | DONE | DISCONNECTED} DrawingStatus
+     * @typedef {object} DrawingStatuses
      * @property {number} CREATED - The component has been created.
      * @property {number} ATTACHED - The component has been attached to the DOM.
      * @property {number} BEGINING - The component is beginning to draw.
@@ -32,6 +30,30 @@ export default class WJElement extends HTMLElement {
      * @property {number} DONE - The component has finished drawing.
      * @property {number} DISCONNECTED - The component has been disconnected from the DOM.
      */
+    /**
+     * WJElement is a base class for custom web components with managed lifecycle, attribute/property sync,
+     * permission-based visibility, and extensibility hooks.
+     * @property {boolean} isAttached - True if the component is currently attached to the DOM.
+     * @property {DrawingStatuses} drawingStatuses - Enum of possible drawing states.
+     * @property {number} drawingStatus - Current drawing status (see drawingStatuses).
+     * @property {boolean} _pristine - True if the component has not been updated since last render.
+     * @property {boolean} isRendering - True if a render is currently in progress.
+     * @property {number|null} rafId - ID of the scheduled animation frame for rendering, or null.
+     * @property {string|null} originalVisibility - Stores the original CSS visibility before rendering.
+     * @property {object} params - Stores the current attributes/properties for rendering.
+     * @property {Promise<void>} updateComplete - Promise resolved when the current update/render is complete.
+     * @property {string[]} permission - List of required permissions (from 'permission' attribute).
+     * @property {boolean} isPermissionCheck - Whether permission checking is enabled (from 'permission-check' attribute).
+     * @property {boolean} noShow - Whether the element should be hidden (from 'no-show' attribute).
+     * @property {string|undefined} isShadowRoot - Value of the 'shadow' attribute, if present.
+     * @property {boolean} hasShadowRoot - True if the 'shadow' attribute is present.
+     * @property {string} shadowType - Type of shadow root ('open' by default).
+     * @property {object} store - Reference to the global store instance.
+     * @property {object} defaultStoreActions - Default store actions for arrays and objects.
+     * @property {string[]|undefined} removeClassAfterConnect - Classes to remove after connect (from 'remove-class-after-connect' attribute).
+     * @property {object} dependencies - Registered component dependencies.
+     * @property {HTMLElement|ShadowRoot} context - The rendering context (shadow root or element itself).
+     */
     drawingStatuses: {
         CREATED: number;
         ATTACHED: number;
@@ -41,16 +63,12 @@ export default class WJElement extends HTMLElement {
         DONE: number;
         DISCONNECTED: number;
     };
-    drawingStatus: number;
-    _pristine: boolean;
-    _pristineCauseWeakMap: WeakMap<WeakKey, any>;
-    isRendering: boolean;
     rafId: number;
-    originalVisibility: any;
     params: {};
     updateComplete: Promise<any>;
     finisPromise: (value: any) => void;
     rejectPromise: (reason?: any) => void;
+    get drawingStatus(): number;
     /**
      * Sets the value of the 'permission' attribute.
      * @param {string[]} value The value to set for the 'permission' attribute.
@@ -97,7 +115,7 @@ export default class WJElement extends HTMLElement {
      * Gets the rendering context, either the shadow root or the component itself.
      * @returns The rendering context.
      */
-    get context(): any;
+    get context(): this | ShadowRoot;
     /**
      * Gets the store instance.
      * @returns {object} The store instance.
@@ -230,11 +248,6 @@ export default class WJElement extends HTMLElement {
      * Lifecycle method invoked when the component is disconnected from the DOM.
      */
     disconnectedCallback(): void;
-    /**
-     * Enqueues an update for the component.
-     * This method processes the current render promise and then refreshes the component.
-     */
-    enqueueUpdate(): void;
     /**
      * Lifecycle method invoked when an observed attribute changes.
      * @param name The name of the attribute that changed.
@@ -243,18 +256,6 @@ export default class WJElement extends HTMLElement {
      */
     attributeChangedCallback(name: any, old: any, newName: any): void;
     refresh(): void;
-    /**
-     * Refreshes the component by reinitializing it if it is in a drawing state.
-     * This method checks if the component's drawing status is at least in the START state.
-     * If so, it performs the following steps:
-     * 1. Calls the `beforeRedraw` hook if defined.
-     * 2. Calls the `beforeDisconnect` hook if defined.
-     * 3. Refreshes the update promise to manage the rendering lifecycle.
-     * 4. Calls the `afterDisconnect` hook if defined.
-     * 5. Reinitializes the component by calling `initWjElement` with `true` to force initialization.
-     * If the component is not in a drawing state, it simply returns a resolved promise.
-     */
-    _refresh(): Promise<void>;
     stopRenderLoop(): void;
     /**
      * Displays the component's content, optionally forcing a re-render.
@@ -272,10 +273,8 @@ export default class WJElement extends HTMLElement {
      * @param {string} name The name in kebab-case format (e.g., "example-name").
      * @returns {string} The sanitized name in camelCase format (e.g., "exampleName").
      * @example
-     * // Returns 'exampleName'
      * sanitizeName('example-name');
      * @example
-     * // Returns 'myCustomComponent'
      * sanitizeName('my-custom-component');
      */
     sanitizeName(name: string): string;
@@ -291,11 +290,9 @@ export default class WJElement extends HTMLElement {
      *   get name() { return 'value'; },
      *   set name(val) { console.log(val); }
      * };
-     * // Returns { hasGetter: [Function: get name], hasSetter: [Function: set name] }
      * checkGetterSetter(obj, 'name');
      * @example
      * const obj = { prop: 42 };
-     * // Returns { hasGetter: null, hasSetter: null }
      * checkGetterSetter(obj, 'prop');
      */
     checkGetterSetter(obj: object, property: string): object;
@@ -303,12 +300,7 @@ export default class WJElement extends HTMLElement {
      * Sets up property accessors for the component's attributes.
      */
     setUpAccessors(): void;
-    /**
-     * Resolves the rendering process of the component.
-     * @returns A promise that resolves when rendering is complete.
-     * @private
-     */
-    private _resolveRender;
+    #private;
 }
 export let __esModule: string;
 export { WjePermissionsApi, WjElementUtils, event };

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

@@ -9,7 +9,7 @@ import { default as WJElement } from '../wje-element/element.js';
  * @csspart native - The native part of the masonry layout.
  * @csspart column - The individual columns in the masonry layout.
  * @slot - The default slot for the masonry layout.
- * @cssproperty [--wje-masonry-gap=1rem] - The gap between items in the masonry layout. Accepts any valid CSS length. Default is 1rem.
+ * @cssproperty [--wje-masonry-layout-gap=1rem] - The gap between items in the masonry layout. Accepts any valid CSS length. Default is 1rem.
  * @cssproperty [--wje-masonry-layout-col-count=1] - The count column in the masonry layout. Accepts any valid CSS length.
  * @tag wje-masonry
  */

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

@@ -164,9 +164,9 @@ export default class Select extends WJElement {
     set value(value: string);
     /**
      * Getter for the value attribute.
-     * @returns {string} The value of the attribute.
+     * @returns {object} The value of the attribute.
      */
-    get value(): string;
+    get value(): object;
     /**
      * Getter for the customErrorDisplay attribute.
      * @returns {boolean} Whether the attribute is present.
@@ -255,6 +255,7 @@ export default class Select extends WJElement {
      * @returns {Array} The selected value.
      */
     get selected(): any[];
+    get options(): any[];
     /**
      * Sets the trigger value.
      * @param {string} value The trigger value to set.
@@ -313,15 +314,26 @@ export default class Select extends WJElement {
     getSelected(): any[];
     /**
      * Handles the selection change.
-     * @param {Element} option The option that changed.
+     * @param {Element[]} options The option that changed.
      * @param {number} length The length of the selected options.
      */
-    selectionChanged(option?: Element, length?: number): void;
-    /**
-     * Handles the selection of options and updates the UI chips accordingly.
-     * Also manages the max selection logic and fires an event when selections change.
-     * @param {boolean} [silence] Indicates whether to suppress the event dispatch when a change occurs.
-     * @returns {void} Does not return anything.
+    selectionChanged(options?: Element[], length?: number): void;
+    /**
+     * Updates the selected options and their corresponding chips.
+     * @param {boolean} [silence] Determines whether to suppress the "wje-select:change" event.
+     * @returns {void}
+     * @description
+     * This method fetches the currently selected options and updates the `selectedOptions` array.
+     * It clears and rebuilds the chips representing the selected items in the UI.
+     * If the number of selected options reaches the maximum allowed (`maxOptions`), it stops updating the counter.
+     * Optionally, it dispatches a custom event when the selection changes unless `silence` is set to `true`.
+     * //@fires wje-select:change - Dispatched when the selection changes, unless `silence` is `true`.
+     * @example
+     * // Call the method and allow event dispatch
+     * selections();
+     * @example
+     * // Call the method without dispatching the event
+     * selections(true);
      */
     selections(silence?: boolean): void;
     /**
@@ -379,6 +391,7 @@ export default class Select extends WJElement {
      * @param {boolean} [silent] Whether to trigger the change event or not.
      */
     selectOptions(values: any[] | any, silent?: boolean): void;
+    htmlSelectedItem(item: any): any;
     /**
      * @summary Callback function that is called when the custom element is associated with a form.
      * This function adds an event listener to the form's submit event, which validates the input and propagates the validation.
@@ -421,4 +434,5 @@ export default class Select extends WJElement {
      * @returns {boolean} Returns true if all elements in the `elements` array are found within the `options` array, otherwise returns false.
      */
     areAllElementsInOptions(elements: any[], options: any[]): boolean;
+    #private;
 }

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

@@ -19,6 +19,7 @@ export default class Stepper extends WJElement {
     currentStep: number;
     localizer: Localizer;
     steps: any[];
+    headerSteps: any[];
     get active(): string;
     get done(): string;
     /**
@@ -27,10 +28,10 @@ export default class Stepper extends WJElement {
      */
     draw(): DocumentFragment;
     header: HTMLDivElement;
-    headerSteps: NodeListOf<Element>;
-    prev: HTMLElement;
-    next: HTMLElement;
-    processStep(index: any, step: any, header: any, steps: any): void;
+    prev: HTMLSlotElement;
+    next: HTMLSlotElement;
+    finish: HTMLSlotElement;
+    processStep(index: any, step: any, header: any, steps: any): HTMLDivElement;
     /**
      * Sets up the attributes for the component.
      */
@@ -44,12 +45,11 @@ export default class Stepper extends WJElement {
     /**
      * Navigates to a specific step in a multi-step process and updates the stepper UI accordingly.
      * @param {number} stepIndex The index of the step to navigate to.
-     * @param {number} direction The navigation direction. A positive value indicates forward navigation, and a negative value indicates backward navigation.
      * //@fires stepper:next Dispatched when navigating to the next step.
      * //@fires stepper:prev Dispatched when navigating to the previous step.
      * //@fires stepper:finish Dispatched when the final step is completed.
      */
-    goToStep(stepIndex: number, direction: number): void;
+    goToStep(stepIndex: number): void;
     /**
      * Resets a step to its default state by clearing its active and done attributes.
      * Updates the step's badge to show its index and removes any color styling.
@@ -76,4 +76,5 @@ export default class Stepper extends WJElement {
      * @param {HTMLElement|null} [badge] The badge element within the step. If not provided, it will be selected from the `nav` element.
      */
     setStepDone(nav: HTMLElement, badge?: HTMLElement | null): void;
+    setStepLocked(nav: any, badge?: any): void;
 }