wj-elements 0.1.151 → 0.1.152

package/dist/packages/index.d.ts

@@ -0,0 +1,104 @@
+export { default as SlidingContainer } from '../experimental-packages/wje-sliding-container/sliding-container.js';
+export { fetchAndParseCSS } from './utils/animations.js';
+export { formatDate } from './utils/date.js';
+export { event } from './utils/event.js';
+export { Localizer } from './utils/localize.js';
+export { skSk } from './translations/sk-sk.js';
+export { enGb } from './translations/en-gb.js';
+export { WjePermissionsApi } from './utils/permissions-api.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 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 { defaultStoreActions, store } from './wje-store/store.js';

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

@@ -0,0 +1,17 @@
+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;
+    translate(key: any): any;
+    translatePlural(key: any, count?: number, type?: string): any;
+    formatNumber(number: any, options: any): string;
+    formatDate(date: any): string;
+    relativeTime(lang: any, value?: number, unit?: string, options?: {
+        numeric: string;
+    }): 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/date.d.ts

@@ -0,0 +1 @@
+export function formatDate(input: any, format: 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 {
+    customEventStorage: 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 element
+     * @param event
+     * @param listener
+     * @returns
+     */
+    listenerExists(element: any, event: any, listener: 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/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-api.d.ts

@@ -0,0 +1,34 @@
+export class WjePermissionsApi {
+    static _permissionKey: string;
+    /**
+     * Sets the permission key.
+     * @param value
+     */
+    static set permissionKey(value: any);
+    /**
+     * Returns the permission key.
+     * @returns {*|string}
+     */
+    static get permissionKey(): any;
+    /**
+     * Sets the permissions.
+     * @param value
+     */
+    static set permissions(value: string[]);
+    /**
+     * Returns the permissions.
+     * @returns {string[]}
+     */
+    static get permissions(): string[];
+    /**
+     * Checks if the permission is included.
+     * @param key
+     * @returns {boolean}
+     */
+    static includesKey(key: any): boolean;
+    /**
+     * Checks if the permission is fulfilled.
+     * @returns {boolean}
+     */
+    static isPermissionFulfilled(permissions: any): boolean;
+}

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(): any;
+    /**
+     * 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);
+    /**
+     * 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;

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

@@ -0,0 +1,40 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary This class represents an Accordion Item element, extending the WJElement class.
+ * @documentation https://elements.webjet.sk/components/accordion-item
+ * @status stable
+ * @augments WJElement
+ * @slot - The accordion item main content.
+ * @tag wje-accordion
+ */
+export default class AccordionItem extends WJElement {
+    /**
+     * Getter for the CSS stylesheet.
+     * @returns {object} The styles for the Accordion Item element.
+     */
+    static get cssStyleSheet(): any;
+    /**
+     * Getter for the observed attributes.
+     * @returns {Array} An array containing the name of the observed attribute.
+     */
+    static get observedAttributes(): any[];
+    /**
+     * Method to draw the Accordion Item element. This method returns a document fragment containing the drawn element.
+     * @returns {object} The document fragment containing the drawn element.
+     */
+    draw(): object;
+    headline: HTMLDivElement;
+    toggle: HTMLSlotElement;
+    /**
+     * Method to execute after the Accordion Item element is drawn.
+     */
+    afterDraw(): void;
+    /**
+     * Method to handle the attribute changes.
+     */
+    collapse: () => void;
+    /**
+     * Method to handle the attribute changes.
+     */
+    expand: () => void;
+}

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

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

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

@@ -0,0 +1,158 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary This class represents an Animation element, extending the WJElement class.
+ * @documentation https://elements.webjet.sk/components/animation
+ * @status stable
+ * @augments WJElement
+ * @slot - The animation main content.
+ * @cssproperty --size - The size of the avatar.
+ * @tag wje-animation
+ */
+export default class Animation extends WJElement {
+    /**
+     * Getter for the CSS stylesheet.
+     * @returns {object} The styles for the Animation element.
+     */
+    static get cssStyleSheet(): any;
+    /**
+     * Getter for the observed attributes.
+     * @returns {Array} An array containing the name of the observed attribute.
+     */
+    static get observedAttributes(): any[];
+    _animations: any[];
+    /**
+     * Setter for the name attribute.
+     * @param value
+     */
+    set name(value: string);
+    /**
+     * Getter for the name attribute.
+     * @returns {string}
+     */
+    get name(): string;
+    /**
+     * Setter for the name attribute.
+     * @param value
+     */
+    set duration(value: number);
+    /**
+     * Getter for the name attribute.
+     * @returns {number}
+     */
+    get duration(): number;
+    /**
+     * Setter for the name attribute.
+     * @param value
+     */
+    set delay(value: number);
+    /**
+     * Getter for the name attribute.
+     * @returns {number}
+     */
+    get delay(): number;
+    /**
+     * Setter for the name attribute.
+     * @param value
+     */
+    set endDelay(value: number);
+    /**
+     * Getter for the name attribute.
+     * @returns {number}
+     */
+    get endDelay(): number;
+    /**
+     * Setter for the name attribute.
+     * @param value
+     */
+    set fill(value: string);
+    /**
+     * Getter for the name attribute.
+     * @returns {string}
+     */
+    get fill(): string;
+    /**
+     * Setter for the name attribute.
+     * @param value
+     */
+    set iterations(value: string | number);
+    /**
+     * Getter for the name attribute.
+     * @returns {string|number}
+     */
+    get iterations(): string | number;
+    /**
+     * Setter for the name attribute.
+     * @param value
+     */
+    set iterationStart(value: number);
+    /**
+     * Getter for the name attribute.
+     * @returns {number}
+     */
+    get iterationStart(): number;
+    /**
+     * Setter for the name attribute.
+     * @param value
+     */
+    set direction(value: string);
+    /**
+     * Getter for the name attribute.
+     * @returns {string}
+     */
+    get direction(): string;
+    /**
+     * Setter for the name attribute.
+     * @param value
+     */
+    set easing(value: string);
+    /**
+     * Getter for the name attribute.
+     * @returns {string}
+     */
+    get easing(): string;
+    /**
+     * Setter for the animations property.
+     * @param {Array} value The new value for the animations property.
+     */
+    set animations(value: any[]);
+    /**
+     * Getter for the animations' property.
+     * @returns {Array} The current value of the animations' property.
+     */
+    get animations(): any[];
+    /**
+     * Method to draw the Animation element.
+     * @returns {object} The document fragment containing the drawn element.
+     */
+    draw(): object;
+    slotEl: HTMLSlotElement;
+    /**
+     * Method to perform actions after the Animation element is drawn.
+     * This method destroys any existing animation, fetches a new animations array,
+     * selects the appropriate animation, and applies it to the element.
+     */
+    afterDraw(): Promise<void>;
+    animation: Animation;
+    /**
+     * Method to fetch and parse the animations array from a CSS file.
+     * @returns {Array} An array of animation definitions parsed from the CSS file.
+     */
+    getAnimationsArray(): any[];
+    /**
+     * Terminates and cleans up the currently active animation if it exists.
+     * Calls the `cancel` method to stop the animation process.
+     * @returns {void} Does not return any value.
+     */
+    destroyAnimation(): void;
+    /**
+     * Plays the currently assigned animation, if available.
+     * @returns {void} This method does not return any value.
+     */
+    play(): void;
+    /**
+     * Cancels the current animation if it is initialized and has a cancel method.
+     * Logs a warning if the animation is not initialized or the cancel method is unavailable.
+     * @returns {void} Does not return a value.
+     */
+    cancel(): void;
+}

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,31 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary This class represents an Aside element, extending the WJElement class.
+ * @documentation https://elements.webjet.sk/components/aside
+ * @status stable
+ * @augments WJElement
+ * @slot - The aside main content.
+ * @cssproperty --wje-aside-width;
+ * @cssproperty --wje-aside-top;
+ * @cssproperty --wje-aside-border-color: var(--wje-border-color);
+ * @cssproperty --wje-aside-border-width;
+ * @cssproperty --wje-aside-border-style;
+ * @tag wje-aside
+ */
+export default class Aside extends WJElement {
+    /**
+     * Getter for the CSS stylesheet.
+     * @returns {object} The styles for the Aside element.
+     */
+    static get cssStyleSheet(): any;
+    /**
+     * Getter for the observed attributes.
+     * @returns {Array} An empty array as there are no observed attributes.
+     */
+    static get observedAttributes(): any[];
+    /**
+     * Method to draw the Aside element.
+     * @returns {object} The document fragment containing the drawn element.
+     */
+    draw(): object;
+}

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

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