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

package/dist/utils/event.d.ts

@@ -1,67 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

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

package/dist/utils/permissions.d.ts

@@ -1,40 +0,0 @@
-/**
- * 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

@@ -1,18 +0,0 @@
-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

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

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

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

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

@@ -1,72 +0,0 @@
-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/wje-accordion-item/accordion-item.d.ts

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

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

@@ -1,40 +0,0 @@
-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(): object;
-    /**
-     * 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/wje-animation/animation.d.ts

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

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

@@ -1,158 +0,0 @@
-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(): object;
-    /**
-     * 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/wje-aside/aside.d.ts

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

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

@@ -1,31 +0,0 @@
-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(): object;
-    /**
-     * 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/wje-avatar/avatar.d.ts

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

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

@@ -1,76 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * @summary This class represents an Avatar element, extending the WJElement class.
- * @documentation https://elements.webjet.sk/components/avatar
- * @status stable
- * @augments WJElement
- * @slot - The avatar main content.
- * @csspart native - The component's native wrapper.
- * @cssproperty --wje-avatar-width;
- * @cssproperty --wje-avatar-height;
- * @cssproperty --wje-avatar-font-size;
- * @cssproperty --wje-avatar-font-weight;
- * @cssproperty --wje-avatar-color;
- * @cssproperty --wje-avatar-background-color;
- * @cssproperty --wje-avatar-border-radius;
- * @cssproperty --wje-avatar-border-color;
- * @cssproperty --wje-avatar-border-width;
- * @cssproperty --wje-avatar-border-style;
- * @tag wje-avatar
- */
-export default class Avatar extends WJElement {
-    /**
-     * Getter for cssStyleSheet.
-     * @returns {string} styles
-     */
-    static get cssStyleSheet(): string;
-    /**
-     * Returns the list of attributes to observe for changes.
-     * @static
-     * @returns {Array<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.
-     */
-    set label(value: string);
-    /**
-     * Retrieves the value of the 'label' attribute for the element.
-     * If the attribute is not set, it defaults to an empty string.
-     * @returns {string} The value of the 'label' attribute or an empty string if not defined.
-     */
-    get label(): string;
-    /**
-     * Sets the value of initials for the element by updating
-     * the 'initials' attribute with the provided value.
-     * @param {string} value The value to be set as the initials.
-     */
-    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.
-     */
-    get initials(): boolean;
-    /**
-     * Sets the size attribute for the element.
-     * @param {string | number} value The value to set for the size attribute.
-     */
-    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'.
-     * @returns {string} The size value of the element or 'medium' if not specified.
-     */
-    get size(): string;
-    /**
-     * Method to draw the avatar element and return a document fragment.
-     * @returns {object} fragment - The document fragment
-     */
-    draw(): object;
-    /**
-     * Method to check if the avatar is an image.
-     * @returns {boolean} - True if the avatar is an image, false otherwise
-     */
-    isImage(): boolean;
-}

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

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

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

@@ -1,52 +0,0 @@
-/**
- * Generates an HSL color value based on the input text.
- * @param {string} text The input text to generate the HSL color.
- * @param {number} [s] The saturation value (in percentage) for the HSL color.
- * @param {number} [l] The lightness value (in percentage) for the HSL color.
- * @returns {string} - The HSL color string in the format `hsl(h, s%, l%)`.
- * @description
- * This function computes a hash from the input text and uses it to generate
- * a hue value. The hue is combined with the provided saturation and lightness
- * values to create an HSL color. This can be useful for consistently assigning
- * colors based on text input, such as for avatars or tags.
- * @example
- * // Returns 'hsl(180, 40%, 65%)'
- * getHsl('example');
- * @example
- * // Returns 'hsl(300, 50%, 70%)'
- * getHsl('test', 50, 70);
- */
-export function getHsl(text: string, s?: number, l?: number): string;
-/**
- * Generates background and text HSL colors for avatars based on input text.
- * The text color is a darker, more saturated variant of the background color
- * to ensure sufficient contrast while keeping the same hue.
- *
- * @param {string} text The input text (e.g. initials or name).
- * @returns {{ background: string, color: string }}
- */
-export function getAvatarColors(text: string): {
-    background: string;
-    color: string;
-};
-/**
- * Generates initials from a given string.
- * @param {string} string The input string, typically a full name.
- * @param {number} [length] The desired number of initials (default is 2).
- * @returns {string} - The generated initials in uppercase.
- * @description
- * This function takes a string, splits it by spaces, and generates initials.
- * It always includes the first character of the first word. If the input string
- * contains more than one word and the `length` parameter is greater than 1, it
- * also includes the first character of the last word.
- * @example
- * // Returns 'JD'
- * getInitials('John Doe');
- * @example
- * // Returns 'J'
- * getInitials('John');
- * @example
- * // Returns 'JM'
- * getInitials('John Michael Doe', 2);
- */
-export function getInitials(string: string, length?: number): string;

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

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

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

@@ -1,35 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * @summary This class represents a Badge element, extending the WJElement class.
- * @documentation https://elements.webjet.sk/components/badge
- * @status stable
- * @augments WJElement
- * @attribute {string} color - The color of the badge element. Accepts any valid string primary, secondary, success, danger, warning, info, default.
- * @slot - The badge's main content.
- * @csspart native - The component's native wrapper.
- * @cssproperty [--wje-badge-border-radius=var(--wje-border-radius-pill)] - Border radius of the badge element.
- * @tag wje-badge
- */
-export default class Badge extends WJElement {
-    /**
-     * Retrieves the CSS stylesheet for the Badge element.
-     * @static
-     * @returns {CSSStyleSheet} The CSS styles associated with the Badge.
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Specifies the attributes to observe for changes.
-     * @static
-     * @returns {Array<string>} An array containing the names of attributes to observe.
-     * @example
-     * static get observedAttributes() {
-     *   return ['color'];
-     * }
-     */
-    static get observedAttributes(): Array<string>;
-    /**
-     * Creates the DOM structure for the Badge element.
-     * @returns {DocumentFragment} A document fragment containing the Badge's structure.
-     */
-    draw(): DocumentFragment;
-}

package/dist/wje-badge/badge.test.d.ts

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

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

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