wj-elements 0.1.135 → 0.1.136

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

@@ -1,183 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-import { default as Option } from '../wje-option/option.js';
-import { default as InfiniteScroll } from '../wje-infinite-scroll/infinite-scroll.element.js';
-import { default as List } from '../wje-list/list.element.js';
-/**
- * `Options` is a custom web component that represents a set of options.
- * It extends from `WJElement`.
- * @summary This element represents a set of options.
- * @documentation https://elements.webjet.sk/components/options
- * @status stable
- * @augments {WJElement}
- * // @fires wje-options:load - Event fired when the options are loaded.
- * @tag wje-options
- */
-export default class Options extends WJElement {
-    /**
-     * Returns the list of attributes to observe for changes.
-     * @static
-     * @returns {Array<string>}
-     */
-    static get observedAttributes(): Array<string>;
-    _loadedOptions: any[];
-    dependencies: {
-        'wje-option': typeof Option;
-        'wje-infinite-scroll': typeof InfiniteScroll;
-        'wje-list': typeof List;
-    };
-    /**
-     * Sets the option array path attribute.
-     * @param {string} value The value to set for the option array path.
-     */
-    set optionArrayPath(value: string);
-    /**
-     * Gets the option array path attribute.
-     * @returns {string} The value of the option array path attribute or "data" if not set.
-     */
-    get optionArrayPath(): string;
-    /**
-     * Checks if the option array path attribute is present.
-     * @returns {boolean} True if the option array path attribute is present, false otherwise.
-     */
-    get hasOptionArrayPath(): boolean;
-    /**
-     * Sets the dropdown height attribute.
-     * @param {string} value The value to set for the dropdown height.
-     */
-    set dropdownHeight(value: string);
-    /**
-     * Gets the dropdown height attribute.
-     * @returns {string} The value of the dropdown height attribute or "100%" if not set.
-     */
-    get dropdownHeight(): string;
-    /**
-     * Sets the item value attribute.
-     * @param {string} value The value to set for the item value.
-     */
-    set itemValue(value: string);
-    /**
-     * Gets the item value attribute.
-     * @returns {string} The value of the item value attribute or "value" if not set.
-     */
-    get itemValue(): string;
-    /**
-     * Sets the item text attribute.
-     * @param {string} value The value to set for the item text.
-     */
-    set itemText(value: string);
-    /**
-     * Gets the item text attribute.
-     * @returns {string} The value of the item text attribute or "text" if not set.
-     */
-    get itemText(): string;
-    /**
-     * Sets the lazy load size attribute.
-     * @param {number} value The value to set for the lazy load size.
-     */
-    set lazyLoadSize(value: number);
-    /**
-     * Gets the lazy load size attribute.
-     * @returns {number} The value of the lazy load size attribute or 10 if not set.
-     */
-    get lazyLoadSize(): number;
-    /**
-     * Sets the search attribute.
-     * @param {string} value The value to set for the search.
-     */
-    set search(value: string);
-    /**
-     * Gets the search attribute.
-     * @returns {string} The value of the search attribute.
-     */
-    get search(): string;
-    /**
-     * Checks if the search attribute is present.
-     * @returns {boolean} True if the search attribute is present, false otherwise.
-     */
-    get hasSearch(): boolean;
-    set searchToQueryParams(value: string);
-    get searchToQueryParams(): string;
-    get hasSearchToQueryParams(): boolean;
-    /**
-     * Sets the lazy attribute.
-     * @param {boolean} value The value to set for the lazy attribute.
-     */
-    set lazy(value: boolean);
-    /**
-     * Checks if the lazy attribute is present.
-     * @returns {boolean} True if the lazy attribute is present, false otherwise.
-     */
-    get lazy(): boolean;
-    /**
-     * Gets the loaded options.
-     * @returns {Array} The loaded options.
-     */
-    get options(): any[];
-    set loadedOptions(loadedOptions: any[]);
-    get loadedOptions(): any[];
-    /**
-     * Lifecycle method, called whenever an observed property changes.
-     */
-    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
-    /**
-     * Prepares the component before drawing.
-     * Fetches the pages and creates the options elements.
-     */
-    afterDraw(): void;
-    /**
-     * Draws the component.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    infiniteScroll: HTMLElement;
-    response: any;
-    /**
-     * Processes the given data and returns the options based on the option array path.
-     * @param {any} data The data to be processed.
-     * @returns {any} - The options based on the option array path.
-     */
-    processData(data: any): any;
-    /**
-     * Filters out drawn options from the response.
-     * @param {object | null} response The response to filter.
-     * @returns {object} The filtered response.
-     */
-    filterOutDrawnOptions(response: object | null): object;
-    /**
-     * Recursively updates the object based on the provided path to the property.
-     * @param {object | Array | null} object
-     * @param {Array<string> | null} pathToProperty
-     * @returns {object | Array | null}
-     */
-    recursiveUpdate: (object: object | any[] | null, pathToProperty: Array<string> | null) => object | any[] | null;
-    /**
-     * Generates an HTML option element based on the provided item.
-     * @param {object} item The item to generate the option element for.
-     * @returns {HTMLElement} The generated option element.
-     */
-    htmlItem: (item: object) => HTMLElement;
-    /**
-     * Fetches the pages from the provided URL.
-     * @param {number} page The page number to fetch.
-     * @returns {Promise<object>} The fetched data.
-     * @throws Will throw an error if the response is not ok.
-     */
-    getPages(page: number): Promise<object>;
-    /**
-     * Finds the selected option data based on the given selected option values.
-     * @param {Array} selectedOptionValues The array of selected option values.
-     * @returns {Array} - The array of option data that matches the selected option values.
-     */
-    findSelectedOptionData(selectedOptionValues?: any[]): any[];
-    /**
-     * Adds an option to the element.
-     * @param {object} optionData The data of the option to be added.
-     */
-    addOption(optionData: object): void;
-    /**
-     * Adds options to the element.
-     * @param {Array} optionsData The array of option data to be added.
-     * @param {boolean} [silent] Whether to suppress events triggered by adding options.
-     */
-    addOptions(optionsData?: any[], silent?: boolean): void;
-}

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

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

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

@@ -1,24 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * @summary Orgchart is a custom web component that extends WJElement.
- * @documentation https://elements.webjet.sk/components/Orgchart
- * @status stable
- * @augments WJElement
- * @csspart - Styles the element.
- * @tag wje-orgchart
- * @example
- */
-export default class Orgchart extends WJElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @static
-     * @returns {CSSStyleSheet}
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Draws the component for the org chart.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    native: HTMLDivElement;
-}

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

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

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

@@ -1,28 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * @summary OrgchartItem is a custom web component that extends WJElement.
- * @documentation https://elements.webjet.sk/components/OrgchartItem
- * @status stable
- * @augments WJElement
- * @csspart - Styles the element.
- * @tag wje-orgchart-item
- * @example
- */
-export default class OrgchartGroup extends WJElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @static
-     * @returns {CSSStyleSheet}
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Draws the component for the org chart group.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    card: HTMLElement;
-    /**
-     * After Draws the component for the org chart group.
-     */
-    afterDraw(): void;
-}

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

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

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

@@ -1,49 +0,0 @@
-import { default as WJElement } from '../wje-element/element.js';
-/**
- * @summary OrgchartItem is a custom web component that extends WJElement.
- * @documentation https://elements.webjet.sk/components/OrgchartItem
- * @status stable
- * @augments WJElement
- * @attribute {boolean} boss - The boss of the orgchart item (default: false).
- * @slot - The default slot for the orgchart item.
- * @slot child - The child slot for the orgchart item.
- * @csspart - Styles the element.
- * @csspart native - Styles the native element.
- * @csspart expander - Styles the expander element.
- * @tag wje-orgchart-item
- */
-export default class OrgchartItem extends WJElement {
-    /**
-     * Returns the CSS styles for the component.
-     * @static
-     * @returns {CSSStyleSheet}
-     */
-    static get cssStyleSheet(): CSSStyleSheet;
-    /**
-     * Sets the boss of the orgchart item.
-     * @param value
-     */
-    set boss(value: boolean);
-    /**
-     * Gets the boss of the orgchart item.
-     * @returns {boolean}
-     */
-    get boss(): boolean;
-    beforeDraw(): void;
-    /**
-     * Draws the component for the org chart item.
-     * @returns {DocumentFragment}
-     */
-    draw(): DocumentFragment;
-    expander: HTMLDivElement;
-    /**
-     * After Draws the component for the org chart item.
-     */
-    afterDraw(): void;
-    /**
-     * Toggles the children of the orgchart item.
-     * @param e The event object.
-     */
-    toggleChildren: (e: any) => void;
-    dispatchEvent(e: any): boolean;
-}

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(): Array<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(): 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,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(): Array<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;