wj-elements 0.7.6 → 0.8.0

package/dist/localize.js

@@ -1,135 +1,60 @@
 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);
-class LocalizerDefault {
-  constructor(element) {
-    __publicField(this, "convertLangCode", (lang) => lang.replace("-", "_").replace(/_([a-z]{2})$/, (_, code) => `_${code.toUpperCase()}`));
+class t {
+  constructor(t2) {
+    __publicField(this, "convertLangCode", (t2) => t2.replace("-", "_").replace(/_([a-z]{2})$/, (t3, e2) => `_${e2.toUpperCase()}`));
     var _a, _b, _c, _d;
-    this.element = element;
-    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();
+    this.element = t2, 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();
   }
   get languages() {
     return window.translations;
   }
-  // Nastavenie aktuálneho jazyka
   setLanguage() {
     var _a;
-    if ((_a = this.languages) == null ? void 0 : _a.has(this.lang)) {
-      this.currentLang = this.lang;
-    } else {
-      console.error(`Language "${this.lang}" not loaded.`);
-    }
+    ((_a = this.languages) == null ? void 0 : _a.has(this.lang)) ? this.currentLang = this.lang : console.error(`Language "${this.lang}" not loaded.`);
   }
-  /**
-   * 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) {
+  translate(t2) {
     var _a;
-    const langMap = (_a = this.languages) == null ? void 0 : _a.get(this.currentLang);
-    if (!langMap) return key;
-    return langMap ? langMap[key] || key : key;
-  }
-  /**
-   * Translates a key and then interpolates placeholders in the format {placeholder}.
-   * The method first resolves the base text through `translate()`. If the result is not a string,
-   * it is returned unchanged. For string results, every placeholder wrapped in curly braces is matched,
-   * the token name is trimmed, and the value is looked up in the `params` object.
-   * When a matching param exists, its value is converted to a string and inserted into the translation.
-   * Missing or `null` params are left in their original `{placeholder}` form so unresolved tokens stay visible.
-   * @param {string} key The translation key.
-   * @param {object} [params] Key-value map used for interpolation. Defaults to an empty object.
-   * @returns {string} Localized string with interpolated params.
-   * @example
-   * // If the translation is:
-   * // "personalSettings.settings.synchronization.checkbox.exportApprovedAbsence":
-   * //   "Exportuj schválené absencie do {calendar}"
-   * this.localizer.translateWithParams(
-   *   'personalSettings.settings.synchronization.checkbox.exportApprovedAbsence',
-   *   { calendar: 'Google kalendára' },
-   * );
-   * // Returns: 'Exportuj schválené absencie do Google kalendára'
-   */
-  translateWithParams(key, params = {}) {
-    const translated = this.translate(key);
-    if (typeof translated !== "string") return translated;
-    return translated.replace(/\{([^{}]+)\}/g, (match, token) => {
-      const value = params[token.trim()];
-      return value === void 0 || value === null ? match : String(value);
+    const e2 = (_a = this.languages) == null ? void 0 : _a.get(this.currentLang);
+    return e2 && e2 && e2[t2] || t2;
+  }
+  translateWithParams(t2, e2 = {}) {
+    const n = this.translate(t2);
+    return "string" != typeof n ? n : n.replace(/\{([^{}]+)\}/g, (t3, n2) => {
+      const r = e2[n2.trim()];
+      return null == r ? t3 : String(r);
     });
   }
-  /**
-   * 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] The count value used to determine the pluralization form. Defaults to 0.
-   * @param {string} [type] The type of pluralization to use, such as 'cardinal' or 'ordinal'. Defaults to 'cardinal'.
-   * @returns {string} The translated string, adapted to the pluralization rules and count.
-   */
-  translatePlural(key, count = 0, type = "cardinal") {
-    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`);
+  translatePlural(t2, e2 = 0, n = "cardinal") {
+    const r = `${t2}.${new Intl.PluralRules(this.currentLang, { type: n }).select(e2)}`, a = this.translate(r);
+    return a !== r ? a : this.translate(`${t2}.other`);
   }
-  /**
-   * 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);
+  formatNumber(t2, e2) {
+    return new Intl.NumberFormat(this.currentLang, e2).format(t2);
   }
-  /**
-   * 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));
+  formatDate(t2, e2) {
+    return new Intl.DateTimeFormat(this.currentLang, e2).format(new Date(t2));
   }
-  /**
-   * 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);
+  relativeTime(t2, e2 = 0, n = "day", r = { numeric: "auto" }) {
+    return t2 = t2 || this.currentLang, new Intl.RelativeTimeFormat(t2, r).format(e2, n);
   }
 }
-function registerTranslation(...translation) {
-  translation.forEach((t) => {
-    if (!t.code) {
-      console.error("Translation object is missing 'code' property:", t);
-      return;
-    }
-    const code = t.code.toLowerCase();
-    if (window.translations.has(code)) {
-      window.translations.set(code, { ...window.translations.get(code), ...t });
-    } else {
-      window.translations.set(code, t);
-    }
-  });
-}
-class Localizer extends LocalizerDefault {
-  constructor(element) {
-    super(element);
-  }
-  static registerTranslation(...translation) {
-    registerTranslation(...translation);
+class e extends t {
+  constructor(t2) {
+    super(t2);
+  }
+  static registerTranslation(...t2) {
+    !(function(...t3) {
+      t3.forEach((t4) => {
+        if (!t4.code) return void console.error("Translation object is missing 'code' property:", t4);
+        const e2 = t4.code.toLowerCase();
+        window.translations.has(e2) ? window.translations.set(e2, { ...window.translations.get(e2), ...t4 }) : window.translations.set(e2, t4);
+      });
+    })(...t2);
   }
 }
 export {
-  Localizer
+  e as Localizer
 };
 //# sourceMappingURL=localize.js.map

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 and then interpolates placeholders in the format {placeholder}.\n     * The method first resolves the base text through `translate()`. If the result is not a string,\n     * it is returned unchanged. For string results, every placeholder wrapped in curly braces is matched,\n     * the token name is trimmed, and the value is looked up in the `params` object.\n     * When a matching param exists, its value is converted to a string and inserted into the translation.\n     * Missing or `null` params are left in their original `{placeholder}` form so unresolved tokens stay visible.\n     * @param {string} key The translation key.\n     * @param {object} [params] Key-value map used for interpolation. Defaults to an empty object.\n     * @returns {string} Localized string with interpolated params.\n     * @example\n     * // If the translation is:\n     * // \"personalSettings.settings.synchronization.checkbox.exportApprovedAbsence\":\n     * //   \"Exportuj schválené absencie do {calendar}\"\n     * this.localizer.translateWithParams(\n     *   'personalSettings.settings.synchronization.checkbox.exportApprovedAbsence',\n     *   { calendar: 'Google kalendára' },\n     * );\n     * // Returns: 'Exportuj schválené absencie do Google kalendára'\n     */\n    translateWithParams(key, params = {}) {\n        const translated = this.translate(key);\n\n        if (typeof translated !== 'string') return translated;\n\n        return translated.replace(/\\{([^{}]+)\\}/g, (match, token) => {\n            const value = params[token.trim()];\n            return value === undefined || value === null ? match : String(value);\n        });\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] The count value used to determine the pluralization form. Defaults to 0.\n     * @param {string} [type] The type of pluralization to use, such as 'cardinal' or 'ordinal'. Defaults to 'cardinal'.\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":"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"}
+{"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 and then interpolates placeholders in the format {placeholder}.\n     * The method first resolves the base text through `translate()`. If the result is not a string,\n     * it is returned unchanged. For string results, every placeholder wrapped in curly braces is matched,\n     * the token name is trimmed, and the value is looked up in the `params` object.\n     * When a matching param exists, its value is converted to a string and inserted into the translation.\n     * Missing or `null` params are left in their original `{placeholder}` form so unresolved tokens stay visible.\n     * @param {string} key The translation key.\n     * @param {object} [params] Key-value map used for interpolation. Defaults to an empty object.\n     * @returns {string} Localized string with interpolated params.\n     * @example\n     * // If the translation is:\n     * // \"personalSettings.settings.synchronization.checkbox.exportApprovedAbsence\":\n     * //   \"Exportuj schválené absencie do {calendar}\"\n     * this.localizer.translateWithParams(\n     *   'personalSettings.settings.synchronization.checkbox.exportApprovedAbsence',\n     *   { calendar: 'Google kalendára' },\n     * );\n     * // Returns: 'Exportuj schválené absencie do Google kalendára'\n     */\n    translateWithParams(key, params = {}) {\n        const translated = this.translate(key);\n\n        if (typeof translated !== 'string') return translated;\n\n        return translated.replace(/\\{([^{}]+)\\}/g, (match, token) => {\n            const value = params[token.trim()];\n            return value === undefined || value === null ? match : String(value);\n        });\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] The count value used to determine the pluralization form. Defaults to 0.\n     * @param {string} [type] The type of pluralization to use, such as 'cardinal' or 'ordinal'. Defaults to 'cardinal'.\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":["LocalizerDefault","element","convertLangCode","lang","replace","_","code","toUpperCase","this","document","documentElement","dir","currentLang","setLanguage","languages","window","translations","has","console","error","key","langMap","get","params","translated","translate","match","token","value","trim","String","count","type","k","Intl","PluralRules","select","t","number","options","NumberFormat","format","date","DateTimeFormat","Date","unit","numeric","RelativeTimeFormat","Localizer","super","translation","forEach","toLowerCase","set","registerTranslation"],"mappings":"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"}

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

@@ -23,6 +23,7 @@ import { default as WJElement } from '../wje-element/element.js';
  * @cssproperty [--wje-accordion-border-expanded=var(--wje-color-contrast-0)] - Border color of the expanded item wrapper.
  * @cssproperty [--wje-accordion-headline-color=var(--wje-color-contrast-11)] - Text color of the headline area.
  * @cssproperty [--wje-accordion-content-color=var(--wje-color-contrast-6)] - Text color of the expandable content area.
+ * @cssproperty [--wje-accordion-content-margin=0 var(--wje-spacing-small, 0.75rem) var(--wje-spacing-small, 0.75rem)] - Margin around the slotted expandable content.
  * @cssproperty [--wje-accordion-marker-rotate=0deg] - Rotation applied to the toggle marker icon.
  * // @fires wje-accordion-item:open - Dispatched when the item is expanded.
  * // @fires wje-accordion-item:close - Dispatched when the item is collapsed.
@@ -54,11 +55,11 @@ export default class AccordionItem extends WJElement {
      */
     afterDraw(): void;
     /**
-     * Collapses the accordion item and updates the headline ARIA state.
+     * Collapses the accordion item, updates the headline ARIA state, and makes its content inert.
      */
     collapse(): void;
     /**
-     * Expands the accordion item and updates the headline ARIA state.
+     * Expands the accordion item, updates the headline ARIA state, and makes its content interactive.
      */
     expand(): void;
 }

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

@@ -9,7 +9,7 @@ import { default as WJElement } from '../wje-element/element.js';
  * @property {string} src - The source URL of the image.
  * @property {string} alt - The alternative text for the image.
  * @property {string} fallout - The action to perform when an error occurs while loading the image. The value can be a function or a predefined action like 'delete'.
- * @property {string} loader - The URL of the image loader to display while the image is loading.
+ * @property {string} loader - The URL of the image loader to display while the image is loading. Defaults to the loader asset resolved from the configured base path.
  * @property {boolean} noLazy - Disables lazy loading and renders the image source immediately.
  * @tag wje-img
  */
@@ -68,10 +68,10 @@ export default class Img extends WJElement {
      */
     set loader(value: string);
     /**
-     * Retrieves the value of the 'loader' attribute from the element.
-     * @returns {string|null} The value of the 'loader' attribute if set, otherwise null.
+     * Retrieves the configured loader URL or resolves the default loader from the base path.
+     * @returns {string} The loader URL.
      */
-    get loader(): string | null;
+    get loader(): string;
     /**
      * Enables or disables lazy loading for the image.
      * @param {boolean} value True to disable lazy loading, false to restore the default lazy behavior.

package/dist/permissions.js

@@ -1,56 +1,29 @@
 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);
-const _Permissions = class _Permissions {
-  /**
-   * Sets the permission key for the Permissions utility.
-   * The key is stored internally and defaults to 'permissions' if no value is provided.
-   * @param {string} value The key to set for permissions. If no value is provided, the default is 'permissions'.
-   */
-  static set permissionKey(value) {
-    _Permissions._permissionKey = value || "permissions";
+const _s = class _s {
+  static set permissionKey(i) {
+    _s._permissionKey = i || "permissions";
   }
-  /**
-   * Retrieves the permission key used for accessing the permissions utility.
-   * @returns {string} The permission key associated with the Permissions utility.
-   */
   static get permissionKey() {
-    return _Permissions._permissionKey;
+    return _s._permissionKey;
   }
-  /**
-   * Sets the permissions by storing them in the local storage.
-   * @param {Array<string>} value The permissions array to be stored.
-   */
-  static set permissions(value) {
-    window.localStorage.setItem(_Permissions.permissionKey, JSON.stringify(value));
+  static set permissions(i) {
+    window.localStorage.setItem(_s.permissionKey, JSON.stringify(i));
   }
-  /**
-   * Retrieves the list of permissions stored in the browser's local storage.
-   * @returns {Array} An array of permissions. If no permissions are found, returns an empty array.
-   */
   static get permissions() {
-    return JSON.parse(window.localStorage.getItem(_Permissions.permissionKey)) || [];
+    return JSON.parse(window.localStorage.getItem(_s.permissionKey)) || [];
   }
-  /**
-   * Determines whether the specified key exists in the permissions list.
-   * @param {string} key The key to check for existence in the permissions list.
-   * @returns {boolean} Returns true if the key exists in the permissions list; otherwise, returns false.
-   */
-  static includesKey(key) {
-    return _Permissions.permissions.includes(key);
+  static includesKey(i) {
+    return _s.permissions.includes(i);
   }
-  /**
-   * Checks if at least one of the given permissions is fulfilled, based on the permissions available in `Permissions`.
-   * @param {Array<string>} permissions The list of permissions to check against the permissions available in `Permissions`.
-   * @returns {boolean} Returns `true` if any of the given permissions match the permissions available in `Permissions`, otherwise returns `false`.
-   */
-  static isPermissionFulfilled(permissions) {
-    return permissions.some((perm) => _Permissions.permissions.includes(perm));
+  static isPermissionFulfilled(i) {
+    return i.some((i2) => _s.permissions.includes(i2));
   }
 };
-__publicField(_Permissions, "_permissionKey", "permissions");
-let Permissions = _Permissions;
+__publicField(_s, "_permissionKey", "permissions");
+let s = _s;
 export {
-  Permissions
+  s as Permissions
 };
 //# sourceMappingURL=permissions.js.map

package/dist/permissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"permissions.js","sources":["../packages/utils/permissions.js"],"sourcesContent":["/**\n * Permissions is a utility class for managing permissions.\n * It allows setting, retrieving, and checking permissions stored in the browser's local storage.\n */\nexport class Permissions {\n    static _permissionKey = 'permissions';\n\n    /**\n     * Sets the permission key for the Permissions utility.\n     * The key is stored internally and defaults to 'permissions' if no value is provided.\n     * @param {string} value The key to set for permissions. If no value is provided, the default is 'permissions'.\n     */\n    static set permissionKey(value) {\n        Permissions._permissionKey = value || 'permissions';\n    }\n\n    /**\n     * Retrieves the permission key used for accessing the permissions utility.\n     * @returns {string} The permission key associated with the Permissions utility.\n     */\n    static get permissionKey() {\n        return Permissions._permissionKey;\n    }\n\n    /**\n     * Sets the permissions by storing them in the local storage.\n     * @param {Array<string>} value The permissions array to be stored.\n     */\n    static set permissions(value) {\n        window.localStorage.setItem(Permissions.permissionKey, JSON.stringify(value));\n    }\n\n    /**\n     * Retrieves the list of permissions stored in the browser's local storage.\n     * @returns {Array} An array of permissions. If no permissions are found, returns an empty array.\n     */\n    static get permissions() {\n        return JSON.parse(window.localStorage.getItem(Permissions.permissionKey)) || [];\n    }\n\n    /**\n     * Determines whether the specified key exists in the permissions list.\n     * @param {string} key The key to check for existence in the permissions list.\n     * @returns {boolean} Returns true if the key exists in the permissions list; otherwise, returns false.\n     */\n    static includesKey(key) {\n        return Permissions.permissions.includes(key);\n    }\n\n    /**\n     * Checks if at least one of the given permissions is fulfilled, based on the permissions available in `Permissions`.\n     * @param {Array<string>} permissions The list of permissions to check against the permissions available in `Permissions`.\n     * @returns {boolean} Returns `true` if any of the given permissions match the permissions available in `Permissions`, otherwise returns `false`.\n     */\n    static isPermissionFulfilled(permissions) {\n        return permissions.some((perm) => Permissions.permissions.includes(perm));\n    }\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,eAAN,MAAM,aAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQrB,WAAW,cAAc,OAAO;AAC5B,iBAAY,iBAAiB,SAAS;AAAA,EAC1C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,gBAAgB;AACvB,WAAO,aAAY;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,YAAY,OAAO;AAC1B,WAAO,aAAa,QAAQ,aAAY,eAAe,KAAK,UAAU,KAAK,CAAC;AAAA,EAChF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,cAAc;AACrB,WAAO,KAAK,MAAM,OAAO,aAAa,QAAQ,aAAY,aAAa,CAAC,KAAK,CAAA;AAAA,EACjF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,YAAY,KAAK;AACpB,WAAO,aAAY,YAAY,SAAS,GAAG;AAAA,EAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,sBAAsB,aAAa;AACtC,WAAO,YAAY,KAAK,CAAC,SAAS,aAAY,YAAY,SAAS,IAAI,CAAC;AAAA,EAC5E;AACJ;AApDI,cADS,cACF,kBAAiB;AADrB,IAAM,cAAN;"}
+{"version":3,"file":"permissions.js","sources":["../packages/utils/permissions.js"],"sourcesContent":["/**\n * Permissions is a utility class for managing permissions.\n * It allows setting, retrieving, and checking permissions stored in the browser's local storage.\n */\nexport class Permissions {\n    static _permissionKey = 'permissions';\n\n    /**\n     * Sets the permission key for the Permissions utility.\n     * The key is stored internally and defaults to 'permissions' if no value is provided.\n     * @param {string} value The key to set for permissions. If no value is provided, the default is 'permissions'.\n     */\n    static set permissionKey(value) {\n        Permissions._permissionKey = value || 'permissions';\n    }\n\n    /**\n     * Retrieves the permission key used for accessing the permissions utility.\n     * @returns {string} The permission key associated with the Permissions utility.\n     */\n    static get permissionKey() {\n        return Permissions._permissionKey;\n    }\n\n    /**\n     * Sets the permissions by storing them in the local storage.\n     * @param {Array<string>} value The permissions array to be stored.\n     */\n    static set permissions(value) {\n        window.localStorage.setItem(Permissions.permissionKey, JSON.stringify(value));\n    }\n\n    /**\n     * Retrieves the list of permissions stored in the browser's local storage.\n     * @returns {Array} An array of permissions. If no permissions are found, returns an empty array.\n     */\n    static get permissions() {\n        return JSON.parse(window.localStorage.getItem(Permissions.permissionKey)) || [];\n    }\n\n    /**\n     * Determines whether the specified key exists in the permissions list.\n     * @param {string} key The key to check for existence in the permissions list.\n     * @returns {boolean} Returns true if the key exists in the permissions list; otherwise, returns false.\n     */\n    static includesKey(key) {\n        return Permissions.permissions.includes(key);\n    }\n\n    /**\n     * Checks if at least one of the given permissions is fulfilled, based on the permissions available in `Permissions`.\n     * @param {Array<string>} permissions The list of permissions to check against the permissions available in `Permissions`.\n     * @returns {boolean} Returns `true` if any of the given permissions match the permissions available in `Permissions`, otherwise returns `false`.\n     */\n    static isPermissionFulfilled(permissions) {\n        return permissions.some((perm) => Permissions.permissions.includes(perm));\n    }\n}\n"],"names":["Permissions","value","_permissionKey","permissionKey","window","localStorage","setItem","JSON","stringify","permissions","parse","getItem","key","includes","some","perm","static"],"mappings":";;;AAIO,MAAMA,KAAN,MAAMA,GAAAA;AAAAA,EAQT,WAAA,cAAyBC,GAAAA;AACrBD,OAAYE,iBAAiBD,KAAS;AAAA,EAC1C;AAAA,EAMA,WAAA,gBAAWE;AACP,WAAOH,GAAYE;AAAAA,EACvB;AAAA,EAMA,WAAA,YAAuBD,GAAAA;AACnBG,WAAOC,aAAaC,QAAQN,GAAYG,eAAeI,KAAKC,UAAUP,CAAAA,CAAAA;AAAAA,EAC1E;AAAA,EAMA,WAAA,cAAWQ;AACP,WAAOF,KAAKG,MAAMN,OAAOC,aAAaM,QAAQX,GAAYG,aAAAA,CAAAA,KAAmB,CAAA;AAAA,EACjF;AAAA,EAOA,OAAA,YAAmBS,GAAAA;AACf,WAAOZ,GAAYS,YAAYI,SAASD,CAAAA;AAAAA,EAC5C;AAAA,EAOA,OAAA,sBAA6BH,GAAAA;AACzB,WAAOA,EAAYK,KAAMC,CAAAA,OAASf,GAAYS,YAAYI,SAASE;EACvE;AAAA;AAnDAC,cADShB,IACTgB,kBAAwB;AADrB,IAAMhB,IAAN;"}