wj-elements 0.1.140 → 0.1.142

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

@@ -22,7 +22,7 @@ export default class Icon extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Draws the component.
      * @param {object} context The context for drawing.

package/dist/packages/wje-icon-picker/icon-picker.element.d.ts

@@ -36,7 +36,7 @@ export default class IconPicker extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Dependencies of the IconPicker component.
      * @property {object} dependencies

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

@@ -20,7 +20,7 @@ export default class Img extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     set loader(value: string);
     get loader(): string;
     /**

package/dist/packages/wje-img-comparer/img-comparer.element.d.ts

@@ -29,7 +29,7 @@ export default class ImgComparer extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Dependencies of the ImgComparer component.
      * @property {object} dependencies

package/dist/packages/wje-infinite-scroll/infinite-scroll.element.d.ts

@@ -25,7 +25,7 @@ export default class InfiniteScroll extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     totalPages: number;
     isLoading: any[];
     _response: {};
@@ -47,12 +47,12 @@ export default class InfiniteScroll extends WJElement {
      * Dependencies of the InfiniteScroll component.
      * @param value
      */
-    set response(value: any | {});
+    set response(value: any);
     /**
      * Getter for the response property.
      * @returns {*|{}}
      */
-    get response(): any | {};
+    get response(): any;
     /**
      * Dependencies of the InfiniteScroll component.
      * @param value

package/dist/packages/wje-input-file/input-file.element.d.ts

@@ -17,7 +17,7 @@ export default class InputFile extends WJElement {
      * @static
      * @returns {object} styles
      */
-    static get cssStyleSheet(): object;
+    static get cssStyleSheet(): any;
     /**
      * Returns the observed attributes.
      * @static

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

@@ -36,7 +36,7 @@ export default class Item extends WJElement {
      * @static
      * @returns {object} styles
      */
-    static get cssStyleSheet(): object;
+    static get cssStyleSheet(): any;
     labelColorStyles: {};
     itemStyles: Map<any, any>;
     inheritedAriaAttributes: {};

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

@@ -24,7 +24,7 @@ export default class Kanban extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     totalPages: number;
     isLoading: any[];
     _response: {};
@@ -41,12 +41,12 @@ export default class Kanban extends WJElement {
      * Sets the URL for fetching data.
      * @param value {string}
      */
-    set response(value: string);
+    set response(value: any);
     /**
      * Gets the URL for fetching data.
      * @returns {*|{}|{}}
      */
-    get response(): any | {} | {};
+    get response(): any;
     /**
      * Sets the URL for fetching data.
      * @param value {array}

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

@@ -25,7 +25,7 @@ export default class Label extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Draws the component.
      * @returns {DocumentFragment}

package/dist/packages/wje-level-indicator/level-indicator.d.ts

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

package/dist/packages/wje-level-indicator/level-indicator.element.d.ts

@@ -0,0 +1,91 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary LevelIndicator is a custom web component that extends WJElement.
+ * @documentation https://elements.webjet.sk/components/LevelIndicator
+ * @status stable
+ * @augments WJElement
+ * @csspart - Styles the element.
+ * @tag wje-level-indicator
+ * @example
+ * <wje-level-indicator></wje-level-indicator>
+ */
+export default class LevelIndicator extends WJElement {
+    /**
+     * Returns the CSS styles for the component.
+     * @static
+     * @returns {CSSStyleSheet}
+     */
+    static get cssStyleSheet(): CSSStyleSheet;
+    /**
+     * Sets the level attribute for an instance.
+     * @param {string} value The value to set for the 'level' attribute.
+     */
+    set level(value: number);
+    /**
+     * Retrieves the level attribute of an element, with validation to ensure
+     * it is within the range of 0 to 3. If the level attribute is not present,
+     * the default value is 1. The result is parsed as an integer and constrained
+     * to the valid range.
+     * @returns {number} The normalized level value, which is an integer between 0 and 3.
+     */
+    get level(): number;
+    /**
+     * Sets the value of the "bars" attribute.
+     * @param {string} value The value to set for the "bars" attribute.
+     */
+    set bars(value: number);
+    /**
+     * Retrieves the value of the "bars" attribute, parses it as an integer,
+     * and ensures it is at least 1. If the attribute is not set, defaults to 3.
+     * @returns {number} The parsed integer value of the "bars" attribute or the default value of 3, constrained to a minimum of 1.
+     */
+    get bars(): number;
+    /**
+     * Sets the 'colorize' attribute on the element. If the provided value is truthy,
+     * the attribute will be set. If the value is falsy, the attribute will be removed.
+     * @param {boolean} value A boolean determining whether to set or remove the 'colorize' attribute.
+     */
+    set colorize(value: boolean);
+    /**
+     * Determines whether the element has the "colorize" attribute set.
+     * @returns {boolean} Returns true if the "colorize" attribute is present, otherwise false.
+     */
+    get colorize(): boolean;
+    /**
+     * Sets the 'reverse' attribute on the element. If the provided value is truthy, the attribute is added;
+     * otherwise, the attribute is removed.
+     * @param {boolean} value The value determining whether to set or remove the 'reverse' attribute.
+     */
+    set reverse(value: boolean);
+    /**
+     * Getter method to check if the "reverse" attribute is present on the element.
+     * @returns {boolean} Returns true if the "reverse" attribute is set; otherwise, returns false.
+     */
+    get reverse(): boolean;
+    /**
+     * 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;
+    barsArray: any[];
+    native: HTMLDivElement;
+    /**
+     * Executes any additional operations or updates required after the drawing process is completed.
+     * @returns {void} This method does not return any value.
+     */
+    afterDraw(): void;
+    /**
+     * Updates the class of each bar element based on the specified level.
+     * @param {number} level The threshold level determining how many bars should be active.
+     * @param {Array} bars An array of bar elements to be updated.
+     * @returns {void} This method does not return a value.
+     */
+    updateBars(level: number, bars: any[]): void;
+    /**
+     * Determines the color indicator based on the given level and bars.
+     * @param {number} level The current value level used to calculate the ratio.
+     * @param {number} bars The maximum value that level can reach.
+     * @returns {string | undefined} A string representing the color code based on the ratio, or undefined if colorize is disabled.
+     */
+    getColor(level: number, bars: number): string | undefined;
+}

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

@@ -21,7 +21,7 @@ export default class Main extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Draws the component for the main section.
      * @returns {DocumentFragment}

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

@@ -34,7 +34,7 @@ export default class Menu extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Draws the component for the menu.
      * @returns {DocumentFragment}

package/dist/packages/wje-menu-button/menu-button.element.d.ts

@@ -21,7 +21,7 @@ export default class MenuButton extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Draws the component for the menu button.
      * @returns {DocumentFragment}

package/dist/packages/wje-menu-label/menu-label.element.d.ts

@@ -29,7 +29,7 @@ export default class MenuLabel extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     hasSubmenu: boolean;
     /**
      * Draws the component for the menu label.

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

@@ -25,7 +25,7 @@ export default class Option extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Dependencies of the Option component.
      */

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

@@ -18,7 +18,7 @@ export default class Options extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     _loadedOptions: any[];
     dependencies: {
         'wje-option': typeof Option;

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+/**
+ * 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-popup/popup.element.d.ts

@@ -26,7 +26,7 @@ export default class Popup extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     _manual: boolean;
     /**
      * Sets the manual property of the popup.

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

@@ -25,7 +25,7 @@ export default class ProgressBar extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Sets the radius of the progress bar.
      * @param {number} value The value to set.

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

@@ -23,7 +23,7 @@ export default class Radio extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     _checked: boolean;
     /**
      * Sets the name of the radio button.

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

@@ -26,7 +26,7 @@ export default class Rate extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Sets the precision of the rating component.
      * @param {number} value The value to set.
@@ -51,12 +51,12 @@ export default class Rate extends WJElement {
      * Sets the icons of the rating component.
      * @param {Array<string>} value The value to set.
      */
-    set icons(value: Array<string>);
+    set icons(value: string[]);
     /**
      * Gets the icons of the rating component.
      * @returns {Array<string>} The value of the icons.
      */
-    get icons(): Array<string>;
+    get icons(): string[];
     /**
      * Sets the value of the rating component.
      * @param {number} value The value to set.

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

@@ -15,7 +15,7 @@ export default class RelativeTime extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     localizer: Localizer;
     /**
      * Sets the date of the relative time component.

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

@@ -23,7 +23,7 @@ export default class Reorder extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     dragEl: Element;
     items: any[];
     originalIndex: number;

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

@@ -13,7 +13,7 @@ export default class Route extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Draws the component for the route.
      * @returns {DocumentFragment}

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

@@ -13,7 +13,7 @@ export default class Routerx extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Sets up the router after the component is drawn.
      */

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

@@ -20,7 +20,7 @@ export default class RouterLink extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Draws the component for the router link.
      * @returns {DocumentFragment}

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

@@ -43,7 +43,7 @@ export default class Select extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Whether the input is associated with a form.
      * @type {boolean}
@@ -221,7 +221,7 @@ export default class Select extends WJElement {
      * selections(true);
      */
     selections(silence?: boolean): void;
-    selectedOptions: (NodeList & any[]) | Node[];
+    selectedOptions: Node[] | (NodeList & any[]);
     /**
      * Manages the display of a counter element to indicate the number of items exceeding the maximum allowed options.
      * - If the number of selected items equals the maximum allowed, the counter element is removed.

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

@@ -16,7 +16,7 @@ export default class Slider extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Sets the value of the slider.
      * @param {number} value The value to set.

package/dist/packages/wje-split-view/split-view.element.d.ts

@@ -34,7 +34,7 @@ export default class SplitView extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     set initial(value: number);
     get initial(): number;
     /**

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

@@ -39,7 +39,7 @@ export default class Textarea extends WJElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     /**
      * Setter for the invalid attribute.
      * @param {boolean} isInvalid Whether the input is invalid.

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

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

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

@@ -24,7 +24,7 @@ export default class TreeItem extends HTMLElement {
      * @static
      * @returns {Array<string>}
      */
-    static get observedAttributes(): Array<string>;
+    static get observedAttributes(): string[];
     _selection: string;
     /**
      * Sets the expanded state of the element. When set to a truthy value,
@@ -59,7 +59,7 @@ export default class TreeItem extends HTMLElement {
      * specific to the implementation of the component
      * (e.g., 'single', 'multiple').
      */
-    set selection(value: string);
+    set selection(value: any);
     /**
      * Retrieves the current selection.
      * @returns {*} The value of the current selection.

package/dist/packages/wje-tree-item/tree-item.test.d.ts

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