ids-enterprise-wc 1.4.1 → 1.5.0

package/chunks/{ids-chunk-ZQFDFMN7.js → ids-chunk-NP47F4ZW.js}

@@ -1,4 +1,4 @@
-import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2CJE3.js";import{a as F}from"./ids-chunk-LJMWPNIS.js";import{a as Z}from"./ids-chunk-4NXQ7YJK.js";import{a as J}from"./ids-chunk-4HNSRRUC.js";import{a as l,b as c,c as y,d as ii}from"./ids-chunk-SBYA6MC4.js";import{b as j}from"./ids-chunk-SKNTOYJ6.js";import{a as Y}from"./ids-chunk-PHAGMQUX.js";import{a as K}from"./ids-chunk-5GJSJDDS.js";import{a as W}from"./ids-chunk-WBEPRO3G.js";import{a as G}from"./ids-chunk-ETSNT6ZD.js";import{a as q}from"./ids-chunk-CMTTSJWO.js";import{a as _}from"./ids-chunk-T6ZV4PDM.js";import{a as H}from"./ids-chunk-3DA43NO3.js";import{a as U}from"./ids-chunk-ZE7KS3QK.js";import{a as V,b as B}from"./ids-chunk-XE4WFW5M.js";import{a as $}from"./ids-chunk-EV6LM7KM.js";import{d as z,m as M}from"./ids-chunk-U4XVR5SW.js";import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-4O5N6MTO.js";import{a as O,b as m,c as N,d as s,g as n}from"./ids-chunk-Y32WUP63.js";var ti=`@charset "UTF-8";
+import{a as W}from"./ids-chunk-IIJJPSXL.js";import{a as _}from"./ids-chunk-EQH73QGE.js";import{a as $}from"./ids-chunk-CPFX6UOX.js";import{a as G}from"./ids-chunk-2N7IUL5N.js";import{a as Y}from"./ids-chunk-CB3QWAOO.js";import{a as l,b as c,c as h,d as K}from"./ids-chunk-SBYA6MC4.js";import{b as U}from"./ids-chunk-YQZMMQTL.js";import{a as q}from"./ids-chunk-KHHLWQUF.js";import{a as H}from"./ids-chunk-3ACXOLJ4.js";import{a as M}from"./ids-chunk-MA2VZKRF.js";import{a as z}from"./ids-chunk-3V6MPTOX.js";import{a as D}from"./ids-chunk-L7EY3TMT.js";import{a as N}from"./ids-chunk-T6ZV4PDM.js";import{a as O}from"./ids-chunk-U4K5B3VN.js";import{a as B}from"./ids-chunk-JA2PT4KM.js";import{a as T,b as R}from"./ids-chunk-XE4WFW5M.js";import{a as V}from"./ids-chunk-E2XG4A54.js";import{d as P,m as C}from"./ids-chunk-BVOD446S.js";import{e}from"./ids-chunk-Y6KVKFJX.js";import{a as i}from"./ids-chunk-6P577POZ.js";import{a as S,b as v,c as I,d as A,f as a}from"./ids-chunk-ZMMCFAAI.js";var X=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -81,8 +81,9 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: flex;
-  font-family: var(--ids-font-family-default);
-  margin-top: var(--ids-space-xxs);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  margin-top: var(--ids-space-2xs);
+  max-width: var(--ids-input-width-full);
 }
 .validation-message.has-custom-icon {
   color: var(--ids-icon-color-default);
@@ -91,7 +92,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   color: var(--ids-input-color-text-disabled);
 }
 .validation-message .ids-icon {
-  margin-inline-end: var(--ids-space-xxs);
+  margin-inline-end: var(--ids-space-2xs);
 }
 .validation-message.alert {
   color: var(--ids-color-caution-default);
@@ -133,7 +134,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
 .ids-label-text {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-font-family-default);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
   color: var(--ids-input-label-color-text-default);
   display: flex;
   margin-block-end: var(--ids-input-margin-bottom);
@@ -145,10 +146,10 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
 }
 .ids-label-text.required::after {
   position: relative;
-  font-family: var(--ids-font-family-default);
-  margin-inline-start: var(--ids-space-xxxs);
-  margin-inline-end: var(--ids-space-xxxs);
-  font-size: var(--ids-font-size-50);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  margin-inline-start: var(--ids-space-3xs);
+  margin-inline-end: var(--ids-space-3xs);
+  font-size: var(--ids-font-size-md);
   color: var(--ids-input-required-indicator-color-text-default);
   content: "*";
   margin-top: -10px;
@@ -190,7 +191,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   white-space: nowrap;
 }
 :host([label-wrap=ellipsis]) .ids-label-text.required {
-  padding-inline-end: 8px;
+  padding-inline-end: var(--ids-space-xs);
 }
 :host([label-wrap=ellipsis]) .ids-label-text.required::after {
   display: block;
@@ -206,7 +207,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   white-space: nowrap;
 }
 :host([label-wrap=ellipsis-no-stretch]) .ids-label-text.required {
-  padding-inline-end: 8px;
+  padding-inline-end: var(--ids-space-xs);
 }
 :host([label-wrap=ellipsis-no-stretch]) .ids-label-text.required::after {
   display: block;
@@ -262,7 +263,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
 .ids-input .field-container {
   border: 1px solid;
   border-collapse: separate;
-  border-radius: 2px;
+  border-radius: var(--ids-border-radius-2xs);
   box-sizing: border-box;
   color: inherit;
   display: flex;
@@ -276,11 +277,11 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   transition: border var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-input .field-container.square {
-  border-radius: 0;
+  border-radius: var(--ids-border-radius-none);
 }
 .ids-input:focus-within .ids-input-field, .ids-input.readonly:focus-within .ids-input-field, .ids-input.is-active .ids-input-field {
   outline: none;
-  outline-color: transparent;
+  outline-color: var(--ids-color-transparent);
 }
 .ids-input:focus-within .field-container, .ids-input.readonly:focus-within .field-container, .ids-input.is-active .field-container {
   border-color: var(--ids-input-color-border-focus);
@@ -296,17 +297,17 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   box-sizing: border-box;
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   border: none;
-  font-family: var(--ids-font-family-default);
-  padding-block-start: var(--ids-space-xxs);
-  padding-block-end: var(--ids-space-xxs);
+  color: inherit;
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  padding-block-start: var(--ids-space-2xs);
+  padding-block-end: var(--ids-space-2xs);
   padding-inline-start: var(--ids-space-12);
   padding-inline-end: var(--ids-space-12);
   font-size: var(--ids-input-font-size);
   width: 100%;
   appearance: none;
-  color: currentColor;
   display: inline-block;
   height: fit-content;
   resize: none;
@@ -332,58 +333,69 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   text-align: end;
 }
 .ids-input .validation-message {
-  margin-block-start: var(--ids-space-xxs);
-  margin-bottom: 0;
+  margin-block-start: var(--ids-space-2xs);
+  margin-bottom: var(--ids-space-none);
+}
+.ids-input .validation-message .ids-icon {
+  place-self: self-start;
+  margin-top: 1px;
 }
 .ids-input.no-margins, .ids-input.no-margins.compact {
-  margin: 0;
+  margin: var(--ids-space-none);
 }
 .ids-input.no-margins.field-height-xs, .ids-input.no-margins.compact.field-height-xs {
-  margin-block-end: 0;
+  margin-block-end: var(--ids-space-none);
 }
 .ids-input.no-margins .field-container, .ids-input.no-margins.compact .field-container {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.no-margins .ids-input-field, .ids-input.no-margins.compact .ids-input-field {
-  margin: 0;
+  margin: var(--ids-space-none);
 }
 .ids-input.no-margins .validation-message, .ids-input.no-margins.compact .validation-message {
-  margin-bottom: 0;
-  margin-block-start: var(--ids-space-xxs);
+  margin-bottom: var(--ids-space-none);
+  margin-block-start: var(--ids-space-2xs);
 }
 .ids-input.no-margins .ids-label-text.empty, .ids-input.no-margins.compact .ids-label-text.empty {
-  margin: 0;
+  margin: var(--ids-space-none);
   visibility: hidden;
   height: 0;
 }
-.ids-input.xs .field-container {
+.ids-input.xs .field-container,
+.ids-input.xs .validation-message {
   width: calc(var(--ids-input-width-10) - 2px);
 }
-.ids-input.sm .field-container {
+.ids-input.sm .field-container,
+.ids-input.sm .validation-message {
   width: calc(var(--ids-input-width-20) - 2px);
 }
-.ids-input.mm .field-container {
+.ids-input.mm .field-container,
+.ids-input.mm .validation-message {
   width: calc(var(--ids-input-width-30) - 2px);
 }
-.ids-input.md .field-container {
+.ids-input.md .field-container,
+.ids-input.md .validation-message {
   width: calc(var(--ids-input-width-40) - 2px);
 }
-.ids-input.lg .field-container {
+.ids-input.lg .field-container,
+.ids-input.lg .validation-message {
   width: calc(var(--ids-input-width-50) - 2px);
 }
 .ids-input.full {
   display: block;
 }
-.ids-input.full .field-container {
+.ids-input.full .field-container,
+.ids-input.full .validation-message {
   width: var(--ids-input-width-full);
 }
 @media (max-width: 360px) {
-  .ids-input .field-container {
+  .ids-input .field-container,
+  .ids-input .validation-message {
     max-width: calc(var(--ids-input-width-30) - 2px);
   }
 }
 .ids-input.field-height-xs {
-  margin-block-end: var(--ids-font-size-20);
+  margin-block-end: var(--ids-font-size-2xs);
 }
 .ids-input.field-height-xs .icon-dirty {
   left: -1px;
@@ -393,19 +405,19 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   font-size: var(--ids-input-label-font-size);
 }
 .ids-input.field-height-xs .ids-input-field {
-  padding-inline-start: var(--ids-space-xxs);
-  padding-inline-end: var(--ids-space-xxs);
+  padding-inline-start: var(--ids-space-2xs);
+  padding-inline-end: var(--ids-space-2xs);
   padding-top: 0;
   padding-bottom: 0;
   font-size: var(--ids-input-font-size-sm);
   height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.field-height-xs.no-margin-bottom {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.field-height-xs.no-margin-bottom .field-container,
 .ids-input.field-height-xs.no-margin-bottom .ids-input-field {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.field-height-sm .ids-input-field {
   height: calc(var(--ids-input-height-20) - 2px);
@@ -417,7 +429,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   height: calc(var(--ids-input-height-40) - 2px);
 }
 .ids-input.compact {
-  margin-block-end: var(--ids-font-size-20);
+  margin-block-end: var(--ids-font-size-2xs);
 }
 .ids-input.compact .icon-dirty {
   left: -1px;
@@ -427,28 +439,28 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   font-size: var(--ids-input-label-font-size);
 }
 .ids-input.compact .ids-input-field {
-  padding-inline-start: var(--ids-space-xxs);
-  padding-inline-end: var(--ids-space-xxs);
+  padding-inline-start: var(--ids-space-2xs);
+  padding-inline-end: var(--ids-space-2xs);
   padding-top: 0;
   padding-bottom: 0;
   font-size: var(--ids-input-font-size-sm);
   height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.compact.no-margin-bottom {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.compact.no-margin-bottom .field-container,
 .ids-input.compact.no-margin-bottom .ids-input-field {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
   height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.color-variant-borderless {
-  --ids-input-color-border-focus: transparent;
+  --ids-input-color-border-focus: var(--ids-color-transparent);
   margin: 1px;
-  border-radius: 0;
+  border-radius: var(--ids-border-radius-none);
 }
 .ids-input.color-variant-borderless input {
-  font-size: var(--ids-font-size-40);
+  font-size: var(--ids-font-size-sm);
 }
 .ids-input.color-variant-borderless slot[name=trigger-start],
 .ids-input.color-variant-borderless slot[name=trigger-end] {
@@ -464,7 +476,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   display: none;
 }
 .ids-input.color-variant-borderless .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   border-color: transparent !important;
 }
 .ids-input.color-variant-borderless:focus-within .field-container {
@@ -481,23 +493,23 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xs .ids-input-field {
   font-size: var(--ids-data-grid-font-size-sm);
-  padding-inline: var(--ids-space-xxxs);
+  padding-inline: var(--ids-space-3xs);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xs slot[name=trigger-end] {
-  padding-inline-end: 0;
+  padding-inline-end: var(--ids-space-none);
 }
 .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-xxxxs);
+  padding-inline: var(--ids-space-4xs);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xxs slot[name=trigger-end] {
-  padding-inline-end: 0;
+  padding-inline-end: var(--ids-space-none);
 }
 .ids-input.color-variant-in-cell {
   margin: 1px;
 }
 .ids-input.color-variant-in-cell input {
-  font-size: var(--ids-font-size-40);
+  font-size: var(--ids-font-size-sm);
 }
 .ids-input.color-variant-in-cell .validation-message {
   display: none;
@@ -515,11 +527,11 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   height: 30px;
 }
 .ids-input.color-variant-in-cell.ids-input.field-height-sm .ids-input-field {
-  padding-inline: 4px;
+  padding-inline: var(--ids-space-2xs);
   height: 27px;
 }
 .ids-input.color-variant-in-cell.ids-input.field-height-sm.full .field-container {
-  margin-inline: 2px;
+  margin-inline: var(--ids-space-3xs);
 }
 .ids-input.color-variant-in-cell.ids-input.field-height-xs .ids-input-field {
   padding-inline: 1px;
@@ -529,7 +541,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   margin-inline: 1px;
 }
 .ids-input.color-variant-module-nav {
-  margin-block-end: 0;
+  margin-block-end: var(--ids-space-none);
   transform: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-input.color-variant-module-nav .field-container {
@@ -537,7 +549,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   border: var(--ids-module-nav-input-border-width) solid transparent;
 }
 .ids-input.color-variant-module-nav input {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   color: inherit;
 }
 .ids-input.color-variant-module-nav input::placeholder {
@@ -571,10 +583,10 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   -webkit-text-fill-color: var(--ids-input-color-text-disabled);
 }
 .ids-input:not([class*=color-variant-]).bg-transparent .field-container, .ids-input:not([class*=color-variant-]).bg-transparent.readonly .field-container, .ids-input:not([class*=color-variant-]).bg-transparent.disabled .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
 }
 .ids-input:not([class*=color-variant-]).bg-transparent:focus-within .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
 }
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
   border-color: var(--ids-input-color-border-hover);
@@ -894,7 +906,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
 .ids-input.color-variant-alternate-formatter:hover.readonly.readonly-background .field-container, .ids-input.color-variant-alternate-formatter:hover:not(.readonly):not(.disabled) .field-container {
   border-color: var(--ids-data-grid-filter-input-color-border-hover);
 }
-.ids-input.color-variant-alternate-formatter:focus-within .field-container, .ids-input.color-variant-alternate-formatter:focus-within:hover .field-container {
+.ids-input.color-variant-alternate-formatter:focus-within .field-container, .ids-input.color-variant-alternate-formatter:focus-within:hover.readonly.readonly-background, .ids-input.color-variant-alternate-formatter:focus-within:hover:not(.readonly):not(.disabled) .field-container {
   border-color: var(--ids-data-grid-filter-input-color-border-focus);
 }
 .ids-input.color-variant-alternate-formatter:focus-within .ids-input-field {
@@ -916,7 +928,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   color: var(--ids-input-color-text-app-menu);
 }
 .ids-input.color-variant-list-builder .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   color: var(--ids-list-builder-input-text-color);
   border: 0;
 }
@@ -925,12 +937,12 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   /* stylelint-disable-next-line no-duplicate-selectors */
 }
 .ids-input.color-variant-module-nav .field-container {
-  background-color: transparent;
-  border-color: transparent;
+  background-color: var(--ids-color-transparent);
+  border-color: var(--ids-color-transparent);
   color: inherit;
 }
 .ids-input.color-variant-module-nav .ids-input-field {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   color: inherit;
 }
 .ids-input.color-variant-module-nav .ids-input-field::placeholder {
@@ -943,7 +955,7 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   margin-inline-end: 5px;
 }
 .ids-input.color-variant-module-nav:hover .field-container {
-  background-color: var(--ids-module-nav-item-hover-bg-color);
+  background-color: var(--ids-module-nav-search-input-hover-bg-color);
 }
 .ids-input.color-variant-module-nav:hover .ids-input-field::placeholder {
   color: var(--ids-module-nav-search-input-placeholder-text-color);
@@ -964,8 +976,12 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
 }
 
 .caps-lock-indicator {
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
+  padding-inline-start: var(--ids-space-xs);
+  padding-inline-end: var(--ids-space-xs);
+}
+
+.show-hide-password {
+  padding-inline-end: var(--ids-space-3xs);
 }
 
 .is-uppercase {
@@ -1030,17 +1046,17 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
 }
 :host([show-loading-indicator=true]) ::slotted(.slot-loading-indicator) {
   margin-inline-end: 12px;
-  margin-inline-start: 8px;
+  margin-inline-start: var(--ids-space-xs);
 }
 
 :host([show-loading-indicator=true][field-height=xs]) ::slotted(.slot-loading-indicator) {
-  margin-inline-start: 4px;
-  margin-inline-end: 4px;
+  margin-inline-start: var(--ids-space-2xs);
+  margin-inline-end: var(--ids-space-2xs);
 }
 
 :host([show-loading-indicator=true][field-height=sm]) ::slotted(.slot-loading-indicator) {
-  margin-inline-end: 8px;
-  margin-inline-start: 4px;
+  margin-inline-end: var(--ids-space-xs);
+  margin-inline-start: var(--ids-space-2xs);
 }
 
 ::slotted(.audible) {
@@ -1052,16 +1068,16 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
   padding: 0;
   position: absolute;
   width: 1px;
-}`;var si=G(Y(W(J(j(X(F(U(Q(K(q(_(Z(H($)))))))))))))),u,w,A,oi,k,ri,E,ei,b,P,p,x,f,C,L,g,D,h=class extends si{constructor(){super();s(this,u);s(this,A);s(this,k);s(this,E);s(this,b);s(this,p);s(this,f);s(this,g);m(this,"triggeredByChange",!1);m(this,"isFormComponent",!0);m(this,"colorVariants",["alternate","alternate-formatter","borderless","in-cell","list-builder","module-nav"]);s(this,L,void 0)}static get attributes(){return[...super.attributes,i.ACTIVE,i.AUTOSELECT,i.BG_TRANSPARENT,i.CAPS_LOCK,i.CURSOR,i.DISABLED,i.FORMAT,i.ID,i.LABEL_WRAP,i.MAXLENGTH,i.NO_MARGINS,i.PADDING,i.PASSWORD_VISIBLE,i.PLACEHOLDER,i.READONLY_BACKGROUND,i.READONLY,i.REVEALABLE_PASSWORD,i.SIZE,i.SQUARE,i.TABBABLE,i.TEXT_ALIGN,i.TEXT_ELLIPSIS,i.TYPE,i.UPPERCASE,i.VALUE]}connectedCallback(){super.connectedCallback(),n(this,k,ri).call(this),this.hasAttribute(i.AUTOSELECT)&&this.handleAutoselect(),this.isPasswordVisible&&n(this,p,x).call(this,!0),this.capsLock&&n(this,u,w).call(this,!0),n(this,g,D).call(this),this.getAttribute("maxlength")&&(this.maxlength=this.getAttribute("maxlength")),z(this,"ids-header, .ids-header")&&(this.colorVariant="alternate")}template(){let{ariaLabel:t,capsLock:o,containerClass:r,inputClass:a,inputState:S,labelHtml:I,placeholder:d,showHide:v,type:T,value:R}=this.templateVariables();return`<div class="${r}" part="container">
-      ${I}
+}`;var ii=z(q(M(Y(U(_($(B(W(H(D(N(G(O(V)))))))))))))),n,b,F,j,Z,k,f,E,g,L,p=class extends ii{constructor(){super();A(this,n);v(this,"triggeredByChange",!1);v(this,"isFormComponent",!0);v(this,"colorVariants",["alternate","alternate-formatter","borderless","in-cell","list-builder","module-nav"]);A(this,g)}static get attributes(){return[...super.attributes,i.ACTIVE,i.AUTOSELECT,i.BG_TRANSPARENT,i.CAPS_LOCK,i.CURSOR,i.DISABLED,i.FORMAT,i.ID,i.LABEL_WRAP,i.MAXLENGTH,i.NO_MARGINS,i.PADDING,i.PASSWORD_VISIBLE,i.PLACEHOLDER,i.READONLY_BACKGROUND,i.READONLY,i.REVEALABLE_PASSWORD,i.SIZE,i.SQUARE,i.TABBABLE,i.TEXT_ALIGN,i.TEXT_ELLIPSIS,i.TYPE,i.UPPERCASE,i.VALUE]}connectedCallback(){super.connectedCallback(),a(this,n,j).call(this),this.hasAttribute(i.AUTOSELECT)&&this.handleAutoselect(),this.isPasswordVisible&&a(this,n,f).call(this,!0),this.capsLock&&a(this,n,b).call(this,!0),a(this,n,L).call(this),this.getAttribute("maxlength")&&(this.maxlength=this.getAttribute("maxlength")),P(this,"ids-header, .ids-header")&&(this.colorVariant="alternate")}template(){let{ariaLabel:t,capsLock:o,containerClass:r,inputClass:s,inputState:m,labelHtml:y,placeholder:d,showHide:u,type:w,value:x}=this.templateVariables();return`<div class="${r}" part="container">
+      ${y}
       <div class="field-container" part="field-container">
         <input
           part="input"
-          ${T}${a}${d}${S}
+          ${w}${s}${d}${m}
           ${t}
-          ${R}
+          ${x}
           ></input>
-        ${v}
+        ${u}
         ${o}
         <slot name="loading-indicator"></slot>
       </div>
@@ -1074,8 +1090,8 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
         >
           <ids-list-box slot="content" size="${this.size}"></ids-list-box>
         </ids-popup>`:""}
-    </div>`}templateVariables(){let t={readonly:this.readonly?"readonly":"",disabled:this.disabled?"disabled":"",required:this.validate?"required":"",noMargins:this.noMargins?"no-margins":""},o=this.placeholder?` placeholder="${this.placeholder}"`:"",r=` type="${this.isPasswordVisible&&this.passwordVisible?"text":this.type||l.default}"`,a=`ids-input-field ${this.textAlign}`,S=this.templateShowHide(),I=this.templateCapsLock();a+=e(this.bgTransparent)?" bg-transparent":"",a+=e(this.readonlyBackground)?"":" readonly-background",a+=e(this.textEllipsis)?" text-ellipsis":"",a=` class="${a}"`;let d=e(this.readonly)?" readonly":"";d=e(this.disabled)?" disabled":d;let v=`ids-input${d} ${this.size}`;v+=e(this.compact)?" compact":"",v+=e(this.noMargins)?" no-margins":"";let T=this.hasAttribute(i.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",R=!this.label.length||this.labelState==="hidden"?" empty":"",ni=`<label
-      class="ids-label-text${this.labelRequired?"":" no-required-indicator"}${R}"
+    </div>`}templateVariables(){let t={readonly:this.readonly?"readonly":"",disabled:this.disabled?"disabled":"",required:this.validate?"required":"",noMargins:this.noMargins?"no-margins":""},o=this.placeholder?` placeholder="${this.placeholder}"`:"",r=` type="${this.isPasswordVisible&&this.passwordVisible?"text":this.type||l.default}"`,s=`ids-input-field ${this.textAlign}`,m=this.templateShowHide(),y=this.templateCapsLock();s+=e(this.bgTransparent)?" bg-transparent":"",s+=e(this.readonlyBackground)?"":" readonly-background",s+=e(this.textEllipsis)?" text-ellipsis":"",s=` class="${s}"`;let d=e(this.readonly)?" readonly":"";d=e(this.disabled)?" disabled":d;let u=`ids-input${d} ${this.size}`;u+=e(this.compact)?" compact":"",u+=e(this.noMargins)?" no-margins":"";let w=this.hasAttribute(i.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",x=!this.label.length||this.labelState==="hidden"?" empty":"",Q=`<label
+      class="ids-label-text${this.labelRequired?"":" no-required-indicator"}${x}"
       part="label"
       ${t.readonly}
       ${t.disabled}
@@ -1086,4 +1102,4 @@ import{a as Q}from"./ids-chunk-UALTPEXY.js";import{a as X}from"./ids-chunk-P4L2C
         ${this.label}
       </ids-text>
       <slot name="label-post"></slot>
-    </label>`,ai=this.hasAttribute(i.VALUE)?` value="${this.getAttribute(i.VALUE)}" `:"";return{ariaLabel:T,capsLock:I,containerClass:v,inputClass:a,inputState:d,labelHtml:ni,placeholder:o,showHide:S,type:r,value:ai}}get isPasswordVisible(){return this.revealablePassword&&this.type===l.password}get collapsible(){return this.hasAttribute(i.COLLAPSIBLE)||!1}templateShowHide(){return this.isPasswordVisible?`<ids-button id="show-hide-password" class="show-hide-password" no-padding text="${this.passwordVisible?"HIDE":"SHOW"}"></ids-button>`:""}templateCapsLock(){return this.capsLock?'<ids-icon id="caps-lock-indicator" class="caps-lock-indicator" icon="capslock"></ids-icon>':""}onColorVariantRefresh(t){super.colorVariant=t,this.clearable&&this.refreshClearableButtonStyles()}get input(){return this.container?.querySelector('input[part="input"]')??null}get formInput(){return this.input}get capsLockIcon(){return this.container?.querySelector("#caps-lock-indicator")}get fieldContainer(){return this.container?.querySelector(".field-container")}get labelEl(){return N(this,L)||this.shadowRoot?.querySelector("label")}get revealablePassword(){return e(this.getAttribute(i.REVEALABLE_PASSWORD))}set revealablePassword(t){let o=e(t);this.type===l.password?o?(this.setAttribute(i.REVEALABLE_PASSWORD,"true"),n(this,p,x).call(this,!0)):(this.setAttribute(i.REVEALABLE_PASSWORD,"false"),n(this,p,x).call(this,!1)):this.removeAttribute(i.REVEALABLE_PASSWORD)}get capsLock(){return e(this.getAttribute(i.CAPS_LOCK))}set capsLock(t){e(t)?(this.setAttribute(i.CAPS_LOCK,"true"),n(this,u,w).call(this,!0)):(this.removeAttribute(i.CAPS_LOCK),n(this,u,w).call(this,!1))}get passwordVisible(){return e(this.getAttribute(i.PASSWORD_VISIBLE))}set passwordVisible(t){let o=e(t);o!==this.passwordVisible&&(o?this.setAttribute(i.PASSWORD_VISIBLE,"true"):this.setAttribute(i.PASSWORD_VISIBLE,"false")),n(this,f,C).call(this)}set id(t){let o=`${t}-internal`;this.setAttribute(i.ID,t),this.shadowRoot?.querySelector("label")?.setAttribute("for",o),this.shadowRoot?.querySelector("input")?.setAttribute("id",o)}get id(){return this.getAttribute(i.ID)||"none"}set square(t){let o=e(t);this.toggleAttribute(i.SQUARE,o),this.container?.querySelector(".field-container")?.classList.toggle("square",o)}get square(){return e(this.getAttribute(i.SQUARE))}setInputState(t){if(t===i.READONLY||t===i.DISABLED){if(!this.shadowRoot)return;let o=[].slice.call(this.shadowRoot.querySelectorAll(".validation-message")),r={prop1:t,prop2:t!==i.READONLY?i.READONLY:i.DISABLED,val:e(this[t])};r.val?(this.input?.removeAttribute(r.prop2),this.container?.classList?.remove?.(r.prop2),o.forEach(a=>a.classList.remove(r.prop2)),this.input?.setAttribute(r.prop1,"true"),this.container?.classList.add(r.prop1),o.forEach(a=>a.classList.add(r.prop1))):(this.input?.removeAttribute(r.prop1),this.container?.classList.remove(r.prop1),o.forEach(a=>a.classList.remove(r.prop1)))}}setLabelText(t){return super.setLabelText(t,"label")}handleAutoselect(){this.autoselect?this.handleInputFocusEvent():this.handleInputFocusEvent("remove")}handleInputFocusEvent(t){let o="focus";if(t==="remove"){let r=this?.handledEvents?.get(o);r&&r.target===this.input&&this.offEvent(o,this.input)}else this.onEvent(o,this.input,()=>{requestAnimationFrame(()=>{this.input?.select()})})}set active(t){let o=e(t),r="is-active";o?(this.setAttribute(i.ACTIVE,o.toString()),this.container?.classList.add(r)):(this.removeAttribute(i.ACTIVE),this.container?.classList.remove(r))}get active(){return e(this.hasAttribute(i.ACTIVE))}set autoselect(t){let o=e(t);o?this.setAttribute(i.AUTOSELECT,o.toString()):this.removeAttribute(i.AUTOSELECT),this.handleAutoselect()}get autoselect(){return e(this.getAttribute(i.AUTOSELECT))}set bgTransparent(t){let o=e(t),r="bg-transparent";o?(this.setAttribute(i.BG_TRANSPARENT,o.toString()),this.container?.classList.add(r),this.input?.classList.add(r)):(this.removeAttribute(i.BG_TRANSPARENT),this.container?.classList.remove(r),this.input?.classList.remove(r))}get bgTransparent(){return e(this.getAttribute(i.BG_TRANSPARENT))}set textEllipsis(t){let o=e(t),r="text-ellipsis";o?(this.setAttribute(i.TEXT_ELLIPSIS,o.toString()),this.input?.classList.add(r)):(this.removeAttribute(i.TEXT_ELLIPSIS),this.input?.classList.remove(r))}get textEllipsis(){return e(this.getAttribute(i.TEXT_ELLIPSIS))}set disabled(t){e(t)?this.setAttribute(i.DISABLED,"true"):this.removeAttribute(i.DISABLED),this.setInputState(i.DISABLED)}get disabled(){return e(this.getAttribute(i.DISABLED))}set placeholder(t){if(t){this.setAttribute(i.PLACEHOLDER,t),this.input?.setAttribute(i.PLACEHOLDER,t);return}this.removeAttribute(i.PLACEHOLDER),this.input?.removeAttribute(i.PLACEHOLDER)}get placeholder(){return this.getAttribute(i.PLACEHOLDER)}set readonly(t){let o=e(t);o?this.setAttribute(i.READONLY,o.toString()):this.removeAttribute(i.READONLY),this.setInputState(i.READONLY)}get readonly(){return e(this.getAttribute(i.READONLY))}set readonlyBackground(t){let o=e(t);o?this.setAttribute(i.READONLY_BACKGROUND,o.toString()):this.removeAttribute(i.READONLY_BACKGROUND),n(this,g,D).call(this)}get readonlyBackground(){return e(this.getAttribute(i.READONLY_BACKGROUND))}set labelWrap(t){!t||ii.indexOf(t)<0?(this.removeAttribute(i.LABEL_WRAP),this.container?.querySelector("ids-text")?.removeAttribute("overflow"),this.container?.querySelector("ids-text")?.removeAttribute("tooltip")):(this.setAttribute(i.LABEL_WRAP,t),(t==="ellipsis"||t==="ellipsis-no-stretch")&&(this.container?.querySelector("ids-text")?.setAttribute("overflow","ellipsis"),this.container?.querySelector("ids-text")?.setAttribute("tooltip","true")))}get labelWrap(){return this.getAttribute(i.LABEL_WRAP)||"wrap"}set size(t){let o=c[t]||c.default;this.setAttribute(i.SIZE,o),this.container?.classList.remove(...Object.values(c)),this.container?.classList.add(o),this.querySelector("ids-trigger-button")?.classList.remove(...Object.values(c)),this.querySelector("ids-trigger-button")?.classList.add(o)}get size(){return this.getAttribute(i.SIZE)||c.default}set textAlign(t){let o=y[t]||y.default;this.setAttribute(i.TEXT_ALIGN,o),this.input?.classList.remove("start","center","end"),this.input?.classList.add(o)}get textAlign(){return this.getAttribute(i.TEXT_ALIGN)||y.default}set type(t){let o=l[t];if(o){this.setAttribute(i.TYPE,t),this.input?.setAttribute(i.TYPE,o);return}this.setAttribute(i.TYPE,l.default),this.input?.setAttribute(i.TYPE,l.default)}get type(){return this.getAttribute(i.TYPE)??l.default}set value(t){let o=["string","number"].includes(typeof t)?String(t):String(t||""),r=this.value;this.mask&&(o=this.processMaskFromProperty(t||"")||o),this.input&&(this.input.value=o),r!==o&&this.setAttribute(i.VALUE,o)}get value(){return this.input?.value??""}set cursor(t){this.setAttribute(i.CURSOR,t),this.input?.style.setProperty("cursor",t)}get cursor(){return this.getAttribute(i.CURSOR)??""}set maxlength(t){if(t){this.setAttribute(i.MAXLENGTH,t.toString()),this.input?.setAttribute(i.MAXLENGTH,t.toString());return}this.removeAttribute(i.MAXLENGTH),this.input?.removeAttribute(i.MAXLENGTH)}get maxlength(){return Number(this.getAttribute(i.MAXLENGTH))}set uppercase(t){if(e(t)){this.setAttribute(i.UPPERCASE,""),this.input?.classList.add("is-uppercase");return}this.removeAttribute(i.UPPERCASE),this.input?.classList.remove("is-uppercase")}get uppercase(){return e(this.getAttribute(i.UPPERCASE))}set noMargins(t){if(e(t)){this.setAttribute(i.NO_MARGINS,""),this.container?.classList.add("no-margins");return}this.removeAttribute(i.NO_MARGINS),this.container?.classList.remove("no-margins")}get noMargins(){return e(this.getAttribute(i.NO_MARGINS))}set padding(t){if(t){this.setAttribute(i.PADDING,String(t)),this.input?.style.setProperty("padding-inline-start",`${t}px`),this.input?.style.setProperty("padding-inline-end",`${t}px`);return}this.removeAttribute(i.PADDING),this.input?.style.setProperty("padding-inline-start",""),this.input?.style.setProperty("padding-inline-end","")}get padding(){return this.getAttribute(i.PADDING)||""}get format(){return this.getAttribute(i.FORMAT)}blur(){this.input?.blur()}focus(){this.input?.focus()}canTooltipShow(){return!!M(this.input)}};u=new WeakSet,w=function(t){let o=r=>{this.capsLockIcon&&r.getModifierState&&(this.capsLockIcon.hidden=!r.getModifierState("CapsLock"))};t?(!this.capsLockIcon&&this.input&&this.input.insertAdjacentHTML("afterend",this.templateCapsLock()),this.offEvent("keydown.input-capslock"),this.onEvent("keydown.input-capslock",this,o),this.offEvent("keyup.input-capslock"),this.onEvent("keyup.input-capslock",this,o),this.capsLockIcon&&(this.capsLockIcon.hidden=!0)):(this.offEvent("keydown.input-capslock"),this.offEvent("keyup.input-capslock"),this.capsLockIcon?.remove())},A=new WeakSet,oi=function(){return this.input?(["focus","select","keydown","keypress","keyup","click","dbclick"].forEach(o=>{this.onEvent(o,this.input,r=>{this.triggerEvent(r.type,this,{detail:{elem:this,nativeEvent:r,value:this.value}})})}),this.onEvent("input",this.input,o=>{o instanceof InputEvent&&o.stopPropagation()}),this):this},k=new WeakSet,ri=function(){n(this,A,oi).call(this),this.onEvent("click",this.labelEl,()=>{this.focus()}),this.onEvent("input",this?.input,()=>{n(this,b,P).call(this),n(this,E,ei).call(this)}),this.onEvent("mouseenter",this,()=>{n(this,b,P).call(this)})},E=new WeakSet,ei=function(){this?.getAttribute(i.VALUE)!==this.input?.value&&this.setAttribute(i.VALUE,this.input?.value||"")},b=new WeakSet,P=function(){this.canTooltipShow()?this.setAttribute("tooltip",this.input?.value||""):this.removeAttribute("tooltip")},p=new WeakSet,x=function(t){let o=this.container?.querySelector(".show-hide-password");if(t){if(!o&&this.isPasswordVisible){let r=document.createElement("ids-button");r.text=this.passwordVisible?"HIDE":"SHOW",r.id="show-hide-password",r.classList.add("show-hide-password"),r.noPadding=!0,this.input&&(this.input.insertAdjacentElement("afterend",r),this.input.type=`${this.passwordVisible?"text":this.type}`)}this.offEvent("click.input-showhidepassword"),this.onEvent("click.input-showhidepassword",o,()=>{this.passwordVisible=!this.passwordVisible,n(this,f,C).call(this)})}else this.offEvent("click.input-showhidepassword"),this.input?.setAttribute("type",this.type),o?.remove()},f=new WeakSet,C=function(){if(!this.shadowRoot)return;let t=this.shadowRoot.querySelector(".show-hide-password"),o=this.shadowRoot.querySelector(".ids-input-field");this.passwordVisible?(t?.setAttribute("text","HIDE"),o?.setAttribute("type","text")):(t?.setAttribute("text","SHOW"),o?.setAttribute("type","password"))},L=new WeakMap,g=new WeakSet,D=function(){this.container?.classList.toggle(i.READONLY_BACKGROUND,this.readonlyBackground)},h=O([V("ids-input"),B(ti)],h);export{h as a};
+    </label>`,J=this.hasAttribute(i.VALUE)?` value="${this.getAttribute(i.VALUE)}" `:"";return{ariaLabel:w,capsLock:y,containerClass:u,inputClass:s,inputState:d,labelHtml:Q,placeholder:o,showHide:m,type:r,value:J}}get isPasswordVisible(){return this.revealablePassword&&this.type===l.password}get collapsible(){return this.hasAttribute(i.COLLAPSIBLE)||!1}templateShowHide(){return this.isPasswordVisible?`<ids-button id="show-hide-password" class="show-hide-password" no-padding text="${this.passwordVisible?"HIDE":"SHOW"}"></ids-button>`:""}templateCapsLock(){return this.capsLock?'<ids-icon id="caps-lock-indicator" class="caps-lock-indicator" icon="capslock"></ids-icon>':""}onColorVariantRefresh(t){super.colorVariant=t,this.clearable&&this.refreshClearableButtonStyles()}get input(){return this.container?.querySelector('input[part="input"]')??null}get formInput(){return this.input}get capsLockIcon(){return this.container?.querySelector("#caps-lock-indicator")}get fieldContainer(){return this.container?.querySelector(".field-container")}get labelEl(){return I(this,g)||this.shadowRoot?.querySelector("label")}get revealablePassword(){return e(this.getAttribute(i.REVEALABLE_PASSWORD))}set revealablePassword(t){let o=e(t);this.type===l.password?o?(this.setAttribute(i.REVEALABLE_PASSWORD,"true"),a(this,n,f).call(this,!0)):(this.setAttribute(i.REVEALABLE_PASSWORD,"false"),a(this,n,f).call(this,!1)):this.removeAttribute(i.REVEALABLE_PASSWORD)}get capsLock(){return e(this.getAttribute(i.CAPS_LOCK))}set capsLock(t){e(t)?(this.setAttribute(i.CAPS_LOCK,"true"),a(this,n,b).call(this,!0)):(this.removeAttribute(i.CAPS_LOCK),a(this,n,b).call(this,!1))}get passwordVisible(){return e(this.getAttribute(i.PASSWORD_VISIBLE))}set passwordVisible(t){let o=e(t);o!==this.passwordVisible&&(o?this.setAttribute(i.PASSWORD_VISIBLE,"true"):this.setAttribute(i.PASSWORD_VISIBLE,"false")),a(this,n,E).call(this)}set id(t){let o=`${t}-internal`;this.setAttribute(i.ID,t),this.shadowRoot?.querySelector("label")?.setAttribute("for",o),this.shadowRoot?.querySelector("input")?.setAttribute("id",o)}get id(){return this.getAttribute(i.ID)||"none"}set square(t){let o=e(t);this.toggleAttribute(i.SQUARE,o),this.container?.querySelector(".field-container")?.classList.toggle("square",o)}get square(){return e(this.getAttribute(i.SQUARE))}setInputState(t){if(t===i.READONLY||t===i.DISABLED){if(!this.shadowRoot)return;let o=[].slice.call(this.shadowRoot.querySelectorAll(".validation-message")),r={prop1:t,prop2:t!==i.READONLY?i.READONLY:i.DISABLED,val:e(this[t])};r.val?(this.input?.removeAttribute(r.prop2),this.container?.classList?.remove?.(r.prop2),o.forEach(s=>s.classList.remove(r.prop2)),this.input?.setAttribute(r.prop1,"true"),this.container?.classList.add(r.prop1),o.forEach(s=>s.classList.add(r.prop1))):(this.input?.removeAttribute(r.prop1),this.container?.classList.remove(r.prop1),o.forEach(s=>s.classList.remove(r.prop1)))}}setLabelText(t){return super.setLabelText(t,"label")}handleAutoselect(){this.autoselect?this.handleInputFocusEvent():this.handleInputFocusEvent("remove")}handleInputFocusEvent(t){let o="focus";if(t==="remove"){let r=this?.handledEvents?.get(o);r&&r.target===this.input&&this.offEvent(o,this.input)}else this.onEvent(o,this.input,()=>{requestAnimationFrame(()=>{this.input?.select()})})}set active(t){let o=e(t),r="is-active";o?(this.setAttribute(i.ACTIVE,o.toString()),this.container?.classList.add(r)):(this.removeAttribute(i.ACTIVE),this.container?.classList.remove(r))}get active(){return e(this.hasAttribute(i.ACTIVE))}set autoselect(t){let o=e(t);o?this.setAttribute(i.AUTOSELECT,o.toString()):this.removeAttribute(i.AUTOSELECT),this.handleAutoselect()}get autoselect(){return e(this.getAttribute(i.AUTOSELECT))}set bgTransparent(t){let o=e(t),r="bg-transparent";o?(this.setAttribute(i.BG_TRANSPARENT,o.toString()),this.container?.classList.add(r),this.input?.classList.add(r)):(this.removeAttribute(i.BG_TRANSPARENT),this.container?.classList.remove(r),this.input?.classList.remove(r))}get bgTransparent(){return e(this.getAttribute(i.BG_TRANSPARENT))}set textEllipsis(t){let o=e(t),r="text-ellipsis";o?(this.setAttribute(i.TEXT_ELLIPSIS,o.toString()),this.input?.classList.add(r)):(this.removeAttribute(i.TEXT_ELLIPSIS),this.input?.classList.remove(r))}get textEllipsis(){return e(this.getAttribute(i.TEXT_ELLIPSIS))}set disabled(t){e(t)?this.setAttribute(i.DISABLED,"true"):this.removeAttribute(i.DISABLED),this.setInputState(i.DISABLED)}get disabled(){return e(this.getAttribute(i.DISABLED))}set placeholder(t){if(t){this.setAttribute(i.PLACEHOLDER,t),this.input?.setAttribute(i.PLACEHOLDER,t);return}this.removeAttribute(i.PLACEHOLDER),this.input?.removeAttribute(i.PLACEHOLDER)}get placeholder(){return this.getAttribute(i.PLACEHOLDER)}set readonly(t){let o=e(t);o?this.setAttribute(i.READONLY,o.toString()):this.removeAttribute(i.READONLY),this.setInputState(i.READONLY)}get readonly(){return e(this.getAttribute(i.READONLY))}set readonlyBackground(t){let o=e(t);o?this.setAttribute(i.READONLY_BACKGROUND,o.toString()):this.removeAttribute(i.READONLY_BACKGROUND),a(this,n,L).call(this)}get readonlyBackground(){return e(this.getAttribute(i.READONLY_BACKGROUND))}set labelWrap(t){!t||K.indexOf(t)<0?(this.removeAttribute(i.LABEL_WRAP),this.container?.querySelector("ids-text")?.removeAttribute("overflow"),this.container?.querySelector("ids-text")?.removeAttribute("tooltip")):(this.setAttribute(i.LABEL_WRAP,t),(t==="ellipsis"||t==="ellipsis-no-stretch")&&(this.container?.querySelector("ids-text")?.setAttribute("overflow","ellipsis"),this.container?.querySelector("ids-text")?.setAttribute("tooltip","true")))}get labelWrap(){return this.getAttribute(i.LABEL_WRAP)||"wrap"}set size(t){let o=c[t]||c.default;this.setAttribute(i.SIZE,o),this.container?.classList.remove(...Object.values(c)),this.container?.classList.add(o),this.querySelector("ids-trigger-button")?.classList.remove(...Object.values(c)),this.querySelector("ids-trigger-button")?.classList.add(o)}get size(){return this.getAttribute(i.SIZE)||c.default}set textAlign(t){let o=h[t]||h.default;this.setAttribute(i.TEXT_ALIGN,o),this.input?.classList.remove("start","center","end"),this.input?.classList.add(o)}get textAlign(){return this.getAttribute(i.TEXT_ALIGN)||h.default}set type(t){let o=l[t];if(o){this.setAttribute(i.TYPE,t),this.input?.setAttribute(i.TYPE,o);return}this.setAttribute(i.TYPE,l.default),this.input?.setAttribute(i.TYPE,l.default)}get type(){return this.getAttribute(i.TYPE)??l.default}set value(t){let o=["string","number"].includes(typeof t)?String(t):String(t||""),r=this.value;this.mask&&(o=this.processMaskFromProperty(t||"")||o),this.input&&(this.input.value=o),r!==o&&this.setAttribute(i.VALUE,o)}get value(){return this.input?.value??""}set cursor(t){this.setAttribute(i.CURSOR,t),this.input?.style.setProperty("cursor",t)}get cursor(){return this.getAttribute(i.CURSOR)??""}set maxlength(t){if(t){this.setAttribute(i.MAXLENGTH,t.toString()),this.input?.setAttribute(i.MAXLENGTH,t.toString());return}this.removeAttribute(i.MAXLENGTH),this.input?.removeAttribute(i.MAXLENGTH)}get maxlength(){return Number(this.getAttribute(i.MAXLENGTH))}set uppercase(t){if(e(t)){this.setAttribute(i.UPPERCASE,""),this.input?.classList.add("is-uppercase");return}this.removeAttribute(i.UPPERCASE),this.input?.classList.remove("is-uppercase")}get uppercase(){return e(this.getAttribute(i.UPPERCASE))}set noMargins(t){if(e(t)){this.setAttribute(i.NO_MARGINS,""),this.container?.classList.add("no-margins");return}this.removeAttribute(i.NO_MARGINS),this.container?.classList.remove("no-margins")}get noMargins(){return e(this.getAttribute(i.NO_MARGINS))}set padding(t){if(t){this.setAttribute(i.PADDING,String(t)),this.input?.style.setProperty("padding-inline-start",`${t}px`),this.input?.style.setProperty("padding-inline-end",`${t}px`);return}this.removeAttribute(i.PADDING),this.input?.style.setProperty("padding-inline-start",""),this.input?.style.setProperty("padding-inline-end","")}get padding(){return this.getAttribute(i.PADDING)||""}get format(){return this.getAttribute(i.FORMAT)}blur(){this.input?.blur()}focus(){this.input?.focus()}canTooltipShow(){return!!C(this.input)}};n=new WeakSet,b=function(t){let o=r=>{this.capsLockIcon&&r.getModifierState&&(this.capsLockIcon.hidden=!r.getModifierState("CapsLock"))};t?(!this.capsLockIcon&&this.input&&this.input.insertAdjacentHTML("afterend",this.templateCapsLock()),this.offEvent("keydown.input-capslock"),this.onEvent("keydown.input-capslock",this,o),this.offEvent("keyup.input-capslock"),this.onEvent("keyup.input-capslock",this,o),this.capsLockIcon&&(this.capsLockIcon.hidden=!0)):(this.offEvent("keydown.input-capslock"),this.offEvent("keyup.input-capslock"),this.capsLockIcon?.remove())},F=function(){return this.input?(["focus","select","keydown","keypress","keyup","click","dbclick"].forEach(o=>{this.onEvent(o,this.input,r=>{this.triggerEvent(r.type,this,{detail:{elem:this,nativeEvent:r,value:this.value}})})}),this.onEvent("input",this.input,o=>{o instanceof InputEvent&&o.stopPropagation()}),this):this},j=function(){a(this,n,F).call(this),this.onEvent("click",this.labelEl,()=>{this.focus()}),this.onEvent("input",this?.input,()=>{a(this,n,k).call(this),a(this,n,Z).call(this)}),this.onEvent("mouseenter",this,()=>{a(this,n,k).call(this)})},Z=function(){this?.getAttribute(i.VALUE)!==this.input?.value&&this.setAttribute(i.VALUE,this.input?.value||"")},k=function(){this.canTooltipShow()?this.setAttribute("tooltip",this.input?.value||""):this.removeAttribute("tooltip")},f=function(t){let o=this.container?.querySelector(".show-hide-password");if(t){if(!o&&this.isPasswordVisible){let r=document.createElement("ids-button");r.text=this.passwordVisible?"HIDE":"SHOW",r.id="show-hide-password",r.classList.add("show-hide-password"),r.noPadding=!0,this.input&&(this.input.insertAdjacentElement("afterend",r),this.input.type=`${this.passwordVisible?"text":this.type}`)}this.offEvent("click.input-showhidepassword"),this.onEvent("click.input-showhidepassword",o,()=>{this.passwordVisible=!this.passwordVisible,a(this,n,E).call(this)})}else this.offEvent("click.input-showhidepassword"),this.input?.setAttribute("type",this.type),o?.remove()},E=function(){if(!this.shadowRoot)return;let t=this.shadowRoot.querySelector(".show-hide-password"),o=this.shadowRoot.querySelector(".ids-input-field");this.passwordVisible?(t?.setAttribute("text","HIDE"),o?.setAttribute("type","text")):(t?.setAttribute("text","SHOW"),o?.setAttribute("type","password"))},g=new WeakMap,L=function(){this.container?.classList.toggle(i.READONLY_BACKGROUND,this.readonlyBackground)},p=S([T("ids-input"),R(X)],p);export{p as a};