wj-elements 0.1.155 → 0.1.157

package/dist/dark.css

@@ -7,12 +7,15 @@
 .dark {
     color-scheme: dark;
 
-    --wje-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
+    --wje-font-family:
+        -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
+        'Droid Sans', 'Helvetica Neue', sans-serif;
+    --wje-font-family-secondary:
+        'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
+        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+    --wje-force-mac-font-family:
+        -apple-system, BlinkMacSystemFont, 'Inter UI', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
         'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-    --wje-font-family-secondary: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-    --wje-force-mac-font-family: -apple-system, BlinkMacSystemFont, 'Inter UI', 'Segoe UI', 'Roboto', 'Oxygen',
-        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
 
     --wje-border-size: 0px;
     --wje-border-style: solid;

package/dist/light.css

@@ -11,12 +11,15 @@
     }
     color-scheme: light;
 
-    --wje-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
-        'Apple Color Emoji', 'Segoe UI Emoji';
-    --wje-font-family-secondary: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-    --wje-force-mac-font-family: -apple-system, BlinkMacSystemFont, 'Inter UI', 'Segoe UI', 'Roboto', 'Oxygen',
-        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+    --wje-font-family:
+        -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
+        'Segoe UI Emoji';
+    --wje-font-family-secondary:
+        'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
+        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+    --wje-force-mac-font-family:
+        -apple-system, BlinkMacSystemFont, 'Inter UI', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
+        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
 
     /* Line Heights */
     --wje-line-height-denser: 1.2;

package/dist/packages/utils/event.d.ts

@@ -1,6 +1,6 @@
 export let event: Event;
 declare class Event {
-    customEventStorage: any[];
+    customEventWeakMap: WeakMap<WeakKey, any>;
     /**
      * Dispatch custom event to the element with the specified event name and detail.
      * @param element

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-avatar/avatar.element.d.ts

@@ -29,7 +29,7 @@ export default class Avatar extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     /**
      * Sets the value of the 'label' attribute for the element.
      * @param {string} value The new value to be set for the 'label' attribute.
@@ -46,7 +46,7 @@ export default class Avatar extends WJElement {
      * the 'initials' attribute with the provided value.
      * @param {string} value The value to be set as the initials.
      */
-    set initials(value: boolean);
+    set initials(value: string);
     /**
      * Retrieves the value of the 'initials' attribute if it exists.
      * @returns {boolean} Returns true if the 'initials' attribute is present, otherwise false.
@@ -56,7 +56,7 @@ export default class Avatar extends WJElement {
      * Sets the size attribute for the element.
      * @param {string | number} value The value to set for the size attribute.
      */
-    set size(value: string);
+    set size(value: string | number);
     /**
      * Retrieves the size attribute of the element. If the size attribute
      * is not defined, it returns the default value 'medium'.

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
@@ -136,6 +136,9 @@ export default class Button extends WJElement {
      * @returns {boolean} stopPropagation - The stop propagation state
      */
     get stopPropagation(): boolean;
+    set customEvent(value: string);
+    get customEvent(): string;
+    get customEventParameters(): {};
     /**
      * @summary Callback function that is called when the custom element is associated with a form.
      * This function sets the internal `_form` property to the associated form.
@@ -156,6 +159,7 @@ export default class Button extends WJElement {
     draw(): object;
     hasToggle: boolean;
     slotToggle: HTMLSlotElement;
+    populateCustomEvent(): void;
     /**
      * After draw method for the Button element.
      */

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.
@@ -52,6 +52,7 @@ export default class Dropdown extends WJElement {
      */
     draw(): DocumentFragment;
     anchorSlot: HTMLSlotElement;
+    popupHideCallback: () => void;
     /**
      * Adds event listeners for the mouseenter and mouseleave events.
      */
@@ -77,9 +78,7 @@ export default class Dropdown extends WJElement {
      * @param {object} e
      */
     onOpen: (e: object) => void;
-    /**
-     * Close the popup element.
-     * @param {object} e
-     */
-    onClose: (e: object) => void;
+    beforeClose: () => void;
+    afterClose: () => void;
+    onClose: (e: any) => void;
 }

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

@@ -42,7 +42,10 @@ export default class WJElement extends HTMLElement {
         DISCONNECTED: number;
     };
     drawingStatus: number;
-    isInitializing: boolean;
+    _pristine: boolean;
+    _pristineCauseWeakMap: WeakMap<WeakKey, any>;
+    isRendering: boolean;
+    rafId: number;
     /**
      * Sets the value of the 'permission' attribute.
      * @param {string[]} value The value to set for the 'permission' attribute.
@@ -89,12 +92,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.
@@ -196,7 +199,7 @@ export default class WJElement extends HTMLElement {
      * Lifecycle method invoked when the component is connected to the DOM.
      */
     connectedCallback(): void;
-    renderPromise: Promise<any> | Promise<void>;
+    originalVisibility: string;
     /**
      * Initializes the component, setting up attributes and rendering.
      * @param [force] Whether to force initialization.
@@ -230,12 +233,11 @@ export default class WJElement extends HTMLElement {
      * Lifecycle method invoked when the component is disconnected from the DOM.
      */
     disconnectedCallback(): void;
-    processCurrentRenderPromise(): Promise<void>;
     /**
-     * Enqueues an update to the component.
-     * @returns A promise that resolves when the update is complete.
+     * Enqueues an update for the component.
+     * This method processes the current render promise and then refreshes the component.
      */
-    enqueueUpdate(): Promise<void>;
+    enqueueUpdate(): void;
     /**
      * Lifecycle method invoked when an observed attribute changes.
      * @param name The name of the attribute that changed.
@@ -254,9 +256,9 @@ export default class WJElement extends HTMLElement {
      * 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.
-     * @returns {Promise<void>} A promise that resolves when the refresh is complete.
      */
     _refresh(): Promise<void>;
+    stopRenderLoop(): void;
     /**
      * Displays the component's content, optionally forcing a re-render.
      * @param [force] Whether to force a re-render.

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

@@ -24,7 +24,7 @@ export default class Img extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): string[];
+    static get observedAttributes(): Array<string>;
     _fallout: boolean;
     actions: {
         delete: () => void;
@@ -49,18 +49,18 @@ export default class Img extends WJElement {
      * Retrieves the value of the 'alt' attribute for the current element.
      * @returns {string|null} The value of the 'alt' attribute, or null if the attribute is not set.
      */
-    get alt(): string;
+    get alt(): string | null;
     /**
      * 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);
+    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;
+    get fallout(): string | null;
     /**
      * Sets the value of the loader attribute.
      * @param {string} value The value to set for the loader attribute.
@@ -70,7 +70,7 @@ export default class Img extends WJElement {
      * 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;
+    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.

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