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

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

@@ -22,7 +22,7 @@ declare const Base: {
         onLanguageChange: () => void;
         resetDirtyTracker(): void;
         destroyDirtyTracker(): void;
-        "__#11@#onDirtyTrackerChange"(): void;
+        "__#40@#onDirtyTrackerChange"(): void;
         dirtyTracker: 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;
@@ -41,14 +41,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>;
@@ -68,11 +68,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;
@@ -106,6 +110,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[];
@@ -236,7 +241,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;
@@ -263,6 +268,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;
@@ -335,6 +341,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;
@@ -392,14 +399,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>;
@@ -419,11 +426,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;
@@ -457,6 +468,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[];
@@ -587,7 +599,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;
@@ -614,6 +626,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;
@@ -686,6 +699,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;
@@ -728,14 +742,10 @@ declare const Base: {
         labelRequired: boolean;
         labelStates: string[];
         labelState: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode;
-        "__#12@#refreshLabelState"(oldVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode, newVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void; /**
-         * @readonly
-         * @returns {HTMLTextAreaElement} the inner `textarea` element
-         * @see IdsFormInputMixin.formInput
-         */
-        "__#12@#setlabelState"(doHide?: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
-        "__#12@#hideLabel"(): void;
-        "__#12@#showLabel"(): void;
+        "__#44@#refreshLabelState"(oldVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode, newVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
+        "__#44@#setlabelState"(doHide?: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
+        "__#44@#hideLabel"(): void;
+        "__#44@#showLabel"(): void;
         onLabelStateChange?(variantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
         name?: string | undefined;
         state: Record<string, any>;
@@ -746,14 +756,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>;
@@ -773,11 +783,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;
@@ -811,6 +825,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[];
@@ -941,7 +956,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;
@@ -968,6 +983,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;
@@ -1040,6 +1056,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;
@@ -1092,7 +1109,7 @@ declare const Base: {
         removeMessage(settings: import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationErrorMessage): void;
         removeAllValidationMessages(): void;
         setMessageManually(): void;
-        "__#13@#setValidationMessagesCountAttr"(): void;
+        "__#45@#setValidationMessagesCountAttr"(): void;
         handleValidationEvents(option?: string): void;
         destroyValidation(): void;
         rules: any;
@@ -1105,6 +1122,10 @@ declare const Base: {
         readonly isValid: boolean;
         readonly validationMessages: import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationErrorMessage[];
         readonly validationMessagesCount: number;
+        required: boolean;
+        hasRequiredValidation(): boolean | "" | null;
+        renderRequired(): void;
+        removeRequired(): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -1120,14 +1141,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>;
@@ -1147,11 +1168,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;
@@ -1185,6 +1210,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[];
@@ -1315,7 +1341,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;
@@ -1342,6 +1368,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;
@@ -1414,6 +1441,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;
@@ -1454,21 +1482,7 @@ declare const Base: {
         connectedCallback(): void;
         handleClearable(): void;
         refreshClearableButtonStyles(): void;
-        /**
-         * IDS Textarea Component
-         * @type {IdsTextarea}
-         * @inherits IdsElement
-         * @mixes IdsEventsMixin
-         * @mixes IdsFormInputMixin
-         * @mixes IdsClearableMixin
-         * @mixes IdsDirtyTrackerMixin
-         * @mixes IdsLabelStateMixin
-         * @mixes IdsLocaleMixin
-         * @mixes IdsValidationMixin
-         * @part textarea - the textarea element
-         * @part label - the label element
-         */
-        "__#19@#initClearableButton"(): HTMLElement;
+        "__#41@#initClearableButton"(): HTMLElement;
         appendClearableButton(): void;
         removeClearableButton(): void;
         clear(): void;
@@ -1494,14 +1508,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>;
@@ -1521,11 +1535,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_44 extends keyof HTMLElementEventMap>(type: K_44, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_44]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_45 extends keyof HTMLElementEventMap>(type: K_45, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_45]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -1559,6 +1577,7 @@ declare const Base: {
         closest<K_47 extends keyof SVGElementTagNameMap>(selector: K_47): SVGElementTagNameMap[K_47] | null;
         closest<K_48 extends keyof MathMLElementTagNameMap>(selector: K_48): MathMLElementTagNameMap[K_48] | null;
         closest<E_6 extends Element = Element>(selectors: string): E_6 | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -1689,7 +1708,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;
@@ -1716,6 +1735,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;
@@ -1788,6 +1808,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;
@@ -1824,13 +1845,17 @@ declare const Base: {
     readonly attributes: any[];
 } & {
     new (...args: any[]): {
-        "__#21@#internals": ElementInternals;
+        "__#43@#internals": ElementInternals;
+        readonly formInput: HTMLInputElement | HTMLTextAreaElement | null;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         connectedCallback(): void;
-        "__#21@#ariaDefaults"(): void;
-        "__#21@#handleChangeEvent"(e: Event): void;
-        "__#21@#handleInputEvent"(e: Event): void;
-        readonly formInput: HTMLInputElement | HTMLTextAreaElement | null;
+        "__#43@#ariaDefaults"(): void;
+        "__#43@#handleChangeEvent"(e: Event): void;
+        /**
+         * Create the Template for the contents
+         * @returns {string} The template
+         */
+        "__#43@#handleInputEvent"(e: Event): void;
         readonly form: HTMLFormElement | null;
         readonly type: string;
         value: string;
@@ -1842,7 +1867,7 @@ declare const Base: {
         formAssociatedCallback(form: HTMLFormElement | null): void;
         formResetCallback(): void;
         formDisabledCallback(isDisabled: boolean): void;
-        formStateRestoreCallback(state: string | FormData | File | null, reason: "autocomplete" | "restore"): void;
+        formStateRestoreCallback(state: string | File | FormData | null, reason: "autocomplete" | "restore"): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -1858,13 +1883,13 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#4@#addBaseName"(): void;
+        "__#3@#addBaseName"(): 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>;
@@ -1884,11 +1909,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_53 extends keyof HTMLElementEventMap>(type: K_53, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_53]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_54 extends keyof HTMLElementEventMap>(type: K_54, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_54]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -1922,6 +1951,7 @@ declare const Base: {
         closest<K_56 extends keyof SVGElementTagNameMap>(selector: K_56): SVGElementTagNameMap[K_56] | null;
         closest<K_57 extends keyof MathMLElementTagNameMap>(selector: K_57): MathMLElementTagNameMap[K_57] | null;
         closest<E_7 extends Element = Element>(selectors: string): E_7 | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -2052,7 +2082,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;
@@ -2079,6 +2109,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;
@@ -2151,6 +2182,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;
@@ -2206,12 +2238,6 @@ declare const Base: {
         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?: unknown, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
-        /**
-         * Set state for disabled or readonly
-         * @private
-         * @param {string} prop The property.
-         * @returns {void}
-         */
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
@@ -2239,13 +2265,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>;
@@ -2265,11 +2291,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_62 extends keyof HTMLElementEventMap>(type: K_62, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_62]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_63 extends keyof HTMLElementEventMap>(type: K_63, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_63]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -2303,6 +2333,7 @@ declare const Base: {
         closest<K_65 extends keyof SVGElementTagNameMap>(selector: K_65): SVGElementTagNameMap[K_65] | null;
         closest<K_66 extends keyof MathMLElementTagNameMap>(selector: K_66): MathMLElementTagNameMap[K_66] | null;
         closest<E_8 extends Element = Element>(selectors: string): E_8 | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -2433,7 +2464,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;
@@ -2460,6 +2491,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;
@@ -2532,6 +2564,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;
@@ -2567,6 +2600,8 @@ declare const Base: {
     };
     readonly attributes: any[];
 } & typeof IdsElement;
+export declare const setSizeAttr: (name: string, el: IdsTextarea, value: string | null, propTargetEl?: HTMLElement) => void;
+export type IdsTextareaResizeSetting = boolean | 'x' | 'y' | 'both';
 /**
  * IDS Textarea Component
  * @type {IdsTextarea}
@@ -2600,6 +2635,12 @@ export default class IdsTextarea extends Base {
      * @returns {void}
      */
     connectedCallback(): void;
+    /**
+     * Custom Element `disconnectedCallback` implementation
+     * @returns {void}
+     */
+    disconnectedCallback(): void;
+    onLocaleChange: () => void;
     /**
      * Create the Template for the contents
      * @returns {string} The template
@@ -2666,7 +2707,16 @@ export default class IdsTextarea extends Base {
      * @private
      * @returns {void}
      */
-    setAutogrow(): void;
+    private setAutogrow;
+    /**
+     * Set initial size constraints on the textarea
+     */
+    private setInitialConstraint;
+    /**
+     * Adjust width/height based on defined values
+     * @private
+     */
+    private constrainDimensions;
     /**
      * Adjust height to given element
      * @private
@@ -2741,11 +2791,29 @@ export default class IdsTextarea extends Base {
     set autogrow(value: boolean | string);
     get autogrow(): boolean;
     /**
-     * Set textarea height to be autogrow-max-height
-     * @param {string | null} value of `autogrow-max-height` attribute
+     * Sets a "max-height" CSS property on the textarea
+     * @param {string | null} value of `max-height` attribute
+     */
+    set maxHeight(value: string | null);
+    get maxHeight(): string | null;
+    /**
+     * Sets a "max-width" CSS property on the textarea
+     * @param {string | null} value of `max-width` attribute
+     */
+    set maxWidth(value: string | null);
+    get maxWidth(): string | null;
+    /**
+     * Sets a "min-height" CSS property on the textarea
+     * @param {string | null} value of `min-height` attribute
+     */
+    set minHeight(value: string | null);
+    get minHeight(): string | null;
+    /**
+     * Sets a "min-width" CSS property on the textarea
+     * @param {string | null} value of `min-width` attribute
      */
-    set autogrowMaxHeight(value: string | null);
-    get autogrowMaxHeight(): string | null;
+    set minWidth(value: string | null);
+    get minWidth(): string | null;
     /**
      * When set the textarea will select all text on focus
      * @param {boolean|string} value If true will set `autoselect` attribute
@@ -2807,10 +2875,10 @@ export default class IdsTextarea extends Base {
     get readonly(): boolean;
     /**
      * Set the textarea to resizable state
-     * @param {boolean|string} value If true will set `resizable` attribute
+     * @param {IdsTextareaResizeSetting|string} value If true will set `resizable` attribute
      */
-    set resizable(value: boolean | string);
-    get resizable(): boolean;
+    set resizable(value: IdsTextareaResizeSetting | string);
+    get resizable(): IdsTextareaResizeSetting;
     /**
      * Set the rows for textarea
      * @param {string|null} value If true will set `rows` attribute