wj-elements 0.1.149 → 0.1.151

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

@@ -1,166 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-import { Localizer } from '../utils/localize.js';
-/**
- * @summary This class represents the Pagination component for navigating through paginated content and dynamically updating navigation elements based on attributes like the number of items, page size, etc. Extends the WJElement class.
- * @documentation https://elements.webjet.sk/components/pagination
- * @status stable
- * @augments WJElement
- * @dependency wje-icon, wje-button
- * @csspart native - The wrapper element for the pagination component.
- */
-export default class Pagination extends WJElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @static
-     * @returns {CSSStyleSheet}
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Getter for the observedAttributes attribute of the input element.
-     * @returns {Array} The attributes to observe for changes.
-     */
-    static get observedAttributes(): any[];
-    localizer: Localizer;
-    _paginateObj: any;
-    /**
-     * Sets the value of the 'page' attribute for the object.
-     * @param {string} value The value to set for the 'page' attribute.
-     */
-    set page(value: number);
-    /**
-     * Retrieves the current page number as a numeric value.
-     * @returns {number} The current page number. Returns 0 if the attribute 'page' is not set or is not a numeric value.
-     */
-    get page(): number;
-    /**
-     * Sets the maximum number of pages.
-     * Updates the 'max-pages' attribute with the provided value.
-     * @param {number|string} value The maximum number of pages to set. Can be a number or a parsable string representing a number.
-     */
-    set maxPages(value: number);
-    /**
-     * Gets the maximum number of pages.
-     * This getter retrieves the value of the "max-pages" attribute from the element.
-     * If the attribute is not set or is invalid, it defaults to 3.
-     * @returns {number} The maximum number of pages as a numeric value.
-     */
-    get maxPages(): number;
-    /**
-     * Sets the `pageSize` attribute to the specified value.
-     * @param {number|string} value The desired page size value. This can be a number or a string representation of the size.
-     */
-    set pageSize(value: number);
-    /**
-     * Retrieves the value of the 'page-size' attribute and converts it to a number.
-     * If the attribute is not set or is invalid, returns the default value of 3.
-     * @returns {number} The numeric value of the 'page-size' attribute or the default value of 3.
-     */
-    get pageSize(): number;
-    /**
-     * Sets the total number of items.
-     * @param {number} value The new total number of items to set.
-     */
-    set totalItems(value: number);
-    /**
-     * Retrieves the total number of items represented by the 'total-items' attribute.
-     * @returns {number} The total number of items. Defaults to 0 if the attribute is not set or is invalid.
-     */
-    get totalItems(): number;
-    /**
-     * Sets the visibility of the first button based on the provided value.
-     * Adds the 'show-first-button' attribute when the value is truthy, and removes it otherwise.
-     * @param {boolean} value Determines whether to show the first button. If true, the 'show-first-button' attribute is added; if false, it is removed.
-     */
-    set showFirstButton(value: boolean);
-    /**
-     * Determines whether the 'show-first-button' attribute is present on the element.
-     * @returns {boolean} True if the 'show-first-button' attribute is set; otherwise, false.
-     */
-    get showFirstButton(): boolean;
-    /**
-     * Sets the visibility of the "last" button. This method controls the presence
-     * or absence of the "show-last-button" attribute based on the provided value.
-     * @param {boolean} value A boolean value indicating whether to show the "last" button.
-     * If true, the "show-last-button" attribute is added;
-     * if false, the attribute is removed.
-     */
-    set showLastButton(value: boolean);
-    /**
-     * Determines if the 'show-last-button' attribute is present on the element.
-     * @returns {boolean} True if the 'show-last-button' attribute is present, otherwise false.
-     */
-    get showLastButton(): boolean;
-    /**
-     * Sets the pagination object by calculating the pagination details
-     * based on the total items, current page, page size, and maximum pages.
-     * @param {object} value The value to set the pagination object. The pagination details are computed internally.
-     */
-    set paginateObj(value: any);
-    /**
-     * Retrieves the pagination object used for managing paginated data.
-     * @returns {object} The pagination object containing details and functionality for paginating data.
-     */
-    get paginateObj(): any;
-    /**
-     * Sets the 'round' attribute on the element. If the provided value is truthy,
-     * the 'round' attribute is added. If the value is falsy, the attribute is removed.
-     * @param {boolean} value A boolean value determining whether to add or remove the 'round' attribute.
-     */
-    set round(value: boolean);
-    /**
-     * Retrieves the value of the 'round' attribute for the current element.
-     * @returns {boolean} A boolean indicating whether the 'round' attribute is present on the element.
-     */
-    get round(): boolean;
-    /**
-     * Sets the `show-info` attribute on the element based on the provided value.
-     * @param {boolean} value A boolean indicating whether to add or remove the `show-info` attribute.
-     */
-    set showInfo(value: boolean);
-    /**
-     * Retrieves the value of the 'show-info' attribute.
-     * Checks if the 'show-info' attribute is present on the element.
-     * @returns {boolean} True if the 'show-info' attribute is present, otherwise false.
-     */
-    get showInfo(): boolean;
-    /**
-     * Dependencies of the Button element.
-     * @type {object}
-     */
-    dependencies: object;
-    beforeDraw(): Promise<void>;
-    /**
-     * Creates a document fragment, appends a new slot element to it, and returns the fragment.
-     * @returns {DocumentFragment} A document fragment containing a slot element.
-     */
-    draw(): DocumentFragment;
-    /**
-     * Creates a pagination control for navigating between pages of content.
-     * This method generates and returns a document fragment containing pagination controls, including buttons for navigating to the first, previous, next, and last pages, as well as optional informational text about the current set of displayed items and total number of items.
-     * @returns {DocumentFragment} A document fragment containing the pagination controls.
-     */
-    htmlPagination(): DocumentFragment;
-    /**
-     * Creates and returns a DocumentFragment containing a series of buttons for pagination purposes,
-     * based on the provided pagination object.
-     * @param {object} paginateObj An object containing pagination details.
-     * @param {number} paginateObj.currentPage The current active page index (1-based).
-     * @param {Array<number>} paginateObj.pages An array of page numbers to display in the pagination.
-     * @param {number} paginateObj.totalPages Total number of pages available for pagination.
-     * @returns {DocumentFragment} A DocumentFragment containing the buttons and additional pagination elements.
-     */
-    htmlStackButtons(paginateObj: {
-        currentPage: number;
-        pages: Array<number>;
-        totalPages: number;
-    }): DocumentFragment;
-    /**
-     * Handles the click action for pagination and updates the current page.
-     * If the clicked page number is the same as the current page, no action is performed.
-     * Otherwise, the current page is updated to the new page number, and a custom event
-     * 'wje-pagination:page-change' is dispatched with the pagination object.
-     * @param {Event} e The event triggered by the page click.
-     * @param {number} page The page number that was clicked.
-     */
-    pageClickAction: (e: Event, page: number) => void;
-}

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

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

package/dist/packages/wje-pagination/service/service.d.ts

@@ -1,9 +0,0 @@
-/**
- * Paginates items based on the total number of items, current page, page size, and maximum number of pages to display.
- * @param {number} totalItems The total number of items to paginate.
- * @param {number} [currentPage] The current page number (default is 1).
- * @param {number} [pageSize] The number of items per page (default is 10).
- * @param {number} [maxPages] The maximum number of pages to display in the pagination control (default is 5).
- * @returns {object} An object containing pagination details including total items, current page, page size, total pages, start/end page, start/end index, and the pages array.
- */
-export function paginate(totalItems: number, currentPage?: number, pageSize?: number, maxPages?: number): object;

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

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

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

@@ -1,34 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * `Panel` is a custom web component that represents a panel.
- * @summary This element represents a panel.
- * @documentation https://elements.webjet.sk/components/panel
- * @status stable
- * @augments {WJElement}
- * @slot - The default slot for the panel.
- * @tag wje-panel
- */
-export default class Panel extends WJElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @static
-     * @returns {CSSStyleSheet}
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    last: boolean;
-    /**
-     * Draws the component for the panel.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    /**
-     * Adds event listeners after the component is drawn.
-     * Handles the collapsing of breadcrumbs.
-     */
-    afterDraw(): void;
-    /**
-     * Returns all the breadcrumb elements in the panel.
-     * @returns {Array<Element>} The breadcrumb elements.
-     */
-    getBreadcrumbs(): Array<Element>;
-}

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

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

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

@@ -1,93 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * `Popup` is a custom web component that represents a popup.
- * @summary This element represents a popup.
- * @documentation https://elements.webjet.sk/components/popup
- * @status stable
- * @augments {WJElement}
- * @csspart native - The native part of the popup.
- * @slot anchor - The slot for the anchor of the popup.
- * @slot arrow - The slot for the arrow of the popup.
- * @slot - The default slot for the popup.
- * // @fires wje-popup:reposition - Event fired when the popup is repositioned.
- * // @fires wje-popup:show - Event fired when the popup is shown.
- * // @fires wje-popup:hide - Event fired when the popup is hidden.
- * @tag wje-popup
- */
-export default class Popup extends WJElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @static
-     * @returns {CSSStyleSheet} The CSS styles for the component.
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Returns the list of attributes to observe for changes.
-     * @static
-     * @returns {Array<string>}
-     */
-    static get observedAttributes(): string[];
-    _manual: boolean;
-    /**
-     * Sets the manual property of the popup.
-     * @param {boolean} value The value to set.
-     */
-    set manual(value: boolean);
-    /**
-     * Gets the manual property of the popup.
-     * @returns {boolean} The value of the manual property.
-     */
-    get manual(): boolean;
-    /**
-     * Called when an attribute changes.
-     */
-    attributeChangedCallback(name: any, old: any, newName: any): void;
-    beforeDraw(context: any, store: any, params: any): void;
-    /**
-     * Draws the component for the popup.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    slotAnchor: HTMLSlotElement;
-    slotArrow: HTMLSlotElement;
-    native: HTMLDivElement;
-    /**
-     * After Draws the component.
-     */
-    afterDraw(): void;
-    /**
-     * Sets the anchor for the popup.
-     * Adds a click event listener to the anchor element.
-     */
-    setAnchor(): void;
-    anchorEl: any;
-    clickHandler: (e: any) => void;
-    /**
-     * Toggles the active attribute of the popup.
-     */
-    showHide(): void;
-    /**
-     * Repositions the popup.
-     * Uses the floating-ui library to compute the position.
-     */
-    reposition(): void;
-    offsetCalc: number;
-    arrow: Element;
-    /**
-     * Shows the popup.
-     * Adds the popup-active class to the native element.
-     * Sets up auto update for repositioning.
-     */
-    show(dispatchEvent?: boolean): void;
-    cleanup: any;
-    /**
-     * Hides the popup.
-     * Removes the popup-active class from the native element.
-     * Cleans up the auto update for repositioning.
-     */
-    hide(dispatchEvent?: boolean): void;
-    /**
-     * Removes the active attribute when the popup is hidden.
-     */
-    handleHide: () => void;
-}

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

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

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(): 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,53 +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(): string[];
-    _checked: boolean;
-    /**
-     * 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;
-    /**
-     * 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,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;