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

package/mixins/ids-selection-mixin/ids-selection-mixin.d.ts

@@ -31,14 +31,14 @@ declare const IdsSelectionMixin: <T extends IdsBaseConstructor>(superclass: T) =
             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>;
@@ -58,11 +58,15 @@ declare const IdsSelectionMixin: <T extends IdsBaseConstructor>(superclass: T) =
         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;
@@ -96,6 +100,7 @@ declare const IdsSelectionMixin: <T extends IdsBaseConstructor>(superclass: T) =
         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[];
@@ -226,7 +231,7 @@ declare const IdsSelectionMixin: <T extends IdsBaseConstructor>(superclass: T) =
         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;
@@ -253,6 +258,7 @@ declare const IdsSelectionMixin: <T extends IdsBaseConstructor>(superclass: T) =
         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;
@@ -325,6 +331,7 @@ declare const IdsSelectionMixin: <T extends IdsBaseConstructor>(superclass: T) =
         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/mixins/ids-selection-mixin/ids-selection-mixin.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-SDRG6LI4.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-RXQQ2UZI.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.d.ts

@@ -1,7 +1,12 @@
 import { EventsMixinInterface } from '../ids-events-mixin/ids-events-mixin';
 import { IdsConstructor } from '../../core/ids-element';
 import '../../components/ids-tooltip/ids-tooltip';
-type Constraints = IdsConstructor<EventsMixinInterface>;
+import type IdsTooltip from '../../components/ids-tooltip/ids-tooltip';
+interface TooltipMixinInterface {
+    canTooltipShow?(tooltipEl: IdsTooltip | null, tooltipContent: string): boolean;
+    onTooltipTargetDetection?(tooltipEl: IdsTooltip | null): HTMLElement | SVGElement;
+}
+type Constraints = IdsConstructor<EventsMixinInterface & TooltipMixinInterface>;
 /**
 /**
  * A mixin that adds tooltip functionality to components
@@ -16,12 +21,20 @@ declare const IdsTooltipMixin: <T extends Constraints>(superclass: T) => {
          * @private
          */
         handleTooltipEvents(): void;
+        /**
+         * @returns {IdsTooltip | null} reference to an established IdsTooltip
+         */
+        readonly tooltipEl: IdsTooltip | null;
         /**
          * Return the correct target element
          * @private
-         * @returns {HTMLElement} The correct target element
+         * @returns {HTMLElement | SVGElement} The correct target element
+         */
+        readonly toolTipTarget: HTMLElement | SVGElement;
+        /**
+         * @returns {HTMLElement} reference to the correct container element in which to find the mixin tooltip.
          */
-        readonly toolTipTarget: any;
+        getTooltipContainer(): Element;
         /**
          * Show the tooltip if available
          */
@@ -42,6 +55,8 @@ declare const IdsTooltipMixin: <T extends Constraints>(superclass: T) => {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
+        canTooltipShow?(tooltipEl: IdsTooltip | null, tooltipContent: string): boolean;
+        onTooltipTargetDetection?(tooltipEl: IdsTooltip | null): HTMLElement | SVGElement;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -51,14 +66,14 @@ declare const IdsTooltipMixin: <T extends Constraints>(superclass: T) => {
             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>;
@@ -78,11 +93,15 @@ declare const IdsTooltipMixin: <T extends Constraints>(superclass: T) => {
         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;
@@ -116,6 +135,7 @@ declare const IdsTooltipMixin: <T extends Constraints>(superclass: T) => {
         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[];
@@ -246,7 +266,7 @@ declare const IdsTooltipMixin: <T extends Constraints>(superclass: T) => {
         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;
@@ -273,6 +293,7 @@ declare const IdsTooltipMixin: <T extends Constraints>(superclass: T) => {
         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;
@@ -345,6 +366,7 @@ declare const IdsTooltipMixin: <T extends Constraints>(superclass: T) => {
         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/mixins/ids-tooltip-mixin/ids-tooltip-mixin.js

@@ -1 +1 @@
-import{a}from"../../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-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};
+import{a}from"../../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-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/mixins/ids-validation-mixin/ids-validation-input-mixin.d.ts

@@ -27,14 +27,14 @@ declare const IdsValidationInputMixin: <T extends IdsBaseConstructor>(superclass
             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>;
@@ -54,11 +54,15 @@ declare const IdsValidationInputMixin: <T extends IdsBaseConstructor>(superclass
         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;
@@ -92,6 +96,7 @@ declare const IdsValidationInputMixin: <T extends IdsBaseConstructor>(superclass
         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[];
@@ -222,7 +227,7 @@ declare const IdsValidationInputMixin: <T extends IdsBaseConstructor>(superclass
         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;
@@ -249,6 +254,7 @@ declare const IdsValidationInputMixin: <T extends IdsBaseConstructor>(superclass
         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;
@@ -321,6 +327,7 @@ declare const IdsValidationInputMixin: <T extends IdsBaseConstructor>(superclass
         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/mixins/ids-validation-mixin/ids-validation-input-mixin.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-PRFN5Z6E.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-PRFN5Z6E.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/mixins/ids-validation-mixin/ids-validation-mixin.d.ts

@@ -96,7 +96,7 @@ declare const IdsValidationMixin: <T extends Constraints>(superclass: T) => {
          * @private
          * @returns {void}
          */
-        "__#12@#setValidationMessagesCountAttr"(): void;
+        "__#45@#setValidationMessagesCountAttr"(): void;
         /**
          * Handle validation events
          * @private
@@ -159,30 +159,43 @@ declare const IdsValidationMixin: <T extends Constraints>(superclass: T) => {
          * @returns {number} The current messages count
          */
         readonly validationMessagesCount: number;
+        /**
+         * @param {string | boolean} val true if the required indicator should be forced to display
+         */
+        required: boolean;
+        hasRequiredValidation(): boolean | "" | null;
+        /**
+         * Draws the required indicator
+         */
+        renderRequired(): void;
+        /**
+         * Removes the required indicator
+         */
+        removeRequired(): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../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;
+        /** The Type of rule */
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>; /** The unique id in the check messages */
-        cachedNonce: string; /** The Type of message and icon */
+        state: Record<string, any>;
+        cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
         args?: {
-            /** The Type of message icon */
-            noShadowRoot?: boolean | undefined;
+            noShadowRoot?: boolean | undefined; /** The localized message text */
             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>;
@@ -202,11 +215,15 @@ declare const IdsValidationMixin: <T extends Constraints>(superclass: T) => {
         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;
@@ -240,6 +257,7 @@ declare const IdsValidationMixin: <T extends Constraints>(superclass: T) => {
         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[];
@@ -370,7 +388,7 @@ declare const IdsValidationMixin: <T extends Constraints>(superclass: T) => {
         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;
@@ -397,6 +415,7 @@ declare const IdsValidationMixin: <T extends Constraints>(superclass: T) => {
         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;
@@ -469,6 +488,7 @@ declare const IdsValidationMixin: <T extends Constraints>(superclass: T) => {
         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/mixins/ids-validation-mixin/ids-validation-mixin.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-NWQJK4KK.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-BUJ7X7MF.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-SDTXNG6G.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/mixins/ids-xss-mixin/ids-xss-mixin.d.ts

@@ -24,14 +24,14 @@ declare const IdsXssMixin: <T extends IdsBaseConstructor>(superclass: T) => {
             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>;
@@ -51,11 +51,15 @@ declare const IdsXssMixin: <T extends IdsBaseConstructor>(superclass: T) => {
         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;
@@ -89,6 +93,7 @@ declare const IdsXssMixin: <T extends IdsBaseConstructor>(superclass: T) => {
         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[];
@@ -219,7 +224,7 @@ declare const IdsXssMixin: <T extends IdsBaseConstructor>(superclass: T) => {
         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;
@@ -246,6 +251,7 @@ declare const IdsXssMixin: <T extends IdsBaseConstructor>(superclass: T) => {
         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;
@@ -318,6 +324,7 @@ declare const IdsXssMixin: <T extends IdsBaseConstructor>(superclass: T) => {
         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/mixins/ids-xss-mixin/ids-xss-mixin.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-OK27WIWV.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-KOB7TJ7A.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ids-enterprise-wc",
-  "version": "1.0.0-beta.16",
+  "version": "1.0.0-beta.17",
   "description": "The Web Component version of the IDS Enterprise component library",
   "repository": {
     "type": "git",

package/themes/default/ids-theme-default-colors.js

@@ -0,0 +1,134 @@
+import"../../chunks/ids-chunk-Y32WUP63.js";var o=`:root {
+  --ids-color-amber-10: #FEF2E5;
+  --ids-color-amber-20: #FDDFBD;
+  --ids-color-amber-30: #FCC888;
+  --ids-color-amber-40: #FBAF50;
+  --ids-color-amber-50: #FA9601;
+  --ids-color-amber-60: #F98300;
+  --ids-color-amber-70: #DF6F00;
+  --ids-color-amber-80: #CD6200;
+  --ids-color-amber-90: #B50;
+  --ids-color-amber-100: #A14100;
+  --ids-color-amethyst-10: #F1EBFC;
+  --ids-color-amethyst-20: #DDCBF7;
+  --ids-color-amethyst-30: #C2A1F1;
+  --ids-color-amethyst-40: #A876EB;
+  --ids-color-amethyst-50: #8D4BE5;
+  --ids-color-amethyst-60: #7928E1;
+  --ids-color-amethyst-70: #6C23C9;
+  --ids-color-amethyst-80: #591DA8;
+  --ids-color-amethyst-90: #4E1A91;
+  --ids-color-amethyst-100: #3B1470;
+  --ids-color-azure-10: #E6F1FD;
+  --ids-color-azure-20: #BEDCFA;
+  --ids-color-azure-30: #8ABFF7;
+  --ids-color-azure-40: #55A3F3;
+  --ids-color-azure-50: #1C86EF;
+  --ids-color-azure-60: #0072ED;
+  --ids-color-azure-70: #0066D4;
+  --ids-color-azure-80: #0054B1;
+  --ids-color-azure-90: #004A99;
+  --ids-color-azure-100: #003876;
+  --ids-color-emerald-10: #EBF9F1;
+  --ids-color-emerald-20: #CBEFDC;
+  --ids-color-emerald-30: #A1E4BF;
+  --ids-color-emerald-40: #78D8A3;
+  --ids-color-emerald-50: #4DCC86;
+  --ids-color-emerald-60: #2AC371;
+  --ids-color-emerald-70: #25AF65;
+  --ids-color-emerald-80: #1F9254;
+  --ids-color-emerald-90: #1C7F49;
+  --ids-color-emerald-100: #156138;
+  --ids-color-ruby-10: #FBE7E8;
+  --ids-color-ruby-20: #F5C3C4;
+  --ids-color-ruby-30: #EE9496;
+  --ids-color-ruby-40: #E66467;
+  --ids-color-ruby-50: #DF3539;
+  --ids-color-ruby-60: #DA1217;
+  --ids-color-ruby-70: #C31014;
+  --ids-color-ruby-80: #A30D11;
+  --ids-color-ruby-90: #8D0B0E;
+  --ids-color-ruby-100: #6C080B;
+  --ids-color-turquoise-10: #ECF8F8;
+  --ids-color-turquoise-20: #CFEEEE;
+  --ids-color-turquoise-30: #A8E1E1;
+  --ids-color-turquoise-40: #82D4D4;
+  --ids-color-turquoise-50: #5CC6C7;
+  --ids-color-turquoise-60: #40BDBE;
+  --ids-color-turquoise-70: #39A9AA;
+  --ids-color-turquoise-80: #2F8D8E;
+  --ids-color-turquoise-90: #297B7B;
+  --ids-color-turquoise-100: #1F5E5E;
+  --ids-color-slate-00: #FFF;
+  --ids-color-slate-10: #F5F5F5;
+  --ids-color-slate-20: #E0E0E1;
+  --ids-color-slate-30: #C5C5C9;
+  --ids-color-slate-40: #BBBBBF;
+  --ids-color-slate-50: #8E8E95;
+  --ids-color-slate-60: #6F6F76;
+  --ids-color-slate-70: #525257;
+  --ids-color-slate-80: #3B3B3F;
+  --ids-color-slate-90: #28282A;
+  --ids-color-slate-100: #161618;
+  --ids-color-slate-110: #000;
+  --ids-color-primary-10: var(--ids-color-azure-10);
+  --ids-color-primary-20: var(--ids-color-azure-20);
+  --ids-color-primary-30: var(--ids-color-azure-30);
+  --ids-color-primary-40: var(--ids-color-azure-40);
+  --ids-color-primary-50: var(--ids-color-azure-50);
+  --ids-color-primary-60: var(--ids-color-azure-60);
+  --ids-color-primary-70: var(--ids-color-azure-70);
+  --ids-color-primary-80: var(--ids-color-azure-80);
+  --ids-color-primary-90: var(--ids-color-azure-90);
+  --ids-color-primary-100: var(--ids-color-azure-100);
+  --ids-color-text-on-error: var(--ids-color-neutral-00);
+  --ids-color-error-10: var(--ids-color-ruby-10);
+  --ids-color-error-20: var(--ids-color-ruby-20);
+  --ids-color-error-30: var(--ids-color-ruby-30);
+  --ids-color-error-50: var(--ids-color-ruby-50);
+  --ids-color-error-60: var(--ids-color-ruby-60);
+  --ids-color-error-70: var(--ids-color-ruby-70);
+  --ids-color-error-80: var(--ids-color-ruby-80);
+  --ids-color-error-default: var(--ids-color-ruby-60);
+  --ids-color-shadow-error: rgba(218 18 23 / 0.3);
+  --ids-color-text-on-warning: var(--ids-color-neutral-100);
+  --ids-color-warning-10: var(--ids-color-amber-10);
+  --ids-color-warning-30: var(--ids-color-amber-30);
+  --ids-color-warning-40: var(--ids-color-amber-60);
+  --ids-color-warning-50: var(--ids-color-amber-50);
+  --ids-color-warning-80: var(--ids-color-amber-80);
+  --ids-color-warning-100: var(--ids-color-amber-100);
+  --ids-color-warning-default: var(--ids-color-amber-60);
+  --ids-color-shadow-warning: rgba(249 131 0 / 0.3);
+  --ids-color-text-on-caution: var(--ids-color-neutral-100);
+  --ids-color-caution-10: var(--ids-color-amber-10);
+  --ids-color-caution-30: var(--ids-color-amber-30);
+  --ids-color-caution-default: #FFD100;
+  --ids-color-text-on-success: var(--ids-color-neutral-100);
+  --ids-color-success-10: var(--ids-color-emerald-10);
+  --ids-color-success-30: var(--ids-color-emerald-30);
+  --ids-color-success-50: var(--ids-color-emerald-50);
+  --ids-color-success-80: var(--ids-color-emerald-80);
+  --ids-color-success-100: var(--ids-color-emerald-100);
+  --ids-color-success-default: var(--ids-color-emerald-60);
+  --ids-color-shadow-success: rgba(42 195 113 / 0.3);
+  --ids-color-text-on-info: var(--ids-color-neutral-00);
+  --ids-color-info-10: var(--ids-color-azure-10);
+  --ids-color-info-30: var(--ids-color-azure-30);
+  --ids-color-info-60: var(--ids-color-azure-60);
+  --ids-color-info-70: var(--ids-color-azure-70);
+  --ids-color-info-80: var(--ids-color-azure-80);
+  --ids-color-info-default: #0064D4;
+  --ids-color-shadow-info: rgba(0 102 212 / 0.3);
+  --ids-color-neutral-00: #fff;
+  --ids-color-neutral-10: var(--ids-color-slate-10);
+  --ids-color-neutral-20: var(--ids-color-slate-20);
+  --ids-color-neutral-30: var(--ids-color-slate-30);
+  --ids-color-neutral-40: var(--ids-color-slate-40);
+  --ids-color-neutral-50: var(--ids-color-slate-50);
+  --ids-color-neutral-60: var(--ids-color-slate-60);
+  --ids-color-neutral-70: var(--ids-color-slate-70);
+  --ids-color-neutral-80: var(--ids-color-slate-80);
+  --ids-color-neutral-90: var(--ids-color-slate-90);
+  --ids-color-neutral-100: var(--ids-color-slate-100);
+}`;export{o as default};