wj-elements 0.1.195 → 0.1.197

package/dist/packages/wje-progress-bar/progress-bar.element.d.ts

@@ -1,96 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * `ProgressBar` is a custom web component that represents a progress bar.
- * @summary This element represents a progress bar.
- * @documentation https://elements.webjet.sk/components/progress-bar
- * @status stable
- * @augments {WJElement}
- * @slot - The default slot for the progress bar.
- * @slot start - The start slot of the progress bar.
- * @slot end - The end slot of the progress bar.
- * @cssproperty [--wje-progress-bar-color=var(--wje-color-contrast-6)] - Sets the color of the progress bar. This property controls the fill color of the progress indicator. Accepts any valid CSS color value, such as named colors (`red`), hex values (`#ff0000`), or CSS variables.
- * @cssproperty [--wje-progress-bar-text-size=.75rem] - Defines the font size of the text displayed within the progress bar. Accepts any valid CSS length unit (e.g., `rem`, `px`, `em`) to control text size relative to the bar's design.
- * @cssproperty [--wje-progress-bar-text-color=var(--wje-color)] - Specifies the color of the text displayed within the progress bar. Accepts any valid CSS color value to ensure contrast and readability against the progress bar's background.
- * @tag wje-progress-bar
- */
-export default class ProgressBar 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(): Array<string>;
-    /**
-     * Sets the radius of the progress bar.
-     * @param {number} value The value to set.
-     */
-    set radius(value: number);
-    /**
-     * Gets the radius of the progress bar.
-     * @returns {number} The value of the radius.
-     */
-    get radius(): number;
-    /**
-     * Gets the diameter of the progress bar.
-     * @returns {number} The value of the diameter.
-     */
-    get diameter(): number;
-    /**
-     * Gets the diameter of the progress bar.
-     * @returns {number} The value of the diameter.
-     */
-    get containerSize(): number;
-    /**
-     * Sets the stroke of the progress bar.
-     * @param {number} value The value to set.
-     */
-    set stroke(value: number);
-    /**
-     * Gets the stroke of the progress bar.
-     * @returns {number} The value of the stroke.
-     */
-    get stroke(): number;
-    /**
-     * Gets the linecap of the progress bar.
-     * @returns {string} The value of the linecap.
-     */
-    get linecap(): string;
-    /**
-     * Draws the component.
-     * @param {object} context The context for drawing.
-     * @param {object} store The store for drawing.
-     * @param {object} params The parameters for drawing.
-     * @returns {DocumentFragment}
-     */
-    draw(context: object, store: object, params: object): DocumentFragment;
-    background: SVGCircleElement | SVGRectElement;
-    bar: SVGCircleElement | SVGRectElement;
-    /**
-     * Adds event listeners after the component is drawn.
-     */
-    afterDraw(): void;
-    /**
-     * Returns the dasharray for a circle with the given radius.
-     * @param {number} radius The radius of the circle in pixels.
-     * @returns {number} The dasharray value.
-     */
-    getCircleDasharray(radius?: number): number;
-    /**
-     * Returns the dashoffset for a circle with the given progress and radius.
-     * @param {number} progress The progress of the circle in percentage.
-     * @param {number} radius The radius of the circle in pixels.
-     * @returns {number} The dashoffset value.
-     */
-    getCircleDashoffset(progress?: number, radius?: number): number;
-    /**
-     * Sets the progress of the circle.
-     * @param percent
-     */
-    setCircleProgress(percent: any): void;
-}

package/dist/packages/wje-qr-code/qr-code.d.ts

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

package/dist/packages/wje-qr-code/qr-code.element.d.ts

@@ -1,33 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * `QrCode` is a custom web component that generates a QR code.
- * @summary This element represents a QR code generator.
- * @documentation https://elements.webjet.sk/components/qr-code
- * @status stable
- * @augments {WJElement}
- * @csspart native - The native part of the QR code.
- * @slot top - The slot for the top content of the QR code.
- * @slot bottom - The slot for the bottom content of the QR code.
- * @tag wje-qr-code
- */
-export default class QrCode 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 {string[]} The list of observed attributes.
-     */
-    static get observedAttributes(): string[];
-    /**
-     * Draws the QR code component.
-     * @returns {DocumentFragment} The document fragment containing the QR code component.
-     */
-    draw(): DocumentFragment;
-    /**
-     * Called after the component is drawn to generate the QR code.
-     */
-    afterDraw(): void;
-}

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

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

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

@@ -1,64 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * @summary This class represents a Radio button element, extending the WJElement class.
- * @documentation https://elements.webjet.sk/components/radio
- * @status stable
- * @augments WJElement
- * @slot - Default slot for the radio button label content.
- * @csspart native-radio - The native wrapper for the radio button.
- * @cssproperty [--wje-radio-margin-inline=0] - Specifies the horizontal (left and right) margin for the radio button. Accepts any valid CSS length unit (e.g., `px`, `rem`, `%`) to control spacing on both sides of the component.
- * @cssproperty [--wje-radio-margin-top=0] - Defines the top margin for the radio button. Accepts any valid CSS length value to adjust vertical spacing above the component.
- * @cssproperty [--wje-radio-margin-bottom=0] - Sets the bottom margin for the radio button. Accepts any valid CSS length value to adjust vertical spacing below the component.
- * // @fires wje-radio:change - Dispatched when the radio button's state changes.
- * // @fires wje-radio:input - Dispatched when the radio button is interacted with.
- */
-export default class Radio extends WJElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @returns {CSSStyleSheet}
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Returns the list of attributes to observe for changes.
-     * @static
-     * @returns {Array<string>}
-     */
-    static get observedAttributes(): Array<string>;
-    set value(value: string);
-    get value(): string;
-    /**
-     * Sets the name of the radio button.
-     * @param value
-     */
-    set checked(value: boolean);
-    /**
-     * Gets the checked property of the radio button.
-     * @returns {boolean}
-     */
-    get checked(): 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;
-    /**
-     * Draws the radio button.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    input: HTMLInputElement;
-    /**
-     * Sets up the event listeners for the component.
-     */
-    afterDraw(): void;
-    /**
-     * Called when an attribute changes.
-     * @param {object} e
-     */
-    inputEvent: (e: object) => void;
-}

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

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

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

@@ -1,61 +0,0 @@
-import { FormAssociatedElement } from '../internals/form-associated-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 {FormAssociatedElement}
- * @slot - The default slot for the radio group.
- * @tag wje-radio-group
- */
-export default class RadioGroup extends FormAssociatedElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @static
-     * @returns {CSSStyleSheet}
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    static get observedAttributes(): any[];
-    pristine: boolean;
-    /**
-     * 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;
-    /**
-     * Draws the component for the radio group.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    input: HTMLInputElement;
-    /**
-     * 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(radio: any): boolean;
-    /**
-     * Retrieves all direct child elements of the current element.
-     * @returns {HTMLElement[]} An array of child elements.
-     */
-    getAllElements(): HTMLElement[];
-    #private;
-}

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(): Array<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: Array<string>);
-    /**
-     * Gets the icons of the rating component.
-     * @returns {Array<string>} The value of the icons.
-     */
-    get icons(): Array<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(): Array<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(): Array<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>, orderElements: any): 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;