ids-enterprise-wc 1.0.0-beta.20 → 1.0.0-beta.22

package/chunks/{ids-chunk-SILCRK62.js → ids-chunk-FAWNIWSH.js}

@@ -1,4 +1,4 @@
-import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT46JK.js";import{a as W}from"./ids-chunk-Q34RMGF3.js";import{a as K}from"./ids-chunk-3KETWUOK.js";import{a as F}from"./ids-chunk-U3IWSQKD.js";import{a as l,b as v,c as m,d as j}from"./ids-chunk-SBYA6MC4.js";import{b as Y}from"./ids-chunk-J763DNOL.js";import{a as $}from"./ids-chunk-J3ORU6PU.js";import{a as G}from"./ids-chunk-OOGHKPVO.js";import{a as q}from"./ids-chunk-QOF4IG2V.js";import{a as _}from"./ids-chunk-RYENC4X3.js";import{a as B}from"./ids-chunk-YSNCZSZO.js";import{a as z}from"./ids-chunk-T6ZV4PDM.js";import{a as V}from"./ids-chunk-CATQTJOO.js";import{a as H}from"./ids-chunk-TSR3CW57.js";import{a as M}from"./ids-chunk-F2Y4VB7Q.js";import{a as D,b as O}from"./ids-chunk-XE4WFW5M.js";import{d as N}from"./ids-chunk-U4XVR5SW.js";import{e as r}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-WEDRKSLP.js";import{a as P,b as g,c as C,d as a,g as s}from"./ids-chunk-Y32WUP63.js";var Z=`@charset "UTF-8";
+import{a as Z}from"./ids-chunk-NQOSUCLC.js";import{a as X}from"./ids-chunk-GRMIKX4U.js";import{a as K}from"./ids-chunk-DCJDBNQZ.js";import{a as j}from"./ids-chunk-YKKPYZ7H.js";import{a as J}from"./ids-chunk-27O7W6CG.js";import{a as l,b as v,c as y,d as Q}from"./ids-chunk-SBYA6MC4.js";import{b as F}from"./ids-chunk-ZIUHOFWA.js";import{a as W}from"./ids-chunk-4VAQJKQK.js";import{a as Y}from"./ids-chunk-N5P66PJP.js";import{a as U}from"./ids-chunk-2NG5TGCF.js";import{a as G}from"./ids-chunk-MFR3ZJU3.js";import{a as M}from"./ids-chunk-H2UUMN2T.js";import{a as _}from"./ids-chunk-T6ZV4PDM.js";import{a as H}from"./ids-chunk-3DA43NO3.js";import{a as $}from"./ids-chunk-Q4QJCPLZ.js";import{a as B,b as V}from"./ids-chunk-XE4WFW5M.js";import{a as q}from"./ids-chunk-7MATJMV7.js";import{d as z,m as R}from"./ids-chunk-U4XVR5SW.js";import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-3Q46IU4X.js";import{a as O,b as m,c as N,d as s,g as n}from"./ids-chunk-Y32WUP63.js";var ii=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -453,7 +453,7 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
   display: flex;
 }
 .ids-input.color-variant-borderless slot[name=trigger-end] {
-  padding-inline-end: 6px;
+  padding-inline-end: 3px;
 }
 .ids-input.color-variant-borderless .icon-dirty {
   display: none;
@@ -550,10 +550,7 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
 .ids-input.color-variant-module-nav:not([class*=field-height-]) input {
   height: var(--ids-module-nav-search-input-height);
 }
-.ids-input:not([class*=color-variant-]) {
-  /* stylelint-disable-next-line no-duplicate-selectors */
-}
-.ids-input:not([class*=color-variant-]) .field-container {
+.ids-input:not([class*=color-variant-]) .field-container:not(:focus-within) {
   background-color: var(--ids-input-color-background-default);
   border-color: var(--ids-input-color-border-default);
   color: var(--ids-input-color-text);
@@ -576,35 +573,26 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
 .ids-input:not([class*=color-variant-]).bg-transparent:focus-within .field-container {
   background-color: transparent;
 }
-.ids-input:not([class*=color-variant-]).is-active .field-container, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
+.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);
 }
-.ids-input:not([class*=color-variant-]).is-active .alert,
-.ids-input:not([class*=color-variant-]).is-active .alert:hover,
-.ids-input:not([class*=color-variant-]).is-active .warning,
-.ids-input:not([class*=color-variant-]).is-active .warning:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:hover {
   border-color: var(--ids-input-color-border-alert-default);
   color: var(--ids-input-color-text-alert-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active .alert.is-active,
-.ids-input:not([class*=color-variant-]).is-active .alert:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .alert:hover.is-active,
-.ids-input:not([class*=color-variant-]).is-active .warning:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .warning.is-active,
-.ids-input:not([class*=color-variant-]).is-active .warning:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:focus-within,
@@ -614,91 +602,175 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
   border-color: var(--ids-input-color-border-alert-default);
   box-shadow: var(--ids-input-shadow-alert-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .alert[disabled],
-.ids-input:not([class*=color-variant-]).is-active .alert:hover[disabled],
-.ids-input:not([class*=color-variant-]).is-active .warning[disabled],
-.ids-input:not([class*=color-variant-]).is-active .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:hover[disabled] {
   border-color: var(--ids-input-color-border-alert-disabled);
   color: var(--ids-input-color-text-alert-disabled);
 }
-.ids-input:not([class*=color-variant-]).is-active .error,
-.ids-input:not([class*=color-variant-]).is-active .error:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error,
-.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover {
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error,
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover {
   border-color: var(--ids-input-color-border-error-default);
   color: var(--ids-input-error-color-text-error-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .error:focus-within, .ids-input:not([class*=color-variant-]).is-active .error.is-active,
-.ids-input:not([class*=color-variant-]).is-active .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error.is-active,
-.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover.is-active {
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error.is-active,
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover.is-active {
   border-color: var(--ids-input-color-border-error-default);
   box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .error[disabled],
-.ids-input:not([class*=color-variant-]).is-active .error:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error[disabled],
-.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover[disabled] {
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover[disabled] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }
-.ids-input:not([class*=color-variant-]).is-active .info,
-.ids-input:not([class*=color-variant-]).is-active .info:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover {
   border-color: var(--ids-input-color-border-info-default);
   color: var(--ids-input-color-text-info-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .info:focus-within, .ids-input:not([class*=color-variant-]).is-active .info.is-active,
-.ids-input:not([class*=color-variant-]).is-active .info:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover.is-active {
   border-color: var(--ids-input-color-border-info-default);
   box-shadow: var(--ids-input-shadow-info-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .info[disabled],
-.ids-input:not([class*=color-variant-]).is-active .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover[disabled] {
   border-color: var(--ids-input-color-border-info-disabled);
   color: var(--ids-input-color-text-info-disabled);
 }
-.ids-input:not([class*=color-variant-]).is-active .success,
-.ids-input:not([class*=color-variant-]).is-active .success:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover {
   border-color: var(--ids-input-color-border-success-default);
   color: var(--ids-input-color-text-success-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .success:focus-within, .ids-input:not([class*=color-variant-]).is-active .success.is-active,
-.ids-input:not([class*=color-variant-]).is-active .success:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover.is-active {
   border-color: var(--ids-input-color-border-success-default);
   box-shadow: var(--ids-input-shadow-success-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .success[disabled],
-.ids-input:not([class*=color-variant-]).is-active .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover[disabled] {
   border-color: var(--ids-input-color-border-success-disabled);
   color: var(--ids-input-color-text-success-disabled);
 }
+.ids-input:not([class*=color-variant-]).is-active .field-container, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container {
+  border-color: var(--ids-input-color-border-focus);
+}
+.ids-input:not([class*=color-variant-]).is-active .alert,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover,
+.ids-input:not([class*=color-variant-]).is-active .warning,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover {
+  border-color: var(--ids-input-color-border-alert-default);
+  color: var(--ids-input-color-text-alert-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active .alert.is-active,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]).is-active .warning:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .warning.is-active,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover.is-active {
+  border-color: var(--ids-input-color-border-alert-default);
+  box-shadow: var(--ids-input-shadow-alert-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .alert[disabled],
+.ids-input:not([class*=color-variant-]).is-active .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]).is-active .warning[disabled],
+.ids-input:not([class*=color-variant-]).is-active .warning:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover[disabled] {
+  border-color: var(--ids-input-color-border-alert-disabled);
+  color: var(--ids-input-color-text-alert-disabled);
+}
+.ids-input:not([class*=color-variant-]).is-active .field-container.error,
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover {
+  border-color: var(--ids-input-color-border-error-default);
+  color: var(--ids-input-error-color-text-error-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:focus-within, .ids-input:not([class*=color-variant-]).is-active .field-container.error.is-active,
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover.is-active {
+  border-color: var(--ids-input-color-border-error-default);
+  box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover[disabled] {
+  border-color: var(--ids-input-color-border-error-disabled);
+  color: var(--ids-input-color-border-error-disabled);
+}
+.ids-input:not([class*=color-variant-]).is-active .info,
+.ids-input:not([class*=color-variant-]).is-active .info:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover {
+  border-color: var(--ids-input-color-border-info-default);
+  color: var(--ids-input-color-text-info-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .info:focus-within, .ids-input:not([class*=color-variant-]).is-active .info.is-active,
+.ids-input:not([class*=color-variant-]).is-active .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .info:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover.is-active {
+  border-color: var(--ids-input-color-border-info-default);
+  box-shadow: var(--ids-input-shadow-info-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .info[disabled],
+.ids-input:not([class*=color-variant-]).is-active .info:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover[disabled] {
+  border-color: var(--ids-input-color-border-info-disabled);
+  color: var(--ids-input-color-text-info-disabled);
+}
+.ids-input:not([class*=color-variant-]).is-active .success,
+.ids-input:not([class*=color-variant-]).is-active .success:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover {
+  border-color: var(--ids-input-color-border-success-default);
+  color: var(--ids-input-color-text-success-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .success:focus-within, .ids-input:not([class*=color-variant-]).is-active .success.is-active,
+.ids-input:not([class*=color-variant-]).is-active .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .success:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover.is-active {
+  border-color: var(--ids-input-color-border-success-default);
+  box-shadow: var(--ids-input-shadow-success-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .success[disabled],
+.ids-input:not([class*=color-variant-]).is-active .success:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover[disabled] {
+  border-color: var(--ids-input-color-border-success-disabled);
+  color: var(--ids-input-color-text-success-disabled);
+}
 .ids-input:not([class*=color-variant-]):hover:not(.disabled).readonly.readonly-background.color-variant-alternate-formatter .field-container {
   border-color: var(--ids-data-grid-filter-input-color-border-hover);
 }
@@ -726,19 +798,19 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
   border-color: var(--ids-input-color-border-alert-disabled);
   color: var(--ids-input-color-text-alert-disabled);
 }
-.ids-input:not([class*=color-variant-]) .error,
-.ids-input:not([class*=color-variant-]) .error:hover {
+.ids-input:not([class*=color-variant-]) .field-container.error,
+.ids-input:not([class*=color-variant-]) .field-container.error:hover {
   border-color: var(--ids-input-color-border-error-default);
   color: var(--ids-input-error-color-text-error-default);
 }
-.ids-input:not([class*=color-variant-]) .error:focus-within, .ids-input:not([class*=color-variant-]) .error.is-active,
-.ids-input:not([class*=color-variant-]) .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]) .error:hover.is-active {
+.ids-input:not([class*=color-variant-]) .field-container.error:focus-within, .ids-input:not([class*=color-variant-]) .field-container.error.is-active,
+.ids-input:not([class*=color-variant-]) .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]) .field-container.error:hover.is-active {
   border-color: var(--ids-input-color-border-error-default);
   box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]) .error[disabled],
-.ids-input:not([class*=color-variant-]) .error:hover[disabled] {
+.ids-input:not([class*=color-variant-]) .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]) .field-container.error:hover[disabled] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }
@@ -956,15 +1028,15 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
   padding: 0;
   position: absolute;
   width: 1px;
-}`;var oi=_($(q(F(Y(U(W(H(X(G(B(z(K(V(M)))))))))))))),c,x,w,J,A,Q,u,y,b,T,E,f,R,h=class extends oi{constructor(){super();a(this,c);a(this,w);a(this,A);a(this,u);a(this,b);a(this,f);g(this,"triggeredByChange",!1);g(this,"isFormComponent",!0);g(this,"colorVariants",["alternate","alternate-formatter","borderless","in-cell","list-builder","module-nav"]);a(this,E,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.TABBABLE,i.TEXT_ALIGN,i.TEXT_ELLIPSIS,i.TYPE,i.UPPERCASE,i.VALUE]}connectedCallback(){super.connectedCallback(),s(this,A,Q).call(this),this.hasAttribute(i.AUTOSELECT)&&this.handleAutoselect(),this.isPasswordVisible&&s(this,u,y).call(this,!0),this.capsLock&&s(this,c,x).call(this,!0),s(this,f,R).call(this),this.getAttribute("maxlength")&&(this.maxlength=this.getAttribute("maxlength")),N(this,"ids-header, .ids-header")&&(this.colorVariant="alternate")}template(){let{ariaLabel:t,capsLock:o,containerClass:e,inputClass:n,inputState:L,labelHtml:k,placeholder:d,showHide:p,type:S,value:I}=this.templateVariables();return`<div class="${e}" part="container">
-      ${k}
+}`;var ni=G(W(U(J(F(K(X($(Z(Y(M(_(j(H(q)))))))))))))),c,w,A,ti,k,oi,b,P,u,x,f,C,E,g,D,h=class extends ni{constructor(){super();s(this,c);s(this,A);s(this,k);s(this,b);s(this,u);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,E,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.TABBABLE,i.TEXT_ALIGN,i.TEXT_ELLIPSIS,i.TYPE,i.UPPERCASE,i.VALUE]}connectedCallback(){super.connectedCallback(),n(this,k,oi).call(this),this.hasAttribute(i.AUTOSELECT)&&this.handleAutoselect(),this.isPasswordVisible&&n(this,u,x).call(this,!0),this.capsLock&&n(this,c,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:L,labelHtml:S,placeholder:d,showHide:p,type:I,value:T}=this.templateVariables();return`<div class="${r}" part="container">
+      ${S}
       <div class="field-container" part="field-container">
         <input
           part="input"
           id="input-id"
-          ${S}${n}${d}${L}
+          ${I}${a}${d}${L}
           ${t}
-          ${I}
+          ${T}
           ></input>
         ${p}
         ${o}
@@ -979,8 +1051,8 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
         >
           <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}"`:"",e=` type="${this.isPasswordVisible&&this.passwordVisible?"text":this.type||l.default}"`,n=`ids-input-field ${this.textAlign}`,L=this.templateShowHide(),k=this.templateCapsLock();n+=r(this.bgTransparent)?" bg-transparent":"",n+=r(this.readonlyBackground)?"":" readonly-background",n+=r(this.textEllipsis)?" text-ellipsis":"",n=` class="${n}"`;let d=r(this.readonly)?" readonly":"";d=r(this.disabled)?" disabled":d;let p=`ids-input${d} ${this.size}`;p+=r(this.compact)?" compact":"",p+=r(this.noMargins)?" no-margins":"";let S=this.hasAttribute(i.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",I=!this.label.length||this.labelState==="hidden"?" empty":"",ii=`<label
-      class="ids-label-text${this.labelRequired?"":" no-required-indicator"}${I}"
+    </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}`,L=this.templateShowHide(),S=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 p=`ids-input${d} ${this.size}`;p+=e(this.compact)?" compact":"",p+=e(this.noMargins)?" no-margins":"";let I=this.hasAttribute(i.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",T=!this.label.length||this.labelState==="hidden"?" empty":"",ri=`<label
+      class="ids-label-text${this.labelRequired?"":" no-required-indicator"}${T}"
       for="input-id"
       part="label"
       ${t.readonly}
@@ -992,4 +1064,4 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
         ${this.label}
       </ids-text>
       <slot name="label-post"></slot>
-    </label>`,ti=this.hasAttribute(i.VALUE)?` value="${this.getAttribute(i.VALUE)}" `:"";return{ariaLabel:S,capsLock:k,containerClass:p,inputClass:n,inputState:d,labelHtml:ii,placeholder:o,showHide:L,type:e,value:ti}}get isPasswordVisible(){return this.revealablePassword&&this.type===l.password}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 C(this,E)||this.shadowRoot?.querySelector("label")}get revealablePassword(){return r(this.getAttribute(i.REVEALABLE_PASSWORD))}set revealablePassword(t){let o=r(t);this.type===l.password?o?(this.setAttribute(i.REVEALABLE_PASSWORD,"true"),s(this,u,y).call(this,!0)):(this.setAttribute(i.REVEALABLE_PASSWORD,"false"),s(this,u,y).call(this,!1)):this.removeAttribute(i.REVEALABLE_PASSWORD)}get capsLock(){return r(this.getAttribute(i.CAPS_LOCK))}set capsLock(t){r(t)?(this.setAttribute(i.CAPS_LOCK,"true"),s(this,c,x).call(this,!0)):(this.removeAttribute(i.CAPS_LOCK),s(this,c,x).call(this,!1))}get passwordVisible(){return r(this.getAttribute(i.PASSWORD_VISIBLE))}set passwordVisible(t){let o=r(t);o!==this.passwordVisible&&(o?this.setAttribute(i.PASSWORD_VISIBLE,"true"):this.setAttribute(i.PASSWORD_VISIBLE,"false")),s(this,b,T).call(this)}setInputState(t){if(t===i.READONLY||t===i.DISABLED){if(!this.shadowRoot)return;let o=[].slice.call(this.shadowRoot.querySelectorAll(".validation-message")),e={prop1:t,prop2:t!==i.READONLY?i.READONLY:i.DISABLED,val:r(this[t])};e.val?(this.input?.removeAttribute(e.prop2),this.container?.classList?.remove?.(e.prop2),this.container?.querySelector?.("ids-text")?.removeAttribute(e.prop2),o.forEach(n=>n.classList.remove(e.prop2)),this.input?.setAttribute(e.prop1,"true"),this.container?.classList.add(e.prop1),this.container?.querySelector?.("ids-text")?.setAttribute?.(e.prop1,"true"),o.forEach(n=>n.classList.add(e.prop1))):(this.input?.removeAttribute(e.prop1),this.container?.classList.remove(e.prop1),this.container?.querySelector("ids-text")?.removeAttribute(e.prop1),o.forEach(n=>n.classList.remove(e.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 e=this?.handledEvents?.get(o);e&&e.target===this.input&&this.offEvent(o,this.input)}else this.onEvent(o,this.input,()=>{requestAnimationFrame(()=>{this.input?.select()})})}set active(t){let o=r(t),e="is-active";o?(this.setAttribute(i.ACTIVE,o.toString()),this.container?.classList.add(e)):(this.removeAttribute(i.ACTIVE),this.container?.classList.remove(e))}get active(){return r(this.hasAttribute(i.ACTIVE))}set autoselect(t){let o=r(t);o?this.setAttribute(i.AUTOSELECT,o.toString()):this.removeAttribute(i.AUTOSELECT),this.handleAutoselect()}get autoselect(){return r(this.getAttribute(i.AUTOSELECT))}set bgTransparent(t){let o=r(t),e="bg-transparent";o?(this.setAttribute(i.BG_TRANSPARENT,o.toString()),this.container?.classList.add(e),this.input?.classList.add(e)):(this.removeAttribute(i.BG_TRANSPARENT),this.container?.classList.remove(e),this.input?.classList.remove(e))}get bgTransparent(){return r(this.getAttribute(i.BG_TRANSPARENT))}set textEllipsis(t){let o=r(t),e="text-ellipsis";o?(this.setAttribute(i.TEXT_ELLIPSIS,o.toString()),this.input?.classList.add(e)):(this.removeAttribute(i.TEXT_ELLIPSIS),this.input?.classList.remove(e))}get textEllipsis(){return r(this.getAttribute(i.TEXT_ELLIPSIS))}set disabled(t){r(t)?this.setAttribute(i.DISABLED,"true"):this.removeAttribute(i.DISABLED),this.setInputState(i.DISABLED)}get disabled(){return r(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=r(t);o?this.setAttribute(i.READONLY,o.toString()):this.removeAttribute(i.READONLY),this.setInputState(i.READONLY)}get readonly(){return r(this.getAttribute(i.READONLY))}set readonlyBackground(t){let o=r(t);o?this.setAttribute(i.READONLY_BACKGROUND,o.toString()):this.removeAttribute(i.READONLY_BACKGROUND),s(this,f,R).call(this)}get readonlyBackground(){return r(this.getAttribute(i.READONLY_BACKGROUND))}set labelWrap(t){!t||j.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=v[t]||v.default;this.setAttribute(i.SIZE,o),this.container?.classList.remove(...Object.values(v)),this.container?.classList.add(o)}get size(){return this.getAttribute(i.SIZE)||v.default}set textAlign(t){let o=m[t]||m.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)||m.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||""),e=this.value;this.mask&&(o=this.processMaskFromProperty(t||"")||o,this.input&&(this.input.value=o)),e!==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(r(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 r(this.getAttribute(i.UPPERCASE))}set noMargins(t){if(r(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 r(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()}};c=new WeakSet,x=function(t){let o=e=>{this.capsLockIcon&&e.getModifierState&&(this.capsLockIcon.hidden=!e.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())},w=new WeakSet,J=function(){return this.input?(["focus","select","keydown","keypress","keyup","click","dbclick"].forEach(o=>{this.onEvent(o,this.input,e=>{this.triggerEvent(e.type,this,{detail:{elem:this,nativeEvent:e,value:this.value}})})}),this.onEvent("input",this.input,o=>{o instanceof InputEvent&&o.stopPropagation()}),this):this},A=new WeakSet,Q=function(){s(this,w,J).call(this)},u=new WeakSet,y=function(t){let o=this.container?.querySelector(".show-hide-password");if(t){if(!o&&this.isPasswordVisible){let e=document.createElement("ids-button");e.text=this.passwordVisible?"HIDE":"SHOW",e.id="show-hide-password",e.classList.add("show-hide-password"),e.noPadding=!0,this.input&&(this.input.insertAdjacentElement("afterend",e),this.input.type=`${this.passwordVisible?"text":this.type}`)}this.offEvent("click.input-showhidepassword"),this.onEvent("click.input-showhidepassword",o,()=>{this.passwordVisible=!this.passwordVisible,s(this,b,T).call(this)})}else this.offEvent("click.input-showhidepassword"),this.input?.setAttribute("type",this.type),o?.remove()},b=new WeakSet,T=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"))},E=new WeakMap,f=new WeakSet,R=function(){this.container?.classList.toggle(i.READONLY_BACKGROUND,this.readonlyBackground)},h=P([D("ids-input"),O(Z)],h);export{h as a};
+    </label>`,ei=this.hasAttribute(i.VALUE)?` value="${this.getAttribute(i.VALUE)}" `:"";return{ariaLabel:I,capsLock:S,containerClass:p,inputClass:a,inputState:d,labelHtml:ri,placeholder:o,showHide:L,type:r,value:ei}}get isPasswordVisible(){return this.revealablePassword&&this.type===l.password}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,E)||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,u,x).call(this,!0)):(this.setAttribute(i.REVEALABLE_PASSWORD,"false"),n(this,u,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,c,w).call(this,!0)):(this.removeAttribute(i.CAPS_LOCK),n(this,c,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)}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),this.container?.querySelector?.("ids-text")?.removeAttribute(r.prop2),o.forEach(a=>a.classList.remove(r.prop2)),this.input?.setAttribute(r.prop1,"true"),this.container?.classList.add(r.prop1),this.container?.querySelector?.("ids-text")?.setAttribute?.(r.prop1,"true"),o.forEach(a=>a.classList.add(r.prop1))):(this.input?.removeAttribute(r.prop1),this.container?.classList.remove(r.prop1),this.container?.querySelector("ids-text")?.removeAttribute(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||Q.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=v[t]||v.default;this.setAttribute(i.SIZE,o),this.container?.classList.remove(...Object.values(v)),this.container?.classList.add(o)}get size(){return this.getAttribute(i.SIZE)||v.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!!(R(this.input)||R(this?.container))}};c=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,ti=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,oi=function(){n(this,A,ti).call(this),this.onEvent("click",this.labelEl,()=>{this.focus()}),this.onEvent("input",this?.input,()=>{n(this,b,P).call(this)}),this.onEvent("mouseenter",this,()=>{n(this,b,P).call(this)})},b=new WeakSet,P=function(){this.canTooltipShow()?this.setAttribute("tooltip",this.input?.value||""):this.removeAttribute("tooltip")},u=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"))},E=new WeakMap,g=new WeakSet,D=function(){this.container?.classList.toggle(i.READONLY_BACKGROUND,this.readonlyBackground)},h=O([B("ids-input"),V(ii)],h);export{h as a};

package/chunks/{ids-chunk-ZSMC4C3B.js → ids-chunk-G63H6IHZ.js}

@@ -1 +1 @@
-import{b as r}from"./ids-chunk-U4XVR5SW.js";import{a as e}from"./ids-chunk-WEDRKSLP.js";var i=n=>class extends n{constructor(...t){super(...t)}static get attributes(){return[...n.attributes,e.ATTACHMENT]}originalParentElement;attachmentParentElement;set attachment(t){t&&t.length?(this.setAttribute(e.ATTACHMENT,t),this.#t(t)):(this.removeAttribute(e.ATTACHMENT),this.attachmentParentElement=null)}get attachment(){return this.getAttribute(e.ATTACHMENT)}connectedCallback(){super.connectedCallback?.(),this.originalParentElement=this.parentElement,this.hasAttribute(e.ATTACHMENT)&&this.#t(this.getAttribute(e.ATTACHMENT))}disconnectedCallback(){super.disconnectedCallback?.(),this.originalParentElement=null,this.attachmentParentElement=null}#t(t){let a=r(this).querySelector(`${t}`);this.attachmentParentElement=a}appendToTargetParent(){this.attachmentParentElement&&this.attachmentParentElement.append(this)}appendToOriginalParent(){this.originalParentElement&&this.originalParentElement.append(this)}},m=i;export{m as a};
+import{b as r}from"./ids-chunk-U4XVR5SW.js";import{a as e}from"./ids-chunk-3Q46IU4X.js";var i=n=>class extends n{constructor(...t){super(...t)}static get attributes(){return[...n.attributes,e.ATTACHMENT]}originalParentElement;attachmentParentElement;set attachment(t){t&&t.length?(this.setAttribute(e.ATTACHMENT,t),this.#t(t)):(this.removeAttribute(e.ATTACHMENT),this.attachmentParentElement=null)}get attachment(){return this.getAttribute(e.ATTACHMENT)}connectedCallback(){super.connectedCallback?.(),this.originalParentElement=this.parentElement,this.hasAttribute(e.ATTACHMENT)&&this.#t(this.getAttribute(e.ATTACHMENT))}disconnectedCallback(){super.disconnectedCallback?.(),this.originalParentElement=null,this.attachmentParentElement=null}#t(t){let a=r(this).querySelector(`${t}`);this.attachmentParentElement=a}appendToTargetParent(){this.attachmentParentElement&&this.attachmentParentElement.append(this)}appendToOriginalParent(){this.originalParentElement&&this.originalParentElement.append(this)}},m=i;export{m as a};

package/chunks/{ids-chunk-YDZGLU4Q.js → ids-chunk-GF54S6TF.js}

@@ -1,3 +1,3 @@
-import{a as p}from"./ids-chunk-4YHTWO4A.js";import{a as h}from"./ids-chunk-ZSMC4C3B.js";import{a as n}from"./ids-chunk-VZW7LUTM.js";import{a as o}from"./ids-chunk-CATQTJOO.js";import{a as r}from"./ids-chunk-F2Y4VB7Q.js";import{a as s}from"./ids-chunk-XE4WFW5M.js";import{a as e}from"./ids-chunk-Y32WUP63.js";var a=p(n(o(h(r)))),i=class extends a{constructor(){super()}connectedCallback(){super.connectedCallback(),this.popup&&(this.popup.onOutsideClick=this.onOutsideClick.bind(this))}disconnectedCallback(){super.disconnectedCallback?.()}static get attributes(){return[...super.attributes]}template(){return`<ids-popup class="ids-picker-popup" type="menu" align="bottom, left" arrow="bottom" tabIndex="-1" y="12" animated>
+import{a as p}from"./ids-chunk-THJCLFEG.js";import{a as h}from"./ids-chunk-G63H6IHZ.js";import{a as n}from"./ids-chunk-DW7OAD3V.js";import{a as o}from"./ids-chunk-3DA43NO3.js";import{a as s}from"./ids-chunk-XE4WFW5M.js";import{a as r}from"./ids-chunk-7MATJMV7.js";import{a as e}from"./ids-chunk-Y32WUP63.js";var a=p(n(o(h(r)))),i=class extends a{constructor(){super()}connectedCallback(){super.connectedCallback(),this.popup&&(this.popup.onOutsideClick=this.onOutsideClick.bind(this))}disconnectedCallback(){super.disconnectedCallback?.()}static get attributes(){return[...super.attributes]}template(){return`<ids-popup class="ids-picker-popup" type="menu" align="bottom, left" arrow="bottom" tabIndex="-1" y="12" animated>
       <slot slot="content"></slot>
     </ids-popup>`}vetoableEventTypes=["beforeshow"];get visible(){return this.popup?.visible||!1}async hide(t){this.popup?.visible&&(this.popup.visible=!1,await this.popup.hide(),typeof this.onHide=="function"&&this.onHide(),this.popup?.removeOpenEvents(),this.triggerEvent("hide",this,{bubbles:!0,detail:{doFocus:t,elem:this}}),this.hidden=!0)}show(){!this.popup||this.popup.visible||this.triggerVetoableEvent("beforeshow")&&(this.hidden=!1,this.popup.visible=!0,this.popup.show(),typeof this.onShow=="function"&&this.onShow(),this.popup?.addOpenEvents(),this.triggerEvent("show",this,{bubbles:!0,detail:{elem:this}}))}toggleVisibility(){this.popup&&(this.popup.visible?this.hide():this.show())}onOutsideClick(t){let l=t.target;this.contains(l)||this.hide()}onTriggerClick(t){this.toggleVisibility()}onTriggerImmediate(){this.show()}};i=e([s("ids-picker-popup")],i);var g=i;export{g as a};