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

package/components/ids-pie-chart/ids-pie-chart.d.ts

@@ -50,21 +50,17 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#4@#addBaseName"(): void;
+        "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#4@#appendHostCss"(): void;
+        "__#3@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
-        /**
-         * Return the inner chart template
-         * @returns {string} The pie inner template
-         */
         loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -81,11 +77,15 @@ declare const Base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -119,6 +119,7 @@ declare const Base: {
         closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
         closest<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
         closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -249,7 +250,7 @@ declare const Base: {
         ariaValueNow: string | null;
         ariaValueText: string | null;
         role: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -276,6 +277,7 @@ declare const Base: {
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -348,6 +350,7 @@ declare const Base: {
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -388,8 +391,8 @@ declare const Base: {
         connectedCallback(): void;
         attachSelectionEvents(): void;
         detachSelectionEvents(): void;
-        "__#96@#init"(): void;
-        "__#96@#doSelectableChange"(value: boolean): void;
+        "__#113@#init"(): void;
+        "__#113@#doSelectableChange"(value: boolean): void;
         selectable: boolean;
         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;
@@ -408,21 +411,17 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#4@#addBaseName"(): void;
+        "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#4@#appendHostCss"(): void;
+        "__#3@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
-        /**
-         * Return the inner chart template
-         * @returns {string} The pie inner template
-         */
         loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -439,11 +438,15 @@ declare const Base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K_17 extends keyof HTMLElementEventMap>(type: K_17, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_17]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_18 extends keyof HTMLElementEventMap>(type: K_18, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_18]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -477,6 +480,7 @@ declare const Base: {
         closest<K_20 extends keyof SVGElementTagNameMap>(selector: K_20): SVGElementTagNameMap[K_20] | null;
         closest<K_21 extends keyof MathMLElementTagNameMap>(selector: K_21): MathMLElementTagNameMap[K_21] | null;
         closest<E_3 extends Element = Element>(selectors: string): E_3 | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -607,7 +611,7 @@ declare const Base: {
         ariaValueNow: string | null;
         ariaValueText: string | null;
         role: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -634,6 +638,7 @@ declare const Base: {
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -706,6 +711,7 @@ declare const Base: {
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -763,21 +769,17 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#4@#addBaseName"(): void;
+        "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#4@#appendHostCss"(): void;
+        "__#3@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
-        /**
-         * Return the inner chart template
-         * @returns {string} The pie inner template
-         */
         loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -794,11 +796,15 @@ declare const Base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K_26 extends keyof HTMLElementEventMap>(type: K_26, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_26]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_27 extends keyof HTMLElementEventMap>(type: K_27, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_27]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -832,6 +838,7 @@ declare const Base: {
         closest<K_29 extends keyof SVGElementTagNameMap>(selector: K_29): SVGElementTagNameMap[K_29] | null;
         closest<K_30 extends keyof MathMLElementTagNameMap>(selector: K_30): MathMLElementTagNameMap[K_30] | null;
         closest<E_4 extends Element = Element>(selectors: string): E_4 | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -962,7 +969,7 @@ declare const Base: {
         ariaValueNow: string | null;
         ariaValueText: string | null;
         role: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -989,6 +996,7 @@ declare const Base: {
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -1061,6 +1069,7 @@ declare const Base: {
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -1142,20 +1151,16 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#4@#addBaseName"(): void;
+        "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#4@#appendHostCss"(): void;
+        "__#3@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
-        /**
-         * Return the inner chart template
-         * @returns {string} The pie inner template
-         */
         loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -1172,11 +1177,15 @@ declare const Base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K_35 extends keyof HTMLElementEventMap>(type: K_35, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_35]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_36 extends keyof HTMLElementEventMap>(type: K_36, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_36]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -1210,6 +1219,7 @@ declare const Base: {
         closest<K_38 extends keyof SVGElementTagNameMap>(selector: K_38): SVGElementTagNameMap[K_38] | null;
         closest<K_39 extends keyof MathMLElementTagNameMap>(selector: K_39): MathMLElementTagNameMap[K_39] | null;
         closest<E_5 extends Element = Element>(selectors: string): E_5 | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -1340,7 +1350,7 @@ declare const Base: {
         ariaValueNow: string | null;
         ariaValueText: string | null;
         role: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -1367,6 +1377,7 @@ declare const Base: {
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -1439,6 +1450,7 @@ declare const Base: {
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;

package/components/ids-pie-chart/ids-pie-chart.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-VSBAMYSR.js";import"../../chunks/ids-chunk-ZRTZR2P5.js";import"../../chunks/ids-chunk-JUDMGQ3I.js";import"../../chunks/ids-chunk-4VCXITRV.js";import"../../chunks/ids-chunk-CM5DVGG4.js";import"../../chunks/ids-chunk-ZIGY2P3N.js";import"../../chunks/ids-chunk-T2TIUOXF.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-ZDCI6ZYN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-6DZMKJ4V.js";import"../../chunks/ids-chunk-64ALFBFK.js";import"../../chunks/ids-chunk-EHXWQUU7.js";import"../../chunks/ids-chunk-PTNGEG7Q.js";import"../../chunks/ids-chunk-OUX67T2L.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-E2WR233N.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-SNYFQ5ZT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5PHNP5RO.js";import"../../chunks/ids-chunk-WVMGJ7NE.js";import"../../chunks/ids-chunk-VEJ34DID.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-M466RSCL.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-EHQM67XJ.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-ZQNX3WOW.js";import"../../chunks/ids-chunk-B4ZHUD4W.js";import"../../chunks/ids-chunk-7L43CVJ7.js";import"../../chunks/ids-chunk-TZVV43WS.js";import"../../chunks/ids-chunk-IJT7O7QH.js";import"../../chunks/ids-chunk-ZIGY2P3N.js";import"../../chunks/ids-chunk-T2TIUOXF.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-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};

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

@@ -1 +1 @@
-import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o}from"../../chunks/ids-chunk-PTNGEG7Q.js";import"../../chunks/ids-chunk-EHQM67XJ.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{f as ALIGNMENTS_EDGES_X,g as ALIGNMENTS_EDGES_Y,d as ALIGNMENTS_X,e as ALIGNMENTS_Y,c as ALIGNMENT_EDGES,h as ANIMATION_STYLES,i as ARROW_TYPES,a as CENTER,b as DEFAULT_ALIGN_EDGE,m as POPUP_MAXHEIGHT_PROPNAME,l as POPUP_PROPERTIES,j as POSITION_STYLES,k as TYPES,n as formatAlignAttribute,o as onPlace};
+import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o}from"../../chunks/ids-chunk-23UNNOWE.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{f as ALIGNMENTS_EDGES_X,g as ALIGNMENTS_EDGES_Y,d as ALIGNMENTS_X,e as ALIGNMENTS_Y,c as ALIGNMENT_EDGES,h as ANIMATION_STYLES,i as ARROW_TYPES,a as CENTER,b as DEFAULT_ALIGN_EDGE,m as POPUP_MAXHEIGHT_PROPNAME,l as POPUP_PROPERTIES,j as POSITION_STYLES,k as TYPES,n as formatAlignAttribute,o as onPlace};

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

@@ -1,4 +1,5 @@
-/** Generates a Module Nav IdsPopup style */ /* Ids Popup Component */
+/* Ids Popup Component */
+/** Generates a Module Nav IdsPopup style */
 :root {
   display: block;
   z-index: var(--ids-z-index-60);
@@ -94,10 +95,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 +114,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 +143,6 @@
   min-width: 15%;
   max-height: 100%;
   max-width: 100%;
-  overflow: hidden;
 }
 .ids-popup.position-viewport.fit-viewport {
   height: 100%;
@@ -352,13 +361,16 @@
 }
 .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;

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

@@ -23,14 +23,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#4@#addBaseName"(): void;
+        "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#4@#appendHostCss"(): void;
+        "__#3@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -50,11 +50,15 @@ declare const Base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -88,6 +92,7 @@ declare const Base: {
         closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
         closest<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
         closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -218,7 +223,7 @@ declare const Base: {
         ariaValueNow: string | null;
         ariaValueText: string | null;
         role: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -245,6 +250,7 @@ declare const Base: {
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -317,6 +323,7 @@ declare const Base: {
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -372,6 +379,10 @@ declare const Base: {
         offEvent(eventName: string, target?: unknown, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
+        /**
+         * Sets the element to align with via a css selector
+         * @param {IdsPopupElementRef | string} val a CSS selector string
+         */
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
         "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
@@ -398,13 +409,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#4@#addBaseName"(): void;
+        "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#4@#appendHostCss"(): void;
+        "__#3@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -424,11 +435,15 @@ declare const Base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K_17 extends keyof HTMLElementEventMap>(type: K_17, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_17]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_18 extends keyof HTMLElementEventMap>(type: K_18, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_18]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -462,6 +477,7 @@ declare const Base: {
         closest<K_20 extends keyof SVGElementTagNameMap>(selector: K_20): SVGElementTagNameMap[K_20] | null;
         closest<K_21 extends keyof MathMLElementTagNameMap>(selector: K_21): MathMLElementTagNameMap[K_21] | null;
         closest<E_3 extends Element = Element>(selectors: string): E_3 | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -592,7 +608,7 @@ declare const Base: {
         ariaValueNow: string | null;
         ariaValueText: string | null;
         role: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -619,6 +635,7 @@ declare const Base: {
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -691,6 +708,7 @@ declare const Base: {
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -740,6 +758,7 @@ export default class IdsPopup extends Base {
     shouldUpdate: boolean;
     isFlipped: boolean;
     scrollParentElem?: HTMLElement | null;
+    useRight: boolean;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-EHXWQUU7.js";import"../../chunks/ids-chunk-PTNGEG7Q.js";import"../../chunks/ids-chunk-OUX67T2L.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-SNYFQ5ZT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5PHNP5RO.js";import"../../chunks/ids-chunk-WVMGJ7NE.js";import"../../chunks/ids-chunk-VEJ34DID.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-M466RSCL.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-EHQM67XJ.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-4XZUCEYZ.js";import"../../chunks/ids-chunk-23UNNOWE.js";import"../../chunks/ids-chunk-PHQEFZRD.js";import"../../chunks/ids-chunk-CT5U7IVV.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-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};