wj-elements 0.2.0-alpha.7 → 0.2.0-alpha.9

package/dist/packages/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/packages/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/packages/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/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/packages/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/packages/utils/animations.d.ts

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

package/dist/packages/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/packages/utils/date.d.ts

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

package/dist/packages/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/packages/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/packages/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/packages/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/packages/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/packages/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/packages/utils/utils.d.ts

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

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

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

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

@@ -0,0 +1,72 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary This class represents an Accordion element, extending the WJElement class.
+ * @documentation https://elements.webjet.sk/components/accordion
+ * @status stable
+ * @augments WJElement
+ * @attribute {boolean} multiple - The multiple attribute for the accordion.
+ * @attribute {number} index - The index attribute for the accordion.
+ * @attribute {boolean} disabled - The disabled attribute for the accordion.
+ * @attribute {boolean} expanded - The expanded attribute for the accordion.
+ * @slot - The accordion main content.
+ * //@fires [wje-accordion-item:open] The event fired when the accordion item is opened.
+ * @tag wje-accordion
+ */
+export default class Accordion extends WJElement {
+    /**
+     * Getter for the CSS stylesheet.
+     * @returns {object} The styles for the Accordion element.
+     */
+    static get cssStyleSheet(): object;
+    /**
+     * Getter for the observed attributes.
+     * @returns {Array} An array containing the name of the observed attribute.
+     */
+    static get observedAttributes(): any[];
+    /**
+     * Sets the `multiple` attribute on the element.
+     * If `true`, the `multiple` attribute is added.
+     * If `false`, the `multiple` attribute is removed.
+     * @param {boolean} value A boolean value indicating whether the element should support multiple selections.
+     */
+    set multiple(value: boolean);
+    /**
+     * Determines whether the element has the `multiple` attribute.
+     * @returns {boolean} `true` if the `multiple` attribute is present, otherwise `false`.
+     */
+    get multiple(): boolean;
+    /**
+     * Sets the value of the `index` attribute.
+     * @param {number|string} value The value to set for the `index` attribute.
+     */
+    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.
+     */
+    get index(): number;
+    /**
+     * Method to run before the element is drawn.
+     */
+    beforeDraw(): void;
+    /**
+     * Method to draw the Accordion element.
+     * @returns {object} The document fragment containing the drawn element.
+     */
+    draw(): object;
+    slotEl: HTMLSlotElement;
+    /**
+     * Method to run after the element is drawn.
+     */
+    afterDraw(): void;
+    /**
+     * Method to run after the element is drawn.
+     * @param exception
+     */
+    collapseAll(exception: any): void;
+    /**
+     * Method to get the accordions.
+     * @returns {Array} An array containing the accordions.
+     */
+    getAccordions(): any[];
+}

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

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