wj-elements 0.1.199 → 0.1.201

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

@@ -0,0 +1,232 @@
+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.js';
+import { default as List } from '../wje-list/list.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
+ * @tag wje-options
+ */
+export default class Options extends WJElement {
+    /**
+     * Returns the CSS styles for the component.
+     * @static
+     * @returns {CSSStyleSheet} The CSS styles for the component.
+     */
+    static get cssStyleSheet(): CSSStyleSheet;
+    /**
+     * Retrieves an array of attributes that should be observed for changes.
+     * The method returns a list of attribute names that the browser will monitor for changes.
+     * @returns {Array<string>} An array of attribute names to observe.
+     */
+    static get observedAttributes(): Array<string>;
+    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;
+    /**
+     * Sets the value to define search-to-query params behavior.
+     * @param {string} value The value to be set for the search-to-query-params attribute.
+     */
+    set searchToQueryParams(value: string);
+    /**
+     * Retrieves the value of the 'search-to-query-params' attribute from the current instance.
+     * @returns {string | null} The value of the 'search-to-query-params' attribute, or null if the attribute is not set.
+     */
+    get searchToQueryParams(): string | null;
+    /**
+     * Determines whether the 'search-to-query-params' attribute is present on the element.
+     * @returns {boolean} True if the 'search-to-query-params' attribute exists, otherwise false.
+     */
+    get hasSearchToQueryParams(): boolean;
+    /**
+     * Sets the value of the search parameter name attribute.
+     * @param {string} value The string value to set as the search parameter name.
+     */
+    set searchParamName(value: string);
+    /**
+     * Gets the search parameter name used in queries.
+     * Retrieves the value of the 'search-param-name' attribute.
+     * If the attribute is not set, it defaults to 'search'.
+     * @returns {string} The search parameter name used for queries.
+     */
+    get searchParamName(): string;
+    /**
+     * Sets the queryParams attribute on the element.
+     * @param {string} value The query parameters to set, represented as a string.
+     */
+    set queryParams(value: string);
+    /**
+     * Retrieves the value of the 'query-params' attribute.
+     * @returns {string | null} The value of the 'query-params' attribute, or null if the attribute is not set.
+     */
+    get queryParams(): string | null;
+    /**
+     * 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[];
+    /**
+     * Sets the loaded options.
+     * @type {Array}
+     */
+    set loadedOptions(loadedOptions: any[]);
+    /**
+     * Gets the loaded options.
+     * @type {Array}
+     */
+    get loadedOptions(): any[];
+    /**
+     * Sets the elements that are preloaded and ready to be drawn.
+     * @param {Array|object} elements The elements to be set for preloading. This can be an array or a specific object containing drawable elements.
+     */
+    private set drawPreloadedElements(elements);
+    /**
+     * Array of preloaded elements.
+     * @type {Array}
+     * @private
+     */
+    private get drawPreloadedElements();
+    /**
+     * Draws the component.
+     * @returns {DocumentFragment}
+     */
+    draw(): DocumentFragment;
+    infiniteScroll: HTMLElement;
+    response: any;
+    afterDraw(): void;
+    dispatchOptionsLoadEvent: (e: any) => void;
+    /**
+     * Processes the provided data based on the optional array path set in the instance.
+     * @param {object} data The input data to be processed.
+     * @returns {Array} The resolved options array from the data or an empty array if no match is found.
+     */
+    processData(data: object): any[];
+    /**
+     * Filters out options from the response object that have already been drawn, based on the specified option array path.
+     * @param {object} response The response object containing data to process.
+     * @returns {object} The filtered response object with drawn options removed.
+     */
+    filterOutDrawnOptions(response: object): 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;
+    #private;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,49 @@
+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-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: string);
+    /**
+     * 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 | string);
+    /**
+     * 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 | string);
+    /**
+     * 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: object);
+    /**
+     * Retrieves the pagination object used for managing paginated data.
+     * @returns {object} The pagination object containing details and functionality for paginating data.
+     */
+    get paginateObj(): object;
+    /**
+     * 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-panel/panel.d.ts

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

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

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

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

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

@@ -0,0 +1,94 @@
+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;
+    set loader(value: boolean);
+    get loader(): 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;
+    beforeDraw(context: any, store: any, params: any): void;
+    /**
+     * Draws the component for the popup.
+     * @returns {DocumentFragment}
+     */
+    draw(): DocumentFragment;
+    slotAnchor: HTMLSlotElement;
+    slotArrow: HTMLSlotElement;
+    native: HTMLDivElement;
+    loaderEl: 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;
+    manualCallback: (e: any) => void;
+    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;
+    markContentReady(): void;
+}

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

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