ids-enterprise-wc 1.0.0-beta.14 → 1.0.0-beta.16

package/components/ids-popup/ids-popup.css

@@ -1,4 +1,4 @@
-/* Ids Popup Component */
+/** Generates a Module Nav IdsPopup style */ /* Ids Popup Component */
 :root {
   display: block;
   z-index: var(--ids-z-index-60);
@@ -94,10 +94,13 @@
   top: calc(var(--ids-popup-arrow-size) * -1);
 }
 .ids-popup.animated {
-  transition: opacity var(--ids-motion-duration) var(--ids-motion-linear), transform var(--ids-motion-duration) var(--ids-motion-linear);
+  transition: border-color var(--ids-motion-duration) var(--ids-motion-linear), opacity var(--ids-motion-duration) var(--ids-motion-linear), transform var(--ids-motion-duration) var(--ids-motion-linear);
+}
+.ids-popup.animated ::slotted(*) {
+  transition: opacity var(--ids-motion-duration) var(--ids-motion-linear);
 }
 .ids-popup.animated.open {
-  transition: opacity var(--ids-motion-duration) var(--ids-motion-linear), height var(--ids-motion-duration) var(--ids-motion-linear), width var(--ids-motion-duration) var(--ids-motion-linear), transform var(--ids-motion-duration) var(--ids-motion-linear);
+  transition: border-color var(--ids-motion-duration) var(--ids-motion-linear), opacity var(--ids-motion-duration) var(--ids-motion-linear), height var(--ids-motion-duration) var(--ids-motion-linear), width var(--ids-motion-duration) var(--ids-motion-linear), transform var(--ids-motion-duration) var(--ids-motion-linear);
 }
 .ids-popup.animation-fade {
   opacity: 0;
@@ -110,10 +113,16 @@
   transform-style: preserve-3d;
   transform: perspective(1000px) translate3d(0, 0, -500px);
 }
+.ids-popup.animation-scale-in ::slotted(*) {
+  opacity: 0;
+}
 .ids-popup.animation-scale-in.open {
   opacity: 1;
   transform: perspective(1000px) translate3d(0, 0, 0);
 }
+.ids-popup.animation-scale-in.open ::slotted(*) {
+  opacity: 1;
+}
 .ids-popup.animation-slide-from-bottom {
   opacity: 0;
   transform-style: preserve-3d;
@@ -133,7 +142,6 @@
   min-width: 15%;
   max-height: 100%;
   max-width: 100%;
-  overflow: hidden;
 }
 .ids-popup.position-viewport.fit-viewport {
   height: 100%;
@@ -352,18 +360,20 @@
 }
 .ids-popup.modal {
   background-color: var(--ids-modal-color-background);
-  border: 1px solid var(--ids-modal-color-border);
+  border: 1px solid transparent;
   padding: var(--ids-modal-padding);
   border-radius: var(--ids-modal-border-radius);
-  box-shadow: var(--ids-modal-shadow-default);
   font-family: var(--ids-font-family-default);
   color: var(--ids-modal-color-text);
 }
+.ids-popup.modal.open {
+  border-color: var(--ids-modal-color-border);
+  box-shadow: var(--ids-modal-shadow-default);
+}
 .ids-popup.dropdown {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: var(--ids-dropdown-color-background-default);
-  border: 1px solid var(--ids-dropdown-color-border);
   box-shadow: var(--ids-dropdown-shadow-default);
   border-radius: var(--ids-dropdown-border-radius);
   outline: none;
@@ -375,6 +385,19 @@
   border-top-color: var(--ids-dropdown-color-border);
   box-shadow: var(--ids-dropdown-shadow-opened-up);
 }
+.ids-popup.dropdown.open {
+  border: 1px solid var(--ids-dropdown-color-border);
+}
+.ids-popup.module-nav {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: var(--ids-module-nav-input-bg-color);
+  border: var(--ids-module-nav-input-border-width) solid var(--ids-module-nav-input-border-color);
+  border-radius: var(--ids-module-nav-common-border-radius);
+  box-shadow: var(--ids-module-nav-settings-menu-box-shadow);
+  color: var(--ids-module-nav-settings-menu-item-text-color);
+  padding-block: var(--ids-module-nav-gutter-size);
+}
 .ids-popup:not(.position-viewport).has-maxheight .content-wrapper {
   height: var(--ids-popup-maxheight);
   overflow: auto;

package/components/ids-popup/ids-popup.d.ts

@@ -2,17 +2,10 @@ import IdsElement from '../../core/ids-element';
 import type { IdsPopupElementRef, IdsPopupXYSwitchResult } from './ids-popup-attributes';
 declare const Base: {
     new (...args: any[]): {
-        localeAPI: import("../ids-locale/ids-locale").default;
+        readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
-        setLanguage(value: string): Promise<void>;
-        previousLanguage: string;
-        language: any;
-        "__#5@#notifyChildrenLanguage"(children: NodeListOf<HTMLElement>, language: string, previousLanguage: string): void;
-        previousLocale: string;
-        setLocale(value: string): Promise<void>;
         locale: string;
-        "__#5@#notifyChildrenLocale"(children: NodeListOf<HTMLElement>, locale: string, previousLocale: string): void;
-        setDirection(): void;
+        language: any;
         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;
@@ -30,14 +23,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -381,20 +374,20 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#3@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeLongPressListener"(): void;
-        "__#3@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeSwipeListener"(): void;
-        "__#3@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#3@#removeKeyboardFocusListener"(): void;
-        "__#3@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#clearSlopedMouseLeaveTimer"(): void;
-        "__#3@#removeSlopedMouseLeaveListener"(): void;
-        "__#3@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeLongPressListener"(): void;
+        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeSwipeListener"(): void;
+        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#5@#removeKeyboardFocusListener"(): void;
+        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#clearSlopedMouseLeaveTimer"(): void;
+        "__#5@#removeSlopedMouseLeaveListener"(): void;
+        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#3@#removeHoverEndListener"(): void;
-        "__#3@#removeKeyDownEndListener"(): void;
+        "__#5@#removeHoverEndListener"(): void;
+        "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -405,13 +398,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;

package/components/ids-popup/ids-popup.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-6NIQXA2N.js";import"../../chunks/ids-chunk-R7IBXBBI.js";import"../../chunks/ids-chunk-MXFCUDLP.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};

package/components/ids-popup-menu/ids-popup-menu.d.ts

@@ -6,7 +6,7 @@ declare const Base: {
         disconnectedCallback(): void;
         hasOpenEvents: boolean;
         popupOpenEventsTarget: import("../ids-popup/ids-popup-attributes").IdsPopupElementRef;
-        "__#30@#currentPopupOpenEventsTarget": import("../ids-popup/ids-popup-attributes").IdsPopupElementRef;
+        "__#31@#currentPopupOpenEventsTarget": import("../ids-popup/ids-popup-attributes").IdsPopupElementRef;
         addOpenEvents(): void;
         removeOpenEvents(): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
@@ -26,13 +26,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -357,7 +357,7 @@ declare const Base: {
     new (...args: any[]): {
         connectedCallback(): void;
         disconnectedCallback(): void;
-        "__#31@#setInitialState"(): void;
+        "__#32@#setInitialState"(): void;
         hasTriggerEvents: boolean;
         popupDelay: number;
         readonly popup: IdsPopup | null | undefined;
@@ -388,13 +388,13 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -717,17 +717,10 @@ declare const Base: {
     readonly attributes: any[];
 } & {
     new (...args: any[]): {
-        localeAPI: import("../ids-locale/ids-locale").default;
+        readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
-        setLanguage(value: string): Promise<void>;
-        previousLanguage: string;
-        language: any;
-        "__#5@#notifyChildrenLanguage"(children: NodeListOf<HTMLElement>, language: string, previousLanguage: string): void;
-        previousLocale: string;
-        setLocale(value: string): Promise<void>;
         locale: string;
-        "__#5@#notifyChildrenLocale"(children: NodeListOf<HTMLElement>, locale: string, previousLocale: string): void;
-        setDirection(): void;
+        language: any;
         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;
@@ -745,14 +738,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -1080,7 +1073,7 @@ declare const Base: {
         attachment: string | null;
         connectedCallback(): void;
         disconnectedCallback(): void;
-        "__#29@#setAttachmentParent"(val: string | null): void;
+        "__#30@#setAttachmentParent"(val: string | null): void;
         appendToTargetParent(): void;
         appendToOriginalParent(): void;
         name?: string | undefined;
@@ -1092,13 +1085,13 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -1433,6 +1426,7 @@ export default class IdsPopupMenu extends Base {
     #private;
     /** Component's first child element (in IdsPopupMenu, this is always an IdsPopup component) */
     container?: IdsPopup | null;
+    recentlyHidden: boolean;
     constructor();
     static get attributes(): any[];
     /**
@@ -1586,5 +1580,14 @@ export default class IdsPopupMenu extends Base {
      * @param {boolean} val true if the `onPlace` method should account for a parent menu's placement
      */
     private setOnPlace;
+    /**
+     * Focuses the correct element
+     */
+    focus(): void;
+    /**
+     * Runs a private internal timer that controls whether or not
+     * some internal event-handling is allowed on the popup menu.
+     */
+    private startHiddenTimer;
 }
 export {};

package/components/ids-popup-menu/ids-popup-menu.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-G6CTBPDT.js";import"../../chunks/ids-chunk-DOLUR6CX.js";import"../../chunks/ids-chunk-RXKBAZ4I.js";import"../../chunks/ids-chunk-RJCX7NER.js";import"../../chunks/ids-chunk-JA6ES3WY.js";import"../../chunks/ids-chunk-OKBUVHAP.js";import"../../chunks/ids-chunk-DXGQFMWW.js";import"../../chunks/ids-chunk-R7DZNS7W.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-K7QJZ6GH.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-XTFBAHLT.js";import"../../chunks/ids-chunk-MTO4IW77.js";import"../../chunks/ids-chunk-R5ZFGKRA.js";import"../../chunks/ids-chunk-X6RWFTGV.js";import"../../chunks/ids-chunk-4RSNCW6T.js";import"../../chunks/ids-chunk-MA5MPQCR.js";import"../../chunks/ids-chunk-WL54H54A.js";import"../../chunks/ids-chunk-FLW6Z5UP.js";import"../../chunks/ids-chunk-7O3OTI42.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-LFTWDGW6.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-RFSSSI2A.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-6NIQXA2N.js";import"../../chunks/ids-chunk-R7IBXBBI.js";import"../../chunks/ids-chunk-MXFCUDLP.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-VD3FN2LH.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};

package/components/ids-process-indicator/ids-process-indicator-step.d.ts

@@ -25,20 +25,20 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#3@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeLongPressListener"(): void;
-        "__#3@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeSwipeListener"(): void;
-        "__#3@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#3@#removeKeyboardFocusListener"(): void;
-        "__#3@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#clearSlopedMouseLeaveTimer"(): void;
-        "__#3@#removeSlopedMouseLeaveListener"(): void;
-        "__#3@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeLongPressListener"(): void;
+        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeSwipeListener"(): void;
+        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#5@#removeKeyboardFocusListener"(): void;
+        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#clearSlopedMouseLeaveTimer"(): void;
+        "__#5@#removeSlopedMouseLeaveListener"(): void;
+        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#3@#removeHoverEndListener"(): void;
-        "__#3@#removeKeyDownEndListener"(): void;
+        "__#5@#removeHoverEndListener"(): void;
+        "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -49,13 +49,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;

package/components/ids-process-indicator/ids-process-indicator-step.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-ON5KDCUX.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-JGNL7LWI.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};

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

@@ -1,25 +1,94 @@
 @media (min-width: 360px) {
-  :host .xs-header {
-    display: flex;
-    position: absolute;
-  }
-  :host .xs-header .label {
-    margin-left: var(--ids-space-30);
+  :host(.last) {
+    flex: 0;
   }
 }
 @media (min-width: 840px) {
-  :host .xs-header {
+  :host(.last) {
+    flex: 1;
+  }
+}
+
+:root {
+  display: flex;
+  flex: 1;
+  position: relative;
+}
+:host ::slotted(ids-text) {
+  color: var(--ids-process-indicator-color-text);
+}
+@media (min-width: 360px) {
+  :host .label {
     display: none;
-    position: unset;
   }
+  :host .details {
+    display: none;
+  }
+  :host .step {
+    margin-top: var(--ids-process-indicator-step-margin-top);
+  }
+}
+@media (min-width: 840px) {
+  :host .details {
+    display: unset;
+  }
+  :host .label {
+    display: unset;
+  }
+  :host .step {
+    margin-top: unset;
+  }
+}
+
+::slotted(*) {
+  display: block;
+  margin: var(--ids-process-indicator-margin);
 }
 
-.ids-process-indicator {
+.ids-process-indicator-step ids-text::part(text) {
+  color: var(--ids-process-indicator-color-text);
+  margin: var(--ids-process-indicator-text-margin);
+}
+.ids-process-indicator-step ids-text.label {
+  margin: var(--ids-process-indicator-margin);
+  white-space: nowrap;
+}
+.ids-process-indicator-step .line {
+  position: absolute;
+  transform: var(--ids-process-indicator-line-transform);
+  height: var(--ids-process-indicator-font-line-height);
   width: 100%;
-  height: auto;
+  background-color: var(--ids-process-indicator-line-color-background);
 }
-.ids-process-indicator .step-container {
+.ids-process-indicator-step .step {
   display: flex;
+  transform: var(--ids-process-indicator-step-transform);
+  height: var(--ids-process-indicator-step-height);
+  width: var(--ids-process-indicator-step-width);
+  border-radius: var(--ids-process-indicator-border-radius-step);
+  background-color: var(--ids-process-indicator-color-background);
+  border: 2px solid var(--ids-process-indicator-color);
+}
+
+:host([status=cancelled]) .step {
+  background-color: var(--ids-process-indicator-canceled-step-color-background);
+  width: 18px;
+  height: 18px;
+  border: 0;
   justify-content: center;
-  width: 100%;
+}
+:host([status=cancelled]) .step ids-icon {
+  display: flex;
+  justify-content: center;
+  color: var(--ids-process-indicator-canceled-step-color-icon);
+}
+
+:host([status=done]) .step {
+  border: var(--ids-process-indicator-border-done);
+  background-color: var(--ids-process-indicator-color-primary);
+}
+
+:host([status=started]) .step {
+  border: var(--ids-process-indicator-border-started);
+  background-color: var(--ids-process-indicator-color-background);
 }

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

@@ -24,20 +24,20 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#3@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeLongPressListener"(): void;
-        "__#3@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeSwipeListener"(): void;
-        "__#3@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#3@#removeKeyboardFocusListener"(): void;
-        "__#3@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#clearSlopedMouseLeaveTimer"(): void;
-        "__#3@#removeSlopedMouseLeaveListener"(): void;
-        "__#3@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeLongPressListener"(): void;
+        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeSwipeListener"(): void;
+        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#5@#removeKeyboardFocusListener"(): void;
+        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#clearSlopedMouseLeaveTimer"(): void;
+        "__#5@#removeSlopedMouseLeaveListener"(): void;
+        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#3@#removeHoverEndListener"(): void;
-        "__#3@#removeKeyDownEndListener"(): void;
+        "__#5@#removeHoverEndListener"(): void;
+        "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -48,13 +48,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;

package/components/ids-process-indicator/ids-process-indicator.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-73WQ66QN.js";import"../../chunks/ids-chunk-ON5KDCUX.js";import"../../chunks/ids-chunk-JB4HATAK.js";import"../../chunks/ids-chunk-QXBFKEEP.js";import"../../chunks/ids-chunk-4FZLXQW3.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-5T3Y3IHQ.js";import"../../chunks/ids-chunk-JGNL7LWI.js";import"../../chunks/ids-chunk-CPFMJAEE.js";import"../../chunks/ids-chunk-LFTWDGW6.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-CYHGXCKL.js";import"../../chunks/ids-chunk-RZXRZPI4.js";import"../../chunks/ids-chunk-6NIQXA2N.js";import"../../chunks/ids-chunk-R7IBXBBI.js";import"../../chunks/ids-chunk-MXFCUDLP.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-VD3FN2LH.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};

package/components/ids-progress-bar/ids-progress-bar.d.ts

@@ -22,20 +22,20 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#3@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeLongPressListener"(): void;
-        "__#3@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeSwipeListener"(): void;
-        "__#3@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#3@#removeKeyboardFocusListener"(): void;
-        "__#3@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#clearSlopedMouseLeaveTimer"(): void;
-        "__#3@#removeSlopedMouseLeaveListener"(): void;
-        "__#3@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeLongPressListener"(): void;
+        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeSwipeListener"(): void;
+        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#5@#removeKeyboardFocusListener"(): void;
+        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#clearSlopedMouseLeaveTimer"(): void;
+        "__#5@#removeSlopedMouseLeaveListener"(): void;
+        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#3@#removeHoverEndListener"(): void;
-        "__#3@#removeKeyDownEndListener"(): void;
+        "__#5@#removeHoverEndListener"(): void;
+        "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -46,13 +46,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;

package/components/ids-progress-bar/ids-progress-bar.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-UVS4MOQI.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-UB2ZXC74.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};