wj-elements 0.1.134 → 0.1.136

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

@@ -1,137 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-import { default as Radio } from '../wje-radio/radio.js';
-/**
- * `RadioGroup` is a custom web component that represents a group of radio buttons.
- * @summary This element represents a group of radio buttons.
- * @documentation https://elements.webjet.sk/components/radio-group
- * @status stable
- * @augments {WJElement}
- * @slot - The default slot for the radio group.
- * @tag wje-radio-group
- */
-export default class RadioGroup extends WJElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @static
-     * @returns {CSSStyleSheet}
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Whether the input is associated with a form.
-     * @type {boolean}
-     */
-    static formAssociated: boolean;
-    internals: ElementInternals;
-    /**
-     * Setter for the value attribute.
-     * @param {string} value The value to set.
-     */
-    set value(value: string);
-    /**
-     * Getter for the value attribute.
-     * @returns {string} The value of the attribute.
-     */
-    get value(): string;
-    /**
-     * Getter for the form attribute.
-     * @returns {HTMLFormElement} The form the input is associated with.
-     */
-    get form(): HTMLFormElement;
-    /**
-     * 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;
-    /**
-     * Getter for the validity attribute.
-     * @returns {ValidityState} The validity state of the input.
-     */
-    get validity(): ValidityState;
-    /**
-     * Getter for the validationMessage attribute.
-     * @returns {string} The validation message of the input.
-     */
-    get validationMessage(): string;
-    /**
-     * Getter for the willValidate attribute.
-     * @returns {boolean} Whether the input will be validated.
-     */
-    get willValidate(): boolean;
-    /**
-     * @summary Setter for the defaultValue attribute.
-     * This method sets the 'value' attribute of the custom input element to the provided value.
-     * The 'value' attribute represents the default value of the input element.
-     * @param {string} value The value to set as the default value.
-     */
-    set defaultValue(value: string);
-    /**
-     * @summary Getter for the defaultValue attribute.
-     * This method retrieves the 'value' attribute of the custom input element.
-     * The 'value' attribute represents the default value of the input element.
-     * If the 'value' attribute is not set, it returns an empty string.
-     * @returns {string} The default value of the input element.
-     */
-    get defaultValue(): string;
-    /**
-     * Draws the component for the radio group.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    /**
-     * Adds event listeners after the component is drawn. Handles the selection of radio buttons.
-     */
-    afterDraw(): void;
-    /**
-     * Returns the radio button with the given value.
-     * @param {string} value The value of the radio button.
-     * @returns {Radio} The radio button.
-     */
-    getRadioByValue(value: string): Radio;
-    /**
-     * Removes the check from all radio buttons.
-     */
-    removeCheck(): void;
-    /**
-     * Sets the given radio button to checked.
-     */
-    checkRadio(value: any): boolean;
-    /**
-     * Retrieves all direct child elements of the current element.
-     * @returns {HTMLElement[]} An array of child elements.
-     */
-    getAllElements(): HTMLElement[];
-    /**
-     * The formResetCallback method is a built-in lifecycle callback that gets called when a form gets reset.
-     * This method is responsible for resetting the value of the custom input element to its default value.
-     * It also resets the form value and validity state in the form internals.
-     * @function
-     */
-    formResetCallback(): void;
-    /**
-     * The formStateRestoreCallback method is a built-in lifecycle callback that gets called when the state of a form-associated custom element is restored.
-     * This method is responsible for restoring the value of the custom input element to its saved state.
-     * It also restores the form value and validity state in the form internals to their saved states.
-     * @param {object} state The saved state of the custom input element.
-     * @function
-     */
-    formStateRestoreCallback(state: object): void;
-    /**
-     * The formStateSaveCallback method is a built-in lifecycle callback that gets called when the state of a form-associated custom element is saved.
-     * This method is responsible for saving the value of the custom input element.
-     * @returns {object} The saved state of the custom input element.
-     * @function
-     */
-    formStateSaveCallback(): object;
-    /**
-     * The formDisabledCallback method is a built-in lifecycle callback that gets called when the disabled state of a form-associated custom element changes.
-     * This method is not implemented yet.
-     * @param {boolean} disabled The new disabled state of the custom input element.
-     * @function
-     */
-    formDisabledCallback(disabled: boolean): void;
-}

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

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

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

@@ -1,156 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * `Rate` is a custom web component that represents a rating component.
- * @summary This element represents a rating component.
- * @documentation https://elements.webjet.sk/components/rate
- * @status stable
- * @augments {WJElement}
- * @attribute {number} precision - The precision of the rating component.
- * @attribute {number} max - The maximum value of the rating component.
- * @attribute {Array<string>} icons - The icons of the rating component.
- * @csspart native - The native part of the rating component.
- * @cssproperty [--wje-rate-gap=.25rem] - Defines the spacing (gap) between individual items in the rating component. Accepts any valid CSS length unit (e.g., `px`, `rem`, `em`) to adjust the distance between rating elements.
- * @cssproperty [--wje-rate-color=var(--wje-color-contrast-11)] - Specifies the default color of the rating items. Accepts any valid CSS color value, including named colors, hex values, RGB, or CSS variables.
- * @cssproperty [--wje-rate-selected-color=var(--wje-color-danger-9)] - Sets the color for selected or highlighted rating items. This property helps visually distinguish selected ratings. Accepts any valid CSS color value.
- * @tag wje-rate
- */
-export default class Rate extends WJElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @static
-     * @returns {CSSStyleSheet}
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Returns the list of attributes to observe for changes.
-     * @static
-     * @returns {Array<string>}
-     */
-    static get observedAttributes(): string[];
-    /**
-     * Sets the precision of the rating component.
-     * @param {number} value The value to set.
-     */
-    set precision(value: number);
-    /**
-     * Gets the precision of the rating component.
-     * @returns {number} The value of the precision.
-     */
-    get precision(): number;
-    /**
-     * Sets the maximum value of the rating component.
-     * @param {number} value The value to set.
-     */
-    set max(value: number);
-    /**
-     * Gets the maximum value of the rating component.
-     * @returns {number} The value of the maximum value.
-     */
-    get max(): number;
-    /**
-     * Sets the icons of the rating component.
-     * @param {Array<string>} value The value to set.
-     */
-    set icons(value: string[]);
-    /**
-     * Gets the icons of the rating component.
-     * @returns {Array<string>} The value of the icons.
-     */
-    get icons(): string[];
-    /**
-     * Sets the value of the rating component.
-     * @param {number} value The value to set.
-     */
-    set value(value: number);
-    /**
-     * Gets the value of the rating component.
-     * @returns {number} The value of the rating component.
-     */
-    get value(): number;
-    /**
-     * Called when an attribute changes.
-     * @param {string} name The name of the attribute that changed.
-     * @param {string} old The old value of the attribute.
-     * @param {string} newName The new value of the attribute.
-     */
-    attributeChangedCallback(name: string, old: string, newName: string): void;
-    /**
-     * Draws the component for the rating component.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    native: HTMLDivElement;
-    /**
-     * Adds event listeners after the component is drawn.
-     */
-    afterDraw(): void;
-    /**
-     * Creates the icons for the rating component.
-     * @param {number} i The index of the icon.
-     * @returns {Element} The icon element.
-     */
-    createIcons(i: number): Element;
-    /**
-     * Changes the rate of the rating component.
-     */
-    changeRate(): void;
-    /**
-     * Event handler for the mouse enter event.
-     * @param {Event} e The event.
-     */
-    onMouseEnter: (e: Event) => void;
-    hoverValue: any;
-    /**
-     * Event handler for the mouse leave event.
-     * @param {Event} e The event.
-     */
-    onMouseLeave: (e: Event) => void;
-    /**
-     * Event handler for the mouse move event.
-     * @param {Event} e The event.
-     */
-    onMouseMove: (e: Event) => void;
-    /**
-     * Event handler for the touch start event.
-     * @param {Event} e The event.
-     */
-    onTouchStart: (e: Event) => void;
-    /**
-     * Event handler for the touch end event.
-     * @param {Event} e The event.
-     */
-    onTouchEnd: (e: Event) => void;
-    /**
-     * Event handler for the touch move event.
-     * @param {Event} e The event.
-     */
-    onTouchMove: (e: Event) => void;
-    /**
-     * Event handler for the click event.
-     * @param {Event} e The event.
-     */
-    onClick: (e: Event) => void;
-    /**
-     * Returns the icons for the rating component.
-     * @param {number} index The index of the icon.
-     * @returns {Element} The icon element.
-     */
-    getIcons(index: number): Element;
-    /**
-     * Returns the value from the x position.
-     * @param {number} coordinate The x coordinate.
-     * @returns {number} The value from the x position.
-     */
-    getValueFromXPosition(coordinate: number): number;
-    /**
-     * Rounds a given number to the nearest specified precision.
-     * @param {number} numberToRound The number to be rounded.
-     * @param {number} [precision] The precision to which the number should be rounded.
-     * @returns {number} - The rounded number.
-     * @example
-     * roundToPrecision(2.3); // Returns 2.5
-     * roundToPrecision(2.3, 0.1); // Returns 2.3
-     * roundToPrecision(2.6, 1); // Returns 3
-     */
-    roundToPrecision(numberToRound: number, precision?: number): number;
-}

package/dist/packages/wje-relative-time/relative-time.d.ts

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

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

@@ -1,55 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-import { Localizer } from '../utils/localize.js';
-/**
- * `RelativeTime` is a custom web component that represents a relative time component.
- * @summary This element represents a relative time component.
- * @documentation https://elements.webjet.sk/components/relative-time
- * @status stable
- * @augments WJElement
- * @csspart native - The native part of the relative time component.
- * @tag wje-relative-time
- */
-export default class RelativeTime extends WJElement {
-    /**
-     * Returns the list of attributes to observe for changes.
-     * @static
-     * @returns {Array<string>}
-     */
-    static get observedAttributes(): string[];
-    localizer: Localizer;
-    /**
-     * Sets the date of the relative time component.
-     * @param value
-     */
-    set date(value: string);
-    /**
-     * Gets the date of the relative time component.
-     * @returns {string}
-     */
-    get date(): string;
-    /**
-     * Sets the object date of the relative time component.
-     * @param value
-     */
-    set objectDate(value: Date);
-    /**
-     * Gets the object date of the relative time component.
-     * @returns {Date}
-     */
-    get objectDate(): Date;
-    /**
-     * Draws the component for the relative time.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    /**
-     * Returns the relative time string for the given date.
-     */
-    getRelativeTimeString(lang?: string): string;
-    /**
-     * Checks if the given string is an ISO date.
-     * @param {string} str The string to check.
-     * @returns {boolean} True if the string is an ISO date, false otherwise.
-     */
-    isISODate(str: string): boolean;
-}

package/dist/packages/wje-relative-time/relative-time.test.d.ts

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

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

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

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

@@ -1,119 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * `Reorder` is a custom web component that represents a reorder.
- * It extends from `WJElement`.
- * @summary This element represents a reorder.
- * @documentation https://elements.webjet.sk/components/reorder
- * @status stable
- * @augments WJElement
- * @csspart native - The native part of the reorder.
- * @slot - The default slot for the reorder.
- * // @fires wje-reorder:change - Event fired when the reorder is changed.
- * @tag wje-reorder
- */
-export default class Reorder extends WJElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @static
-     * @returns {CSSStyleSheet}
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Returns the list of attributes to observe for changes.
-     * @static
-     * @returns {Array<string>}
-     */
-    static get observedAttributes(): string[];
-    dragEl: Element;
-    items: any[];
-    originalIndex: number;
-    isDragging: boolean;
-    offsetX: number;
-    offsetY: number;
-    cloneEl: Node;
-    /**
-     * Draws the component after it is connected to the DOM.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    container: HTMLDivElement;
-    /**
-     * Adds event listeners after the component is drawn.
-     */
-    afterDraw(): void;
-    /**
-     * Attaches event listeners to the element.
-     * @param element
-     */
-    attachEventListeners(element: any): void;
-    /**
-     * Handles the mouse down event.
-     * @param {object} e
-     */
-    mouseDown(e: object): void;
-    /**
-     * Handles the touch start event.
-     * @param e
-     */
-    touchStart(e: any): void;
-    /**
-     * Initializes the dragging process for a reorderable item.
-     * @param {number} clientX The x-coordinate of the mouse pointer when the drag starts.
-     * @param {number} clientY The y-coordinate of the mouse pointer when the drag starts.
-     * @param {HTMLElement} target The target element where the drag event originated.
-     */
-    startDragging(clientX: number, clientY: number, target: HTMLElement): void;
-    originalParent: ParentNode;
-    /**
-     * Handles the mouse move event.
-     * @param e
-     */
-    mouseMove(e: any): void;
-    /**
-     * Handles the `touchmove` event and updates the position of the dragged element.
-     * @param {TouchEvent} e The touch event containing touch position data.
-     */
-    touchMove(e: TouchEvent): void;
-    /**
-     * Updates the position of the dragged element and handles reordering logic based on the mouse position.
-     * @param {number} pageX The x-coordinate of the mouse pointer relative to the viewport during the move event.
-     * @param {number} pageY The y-coordinate of the mouse pointer relative to the viewport during the move event.
-     */
-    moveElement(pageX: number, pageY: number): void;
-    /**
-     * Handles the mouse up event.
-     */
-    mouseUp(): void;
-    /**
-     * Handles the touch end event.
-     */
-    touchEnd(): void;
-    /**
-     * Stops dragging the element.
-     */
-    stopDragging(): void;
-    /**
-     * Prevents the default behavior of the `dragstart` event.
-     * @param {DragEvent} e The drag event triggered when a drag operation starts.
-     */
-    dragStart(e: DragEvent): void;
-    /**
-     * Creates a clone of the element.
-     */
-    createClone(): void;
-    /**
-     * Checks if the dragged element is moving down.
-     * @param droppedElement
-     * @returns {boolean}
-     */
-    isMovingDown(droppedElement: any): boolean;
-    /**
-     * Dispatches a custom event to signal that a reordering operation has occurred.
-     * @param {number} from The original index of the dragged item.
-     * @param {number} to The new index of the dragged item after reordering.
-     * @param {Array<number>} order The updated order of items after the reordering.
-     * // @fires wje-reorder:change - Dispatched when the reordering is completed.
-     * The event includes details about the initial position, the new position, and the new order.
-     */
-    dispatchChange(from: number, to: number, order: Array<number>): void;
-}

package/dist/packages/wje-reorder-dropzone/reorder-dropzone.d.ts

@@ -1,2 +0,0 @@
-import { default as ReorderDropzone } from './reorder-dropzone.element';
-export default ReorderDropzone;

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

@@ -1,23 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * `ReorderDropzone` is a custom web component that represents a reorder dropzone.
- * @summary This element represents a reorder dropzone.
- * @documentation https://elements.webjet.sk/components/reorder-dropzone
- * @status stable
- * @augments WJElement
- * @csspart native - The native part of the reorder dropzone.
- * @slot - The default slot for the reorder dropzone.
- * @tag wje-reorder-dropzone
- */
-export default class ReorderDropzone extends WJElement {
-    /**
-     * Returns the CSS stylesheet for the component.
-     * @returns {CSSStyleSheet} The CSS stylesheet.
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Returns the list of observed attributes.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-}

package/dist/packages/wje-reorder-handle/reorder-handle.d.ts

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

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

@@ -1,75 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * `ReorderHandle` is a custom web component that represents a reorder handle.
- * @summary This element represents a reorder handle.
- * @documentation https://elements.webjet.sk/components/reorder-handle
- * @status stable
- * @augments WJElement
- * @csspart native - The native part of the reorder handle.
- * @slot - The default slot for the reorder handle.
- * @tag wje-reorder-handle
- */
-export default class ReorderHandle extends WJElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @returns {*}
-     */
-    static get cssStyleSheet(): any;
-    /**
-     * Returns the list of attributes to observe for changes.
-     * @returns {string[]}
-     */
-    static get observedAttributes(): string[];
-    /**
-     * Draws the component.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    /**
-     * Draws the component after it is connected to the DOM.
-     */
-    afterDraw(): void;
-    /**
-     * Handles the attribute changes.
-     * @param {DragEvent} event
-     */
-    startDrag(event: DragEvent): void;
-    /**
-     * Handles the touch start event.
-     * @param {TouchEvent} event
-     */
-    startTouchDrag(event: TouchEvent): void;
-    /**
-     * Initiates the drag-and-drop action for a sortable element.
-     * @param {number} clientX The x-coordinate of the mouse pointer at the start of the drag action.
-     * @param {number} clientY The y-coordinate of the mouse pointer at the start of the drag action.
-     */
-    startDragAction(clientX: number, clientY: number): void;
-    /**
-     * Retrieves the dropzone associated with the given element.
-     * @param {HTMLElement} element The element from which to search for the closest dropzone.
-     * @returns {HTMLElement|null} - The closest dropzone element matching the `dropzone` attribute, or the parent element if no dropzone is found.
-     */
-    getDropzone(element: HTMLElement): HTMLElement | null;
-    /**
-     * Retrieves the closest dropzone element at the specified coordinates.
-     * @param {number} clientX The x-coordinate relative to the viewport.
-     * @param {number} clientY The y-coordinate relative to the viewport.
-     * @returns {HTMLElement|null} - The closest dropzone element matching the `dropzone` attribute, or `null` if none is found.
-     */
-    getClosestDropzone(clientX: number, clientY: number): HTMLElement | null;
-    /**
-     * Retrieves all elements at the specified coordinates, including those within shadow DOMs.
-     * @param {number} x The x-coordinate relative to the viewport.
-     * @param {number} y The y-coordinate relative to the viewport.
-     * @param {Document|ShadowRoot} [root] The root context in which to search. Defaults to the main document.
-     * @param {Set<Node>} [visited] A set of already visited nodes to avoid infinite recursion in nested shadow DOMs.
-     * @returns {HTMLElement[]} An array of all elements found at the specified coordinates, including shadow DOM elements.
-     */
-    getElementsFromPointAll(x: number, y: number, root?: Document | ShadowRoot, visited?: Set<Node>): HTMLElement[];
-    /**
-     * Re-indexes the items in the container.
-     * @param container
-     */
-    reIndexItems(container: any): void;
-}

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

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

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

@@ -1,24 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * `ReorderItem` is a custom web component that represents a reorder item.
- * @summary This element represents a reorder item.
- * @documentation https://elements.webjet.sk/components/reorder-item
- * @status stable
- * @augments WJElement
- * @csspart native-reorder-item - The native part of the reorder item.
- * @csspart handle-part - The handle part of the reorder item when the handle slot is present.
- * @slot - The default slot for the reorder item.
- * @tag wje-reorder-item
- */
-export default class ReorderItem extends WJElement {
-    /**
-     * Returns the CSS stylesheet for the component.
-     * @returns {CSSStyleSheet} The CSS stylesheet.
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Returns the list of observed attributes.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-}

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

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

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

@@ -1,22 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * `Route` is a custom web component that represents a route in a routing system.
- * @summary This element represents a route in a routing system.
- * @documentation https://elements.webjet.sk/components/route
- * @status stable
- * @augments WJElement
- * @tag wje-route
- */
-export default class Route extends WJElement {
-    /**
-     * Returns the list of attributes to observe for changes.
-     * @static
-     * @returns {Array<string>}
-     */
-    static get observedAttributes(): string[];
-    /**
-     * Draws the component for the route.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-}

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

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