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

package/components/ids-input/ids-autocomplete.d.ts

@@ -15,22 +15,37 @@ declare const IdsAutoComplete: <T extends Constraints>(superclass: T) => {
          */
         datasource: IdsDataSource;
         connectedCallback(): void;
+        /**
+         * Get the autocomplete attribute
+         * @returns {boolean} autocomplete attribute value
+         */
+        get autocomplete(): boolean;
         /**
          * Set autocomplete attribute
          * @param {string | boolean | null} value autocomplete value
          */
-        autocomplete: boolean;
+        set autocomplete(value: string | boolean | null);
+        /**
+         * Get the data of the autocomplete
+         * @returns {Array<any>} containing the dataset
+         */
+        get data(): Array<any>;
         /**
          * Set the data array of the autocomplete input
          * @param {Array<any>} value The array to use
          */
-        data: any[];
+        set data(value: Array<any> | null | any);
+        /**
+         * Get searchField
+         * @returns {string} containing the searchField
+         */
+        get searchField(): string;
         /**
          * Set searchfield attribute
          * Used as the target term to find matches in the dataset.
          * @param {string | null} value search field value
          */
-        searchField: string;
+        set searchField(value: string | null);
         /**
          * Get the internal ids-popup element
          * @returns {Element | null | any} IdsPopup Element
@@ -70,20 +85,20 @@ declare const IdsAutoComplete: <T extends Constraints>(superclass: T) => {
         /**
          * Popuplate the list box with the current data
          */
-        "__#50@#populateListBox"(): void;
+        "__#51@#populateListBox"(): void;
         /**
          * Create the list box option template.
          * @param {string | null} value sets the value attr of the option
          * @param {string | null} label sets the label of the option
          * @returns {string} ids-list-box-option template.
          */
-        "__#50@#templatelistBoxOption"(value: string | null, label: string | null): string;
+        "__#51@#templatelistBoxOption"(value: string | null, label: string | null): string;
         /**
          * Add internal aria attributes
          * @private
          * @returns {object} This API object for chaining
          */
-        "__#50@#addAria"(): object;
+        "__#51@#addAria"(): object;
         /**
          * Close popup
          * @returns {void}
@@ -117,27 +132,28 @@ declare const IdsAutoComplete: <T extends Constraints>(superclass: T) => {
          * Configure and attach internal IdsPopup element.
          * @returns {void}
          */
-        "__#50@#configurePopup"(): void;
+        "__#51@#configurePopup"(): void;
         /**
          * Attach internal event handlers
          * @returns {void}
          */
-        "__#50@#attachEventListeners"(): void;
+        "__#51@#attachEventListeners"(): void;
         /**
          * Attach the keyborad listeners
          * @returns {void}
          */
-        "__#50@#attachKeyboardListeners"(): void;
+        "__#51@#attachKeyboardListeners"(): void;
         /**
          * Remove internal event handlers
          * @returns {void}
          */
-        "__#50@#removeEventListeners"(): void;
+        "__#51@#removeEventListeners"(): void;
         /**
          * Destroy autocomplete functionality
          * @returns {void}
          */
         destroyAutocomplete(): void;
+        bubbleEvent(evt: any): 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;
@@ -150,7 +166,7 @@ declare const IdsAutoComplete: <T extends Constraints>(superclass: T) => {
         press(key: string): void;
         localeAPI: import("../ids-locale/ids-locale").default;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -158,6 +174,7 @@ declare const IdsAutoComplete: <T extends Constraints>(superclass: T) => {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;

package/components/ids-input/ids-autocomplete.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-J24ELFMZ.js";import"../../chunks/ids-chunk-N6SX6TUD.js";import"../../chunks/ids-chunk-RD3DSHEV.js";import"../../chunks/ids-chunk-D6TOZSKF.js";import"../../chunks/ids-chunk-NP4FOCAS.js";import"../../chunks/ids-chunk-BUJ7X7MF.js";import"../../chunks/ids-chunk-XVMMEX7J.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IJT7O7QH.js";import"../../chunks/ids-chunk-PKXWNJWU.js";import"../../chunks/ids-chunk-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};
+import{a}from"../../chunks/ids-chunk-C56OVDEZ.js";import"../../chunks/ids-chunk-TG3UDW3C.js";import"../../chunks/ids-chunk-LCINCB3V.js";import"../../chunks/ids-chunk-S4IYQMPV.js";import"../../chunks/ids-chunk-D742AJLT.js";import"../../chunks/ids-chunk-26UECSRT.js";import"../../chunks/ids-chunk-WXSG3TJJ.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-A5LSAPJV.js";import"../../chunks/ids-chunk-TEOAVMNJ.js";import"../../chunks/ids-chunk-2GQ5TB6S.js";import"../../chunks/ids-chunk-5EILFGOX.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-BFX5CSON.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-EQXBSRVZ.js";import"../../chunks/ids-chunk-H52JAL42.js";import"../../chunks/ids-chunk-4XPAUVKO.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-CATQTJOO.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZDL2DB6F.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-PBWMSP2R.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5DMZXGXL.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-QOTW4DDW.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-C2V3P7CU.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-input/ids-input.css

@@ -63,11 +63,11 @@
 }
 
 .ids-textarea .icon-dirty {
-  top: 0;
+  top: 1px;
   margin-inline-start: 1px;
 }
 .ids-textarea .icon-dirty[dir=rtl] {
-  top: 1px;
+  top: 2px;
 }
 
 .label-state-hidden .ids-label-text.empty::before {
@@ -124,6 +124,9 @@
 .validation-message.success.disabled {
   color: var(--ids-color-success-30);
 }
+.validation-message[hidden] {
+  display: none;
+}
 
 /* stylelint-disable */
 /* stylelint-enable */
@@ -380,6 +383,10 @@
 .ids-input.field-height-xs {
   margin-block-end: var(--ids-font-size-20);
 }
+.ids-input.field-height-xs .icon-dirty {
+  left: -1px;
+  top: -1px;
+}
 .ids-input.field-height-xs .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
@@ -410,6 +417,10 @@
 .ids-input.compact {
   margin-block-end: var(--ids-font-size-20);
 }
+.ids-input.compact .icon-dirty {
+  left: -1px;
+  top: -1px;
+}
 .ids-input.compact .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
@@ -470,10 +481,16 @@
   font-size: var(--ids-data-grid-font-size-sm);
   padding-inline: var(--ids-space-20);
 }
+.ids-input.color-variant-borderless.ids-input.field-height-xs slot[name=trigger-end] {
+  padding-inline-end: 0;
+}
 .ids-input.color-variant-borderless.ids-input.field-height-xxs .ids-input-field {
   font-size: var(--ids-data-grid-font-size-sm);
   padding-inline: var(--ids-space-10);
 }
+.ids-input.color-variant-borderless.ids-input.field-height-xxs slot[name=trigger-end] {
+  padding-inline-end: 0;
+}
 .ids-input.color-variant-in-cell {
   margin: 1px;
 }

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

@@ -12,6 +12,7 @@ declare const Base: {
         showTooltip(): void;
         beforeTooltipShow(tooltip?: any): void;
         tooltip: string;
+        bubbleEvent(evt: any): 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;
@@ -21,7 +22,7 @@ declare const Base: {
         canTooltipShow?(tooltipEl: import("../ids-tooltip/ids-tooltip").default | null, tooltipContent: string): boolean;
         onTooltipTargetDetection?(tooltipEl: import("../ids-tooltip/ids-tooltip").default | null): HTMLElement | SVGElement;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -29,6 +30,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -369,16 +371,21 @@ declare const Base: {
         connectedCallback(): void;
         label: string;
         setLabelText(value?: any, selector?: string): void;
-        labelRequired: boolean;
+        get labelRequired(): boolean;
+        set labelRequired(value: string | boolean | null);
         labelStates: string[];
         labelState: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode;
-        "__#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;
+        "__#45@#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;
+        "__#45@#setlabelState"(doHide?: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
+        /**
+         * Create the Template for the contents
+         * @returns {string} The template
+         */
+        "__#45@#hideLabel"(): void;
+        "__#45@#showLabel"(): void;
         onLabelStateChange?(variantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -386,6 +393,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -730,7 +738,7 @@ declare const Base: {
         "__#25@#attachLoadingIndicator"(): void;
         "__#25@#addClass"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -738,6 +746,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -1077,33 +1086,33 @@ declare const Base: {
     new (...args: any[]): {
         datasource: import("../../core/ids-data-source").default;
         connectedCallback(): void;
-        autocomplete: boolean;
-        data: any[];
-        searchField: string;
+        get autocomplete(): boolean;
+        set autocomplete(value: string | boolean | null);
+        get data(): any[];
+        set data(value: any);
+        get searchField(): string;
+        set searchField(value: string | null);
         readonly popup: any;
         readonly listBox: any;
         readonly options: any;
         readonly isSelected: any;
         findMatches(value: string | RegExp, list: any[]): any[] | null;
         displayMatches(): void;
-        "__#50@#populateListBox"(): void;
-        "__#50@#templatelistBoxOption"(value: string | null, label: string | null): string;
-        "__#50@#addAria"(): object;
+        "__#51@#populateListBox"(): void;
+        "__#51@#templatelistBoxOption"(value: string | null, label: string | null): string;
+        "__#51@#addAria"(): object;
         closePopup(): void;
         openPopup(): void;
         selectOption(e: any): void;
         clearOptions(): void;
         setSelectedOption(el: any): void;
         removeSelectedOption(el: any): void;
-        "__#50@#configurePopup"(): void;
-        "__#50@#attachEventListeners"(): void;
-        "__#50@#attachKeyboardListeners"(): void;
-        "__#50@#removeEventListeners"(): void;
-        /**
-         * @readonly
-         * @returns {HTMLLabelElement} the inner `label` element
-         */
+        "__#51@#configurePopup"(): void;
+        "__#51@#attachEventListeners"(): void;
+        "__#51@#attachKeyboardListeners"(): void;
+        "__#51@#removeEventListeners"(): void;
         destroyAutocomplete(): void;
+        bubbleEvent(evt: any): 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;
@@ -1116,7 +1125,7 @@ declare const Base: {
         press(key: string): void;
         localeAPI: import("../ids-locale/ids-locale").default;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -1124,6 +1133,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -1466,13 +1476,10 @@ declare const Base: {
         compact: string | boolean;
         fieldHeight: string;
         clearHeightClasses(): void;
-        "__#42@#doFieldHeightChange"(fieldHeight: string): void; /**
-         * Inherited from `IdsColorVariantMixin`
-         * @returns {Array<string>} List of available color variants for this component
-         */
+        "__#43@#doFieldHeightChange"(fieldHeight: string): void;
         onFieldHeightChange?(fieldHeight: string): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -1480,6 +1487,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -1835,8 +1843,9 @@ declare const Base: {
         onLanguageChange: () => void;
         resetDirtyTracker(): void;
         destroyDirtyTracker(): void;
-        "__#40@#onDirtyTrackerChange"(): void;
+        "__#41@#onDirtyTrackerChange"(): void;
         dirtyTracker: boolean;
+        bubbleEvent(evt: any): 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;
@@ -1846,7 +1855,7 @@ declare const Base: {
         onDirtyTrackerChange?(enabled: boolean): void;
         localeAPI: import("../ids-locale/ids-locale").default;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -1854,6 +1863,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -2195,7 +2205,7 @@ declare const Base: {
         connectedCallback(): void;
         handleClearable(): void;
         refreshClearableButtonStyles(): void;
-        "__#41@#initClearableButton"(): HTMLElement;
+        "__#42@#initClearableButton"(): HTMLElement;
         appendClearableButton(): void;
         removeClearableButton(): void;
         clear(): void;
@@ -2204,8 +2214,10 @@ declare const Base: {
         handleClearBtnClick(option: string): void;
         handleClearableInputEvents(evt: string, option: string): void;
         destroyClearable(): void;
-        clearable: boolean;
+        get clearable(): boolean;
+        set clearable(value: string | boolean);
         clearableForced: string | null;
+        bubbleEvent(evt: any): 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;
@@ -2213,7 +2225,7 @@ declare const Base: {
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -2221,6 +2233,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -2564,7 +2577,7 @@ declare const Base: {
         "__#4@#refreshColorVariant"(oldVariantName?: string | null | undefined, newVariantName?: string | null | undefined): void;
         onColorVariantRefresh?(variantName: string | null | undefined): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -2572,6 +2585,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -2930,6 +2944,7 @@ declare const Base: {
         processMaskWithCurrentValue(): any;
         processMaskFromProperty(rawValue?: string): any;
         safelySetSelection(host?: Document | ShadowRoot | null, startPos?: number, endPos?: number): void;
+        bubbleEvent(evt: any): 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;
@@ -2940,7 +2955,7 @@ declare const Base: {
         onLocaleChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         onLanguageChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -2948,6 +2963,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -3291,7 +3307,9 @@ declare const Base: {
         validationEventsList: any;
         VALIDATION_DEFAULT_ICON: string;
         VALIDATION_ICONS: any;
+        "__#46@#hideErrorMessage": boolean;
         handleValidation(): void;
+        hideErrorMessage(toHide: boolean): void;
         checkValidation(): void;
         addValidationRule(rule: import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationRule | import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationRule[]): void;
         removeValidationRule(ruleId: string | string[]): void;
@@ -3301,7 +3319,7 @@ declare const Base: {
         removeMessage(settings: import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationErrorMessage): void;
         removeAllValidationMessages(): void;
         setMessageManually(): void;
-        "__#45@#setValidationMessagesCountAttr"(): void;
+        "__#46@#setValidationMessagesCountAttr"(): void;
         handleValidationEvents(option?: string): void;
         destroyValidation(): void;
         rules: any;
@@ -3313,11 +3331,16 @@ declare const Base: {
         validationType: string | null;
         readonly isValid: boolean;
         readonly validationMessages: import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationErrorMessage[];
+        readonly validationMessageElems: HTMLElement[];
         readonly validationMessagesCount: number;
-        required: boolean;
+        required: boolean; /**
+         * Set the input to readonly state
+         * @param {boolean | string} value If true will set `readonly` attribute
+         */
         hasRequiredValidation(): boolean | "" | null;
         renderRequired(): void;
         removeRequired(): void;
+        bubbleEvent(evt: any): 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;
@@ -3325,7 +3348,7 @@ declare const Base: {
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -3333,6 +3356,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -3673,7 +3697,9 @@ declare const Base: {
         readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
         locale: string;
-        language: any;
+        get language(): any;
+        set language(value: string);
+        bubbleEvent(evt: any): 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;
@@ -3683,7 +3709,7 @@ declare const Base: {
         onLocaleChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         onLanguageChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -3691,6 +3717,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -4040,6 +4067,7 @@ declare const Base: {
         unpress(key: string): boolean | undefined;
         dispatchHotkeys(e: KeyboardEvent): void;
         detachAllListeners(): void;
+        bubbleEvent(evt: any): 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;
@@ -4047,7 +4075,7 @@ declare const Base: {
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -4056,6 +4084,7 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
@@ -4392,13 +4421,13 @@ declare const Base: {
     readonly attributes: any[];
 } & {
     new (...args: any[]): {
-        "__#43@#internals": ElementInternals;
+        "__#44@#internals": ElementInternals;
         readonly formInput: HTMLInputElement | HTMLTextAreaElement | null;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         connectedCallback(): void;
-        "__#43@#ariaDefaults"(): void;
-        "__#43@#handleChangeEvent"(e: Event): void;
-        "__#43@#handleInputEvent"(e: Event): void;
+        "__#44@#ariaDefaults"(): void;
+        "__#44@#handleChangeEvent"(e: Event): void;
+        "__#44@#handleInputEvent"(e: Event): void;
         readonly form: HTMLFormElement | null;
         readonly type: string;
         value: string;
@@ -4411,6 +4440,7 @@ declare const Base: {
         formResetCallback(): void;
         formDisabledCallback(isDisabled: boolean): void;
         formStateRestoreCallback(state: string | File | FormData | null, reason: "autocomplete" | "restore"): void;
+        bubbleEvent(evt: any): 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;
@@ -4418,7 +4448,7 @@ declare const Base: {
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -4426,6 +4456,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
@@ -4780,6 +4811,7 @@ declare const Base: {
         disconnectedCallback(): 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?: unknown, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        bubbleEvent(evt: CustomEvent<any>): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
@@ -4790,9 +4822,7 @@ declare const Base: {
         "__#5@#removeSwipeListener"(): void;
         "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
         "__#5@#removeKeyboardFocusListener"(): void;
-        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void; /**
-         * @returns {boolean} whether the password is currently visible
-         */
+        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         "__#5@#clearSlopedMouseLeaveTimer"(): void;
         "__#5@#removeSlopedMouseLeaveListener"(): void;
@@ -4801,7 +4831,7 @@ declare const Base: {
         "__#5@#removeHoverEndListener"(): void;
         "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -4810,6 +4840,7 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
@@ -5186,7 +5217,6 @@ type IdsInputTemplateVariables = {
  */
 export default class IdsInput extends Base {
     #private;
-    generatedId: string;
     triggeredByChange: boolean;
     constructor();
     isFormComponent: boolean;
@@ -5209,11 +5239,6 @@ export default class IdsInput extends Base {
      * @returns {string} The template
      */
     template(): string;
-    /**
-     * Uses current IdsInput state to set some attributes on its host element
-     * @returns {void}
-     */
-    templateHostAttributes(): void;
     /**
      * Uses current IdsInput state to generate strings used in its template.
      * @returns {IdsInputTemplateVariables} containing template strings used for generating an IdsInput template
@@ -5388,7 +5413,7 @@ export default class IdsInput extends Base {
      * Set the `value` attribute of input
      * @param {string} val the value property
      */
-    set value(val: string | undefined);
+    set value(val: string | undefined | null);
     get value(): string;
     /**
      * Set the css cursor property to something other than text