wj-elements 0.2.0-alpha.3 → 0.2.0-alpha.4

package/dist/index.d.ts

@@ -0,0 +1,107 @@
+export { Localizer } from './utils/localize.js';
+export { Permissions } from './utils/permissions.js';
+export { UniversalService } from './utils/universal-service.js';
+export { fetchAndParseCSS } from './utils/animations.js';
+export { event } from './utils/event.js';
+export { skSk } from './translations/sk-sk.js';
+export { enGb } from './translations/en-gb.js';
+export { default as Accordion } from './wje-accordion/accordion.js';
+export { default as AccordionItem } from './wje-accordion-item/accordion-item.js';
+export { default as Animation } from './wje-animation/animation.js';
+export { default as Aside } from './wje-aside/aside.js';
+export { default as Avatar } from './wje-avatar/avatar.js';
+export { default as Badge } from './wje-badge/badge.js';
+export { default as Breadcrumb } from './wje-breadcrumb/breadcrumb.js';
+export { default as Breadcrumbs } from './wje-breadcrumbs/breadcrumbs.js';
+export { default as Button } from './wje-button/button.js';
+export { default as ButtonGroup } from './wje-button-group/button-group.js';
+export { default as Card } from './wje-card/card.js';
+export { default as CardContent } from './wje-card-content/card-content.js';
+export { default as CardControls } from './wje-card-controls/card-controls.js';
+export { default as CardHeader } from './wje-card-header/card-header.js';
+export { default as CardSubtitle } from './wje-card-subtitle/card-subtitle.js';
+export { default as CardTitle } from './wje-card-title/card-title.js';
+export { default as Carousel } from './wje-carousel/carousel.js';
+export { default as CarouselItem } from './wje-carousel-item/carousel-item.js';
+export { default as Checkbox } from './wje-checkbox/checkbox.js';
+export { default as Chip } from './wje-chip/chip.js';
+export { default as Col } from './wje-col/col.js';
+export { default as ColorPicker } from './wje-color-picker/color-picker.js';
+export { default as Container } from './wje-container/container.js';
+export { default as CopyButton } from './wje-copy-button/copy-button.js';
+export { default as Dialog } from './wje-dialog/dialog.js';
+export { default as Divider } from './wje-divider/divider.js';
+export { default as Dropdown } from './wje-dropdown/dropdown.js';
+export { default as WJElement } from './wje-element/element.js';
+export { default as FileUpload } from './wje-file-upload/file-upload.js';
+export { default as FileUploadItem } from './wje-file-upload-item/file-upload-item.js';
+export { default as Footer } from './wje-footer/footer.js';
+export { default as FormatDigital } from './wje-format-digital/format-digital.js';
+export { default as Grid } from './wje-grid/grid.js';
+export { default as Header } from './wje-header/header.js';
+export { default as Icon } from './wje-icon/icon.js';
+export { default as IconPicker } from './wje-icon-picker/icon-picker.js';
+export { default as Img } from './wje-img/img.js';
+export { default as ImgComparer } from './wje-img-comparer/img-comparer.js';
+export { default as InfiniteScroll } from './wje-infinite-scroll/infinite-scroll.js';
+export { default as Input } from './wje-input/input.js';
+export { default as InputFile } from './wje-input-file/input-file.js';
+export { default as Item } from './wje-item/item.js';
+export { default as Kanban } from './wje-kanban/kanban.js';
+export { default as Label } from './wje-label/label.js';
+export { default as LevelIndicator } from './wje-level-indicator/level-indicator.js';
+export { default as List } from './wje-list/list.js';
+export { default as Main } from './wje-main/main.js';
+export { default as Masonry } from './wje-masonry/masonry.js';
+export { default as Menu } from './wje-menu/menu.js';
+export { default as MenuButton } from './wje-menu-button/menu-button.js';
+export { default as MenuItem } from './wje-menu-item/menu-item.js';
+export { default as MenuLabel } from './wje-menu-label/menu-label.js';
+export { default as Option } from './wje-option/option.js';
+export { default as Options } from './wje-options/options.js';
+export { default as Orgchart } from './wje-orgchart/orgchart.js';
+export { default as OrgchartGroup } from './wje-orgchart-group/orgchart-group.js';
+export { default as OrgchartItem } from './wje-orgchart-item/orgchart-item.js';
+export { default as Pagination } from './wje-pagination/pagination.js';
+export { default as Popup } from './wje-popup/popup.js';
+export { default as ProgressBar } from './wje-progress-bar/progress-bar.js';
+export { default as QrCode } from './wje-qr-code/qr-code.js';
+export { default as Radio } from './wje-radio/radio.js';
+export { default as RadioGroup } from './wje-radio-group/radio-group.js';
+export { default as Rate } from './wje-rate/rate.js';
+export { default as RelativeTime } from './wje-relative-time/relative-time.js';
+export { default as Reorder } from './wje-reorder/reorder.js';
+export { default as ReorderDropzone } from './wje-reorder-dropzone/reorder-dropzone.js';
+export { default as ReorderHandle } from './wje-reorder-handle/reorder-handle.js';
+export { default as ReorderItem } from './wje-reorder-item/reorder-item.js';
+export { default as Route } from './wje-route/route.js';
+export { default as Routerx } from './wje-router/router.js';
+export { default as RouterLink } from './wje-router-link/router-link.js';
+export { default as RouterOutlet } from './wje-router-outlet/router-outlet.js';
+export { default as Row } from './wje-row/row.js';
+export { default as Select } from './wje-select/select.js';
+export { default as Slider } from './wje-slider/slider.js';
+export { default as SlidingContainer } from './wje-sliding-container/sliding-container.js';
+export { default as SplitView } from './wje-split-view/split-view.js';
+export { default as Status } from './wje-status/status.js';
+export { default as Step } from './wje-step/step.js';
+export { default as Stepper } from './wje-stepper/stepper.js';
+export { default as Tab } from './wje-tab/tab.js';
+export { default as TabGroup } from './wje-tab-group/tab-group.js';
+export { default as TabPanel } from './wje-tab-panel/tab-panel.js';
+export { default as Textarea } from './wje-textarea/textarea.js';
+export { default as Thumbnail } from './wje-thumbnail/thumbnail.js';
+export { default as Timeline } from './wje-timeline/timeline.js';
+export { default as TimelineItem } from './wje-timeline-item/timeline-item.js';
+export { default as Toast } from './wje-toast/toast.js';
+export { default as Toggle } from './wje-toggle/toggle.js';
+export { default as Toolbar } from './wje-toolbar/toolbar.js';
+export { default as ToolbarAction } from './wje-toolbar-action/toolbar-action.js';
+export { default as Tooltip } from './wje-tooltip/tooltip.js';
+export { default as Tree } from './wje-tree/tree.js';
+export { default as TreeItem } from './wje-tree-item/tree-item.js';
+export { default as VisuallyHidden } from './wje-visually-hidden/visually-hidden.js';
+export { setBasePath, getBasePath } from './utils/base-path.js';
+export { formatDate, toSafeDate } from './utils/date.js';
+export { registerIconLibrary, unregisterIconLibrary } from './utils/icon-library.js';
+export { defaultStoreActions, store } from './wje-store/store.js';

package/dist/internals/form-associated-element.d.ts

@@ -0,0 +1,143 @@
+import { default as WJElement } from '../wje-element/element.js';
+export class FormAssociatedElement extends WJElement {
+    static formAssociated: boolean;
+    internals: ElementInternals;
+    /**
+     * Sets the 'name' attribute to the given value.
+     * @param {string} value The new value for the 'name' attribute.
+     */
+    set name(value: string);
+    /**
+     * Getter for the name attribute.
+     * @returns {string} The name of the input.
+     */
+    get name(): string;
+    /**
+     * Getter for the type attribute.
+     * @returns {string} The type of the input.
+     */
+    get type(): string;
+    /**
+     * Sets or removes the 'required' attribute on the element.
+     * @param {boolean} value If true, adds the 'required' attribute. If false, removes the 'required' attribute.
+     */
+    set required(value: boolean);
+    /**
+     * Checks if the 'required' attribute is present on the element.
+     * @returns {boolean} `true` if the 'required' attribute is set, otherwise `false`.
+     */
+    get required(): boolean;
+    /**
+     * Setter for the invalid attribute.
+     * @param {boolean} isInvalid Whether the input is invalid.
+     */
+    set invalid(isInvalid: boolean);
+    /**
+     * Getter for the invalid attribute.
+     * @returns {boolean} Whether the attribute is present.
+     */
+    get invalid(): boolean;
+    /**
+     * Set checked attribute.
+     * @param {boolean} value true if the toggle is checked, false otherwise
+     */
+    set disabled(value: boolean);
+    /**
+     * Get disabled attribute value.
+     * @returns {boolean} true if the toggle is disabled, false otherwise
+     */
+    get disabled(): boolean;
+    /**
+     * Retrieves the form element associated with this object.
+     * @returns {HTMLFormElement|null} The associated form element, or null if there isn't one.
+     */
+    get form(): HTMLFormElement | null;
+    /**
+     * Retrieves the validity state of the element by returning the validity object from the internal element.
+     * The validity object provides information on whether the element satisfies its validation constraints.
+     * @returns {ValidityState} The validity state object representing the element's validation constraints.
+     */
+    get validity(): ValidityState;
+    /**
+     * Retrieves the current validation message associated with the element.
+     * @returns {string} The validation message that describes why the element's value fails validity checks.
+     */
+    get validationMessage(): string;
+    /**
+     * Indicates whether the element is a candidate for constraint validation.
+     * @returns {boolean} Returns true if the element will be validated during constraint validation, false otherwise.
+     */
+    get willValidate(): boolean;
+    /**
+     * Validates the input element associated with the component and updates its validity state
+     * and error messages based on the user's input and the current validation rules.
+     * @returns {void} This method does not return a value. It modifies the validity state
+     * internally and sets appropriate validation messages.
+     */
+    validate(): void;
+    validationError: string;
+    /**
+     * Propagates a validation event based on the validity state of the component.
+     *
+     * This method checks the validity status of the component and emits a custom
+     * event if the component is invalid. The event's name and additional details
+     * can be specified.
+     * @param {string} [eventName] The name of the event to dispatch when the component is invalid.
+     * @param {object} [detail] Additional detail to include in the dispatched event.
+     * @returns {void} This method does not return a value.
+     */
+    propagateValidation(eventName?: string, detail?: object): void;
+    /**
+     * Displays an invalid message for the current element.
+     * If an error message element does not exist within the designated slot,
+     * it creates one and appends it to the slot. Updates the text content
+     * of the error message element with the validation message from the
+     * element's internals.
+     * @returns {void} This method does not return any value.
+     */
+    showInvalidMessage(): void;
+    /**
+     * Checks the validity of the input by invoking custom validation logic
+     * and then verifying against internal validation rules.
+     * @returns {boolean} Returns true if the input is valid according to both custom validation and internal validation rules, otherwise false.
+     */
+    checkValidity(): boolean;
+    /**
+     * Callback to handle the reset action for a form.
+     * Resets the value of the form control to its default value, updates the form value, and clears any validity states.
+     * @returns {void} Does not return a value.
+     */
+    formResetCallback(): void;
+    value: any;
+    /**
+     * Restores the form state by assigning the provided state value
+     * and updating the internal form value and validity.
+     * @param {object} state The state object containing the value to restore the form.
+     * @param {*} state.value The value to set for the form element.
+     * @returns {void} This method does not return any value.
+     */
+    formStateRestoreCallback(state: {
+        value: any;
+    }): void;
+    /**
+     * Callback method to save the current state of a form.
+     * This method captures and returns the form's value property.
+     * @returns {object} An object containing the `value` property of the current form state.
+     */
+    formStateSaveCallback(): object;
+    /**
+     * Toggles the disabled state of the component and updates corresponding attributes.
+     * @param {boolean} disabled Indicates whether the form should be marked as disabled.
+     * If true, the 'disabled' class is added, and the 'disabled' attribute is set.
+     * If false, both the class and attribute are removed.
+     * @returns {void}
+     */
+    formDisabledCallback(disabled: boolean): void;
+    /**
+     * A lifecycle callback that is executed when the element is associated with a form.
+     * It updates the form's value field with the element's value and sets up an event
+     * listener to perform validation and propagate it whenever the form is submitted.
+     * @returns {void} Does not return any value.
+     */
+    formAssociatedCallback(): void;
+}

package/dist/localize/localize.d.ts

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

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

@@ -119,6 +119,18 @@ export default class FileUpload extends WJElement {
      * @returns {boolean}
      */
     get toChunk(): boolean;
+    /**
+     * Sets the maximum number of files that can be uploaded or managed.
+     * Assigns the specified value to the 'max-files' attribute.
+     * @param {number} value The maximum allowable number of files.
+     */
+    set maxFiles(value: number);
+    /**
+     * Retrieves the maximum number of files allowed from the `max-files` attribute.
+     * If the attribute is not set or is invalid, defaults to 0.
+     * @returns {number} The maximum number of files allowed.
+     */
+    get maxFiles(): number;
     beforeDraw(): void;
     uploadFunction: Function;
     /**

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

@@ -31,22 +31,38 @@ export default class FileUploadItem extends WJElement {
      */
     static get observedAttributes(): Array<string>;
     localizer: Localizer;
+    /**
+     * Sets the 'is-uploaded' attribute to indicate the uploaded status.
+     * @param {boolean} value The value to determine if the element is uploaded.
+     */
     set isUploaded(value: boolean);
+    /**
+     * Checks if the 'is-uploaded' attribute is present on the element.
+     * @returns {boolean} True if the 'is-uploaded' attribute exists, otherwise false.
+     */
     get isUploaded(): boolean;
-    set size(value: string);
-    get size(): string;
+    /**
+     * Sets the size attribute of the element.
+     * @param {string | number} value The value to set for the size attribute.
+     */
+    set size(value: string | number);
+    /**
+     * Retrieves the value of the 'size' attribute.
+     * @returns {string|null} The value of the 'size' attribute, or null if the attribute is not present.
+     */
+    get size(): string | null;
     /**
      * Dependencies for the component.
      * @type {object}
      */
     dependencies: object;
     /**
-     * Handles updates to the attributes of a custom element whenever one of the observed attributes is changed.
-     * Updates the related elements based on the changed attribute and its new value.
-     * @param {string} name The name of the attribute being changed.
-     * @param {string | null} oldValue The previous value of the attribute before the change, or null if the attribute was not previously set.
-     * @param {string | null} newValue The new value of the attribute after the change, or null if the attribute is being removed.
-     * @returns {void} Does not return a value.
+     * A lifecycle method that is called when one of the observed attributes of the custom element is added, removed, or changed.
+     * This method is used to react to changes in the specified attributes.
+     * @param {string} name The name of the attribute that was changed.
+     * @param {string|null} oldValue The previous value of the attribute before the change, or null if the attribute was not previously set.
+     * @param {string|null} newValue The new value of the attribute after the change, or null if the attribute has been removed.
+     * @returns {void} This method does not return a value.
      */
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     /**

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

@@ -242,8 +242,8 @@ export default class SlidingContainer extends WJElement {
      * @returns {Promise<void>} A promise that resolves when the transition animation is completed.
      */
     doAnimateTransition(): Promise<void>;
-    animation: any;
-    nativeAnimation: any;
+    animation: Animation;
+    nativeAnimation: Animation;
     /**
      * Opens the sliding container by performing necessary preparatory and transitional operations.
      * @param {Event} e The event that triggered the open operation.

package/dist/translations/en-gb.d.ts

@@ -0,0 +1,18 @@
+export const enGb: {
+    code: string;
+    name: string;
+    dir: string;
+    welcome: string;
+    'wj.file.upload.button': string;
+    'wj.file.upload.uploaded': string;
+    'wj.file.upload.from': string;
+    'wj.stepper.button.next': string;
+    'wj.stepper.button.finish': string;
+    'wj.stepper.button.previous': string;
+    'wj.stepper.step': string;
+    'wj.pagination.of': string;
+    'wj.pagination.first': string;
+    'wj.pagination.prev': string;
+    'wj.pagination.next': string;
+    'wj.pagination.last': string;
+};

package/dist/translations/sk-sk.d.ts

@@ -0,0 +1,13 @@
+export const skSk: {
+    code: string;
+    name: string;
+    dir: string;
+    welcome: string;
+    'wj.file.upload.button': string;
+    'wj.file.upload.uploaded': string;
+    'wj.file.upload.from': string;
+    'wj.stepper.button.next': string;
+    'wj.stepper.button.finish': string;
+    'wj.stepper.button.previous': string;
+    'wj.stepper.step': string;
+};

package/dist/utils/animations.d.ts

@@ -0,0 +1,2 @@
+export function fetchAndParseCSS(css: any): Promise<any[]>;
+export let animations: any[];

package/dist/utils/base-path.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Sets the base path for the application.
+ * @param {string} path The base path to be set.
+ * @returns {void} This function does not return anything.
+ */
+export function setBasePath(path: string): void;
+/**
+ * Returns the base path of the application, optionally appending a specified relative path.
+ * If the base path has not been set, it determines the base path from the first script element
+ * with a `base-path` attribute or generates it based on the current script location.
+ * @param {string} [appendedPath] The relative path to append to the base path. Defaults to an empty string.
+ * @returns {string} The complete base path, with the appended relative path if specified.
+ */
+export function getBasePath(appendedPath?: string): string;

package/dist/utils/date.d.ts

@@ -0,0 +1,2 @@
+export function formatDate(input: any, format: any): any;
+export function toSafeDate(iso: any): any;

package/dist/utils/element-utils.d.ts

@@ -0,0 +1,46 @@
+export class WjElementUtils {
+    /**
+     * This function creates an element.
+     * @param element : HTMLElement - The element value.
+     * @param object : Object - The object value.
+     */
+    static setAttributesToElement(element: any, object: any): void;
+    /**
+     * This function gets the attributes from an element.
+     * @param {string|HTMLElement} el The element or selector to retrieve attributes from.
+     * @returns {object} - An object containing the element's attributes as key-value pairs.
+     */
+    static getAttributes(el: string | HTMLElement): object;
+    /**
+     * This function gets the events from an element.
+     * @param {string|HTMLElement} el The element or selector to retrieve events from.
+     * @returns {Map<any, any>} - The map value.
+     */
+    static getEvents(el: string | HTMLElement): Map<any, any>;
+    /**
+     * This function converts an object to a string.
+     * @param {object} object The object to convert.
+     * @returns {string} - The string value.
+     */
+    static attributesToString(object: object): string;
+    /**
+     * This function checks if the slot exists.
+     * @param {string|HTMLElement} el The element or selector to check for slots.
+     * @param slotName The slot name to check for.
+     * @returns {boolean} - The boolean value.
+     */
+    static hasSlot(el: string | HTMLElement, slotName?: any): boolean;
+    /**
+     * This function checks if the slot has content.
+     * @param {string|HTMLElement} el The element or selector to check for slot content
+     * @param slotName The slot name to check for.
+     * @returns {boolean} - The boolean value.
+     */
+    static hasSlotContent(el: string | HTMLElement, slotName?: any): boolean;
+    /**
+     * This function converts a string to a boolean.
+     * @param {string | object} value The value to convert to a boolean. If the value is a boolean, it will be returned as is.
+     * @returns {boolean} - The boolean value.
+     */
+    static stringToBoolean(value: string | object): boolean;
+}

package/dist/utils/event.d.ts

@@ -0,0 +1,67 @@
+export let event: Event;
+declare class Event {
+    customEventWeakMap: WeakMap<WeakKey, any>;
+    /**
+     * Dispatch custom event to the element with the specified event name and detail.
+     * @param element
+     * @param event
+     * @param detail
+     */
+    dispatchCustomEvent(element: any, event: any, detail: any): void;
+    /**
+     * Find record by element in the storage.
+     * @param element
+     * @returns {*}
+     */
+    findRecordByElement(element: any): any;
+    /**
+     * Add listener to the element. If the element is an array, the listener will be added to all elements in the array.
+     * @param element
+     * @param originalEvent
+     * @param event
+     * @param listener
+     * @param options
+     */
+    addListener(element: any, originalEvent: any, event: any, listener: any, options: any): void;
+    /**
+     * Write record to the storage.
+     * @param element
+     * @param originalEvent
+     * @param event
+     * @param listener
+     * @param options
+     */
+    writeRecord(element: any, originalEvent: any, event: any, listener: any, options: any): void;
+    /**
+     * Performs a deep equality check between two objects.
+     * @param x The first object to compare.
+     * @param y The second object to compare.
+     * @returns - Returns `true` if the objects are deeply equal, `false` otherwise.
+     */
+    deepEqual(x: any, y: any): any;
+    /**
+     * Check if the listener already exists on the element.
+     * @param records
+     * @param eventObj
+     * @returns
+     */
+    listenerExists(records: any, eventObj: any): any;
+    isRecordExists(records: any, eventObj: any): any;
+    /**
+     * Remove listener from the element and delete the listener from the custom event storage.
+     * @param element
+     * @param originalEvent
+     * @param event
+     * @param listener
+     * @param options
+     */
+    removeListener(element: any, originalEvent: any, event: any, listener: any, options: any): void;
+    /**
+     * Remove all event listeners from the specified element and delete the element from the custom event storage.
+     * @param {HTMLElement} element The element from which all listeners will be removed.
+     */
+    removeElement(element: HTMLElement): void;
+    createPromiseFromEvent(element: any, event: any): Promise<any>;
+    #private;
+}
+export {};

package/dist/utils/icon-library.d.ts

@@ -0,0 +1,3 @@
+export function getIconLibrary(name: any): any;
+export function registerIconLibrary(name: any, options: any): void;
+export function unregisterIconLibrary(name: any): void;

package/dist/utils/localize.d.ts

@@ -0,0 +1,4 @@
+import { LocalizerDefault } from '../localize/localize.js';
+export class Localizer extends LocalizerDefault {
+    static registerTranslation(...translation: any[]): void;
+}

package/dist/utils/permissions.d.ts

@@ -0,0 +1,40 @@
+/**
+ * PermissionsApi is a utility class for managing permissions.
+ * It allows setting, retrieving, and checking permissions stored in the browser's local storage.
+ */
+export class Permissions {
+    static _permissionKey: string;
+    /**
+     * Sets the permission key for the PermissionsApi.
+     * 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: string);
+    /**
+     * Retrieves the permission key used for accessing the permissions API.
+     * @returns {string} The permission key associated with the PermissionsApi.
+     */
+    static get permissionKey(): string;
+    /**
+     * Sets the permissions by storing them in the local storage.
+     * @param {object} value The permissions object to be stored.
+     */
+    static set permissions(value: object);
+    /**
+     * 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(): any[];
+    /**
+     * 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: string): boolean;
+    /**
+     * Checks if at least one of the given permissions is fulfilled, based on the permissions available in `PermissionsApi`.
+     * @param {Array<string>} permissions The list of permissions to check against the permissions available in `PermissionsApi`.
+     * @returns {boolean} Returns `true` if any of the given permissions match the permissions available in `PermissionsApi`, otherwise returns `false`.
+     */
+    static isPermissionFulfilled(permissions: Array<string>): boolean;
+}

package/dist/utils/universal-service.d.ts

@@ -0,0 +1,18 @@
+export class UniversalService {
+    constructor(props?: {});
+    _store: any;
+    findByKey: (attrName: any, key: any, keyValue: any) => any;
+    findById: (attrName: any, id: any) => any;
+    findAttributeValue: (attrName: any) => any;
+    update: (data: any, action: any) => void;
+    add: (data: any, action: any) => void;
+    _request(url: any, data: any, action: any, dispatchMethod: any, method: any, signal: any): any;
+    put(url: any, data: any, action: any, dispatchMethod?: boolean, signal?: any): any;
+    post(url: any, data: any, action: any, dispatchMethod?: boolean, signal?: any): any;
+    delete(url: any, data: any, action: any, dispatchMethod?: boolean, signal?: any): any;
+    get(url: any, action: any, dispatchMethod?: boolean, signal?: any): any;
+    patch(url: any, data: any, action: any, dispatchMethod?: boolean, signal?: any): any;
+    dispatch(promise: any, dispatchMethod: any, action: any): any;
+    loadPromise: (url: any, action: any, method?: string, data?: string, permissionCallBack?: () => void) => Promise<any>;
+    loadOnePromise: (url: any, action: any) => Promise<any>;
+}

package/dist/utils/utils.d.ts

@@ -0,0 +1 @@
+export function bool(v: any): boolean;

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

@@ -0,0 +1,2 @@
+import { default as Accordion } from './accordion.element.js';
+export default Accordion;