wj-elements 0.1.142 → 0.1.144

package/dist/localize.js

@@ -3,6 +3,7 @@ class LocalizerDefault {
     this.element = element;
     this.lang = this.element.lang || document.documentElement.lang || "en-gb";
     this.dir = this.element.dir || document.documentElement.dir || "ltr";
+    this.currentLang = "en-gb";
     this.setLanguage();
   }
   get languages() {
@@ -10,7 +11,8 @@ class LocalizerDefault {
   }
   // Nastavenie aktuálneho jazyka
   setLanguage() {
-    if (this.languages.has(this.lang)) {
+    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.`);
@@ -18,7 +20,9 @@ class LocalizerDefault {
   }
   // Vyhľadávanie prekladu podľa kľúča
   translate(key) {
-    const langMap = this.languages.get(this.currentLang);
+    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

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\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        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;AAE/D,SAAK,YAAa;AAAA,EAC1B;AAAA,EAEI,IAAI,YAAY;AACZ,WAAO,OAAO;AAAA,EACtB;AAAA;AAAA,EAGI,cAAc;AACV,QAAI,KAAK,UAAU,IAAI,KAAK,IAAI,GAAG;AAC/B,WAAK,cAAc,KAAK;AAAA,IACpC,OAAe;AACH,cAAQ,MAAM,aAAa,KAAK,IAAI,eAAe;AAAA,IAC/D;AAAA,EACA;AAAA;AAAA,EAGI,UAAU,KAAK;AACX,UAAM,UAAU,KAAK,UAAU,IAAI,KAAK,WAAW;AACnD,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;ACpEO,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    // 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;"}

package/dist/packages/localize/localize.d.ts

@@ -4,9 +4,9 @@ export class LocalizerDefault {
     element: any;
     lang: any;
     dir: any;
+    currentLang: string;
     get languages(): any;
     setLanguage(): void;
-    currentLang: any;
     translate(key: any): any;
     translatePlural(key: any, count?: number, type?: string): any;
     formatNumber(number: any, options: any): string;

package/dist/packages/utils/permissions-api.d.ts

@@ -4,12 +4,12 @@ export class WjePermissionsApi {
      * Sets the permission key.
      * @param value
      */
-    static set permissionKey(value: any);
+    static set permissionKey(value: any | string);
     /**
      * Returns the permission key.
      * @returns {*|string}
      */
-    static get permissionKey(): any;
+    static get permissionKey(): any | string;
     /**
      * Sets the permissions.
      * @param value

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

@@ -17,7 +17,7 @@ export default class Accordion extends WJElement {
      * Getter for the CSS stylesheet.
      * @returns {object} The styles for the Accordion element.
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Getter for the observed attributes.
      * @returns {Array} An array containing the name of the observed attribute.
@@ -39,7 +39,7 @@ export default class Accordion extends WJElement {
      * Sets the value of the `index` attribute.
      * @param {number|string} value The value to set for the `index` attribute.
      */
-    set index(value: number);
+    set index(value: number | string);
     /**
      * Retrieves the value of the `index` attribute as a number.
      * @returns {number} The numerical value of the `index` attribute, or `0` if the attribute is not set.

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

@@ -12,7 +12,7 @@ export default class AccordionItem extends WJElement {
      * Getter for the CSS stylesheet.
      * @returns {object} The styles for the Accordion Item element.
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Getter for the observed attributes.
      * @returns {Array} An array containing the name of the observed attribute.

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

@@ -13,7 +13,7 @@ export default class Animation extends WJElement {
      * Getter for the CSS stylesheet.
      * @returns {object} The styles for the Animation element.
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Getter for the observed attributes.
      * @returns {Array} An array containing the name of the observed attribute.

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

@@ -17,7 +17,7 @@ export default class Aside extends WJElement {
      * Getter for the CSS stylesheet.
      * @returns {object} The styles for the Aside element.
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Getter for the observed attributes.
      * @returns {Array} An empty array as there are no observed attributes.

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

@@ -26,7 +26,7 @@ export default class Badge extends WJElement {
      *   return ['color'];
      * }
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     /**
      * Creates the DOM structure for the Badge element.
      * @returns {DocumentFragment} A document fragment containing the Badge's structure.

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

@@ -20,13 +20,13 @@ export default class Breadcrumb extends WJElement {
      * @static
      * @returns {object} styles - The CSS styles
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Get observed attributes for the Breadcrumb element.
      * @static
      * @returns {Array<string>} - The observed attributes array for the Breadcrumb element.
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     _showSeparator: boolean;
     showCollapsedIndicator: boolean;
     /**

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

@@ -28,13 +28,13 @@ export default class Breadcrumbs extends WJElement {
      * @static
      * @returns {object} styles - The CSS styles
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Get observed attributes for the Breadcrumb element.
      * @static
      * @returns {Array<string>} - The observed attributes array for the Breadcrumb element.
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     /**
      * Last breadcrumb flag
      * @type {boolean}
@@ -54,7 +54,7 @@ export default class Breadcrumbs extends WJElement {
      * Get items before collapse attribute.
      * @param {string} value
      */
-    set maxItems(value: number);
+    set maxItems(value: string);
     /**
      * Get items before collapse attribute.
      * @returns {number}

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

@@ -33,7 +33,7 @@ export default class Button extends WJElement {
      * @static
      * @returns {Array<string>} observedAttributes - The observed attributes array for the Button element.
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     /**
      * @summary A static property that indicates whether the custom element is form-associated or not.
      * Form-associated custom elements are elements that can participate in form submission.
@@ -50,12 +50,12 @@ export default class Button extends WJElement {
      * Properties of the element Button.
      * @param value
      */
-    set color(value: string);
+    set color(value: string | string);
     /**
      * Get color of the Button element.
      * @returns {string|string}
      */
-    get color(): string;
+    get color(): string | string;
     /**
      * Set variant of the Button element.
      * @param value
@@ -80,12 +80,12 @@ export default class Button extends WJElement {
      * Set variant of the Button element.
      * @param value
      */
-    set dialog(value: any);
+    set dialog(value: string | object);
     /**
      * Get variant of the Button element.
      * @returns {string|object}
      */
-    get dialog(): any;
+    get dialog(): string | object;
     /**
      * Set active state of the Button element.
      * @param {boolean} value The value to set

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

@@ -13,13 +13,13 @@ export default class ButtonGroup extends WJElement {
      * @static
      * @returns {object} styles - The CSS styles
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Get observed attributes for the ButtonGroup element.
      * @static
      * @returns {Array<string>} observedAttributes - The observed attributes array
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     /**
      * Draw method for the ButtonGroup element.
      * @returns {object} fragment - The document fragment

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

@@ -17,7 +17,7 @@ export default class Card extends WJElement {
      * @static
      * @returns {object} styles - The CSS styles
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Draw method for the Card element.
      * @param {object} context The context object

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

@@ -13,7 +13,7 @@ export default class CardContent extends WJElement {
      * @static
      * @returns {object} styles - The CSS styles for the CardContent element.
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Draw method for the CardContent element.
      * @returns {object} fragment - The document fragment containing the drawn element.

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

@@ -14,7 +14,7 @@ export default class CardControls extends WJElement {
      * @static
      * @returns {object} styles - The CSS styles
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Draw method for the CardControls element.
      * @returns {object} fragment - The document fragment

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

@@ -13,7 +13,7 @@ export default class CardHeader extends WJElement {
      * @returns {object} The styles object.
      * @static
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Draws the CardHeader.
      * @returns {DocumentFragment} The created document fragment.

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

@@ -15,7 +15,7 @@ export default class CardSubtitle extends WJElement {
      * @returns {object} The styles object.
      * @static
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Getter for the observed attributes.
      * @returns {Array} An empty array.

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

@@ -17,7 +17,7 @@ export default class CardTitle extends WJElement {
      * @returns {object} The styles object.
      * @static
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Getter for the observed attributes.
      * @returns {Array} An empty array.

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

@@ -23,12 +23,12 @@ export default class Carousel extends WJElement {
      * Active slide attribute.
      * @param value
      */
-    set activeSlide(value: number);
+    set activeSlide(value: number | number);
     /**
      * Active slide attribute.
      * @returns {number|number}
      */
-    get activeSlide(): number;
+    get activeSlide(): number | number;
     /**
      * Pagination attribute.
      * @returns {boolean}

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

@@ -27,7 +27,7 @@ export default class ColorPicker extends WJElement {
      * @returns {object} The styles object.
      * @static
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Getter for the observed attributes.
      * @returns {Array} An empty array.
@@ -50,17 +50,17 @@ export default class ColorPicker extends WJElement {
      * Setter for the marker position.
      * @param {object} value The new marker position.
      */
-    set markerPosition(value: any);
+    set markerPosition(value: object);
     /**
      * Getter for the marker position.
      * @returns {object} The current marker position.
      */
-    get markerPosition(): any;
+    get markerPosition(): object;
     /**
      * Setter for the color swatches.
      * @param {string} value The new color swatches.
      */
-    set swatches(value: any[]);
+    set swatches(value: string);
     /**
      * Getter for the color swatches.
      * @returns {Array} The current color swatches.

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

@@ -16,7 +16,7 @@ export default class Container extends WJElement {
      * @returns {object} The styles object.
      * @static
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Getter for the observed attributes.
      * @returns {Array} An empty array.

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

@@ -35,12 +35,12 @@ export default class Dialog extends WJElement {
      * Sets the headline of the dialog.
      * @param value
      */
-    set placement(value: string);
+    set placement(value: string | string);
     /**
      * Gets the headline of the dialog.
      * @returns {string|string}
      */
-    get placement(): string;
+    get placement(): string | string;
     /**
      * Sets the headline of the dialog.
      * @param value

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

@@ -30,12 +30,12 @@ export default class Dropdown extends WJElement {
      * Sets the placement of the dropdown.
      * @param value
      */
-    set trigger(value: string);
+    set trigger(value: string | string);
     /**
      * Gets the placement of the dropdown.
      * @returns {string|string}
      */
-    get trigger(): string;
+    get trigger(): string | string;
     /**
      * Callback function to handle other dropdowns being opened. Close the dropdown if it is not the target and collapse is enabled.
      * @param {Event} e The event object.

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

@@ -88,12 +88,12 @@ 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.
      */
-    get store(): any;
+    get store(): object;
     /**
      * @typedef {object} ArrayActions
      * @property {Function} addAction - Adds an item to the array.

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

@@ -83,12 +83,12 @@ export default class FileUpload extends WJElement {
      * Sets the autoProcessFiles attribute.
      * @param value
      */
-    set autoProcessFiles(value: any);
+    set autoProcessFiles(value: any | boolean);
     /**
      * Gets the autoProcessFiles attribute.
      * @returns {any|boolean}
      */
-    get autoProcessFiles(): any;
+    get autoProcessFiles(): any | boolean;
     /**
      * Sets the noUploadButton attribute.
      * @param value

package/dist/packages/wje-file-upload-item/file-upload-item.element.d.ts

@@ -29,7 +29,7 @@ export default class FileUploadItem extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     localizer: Localizer;
     set size(value: string);
     get size(): string;

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

@@ -19,7 +19,7 @@ export default class Footer extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     /**
      * Draws the component.
      * @returns {DocumentFragment}

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

@@ -34,7 +34,7 @@ export default class FormatDigital extends WJElement {
      * @static
      * @returns {Array<string>} - The attributes to observe.
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     localizer: Localizer;
     /**
      * Sets the value of the digital format.

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

@@ -26,7 +26,7 @@ export default class Header extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     /**
      * Draws the component.
      * @returns {DocumentFragment}

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

@@ -22,7 +22,7 @@ export default class Icon extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     /**
      * Draws the component.
      * @param {object} context The context for drawing.

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

@@ -36,7 +36,7 @@ export default class IconPicker extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     /**
      * Dependencies of the IconPicker component.
      * @property {object} dependencies

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

@@ -6,6 +6,10 @@ import { default as WJElement } from '../wje-element/element.js';
  * @augments {WJElement}
  * @cssproperty --img-width - The width of the image
  * @cssproperty --img-height - The height of the image
+ * @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.
  * @tag wje-img
  */
 export default class Img extends WJElement {
@@ -20,17 +24,74 @@ export default class Img extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
+    _fallout: boolean;
+    actions: {
+        delete: () => void;
+        log: () => void;
+    };
+    /**
+     * Sets the fallout property. Updates the `fallout` attribute if the value is a string;
+     * otherwise, assigns the value to the `_fallout` property.
+     * @param {string|*} value The value to set for the fallout property. If a string, it will update the `fallout` attribute; for other types, it will assign it to the `_fallout` property.
+     */
+    set fallout(value: string | any);
+    /**
+     * Retrieves the value of the 'fallout' attribute if it exists, otherwise returns the internal `_fallout` property.
+     * @returns {string|null} The value of the 'fallout' attribute or the `_fallout` property if the attribute is not present. Returns null if no value is found.
+     */
+    get fallout(): string | null;
+    /**
+     * Sets the value of the loader attribute.
+     * @param {string} value The value to set for the loader attribute.
+     */
     set loader(value: string);
-    get loader(): string;
     /**
-     * Draws the component for the image.
-     * @returns {DocumentFragment}
+     * Retrieves the value of the 'loader' attribute from the element.
+     * @returns {string|null} The value of the 'loader' attribute if set, otherwise null.
+     */
+    get loader(): string | null;
+    /**
+     * Creates and assembles a lazy-loaded image element within a document fragment.
+     * @returns {DocumentFragment} A document fragment containing the image element.
      */
     draw(): DocumentFragment;
     native: HTMLImageElement;
     /**
-     * Called after the component has been drawn.
+     * Handles post-draw operations, such as setting up a lazy image loader using an IntersectionObserver.
+     * Observes when the target element becomes visible in the viewport and updates its source with the provided image source.
+     * Removes the `lazy` class once the image source is updated and unobserves the element.
+     * It also invokes the `onerrorFunc` method at the beginning to handle potential error scenarios.
+     * @returns {void} Does not return a value.
      */
     afterDraw(): void;
+    /**
+     * Deletes the current image by calling the remove method.
+     * This function is typically used to trigger the removal of an image element
+     * or perform cleanup operations related to the image.
+     */
+    deleteImage: () => void;
+    /**
+     * Adds a new action to the internal actions object.
+     * @param {string} name The name of the action to be added.
+     * @param {Function} func The function representing the action logic.
+     * @returns {void} This method does not return a value.
+     */
+    addAction(name: string, func: Function): void;
+    /**
+     * Removes an action from the actions list if it exists.
+     * @param {string} name The name of the action to remove.
+     * @returns {void} Does not return a value.
+     */
+    removeAction(name: string): void;
+    /**
+     * Handles error scenarios by checking the `fallout` property and performing
+     * corresponding actions. If `fallout` is not defined, the function terminates
+     * early. Logs the active actions and attempts to assign an error handler
+     * based on the `fallout` value. If the `fallout` value does not correspond to
+     * a recognized action, it logs an error message.
+     * @function onerrorFunc
+     * @memberof Img
+     */
+    onerrorFunc: () => void;
 }

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

@@ -29,7 +29,7 @@ export default class ImgComparer extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     /**
      * Dependencies of the ImgComparer component.
      * @property {object} dependencies

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

@@ -25,7 +25,7 @@ export default class InfiniteScroll extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     totalPages: number;
     isLoading: any[];
     _response: {};
@@ -47,12 +47,12 @@ export default class InfiniteScroll extends WJElement {
      * Dependencies of the InfiniteScroll component.
      * @param value
      */
-    set response(value: any);
+    set response(value: any | {});
     /**
      * Getter for the response property.
      * @returns {*|{}}
      */
-    get response(): any;
+    get response(): any | {};
     /**
      * Dependencies of the InfiniteScroll component.
      * @param value

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

@@ -17,7 +17,7 @@ export default class InputFile extends WJElement {
      * @static
      * @returns {object} styles
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     /**
      * Returns the observed attributes.
      * @static

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

@@ -36,7 +36,7 @@ export default class Item extends WJElement {
      * @static
      * @returns {object} styles
      */
-    static get cssStyleSheet(): any;
+    static get cssStyleSheet(): object;
     labelColorStyles: {};
     itemStyles: Map<any, any>;
     inheritedAriaAttributes: {};