ids-enterprise-wc 1.0.0-beta.17 → 1.0.0-beta.18.1

package/components/ids-list-view/ids-list-view.d.ts

@@ -6,6 +6,7 @@ import '../ids-swappable/ids-swappable';
 import '../ids-swappable/ids-swappable-item';
 import '../ids-virtual-scroll/ids-virtual-scroll';
 import './ids-list-view-item';
+import type IdsListViewItem from './ids-list-view-item';
 import type IdsSwappableItem from '../ids-swappable/ids-swappable-item';
 import type IdsVirtualScroll from '../ids-virtual-scroll/ids-virtual-scroll';
 declare const Base: {
@@ -13,7 +14,8 @@ declare const Base: {
         readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
         locale: string;
-        language: any;
+        get language(): any;
+        set language(value: string);
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -23,7 +25,7 @@ declare const Base: {
         onLocaleChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         onLanguageChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -31,6 +33,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -39,11 +42,7 @@ declare const Base: {
         readonly nonce: any;
         appendStyles(): void;
         "__#3@#appendHostCss"(): void;
-        theme: string; /**
-         * Get the list item DOM element.
-         * @param {number} index The value of data index.
-         * @returns {HTMLElement|null} The DOM element, or null if item not found.
-         */
+        theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
         loadLegacyTheme(value: string): void;
@@ -372,27 +371,29 @@ declare const Base: {
     readonly attributes: any[];
 } & {
     new (...args: any[]): {
-        "__#64@#pager": any;
+        "__#76@#pager": any;
         datasource: IdsDataSource;
-        pager: import("../ids-pager/ids-pager").default;
+        get pager(): import("../ids-pager/ids-pager").default;
+        set pager(pager: any);
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         connectedCallback(): void;
         pagerTemplate(): string;
         paginate(pageNumber?: number, pageSize?: number): any;
-        pagination: "none" | "client-side" | "server-side" | "standalone";
+        pagination: import("../../core/ids-data-source").PaginationTypes;
         pageNumber: number;
         pageSize: number;
         pageTotal: number;
-        "__#64@#attachPager"(): void;
-        "__#64@#attachEventListeners"(): void;
+        "__#76@#attachPager"(): void;
+        "__#76@#attachEventListeners"(): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
+        onPagingReload?(reloadEventType: string): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -400,6 +401,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
@@ -407,11 +409,7 @@ declare const Base: {
         readonly nonce: any;
         appendStyles(): void;
         "__#3@#appendHostCss"(): void;
-        theme: string; /**
-         * Get the list item DOM element.
-         * @param {number} index The value of data index.
-         * @returns {HTMLElement|null} The DOM element, or null if item not found.
-         */
+        theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
         loadLegacyTheme(value: string): void;
@@ -751,7 +749,7 @@ declare const Base: {
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -759,6 +757,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -767,11 +766,7 @@ declare const Base: {
         readonly nonce: any;
         appendStyles(): void;
         "__#3@#appendHostCss"(): void;
-        theme: string; /**
-         * Get the list item DOM element.
-         * @param {number} index The value of data index.
-         * @returns {HTMLElement|null} The DOM element, or null if item not found.
-         */
+        theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
         loadLegacyTheme(value: string): void;
@@ -1108,24 +1103,29 @@ declare const Base: {
         };
         searchFilterCallback: ((term: string) => (item: string | object | HTMLElement) => boolean) | null;
         searchableTextCallback: ((item: string | object | HTMLElement) => string) | null;
-        "__#116@#term": string;
+        "__#121@#term": string;
         readonly searchContainer: HTMLDivElement | null | undefined;
         readonly searchField: import("../ids-search-field/ids-search-field").default | null | undefined;
         searchFieldId: string | null;
-        searchFilterMode: string;
-        searchTermCaseSensitive: boolean;
-        searchTermMinSize: number;
-        searchable: boolean;
-        suppressHighlight: boolean;
+        get searchFilterMode(): string;
+        set searchFilterMode(value: string | null);
+        get searchTermCaseSensitive(): boolean;
+        set searchTermCaseSensitive(value: string | boolean | null);
+        get searchTermMinSize(): number;
+        set searchTermMinSize(value: string | number | null);
+        get searchable(): boolean;
+        set searchable(value: string | boolean | null);
+        get suppressHighlight(): boolean;
+        set suppressHighlight(value: string | boolean | null);
         searchTemplate(): string;
         searchFieldTemplate(): string;
         resetSearch(): void;
         setSearchable(): void;
-        "__#116@#attachSearchField"(): void;
-        "__#116@#objectPropsAsText"(item: string | object | HTMLElement): string;
-        "__#116@#searchableContent"(item: string | object | HTMLElement): string;
-        "__#116@#wordStartsWithFilter"(text: string, term: string): boolean;
-        "__#116@#handleSearch"(term: string): void;
+        "__#121@#attachSearchField"(): void;
+        "__#121@#objectPropsAsText"(item: string | object | HTMLElement): string;
+        "__#121@#searchableContent"(item: string | object | HTMLElement): string;
+        "__#121@#wordStartsWithFilter"(text: string, term: string): boolean;
+        "__#121@#handleSearch"(term: string): void;
         searchHighlight(item: string | object | HTMLElement): string | object | HTMLElement;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
@@ -1134,7 +1134,7 @@ declare const Base: {
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -1142,6 +1142,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -1150,11 +1151,7 @@ declare const Base: {
         readonly nonce: any;
         appendStyles(): void;
         "__#3@#appendHostCss"(): void;
-        theme: string; /**
-         * Get the list item DOM element.
-         * @param {number} index The value of data index.
-         * @returns {HTMLElement|null} The DOM element, or null if item not found.
-         */
+        theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
         loadLegacyTheme(value: string): void;
@@ -1502,7 +1499,7 @@ declare const Base: {
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -1511,6 +1508,7 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
@@ -1518,11 +1516,7 @@ declare const Base: {
         readonly nonce: any;
         appendStyles(): void;
         "__#3@#appendHostCss"(): void;
-        theme: string; /**
-         * Get the list item DOM element.
-         * @param {number} index The value of data index.
-         * @returns {HTMLElement|null} The DOM element, or null if item not found.
-         */
+        theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
         loadLegacyTheme(value: string): void;
@@ -1887,7 +1881,7 @@ declare const Base: {
         "__#5@#removeHoverEndListener"(): void;
         "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -1896,6 +1890,7 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
@@ -1903,11 +1898,7 @@ declare const Base: {
         readonly nonce: any;
         appendStyles(): void;
         "__#3@#appendHostCss"(): void;
-        theme: string; /**
-         * Get the list item DOM element.
-         * @param {number} index The value of data index.
-         * @returns {HTMLElement|null} The DOM element, or null if item not found.
-         */
+        theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
         loadLegacyTheme(value: string): void;
@@ -2275,33 +2266,34 @@ export default class IdsListView extends Base {
     /** The datasource container */
     datasource: IdsDataSource;
     defaultTemplate: string;
-    /**
-     * @returns {Array<string>} Drawer vetoable events
-     */
     vetoableEventTypes: string[];
     /**
      * Invoked each time the custom element is appended into a document-connected element.
      */
     connectedCallback(): void;
-    /**
-     * Invoked each time the custom element is removed from a document-connected element.
-     */
-    disconnectedCallback(): void;
     /**
      * Return the attributes we handle as getters/setters
      * @returns {Array} The attributes in an array
      */
     static get attributes(): any[];
+    itemsSelector<T extends HTMLElement>(cssSelector: string): T[];
+    get itemCount(): number;
     /**
-     * Get list of all elements
-     * @returns {NodeListOf<HTMLElement>} List of all list item elements
+     * Get the list item DOM element.
+     * @param {number} rowIndex The value of row-index.
+     * @returns {IdsListViewItem|undefined} The DOM element, or undefined if item not found.
      */
-    getAllLi(): NodeListOf<HTMLElement> | undefined;
-    /**
-     * Return all swappable items
-     * @returns {NodeListOf<IdsSwappableItem>} List of all swappable items
-     */
-    getAllSwappableItems(): NodeListOf<IdsSwappableItem> | undefined;
+    itemByIndex(rowIndex: number): IdsListViewItem | undefined;
+    get itemFocused(): IdsListViewItem | undefined;
+    get items(): IdsListViewItem[];
+    get itemsActivated(): IdsListViewItem[];
+    get itemsDisabled(): IdsListViewItem[];
+    get itemsFiltered(): IdsListViewItem[];
+    get itemsChecked(): IdsListViewItem[];
+    get itemsSelected(): IdsListViewItem[];
+    get itemsSlotted(): IdsListViewItem[];
+    get itemsSwappable(): IdsSwappableItem[];
+    get itemsTabbable(): IdsListViewItem[];
     /**
      * Get data index for given page index.
      * @param {number} index The page index value.
@@ -2309,62 +2301,51 @@ export default class IdsListView extends Base {
      */
     dataIndex(index: number): number | null;
     /**
-     * Get page index for given data index.
-     * @param {number} dataIndex The data index value.
-     * @returns {number|null} The paga index.
+     * Reset/Clear the search input and search results
      */
-    pageIndex(dataIndex: number): number | null;
-    /**
-     * Check if given data index in current page.
-     * @param {number} dataIndex The data index value.
-     * @returns {boolean} True, if data index in current page
-     */
-    isInPage(dataIndex: number): boolean;
     resetSearch(): void;
     /**
-     * Set the focus for given list item.
-     * @param {any} li The list item.
-     * @param {boolean} noFocus do not actually focus
-     * @returns {void}
+     * Get custom HTML for list item.
+     * @private
+     * @param {number} index - the index from this.data
+     * @returns {string} The html for the <ids-list-view-item> template.
      */
-    focusLi(li?: HTMLElement | null, noFocus?: boolean): void;
+    protected generateListItemFromCustomHTML(index: number): string;
     /**
-     * Get currently focused list item.
-     * @returns {HTMLElement} The focused list item.
+     * Get custom slot for user-provided list item.
+     * @private
+     * @param {number} index - the index from this.data
+     * @returns {string} The html for the <slot>.
      */
-    getFocusedLi(): HTMLElement | undefined | null;
+    protected generateListItemSlot(index: number): string;
     /**
-     * Get previous list item for a given list item.
-     * @param {any} li The list item.
-     * @returns {HTMLElement|undefined} The previous list item
+     * Inner template contents
+     * @returns {string} The template
      */
-    getPreviousLi(li: any): HTMLElement | undefined;
+    template(): string;
     /**
-     * Get next list item for a given list item.
-     * @param {any} li The list item.
-     * @returns {HTMLElement|undefined} The next list item
+     * Helper method to render the list-view-item template
+     * @param {string} innerHTML - html to wrap
+     * @param {number} index - the index in this.data
+     * @returns {string} html
      */
-    getNextLi(li: any): HTMLElement | undefined;
+    templateListItemWrapper(innerHTML: string, index?: number): string;
+    templateCustomHTML(item: object): string;
     /**
-     * Get template function for list item.
-     * @returns {Function} The list item template function.
+     * Helper method to render the list-view-item template
+     * @returns {string} html
      */
-    listItemTemplateFunc(): any;
+    templateListItems(): string;
     /**
      * Helper method to render the static scrolling template
      * @returns {string} html
      */
-    staticScrollTemplate(): string;
+    templateStatic(): string;
     /**
      * Helper method to render the virtual scrolling template
      * @returns {string} html
      */
-    virtualScrollTemplate(): string;
-    /**
-     * Inner template contents
-     * @returns {string} The template
-     */
-    template(): string;
+    templateVirtualScroll(): string;
     /**
      * Return an item's html injecting any values from the dataset as needed.
      * @param {object} item The item to generate
@@ -2376,22 +2357,6 @@ export default class IdsListView extends Base {
      * @returns {string} the default pager template for list-view
      */
     pagerTemplate(): string;
-    /**
-     * Helper function that toggles the 'selected' attribute of an element, then focuses on that element
-     * @param {Element} item the item to add/remove the selected attribute
-     * @param {boolean} switchValue optional switch values to force add/remove the selected attribute
-     */
-    toggleSelectedAttribute(item: HTMLLIElement, switchValue?: boolean): void;
-    /**
-     * Toggles the selected list item
-     * @param {any} item the selected list item to toggle
-     */
-    toggleSelectedLi(item: any): void;
-    /**
-     * Update data from DOM
-     * @returns {void}
-     */
-    updateDataFromDOM(): void;
     /**
      * Calls IdsListView.redraw() asynchronously
      */
@@ -2407,13 +2372,6 @@ export default class IdsListView extends Base {
      * @private
      */
     adjustHeight(): void;
-    /**
-     * Get boolean property value for given attribute.
-     * @param {string} attributeName The attribute name.
-     * @param {boolean} defaultValue The default value.
-     * @returns {boolean} The property value
-     */
-    boolVal(attributeName: string, defaultValue: boolean): boolean;
     /**
      * Get the list of all data from dataset
      * @returns {Array} value The array to use
@@ -2467,24 +2425,14 @@ export default class IdsListView extends Base {
      * Set the selection mode of the listview
      * @param {string} value The value
      */
-    set selectable(value: string | null);
-    get selectable(): string | null;
+    set selectable(value: 'single' | 'mixed' | 'multiple' | '' | null);
+    get selectable(): string;
     /**
      * Get class name/s with prefixed value
      * @param {boolean|undefined} isAll If true, will return all classes as array
      * @returns {string|Array<string>} The class name with prefix
      */
     selectableClass(isAll?: boolean): string | Array<string>;
-    /**
-     * Get the activated item
-     * @returns {IdsListViewActivatedItem|null} The activated item
-     */
-    get activatedItem(): IdsListViewActivatedItem | Array<IdsListViewActivatedItem> | null;
-    /**
-     * Get the selected item/s
-     * @returns {IdsListViewSelectedItem|Array<IdsListViewSelectedItem>|null} single item, or List of all selected items
-     */
-    get selected(): IdsListViewSelectedItem | Array<IdsListViewSelectedItem> | null;
     /**
      * Handles the sortable property and reflects it on the DOM.
      * @param {boolean|string} value The sortable parameter.
@@ -2516,60 +2464,14 @@ export default class IdsListView extends Base {
     set label(value: string);
     get label(): string;
     /**
-     * Set a list item to be activated, in dataset.
-     * @param {number} dataIndex the zero based dataIndex
-     * @returns {boolean} Is veto.
-     */
-    activateItem(dataIndex: number): boolean;
-    /**
-     * Set a list item to be deactivated, in dataset
-     * @param {number} dataIndex the zero based dataIndex
-     * @returns {boolean} False, if veto.
-     */
-    deactivateItem(dataIndex: number): boolean;
-    /**
-     * Set a list item to be selected, in dataset.
-     * @param {number} dataIndex the zero based dataIndex.
-     * @returns {boolean} Is veto.
-     */
-    select(dataIndex: number): boolean;
-    /**
-     * Set a list item to be deselected, in dataset.
-     * @param {number} dataIndex the zero based dataIndex.
-     * @returns {boolean} False, if veto.
-     */
-    deselect(dataIndex: number): boolean;
-    /**
-     * Set a all list items to be selected.
+     * Helper to select all list items.
      * @returns {void}
      */
     selectAll(): void;
     /**
-     * Set a all list items to be deselected.
+     * Helper to deselect all list items.
      * @returns {void}
      */
     deselectAll(): void;
-    /**
-     * Set all list items to be selected or deselected.
-     * @param {boolean} isDeselect If true will deselect all items, otherwise select all.
-     * @returns {void}
-     */
-    toggleAll(isDeselect?: boolean): void;
-    /**
-     * Get data for list item
-     * @param {Element} item list item
-     * @returns {any} data object
-     */
-    getListItemData(item?: Element | null): any;
-    /**
-     * Return #focusedLiIndex
-     * @returns {any} focusedLiIndex
-     */
-    getFocusedLiIndex(): any;
-    /**
-     * Return all selected Li indexes
-     * @returns {any} List of selected li index
-     */
-    getAllSelectedLiIndex(): number[];
 }
 export {};

package/components/ids-list-view/ids-list-view.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-GZLGMDEV.js";import"../../chunks/ids-chunk-ACARG4YW.js";import"../../chunks/ids-chunk-YVRJF4FD.js";import"../../chunks/ids-chunk-SOS6R5EM.js";import"../../chunks/ids-chunk-KSZBZQHC.js";import"../../chunks/ids-chunk-SOPVBEZ6.js";import"../../chunks/ids-chunk-3NZ7H7BT.js";import"../../chunks/ids-chunk-RXLD6G4V.js";import"../../chunks/ids-chunk-Z2TM5XYU.js";import"../../chunks/ids-chunk-TFKPHKUJ.js";import"../../chunks/ids-chunk-4DCGWWPS.js";import"../../chunks/ids-chunk-LBSONM2J.js";import"../../chunks/ids-chunk-GPP7AJYQ.js";import"../../chunks/ids-chunk-CTR2M4FV.js";import"../../chunks/ids-chunk-XDGYUGXP.js";import"../../chunks/ids-chunk-RKWJAL3O.js";import"../../chunks/ids-chunk-KCHJRSC5.js";import"../../chunks/ids-chunk-D6BUNCYD.js";import"../../chunks/ids-chunk-K2BBXXX5.js";import"../../chunks/ids-chunk-NNYEUWVD.js";import"../../chunks/ids-chunk-JUAZVJ6E.js";import"../../chunks/ids-chunk-WIL57FIX.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-N7DRMWRG.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-J24ELFMZ.js";import"../../chunks/ids-chunk-N6SX6TUD.js";import"../../chunks/ids-chunk-RD3DSHEV.js";import"../../chunks/ids-chunk-W6RCLQGO.js";import"../../chunks/ids-chunk-RXQQ2UZI.js";import"../../chunks/ids-chunk-D6TOZSKF.js";import"../../chunks/ids-chunk-NP4FOCAS.js";import"../../chunks/ids-chunk-BUJ7X7MF.js";import"../../chunks/ids-chunk-XVMMEX7J.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IJT7O7QH.js";import"../../chunks/ids-chunk-PKXWNJWU.js";import"../../chunks/ids-chunk-ZWSUJSD3.js";import"../../chunks/ids-chunk-YLSCOKVT.js";import"../../chunks/ids-chunk-JJN34CZM.js";import"../../chunks/ids-chunk-RLKK4ZQR.js";import"../../chunks/ids-chunk-SISBAIFN.js";import"../../chunks/ids-chunk-72ZYPOWJ.js";import"../../chunks/ids-chunk-EARO2CJC.js";import"../../chunks/ids-chunk-WL54H54A.js";import"../../chunks/ids-chunk-6TEY67DT.js";import"../../chunks/ids-chunk-EJFV3IXB.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-5FY5U6SN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-WERRPJQF.js";import"../../chunks/ids-chunk-JOUT6B26.js";import"../../chunks/ids-chunk-6W3Q5D5I.js";import"../../chunks/ids-chunk-XUD3WMIT.js";import"../../chunks/ids-chunk-FO52BNTK.js";import"../../chunks/ids-chunk-XDHN7FIQ.js";import"../../chunks/ids-chunk-AWX53KLG.js";import"../../chunks/ids-chunk-QB6TDVBM.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-LFKI3ZIN.js";import"../../chunks/ids-chunk-3QLSR2DO.js";import"../../chunks/ids-chunk-4XZUCEYZ.js";import"../../chunks/ids-chunk-23UNNOWE.js";import"../../chunks/ids-chunk-PHQEFZRD.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-CT5U7IVV.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-EVENS4EI.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-4WDX2CDM.js";import"../../chunks/ids-chunk-MJGRLEUU.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZKFSRERX.js";import"../../chunks/ids-chunk-SDTXNG6G.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-VQGYFQII.js";import"../../chunks/ids-chunk-EBHIT5VD.js";import"../../chunks/ids-chunk-OAJ57YHK.js";import"../../chunks/ids-chunk-RGBU4NTU.js";import"../../chunks/ids-chunk-SSZNI5BS.js";import"../../chunks/ids-chunk-3NZ7H7BT.js";import"../../chunks/ids-chunk-D2W3SOEP.js";import"../../chunks/ids-chunk-PG6YPWLM.js";import"../../chunks/ids-chunk-O23GU4MI.js";import"../../chunks/ids-chunk-GRJKEP4F.js";import"../../chunks/ids-chunk-F5C2GB4J.js";import"../../chunks/ids-chunk-2UAFGISK.js";import"../../chunks/ids-chunk-MGQFJW5M.js";import"../../chunks/ids-chunk-XDGYUGXP.js";import"../../chunks/ids-chunk-7LQSIV5A.js";import"../../chunks/ids-chunk-GNQILAEP.js";import"../../chunks/ids-chunk-PNFB5GRV.js";import"../../chunks/ids-chunk-VUPAZJN4.js";import"../../chunks/ids-chunk-CYUUIMSF.js";import"../../chunks/ids-chunk-BW2KH6PU.js";import"../../chunks/ids-chunk-BIXD55QR.js";import"../../chunks/ids-chunk-BRU2B3JP.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-DX3F6CNY.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-24UJJQUQ.js";import"../../chunks/ids-chunk-TXIYNJQK.js";import"../../chunks/ids-chunk-Z2DSK5HU.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-SKASXVWN.js";import"../../chunks/ids-chunk-Y3DSEFZJ.js";import"../../chunks/ids-chunk-Y3NRAVZ2.js";import"../../chunks/ids-chunk-I5L56WNX.js";import"../../chunks/ids-chunk-IXJF5JGJ.js";import"../../chunks/ids-chunk-UJQNVJHP.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-PIKQBVG3.js";import"../../chunks/ids-chunk-PPXTQZPH.js";import"../../chunks/ids-chunk-R7VB6EOR.js";import"../../chunks/ids-chunk-XGNUJFYU.js";import"../../chunks/ids-chunk-IMU3B67I.js";import"../../chunks/ids-chunk-CNHPYGEF.js";import"../../chunks/ids-chunk-3N3IFL5K.js";import"../../chunks/ids-chunk-IBKNKMEF.js";import"../../chunks/ids-chunk-SFMUPRNA.js";import"../../chunks/ids-chunk-SMZTS5S5.js";import"../../chunks/ids-chunk-C2X5YWTJ.js";import"../../chunks/ids-chunk-TO7KFRDQ.js";import"../../chunks/ids-chunk-JXEN4J5L.js";import"../../chunks/ids-chunk-K5N3YEDE.js";import"../../chunks/ids-chunk-MPQQ54MN.js";import"../../chunks/ids-chunk-XBHSRQYJ.js";import"../../chunks/ids-chunk-XTCOSBSC.js";import"../../chunks/ids-chunk-JLI52JSP.js";import"../../chunks/ids-chunk-WL54H54A.js";import"../../chunks/ids-chunk-WJOA4QOY.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-3TOPWFRB.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-TKEWQU35.js";import"../../chunks/ids-chunk-4WZCDN7B.js";import"../../chunks/ids-chunk-ECWXAFYU.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-D2KOMV4A.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-VPHXGWIQ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-RW2HYK23.js";import"../../chunks/ids-chunk-LPBCDH72.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AVJBDNMO.js";import"../../chunks/ids-chunk-DLJMMPZB.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-ECJIHQ7J.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-loading-indicator/ids-loading-indicator-attributes.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/ids-chunk-XUD3WMIT.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{b as getInnerIndicatorHtml,a as getPercentageTextHtml};
+import{a,b}from"../../chunks/ids-chunk-3N3IFL5K.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-ECJIHQ7J.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{b as getInnerIndicatorHtml,a as getPercentageTextHtml};

package/components/ids-loading-indicator/ids-loading-indicator.css

@@ -17,6 +17,17 @@
   height: 11px;
 }
 
+:host(ids-loading-indicator[align=center]:not([linear]):not([sticky]):not([inline])) {
+  position: fixed;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
+  margin-block-start: -25px;
+}
+
+:host(ids-loading-indicator[stopped]:not([linear]):not([sticky]):not([inline])) {
+  display: none;
+}
+
 :host(ids-loading-indicator[linear]),
 :host(ids-loading-indicator[sticky]) {
   position: relative;

package/components/ids-loading-indicator/ids-loading-indicator.d.ts

@@ -1,8 +1,7 @@
 import IdsElement from '../../core/ids-element';
 declare const Base: {
     new (...args: any[]): {
-        handledEvents: Map<any, any>;
-        /**
+        handledEvents: Map<any, any>; /**
          * Return the attributes we handle as getters/setters
          * @returns {Array} The attributes in an array
          */
@@ -15,10 +14,7 @@ declare const Base: {
         timer?: import("../../utils/ids-timer-utils/ids-timer-utils").FrameRequestLoopHandler | null | undefined;
         slopedMouseLeaveTimer?: import("../../utils/ids-timer-utils/ids-timer-utils").FrameRequestLoopHandler | null | undefined;
         startX: number;
-        startY: number; /**
-         * Return the Template for the contents
-         * @returns {string} The template
-         */
+        startY: number;
         trackedX: number;
         trackedY: number;
         vetoableEventTypes: string[];
@@ -44,7 +40,7 @@ declare const Base: {
         "__#5@#removeHoverEndListener"(): void;
         "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -53,6 +49,7 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
@@ -401,9 +398,6 @@ declare const Base: {
  */
 export default class IdsLoadingIndicator extends Base {
     #private;
-    /**
-     * Call the constructor and then initialize
-     */
     constructor();
     /**
      * Invoked each time the custom element is appended into a document-connected element.
@@ -467,7 +461,24 @@ export default class IdsLoadingIndicator extends Base {
      * (not applicable to `sticky` loading indicators).
      */
     get percentageVisible(): boolean;
-    updatePercentageVisible(): void;
+    /**
+     * Get the current overlay setting
+     * @returns {boolean} true if an overlay is used
+     */
+    get overlay(): boolean;
+    /**
+     * Set the overlay state between visible and not visible
+     * @param {boolean} val can be set to true to show the overlay
+     */
+    set overlay(val: boolean);
+    /**
+     * Stop and hide the loading indicator
+     */
+    stop(): void;
+    /**
+     * Re start the loading indicator
+     */
+    start(): void;
     /**
      * @param {boolean} value Flags the indicator as a linear indicator type;
      * causes the indicator to span its parent component horizontally and
@@ -482,6 +493,12 @@ export default class IdsLoadingIndicator extends Base {
      * flag types that may be set.
      */
     get linear(): string | boolean;
+    /**
+     * Set the alignment between normal and center
+     * @param {string} value can be center to center to center align the loader
+     */
+    set align(value: string);
+    get align(): string;
     /**
      * @returns {'circular'|'linear'|'sticky'} type The type of loading indicator
      */