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

package/chunks/{ids-chunk-B3LFOR6V.js → ids-chunk-RTBFPTZS.js}

@@ -1,4 +1,4 @@
-import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.js";import{a as s,b as l}from"./ids-chunk-XE4WFW5M.js";import{e}from"./ids-chunk-TJKIW3GF.js";import{a as r}from"./ids-chunk-HABPILOR.js";import{a as d}from"./ids-chunk-U7OOVFXE.js";var u=`
+import{a as p}from"./ids-chunk-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.js";import{a as d,b as l}from"./ids-chunk-XE4WFW5M.js";import{e as n}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-EHQM67XJ.js";import{a as s}from"./ids-chunk-U7OOVFXE.js";var u=`
 @charset "UTF-8";
 /**
  * Css for clearable mixin
@@ -71,12 +71,13 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
 }
 
 .ids-checkbox .icon-dirty {
-  margin-inline-start: -25px;
+  margin-inline-start: -26px;
+  top: -4px;
+  width: 9px;
 }
 .ids-checkbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -20px;
-  transform: none;
-  top: -1px;
+  margin-inline-start: -26px;
+  top: -3px;
 }
 .ids-checkbox.hitbox .icon-dirty {
   margin-inline-start: -30px;
@@ -275,6 +276,8 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
   display: block;
   margin-block-end: var(--ids-space-60);
   max-width: var(--ids-input-width-full);
+  /* stylelint-disable-next-line no-duplicate-selectors */
+  /* stylelint-disable-next-line no-duplicate-selectors */
 }
 .ids-input .field-container {
   transition: border var(--ids-motion-duration) var(--ids-motion-ease);
@@ -296,7 +299,7 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
   outline-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) !important;
+  border-color: var(--ids-input-color-border-focus);
   box-shadow: var(--ids-shadow-focus);
 }
 .ids-input .ids-icon.starting-icon {
@@ -334,6 +337,9 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
 .ids-input .ids-input-field.start {
   text-align: start;
 }
+.ids-input .ids-input-field::placeholder {
+  color: var(--ids-input-color-text-placeholder);
+}
 .ids-input .ids-input-field.center {
   text-align: center;
 }
@@ -451,6 +457,13 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
 .ids-input.color-variant-borderless input {
   font-size: var(--ids-font-size-40);
 }
+.ids-input.color-variant-borderless slot[name=trigger-start],
+.ids-input.color-variant-borderless slot[name=trigger-end] {
+  display: flex;
+}
+.ids-input.color-variant-borderless slot[name=trigger-end] {
+  padding-inline-end: 6px;
+}
 .ids-input.color-variant-borderless .icon-dirty {
   display: none;
 }
@@ -513,214 +526,231 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
 .ids-input.color-variant-in-cell.ids-input.field-height-xs.full .field-container {
   margin-inline: 1px;
 }
-
-.caps-lock-indicator {
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
+.ids-input.color-variant-module-nav {
+  margin-block-end: 0;
+  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);
 }
-
-/* stylelint-disable-next-line no-duplicate-selectors */
-.ids-input {
+.ids-input.color-variant-module-nav .field-container {
+  border-radius: var(--ids-module-nav-common-border-radius);
+  border: var(--ids-module-nav-input-border-width) solid transparent;
+}
+.ids-input.color-variant-module-nav input {
+  background-color: transparent;
+  color: inherit;
+}
+.ids-input.color-variant-module-nav input::placeholder {
+  color: var(--ids-module-nav-search-input-placeholder-text-color);
+}
+.ids-input.color-variant-module-nav input:active {
+  color: var(--ids-module-nav-search-input-text-color);
+}
+.ids-input.color-variant-module-nav:not([class*=field-height-]) {
+  height: var(--ids-module-nav-search-wrapper-height);
+}
+.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 .field-container {
+.ids-input:not([class*=color-variant-]) .field-container {
   background-color: var(--ids-input-color-background-default);
   border-color: var(--ids-input-color-border-default);
   color: var(--ids-input-color-text);
 }
-.ids-input.readonly .field-container, .ids-input.readonly.hover .field-container, .ids-input.readonly.focus-within .field-container {
+.ids-input:not([class*=color-variant-]).readonly .field-container, .ids-input:not([class*=color-variant-]).readonly.hover .field-container, .ids-input:not([class*=color-variant-]).readonly.focus-within .field-container {
   border-color: var(--ids-input-color-border-readonly);
   color: var(--ids-input-color-text-readonly);
 }
-.ids-input.readonly .field-container.error, .ids-input.readonly .field-container.error:hover, .ids-input.readonly.hover .field-container.error, .ids-input.readonly.hover .field-container.error:hover, .ids-input.readonly.focus-within .field-container.error, .ids-input.readonly.focus-within .field-container.error:hover {
+.ids-input:not([class*=color-variant-]).readonly .field-container.error, .ids-input:not([class*=color-variant-]).readonly .field-container.error:hover, .ids-input:not([class*=color-variant-]).readonly.hover .field-container.error, .ids-input:not([class*=color-variant-]).readonly.hover .field-container.error:hover, .ids-input:not([class*=color-variant-]).readonly.focus-within .field-container.error, .ids-input:not([class*=color-variant-]).readonly.focus-within .field-container.error:hover {
   border-color: var(--ids-color-error-default);
   color: var(--ids-color-error-default);
 }
-.ids-input.readonly:not(.readonly-background):not(.bg-transparent) .field-container, .ids-input.readonly:not(.readonly-background):not(.bg-transparent).hover .field-container, .ids-input.readonly:not(.readonly-background):not(.bg-transparent).focus-within .field-container {
+.ids-input:not([class*=color-variant-]).readonly:not(.readonly-background):not(.bg-transparent) .field-container, .ids-input:not([class*=color-variant-]).readonly:not(.readonly-background):not(.bg-transparent).hover .field-container, .ids-input:not([class*=color-variant-]).readonly:not(.readonly-background):not(.bg-transparent).focus-within .field-container {
   background-color: var(--ids-input-color-background-readonly);
 }
-.ids-input.disabled .field-container, .ids-input.disabled:hover .field-container, .ids-input.disabled:focus-within .field-container {
+.ids-input:not([class*=color-variant-]).disabled .field-container, .ids-input:not([class*=color-variant-]).disabled:hover .field-container, .ids-input:not([class*=color-variant-]).disabled:focus-within .field-container {
   border-color: var(--ids-input-color-border-disabled);
   color: var(--ids-input-color-text-disabled);
   -webkit-text-fill-color: var(--ids-input-color-text-disabled);
 }
-.ids-input.bg-transparent .field-container, .ids-input.bg-transparent.readonly .field-container, .ids-input.bg-transparent.disabled .field-container {
+.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;
 }
-.ids-input.bg-transparent:focus-within .field-container {
+.ids-input:not([class*=color-variant-]).bg-transparent:focus-within .field-container {
   background-color: transparent;
 }
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .field-container, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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 {
   border-color: var(--ids-input-color-border-hover);
 }
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .alert,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .alert:hover,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .warning,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .warning:hover, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .alert,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .alert:hover,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .warning,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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.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:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .alert:focus-within, .ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .alert.is-active,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .alert:hover:focus-within,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .alert:hover.is-active,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .warning:focus-within,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .warning.is-active,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .warning:hover:focus-within,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .warning:hover.is-active, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .alert:focus-within, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .alert.is-active,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .alert:hover:focus-within,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .alert:hover.is-active,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .warning:focus-within,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .warning.is-active,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .warning:hover:focus-within,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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.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,
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning.is-active,
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]):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:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .alert[disabled],
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .alert:hover[disabled],
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .warning[disabled],
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .warning:hover[disabled], .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .alert[disabled],
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .alert:hover[disabled],
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .warning[disabled],
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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.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:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .error,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .error:hover, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .error,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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 {
   border-color: var(--ids-input-color-border-error-default);
   color: var(--ids-input-error-color-text-error-default);
 }
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .error:focus-within, .ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .error.is-active,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .error:hover:focus-within,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .error:hover.is-active, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .error:focus-within, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .error.is-active,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .error:hover:focus-within,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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 {
   border-color: var(--ids-input-color-border-error-default);
   box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
 }
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .error[disabled],
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .error:hover[disabled], .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .error[disabled],
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .info,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .info:hover, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .info,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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.readonly.readonly-background .info:hover {
   border-color: var(--ids-input-color-border-info-default);
   color: var(--ids-input-color-text-info-default);
 }
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .info:focus-within, .ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .info.is-active,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .info:hover:focus-within,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .info:hover.is-active, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .info:focus-within, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .info.is-active,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .info:hover:focus-within,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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.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:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .info[disabled],
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .info:hover[disabled], .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .info[disabled],
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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.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:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .success,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .success:hover, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .success,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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.readonly.readonly-background .success:hover {
   border-color: var(--ids-input-color-border-success-default);
   color: var(--ids-input-color-text-success-default);
 }
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .success:focus-within, .ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .success.is-active,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .success:hover:focus-within,
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .success:hover.is-active, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .success:focus-within, .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .success.is-active,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .success:hover:focus-within,
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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.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:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .success[disabled],
-.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .success:hover[disabled], .ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .success[disabled],
-.ids-input:hover.readonly.readonly-background:not(.color-variant-alternate-formatter) .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.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:hover:not(.disabled).readonly.readonly-background.color-variant-alternate-formatter .field-container {
-  border-color: var(--ids-data-grid-filter-input-color-background-hover);
+.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);
 }
-.ids-input .alert,
-.ids-input .alert:hover,
-.ids-input .warning,
-.ids-input .warning:hover {
+.ids-input:not([class*=color-variant-]) .alert,
+.ids-input:not([class*=color-variant-]) .alert:hover,
+.ids-input:not([class*=color-variant-]) .warning,
+.ids-input:not([class*=color-variant-]) .warning:hover {
   border-color: var(--ids-input-color-border-alert-default);
   color: var(--ids-input-color-text-alert-default);
 }
-.ids-input .alert:focus-within, .ids-input .alert.is-active,
-.ids-input .alert:hover:focus-within,
-.ids-input .alert:hover.is-active,
-.ids-input .warning:focus-within,
-.ids-input .warning.is-active,
-.ids-input .warning:hover:focus-within,
-.ids-input .warning:hover.is-active {
+.ids-input:not([class*=color-variant-]) .alert:focus-within, .ids-input:not([class*=color-variant-]) .alert.is-active,
+.ids-input:not([class*=color-variant-]) .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]) .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]) .warning:focus-within,
+.ids-input:not([class*=color-variant-]) .warning.is-active,
+.ids-input:not([class*=color-variant-]) .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]) .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 .alert[disabled],
-.ids-input .alert:hover[disabled],
-.ids-input .warning[disabled],
-.ids-input .warning:hover[disabled] {
+.ids-input:not([class*=color-variant-]) .alert[disabled],
+.ids-input:not([class*=color-variant-]) .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]) .warning[disabled],
+.ids-input:not([class*=color-variant-]) .warning:hover[disabled] {
   border-color: var(--ids-input-color-border-alert-disabled);
   color: var(--ids-input-color-text-alert-disabled);
 }
-.ids-input .error,
-.ids-input .error:hover {
+.ids-input:not([class*=color-variant-]) .error,
+.ids-input:not([class*=color-variant-]) .error:hover {
   border-color: var(--ids-input-color-border-error-default);
   color: var(--ids-input-error-color-text-error-default);
 }
-.ids-input .error:focus-within, .ids-input .error.is-active,
-.ids-input .error:hover:focus-within,
-.ids-input .error:hover.is-active {
+.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 {
   border-color: var(--ids-input-color-border-error-default);
   box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
 }
-.ids-input .error[disabled],
-.ids-input .error:hover[disabled] {
+.ids-input:not([class*=color-variant-]) .error[disabled],
+.ids-input:not([class*=color-variant-]) .error:hover[disabled] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }
-.ids-input .info,
-.ids-input .info:hover {
+.ids-input:not([class*=color-variant-]) .info,
+.ids-input:not([class*=color-variant-]) .info:hover {
   border-color: var(--ids-input-color-border-info-default);
   color: var(--ids-input-color-text-info-default);
 }
-.ids-input .info:focus-within, .ids-input .info.is-active,
-.ids-input .info:hover:focus-within,
-.ids-input .info:hover.is-active {
+.ids-input:not([class*=color-variant-]) .info:focus-within, .ids-input:not([class*=color-variant-]) .info.is-active,
+.ids-input:not([class*=color-variant-]) .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]) .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 .info[disabled],
-.ids-input .info:hover[disabled] {
+.ids-input:not([class*=color-variant-]) .info[disabled],
+.ids-input:not([class*=color-variant-]) .info:hover[disabled] {
   border-color: var(--ids-input-color-border-info-disabled);
   color: var(--ids-input-color-text-info-disabled);
 }
-.ids-input .success,
-.ids-input .success:hover {
+.ids-input:not([class*=color-variant-]) .success,
+.ids-input:not([class*=color-variant-]) .success:hover {
   border-color: var(--ids-input-color-border-success-default);
   color: var(--ids-input-color-text-success-default);
 }
-.ids-input .success:focus-within, .ids-input .success.is-active,
-.ids-input .success:hover:focus-within,
-.ids-input .success:hover.is-active {
+.ids-input:not([class*=color-variant-]) .success:focus-within, .ids-input:not([class*=color-variant-]) .success.is-active,
+.ids-input:not([class*=color-variant-]) .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]) .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 .success[disabled],
-.ids-input .success:hover[disabled] {
+.ids-input:not([class*=color-variant-]) .success[disabled],
+.ids-input:not([class*=color-variant-]) .success:hover[disabled] {
   border-color: var(--ids-input-color-border-success-disabled);
   color: var(--ids-input-color-text-success-disabled);
 }
@@ -739,8 +769,8 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
   border-color: var(--ids-data-grid-filter-input-color-border-default);
   color: var(--ids-data-grid-filter-input-color-text-default);
 }
-.ids-input.color-variant-alternate-formatter:hover.readonly.readonly-background .field-container, .ids-input.color-variant-alternate-formatter:hover:not(.readonly):not(.disabled):not(.color-variant-borderless) .field-container, .ids-input.color-variant-alternate-formatter.ids-input:hover:not(.readonly):not(.disabled):not(.color-variant-borderless):hover .field-container {
-  border-color: var(--ids-data-grid-filter-input-color-background-hover);
+.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 {
   border-color: var(--ids-data-grid-filter-input-color-border-focus);
@@ -748,7 +778,7 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
 .ids-input.color-variant-alternate-formatter:focus-within .ids-input-field {
   box-shadow: 0 0 3px 1px var(--ids-shadow-focus);
 }
-.ids-input.color-variant-alternate-formatter.disabled .field-container, .ids-input.color-variant-alternate-formatter.disabled:hover .field-container {
+.ids-input.color-variant-alternate-formatter.disabled .ids-input.color-variant-alternate-formatter.disabled:hover .field-container {
   border-color: var(--ids-data-grid-filter-input-color-border-disabled);
   color: var(--ids-data-grid-filter-input-color-text-disabled);
 }
@@ -768,6 +798,50 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
   color: var(--ids-list-builder-input-text-color);
   border: 0;
 }
+.ids-input.color-variant-module-nav {
+  color: var(--ids-module-nav-search-input-text-color);
+  /* stylelint-disable-next-line no-duplicate-selectors */
+}
+.ids-input.color-variant-module-nav .field-container {
+  background-color: transparent;
+  border-color: transparent;
+  color: inherit;
+}
+.ids-input.color-variant-module-nav .ids-input-field {
+  background-color: transparent;
+  color: inherit;
+}
+.ids-input.color-variant-module-nav .ids-input-field::placeholder {
+  color: var(--ids-module-nav-search-input-placeholder-text-color);
+}
+.ids-input.color-variant-module-nav .ids-input-field:active {
+  color: var(--ids-module-nav-search-input-text-color);
+}
+.ids-input.color-variant-module-nav:hover .field-container {
+  background-color: var(--ids-module-nav-item-hover-bg-color);
+}
+.ids-input.color-variant-module-nav:hover .ids-input-field::placeholder {
+  color: var(--ids-module-nav-search-input-placeholder-text-color);
+}
+.ids-input.color-variant-module-nav:hover .ids-input-field {
+  color: var(--ids-module-nav-input-text-color);
+}
+.ids-input.color-variant-module-nav:focus-within .field-container, .ids-input.color-variant-module-nav.readonly:focus-within .ids-input.color-variant-module-nav.is-active .field-container {
+  background-color: var(--ids-module-nav-input-focus-bg-color);
+  border-color: var(--ids-module-nav-item-selected-text-color);
+  box-shadow: none;
+}
+.ids-input.color-variant-module-nav:focus-within .ids-input-field::placeholder, .ids-input.color-variant-module-nav.readonly:focus-within .ids-input.color-variant-module-nav.is-active .ids-input-field::placeholder {
+  color: var(--ids-module-nav-search-input-focused-placeholder-text-color);
+}
+.ids-input.color-variant-module-nav:focus-within .ids-input-field, .ids-input.color-variant-module-nav.readonly:focus-within .ids-input.color-variant-module-nav.is-active .ids-input-field {
+  color: var(--ids-module-nav-input-text-color);
+}
+
+.caps-lock-indicator {
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+}
 
 .is-uppercase {
   text-transform: uppercase;
@@ -862,6 +936,9 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
 .ids-trigger-field {
   justify-content: inherit;
 }
+.ids-trigger-field.compact .field-container {
+  height: var(--ids-input-height-10);
+}
 
 .ids-trigger-field-slot-trigger-start,
 ::slotted(*[slot=trigger-start]:first-of-type:not([inline]):not([compact]):not([field-height=xs])) {
@@ -878,15 +955,15 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
 }
 .ids-input.color-variant-alternate-formatter:focus-within .ids-input-field {
   box-shadow: none;
-}`;var n=class extends p{constructor(){super()}get elements(){return{content:this.container?.querySelector(".ids-trigger-field-content"),label:this.container?.querySelector("label"),text:this.container?.querySelector("ids-text")}}connectedCallback(){super.connectedCallback(),this.#i(),this.#t(),this.readonly=e(this.getAttribute("readonly"))}static get attributes(){return[...super.attributes,r.FORMAT,r.TABBABLE]}onColorVariantRefresh(){this.buttons.forEach(i=>{i.colorVariant=this.colorVariant})}template(){this.templateHostAttributes();let{ariaLabel:i,containerClass:t,inputClass:o,inputState:a,labelHtml:h,placeholder:b,type:v,value:f}=this.templateVariables();return`<div class="ids-trigger-field ${t}" part="container">
-      ${h}
+}`;var a=class extends p{constructor(){super()}get elements(){return{content:this.container?.querySelector(".ids-trigger-field-content"),label:this.container?.querySelector("label"),text:this.container?.querySelector("ids-text")}}connectedCallback(){super.connectedCallback(),this.#i(),this.#o(),this.readonly=n(this.getAttribute("readonly"))}static get attributes(){return[...super.attributes,t.FORMAT,t.TABBABLE]}onColorVariantRefresh(){this.buttons.forEach(i=>{i.colorVariant=this.colorVariant})}template(){this.templateHostAttributes();let{ariaLabel:i,containerClass:o,inputClass:r,inputState:e,labelHtml:v,placeholder:h,type:b,value:f}=this.templateVariables();return`<div class="ids-trigger-field ${o}" part="container">
+      ${v}
       <div class="field-container" part="field-container">
         <slot name="trigger-start"></slot>
         <slot class="content-area" part="content-area"></slot>
         <input
           part="input"
           id="${this.id}-input"
-          ${v}${o}${b}${a}
+          ${b}${r}${h}${e}
           ${i}
           ${f}
           ></input>
@@ -902,4 +979,4 @@ import{a as p}from"./ids-chunk-56YQVDRY.js";import{c}from"./ids-chunk-LCUXCSNZ.j
         >
           <ids-list-box slot="content" size="${this.size}"></ids-list-box>
         </ids-popup>`:""}
-    </div>`}get buttons(){return[...this.querySelectorAll("ids-trigger-button")]}set tabbable(i){let t=e(i);t?this.setAttribute(r.TABBABLE,`${c(`${i}`)}`):this.removeAttribute(r.TABBABLE),this.buttons.forEach(o=>{o.tabbable=t})}get tabbable(){return e(this.getAttribute(r.TABBABLE))}set disabled(i){super.disabled=i,e(i)?(this.readonly=!1,super.readonly=!1,this.buttons.forEach(t=>{t.setAttribute(r.DISABLED,""),t.readonly=!1})):this.buttons.forEach(t=>{t.removeAttribute(r.DISABLED)})}get disabled(){return super.disabled}set readonly(i){super.readonly=i,e(i)&&!this.readonlyBackground?this.buttons.forEach(t=>{t.setAttribute(r.READONLY,""),t.removeAttribute(r.DISABLED)}):this.buttons.forEach(t=>{t.removeAttribute(r.READONLY)})}get readonly(){return super.readonly}set format(i){i?this.setAttribute(r.FORMAT,i):this.removeAttribute(r.FORMAT)}get format(){return this.getAttribute(r.FORMAT)}#i(){this.onEvent("click.trigger-button",this,i=>{i.target&&this.trigger()})}#t(){let i=(t,o,a)=>{this.hasAttribute(o)?t?.setAttribute(o,a):t?.removeAttribute(o)};this.buttons?.forEach(t=>{i(t,r.COMPACT,""),i(t,r.FIELD_HEIGHT,this.fieldHeight)})}onFieldHeightChange(i){this.buttons.forEach(t=>{if(i){let o=i==="compact"?{name:"compact",val:""}:{name:"field-height",val:i};t.setAttribute(o.name,o.val)}else t.removeAttribute("compact"),t.removeAttribute("field-height")})}trigger(){let i=!0,t=o=>{i=!!o};this.triggerEvent("beforetriggerclicked",this,{detail:{elem:this,response:t}}),i&&this.triggerEvent("triggerclicked",this,{detail:{elem:this}})}};n=d([s("ids-trigger-field"),l(u)],n);export{n as a};
+    </div>`}get buttons(){return[...this.querySelectorAll("ids-trigger-button")]}set tabbable(i){let o=n(i);o?this.setAttribute(t.TABBABLE,`${c(`${i}`)}`):this.removeAttribute(t.TABBABLE),this.buttons.forEach(r=>{r.tabbable=o})}get tabbable(){return n(this.getAttribute(t.TABBABLE))}set disabled(i){super.disabled=i,n(i)?(this.readonly=!1,super.readonly=!1,this.buttons.forEach(o=>{o.setAttribute(t.DISABLED,""),o.readonly=!1})):this.buttons.forEach(o=>{o.removeAttribute(t.DISABLED)})}get disabled(){return super.disabled}set readonly(i){super.readonly=i,n(i)&&!this.readonlyBackground?this.buttons.forEach(o=>{o.setAttribute(t.READONLY,""),o.removeAttribute(t.DISABLED)}):this.buttons.forEach(o=>{o.removeAttribute(t.READONLY)})}get readonly(){return super.readonly}set format(i){i?this.setAttribute(t.FORMAT,i):this.removeAttribute(t.FORMAT)}get format(){return this.getAttribute(t.FORMAT)}#i(){this.onEvent("click.trigger-button",this,i=>{i.target&&this.trigger()})}#o(){let i=(o,r,e)=>{this.hasAttribute(r)?o?.setAttribute(r,e):o?.removeAttribute(r)};this.buttons?.forEach(o=>{i(o,t.COMPACT,""),i(o,t.FIELD_HEIGHT,this.fieldHeight)})}onFieldHeightChange(i){this.buttons.forEach(o=>{if(i){let r=i==="compact"?{name:"compact",val:""}:{name:"field-height",val:i};o.setAttribute(r.name,r.val)}else o.removeAttribute("compact"),o.removeAttribute("field-height")})}trigger(){let i=!0,o=r=>{i=!!r};this.triggerEvent("beforetriggerclicked",this,{detail:{elem:this,response:o}}),i&&this.triggerEvent("triggerclicked",this,{detail:{elem:this}})}};a=s([d("ids-trigger-field"),l(u)],a);export{a};

package/chunks/{ids-chunk-WRUIRBNC.js → ids-chunk-RVALW7ST.js}

@@ -1,4 +1,4 @@
-import{a as d}from"./ids-chunk-U34YTPJC.js";import{a as l}from"./ids-chunk-B6P5AQ2Z.js";import{a as n,b as a}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-7JIYCFAW.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-HABPILOR.js";import{a as o}from"./ids-chunk-U7OOVFXE.js";var h=`
+import{a as d}from"./ids-chunk-U34YTPJC.js";import{a as l}from"./ids-chunk-B6P5AQ2Z.js";import{a as c}from"./ids-chunk-SNYFQ5ZT.js";import{a as n,b as a}from"./ids-chunk-XE4WFW5M.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-EHQM67XJ.js";import{a as o}from"./ids-chunk-U7OOVFXE.js";var h=`
 /* Ids Action Sheet */
 .ids-action-sheet-inner {
   align-items: center;

package/chunks/{ids-chunk-SYHVJ4TR.js → ids-chunk-RYK5SUZ2.js}

@@ -1 +1 @@
-import{c as i,i as m}from"./ids-chunk-ZCJYJ367.js";function g(n){let o="",e=n.anchorNode;for(e&&e.tagName&&(o=e.tagName.toLowerCase());e&&i.indexOf(o)===-1;)e=e.parentNode,e&&e.tagName&&(o=e.tagName.toLowerCase());return{el:e,tagName:o}}function E(n,o){let e=[];return m(i.join(", "),o).forEach(t=>{n.containsNode(t,!0)&&e.push(t)}),e}function u(n){if(n.getRangeAt&&n.rangeCount){let o=[];for(let e=0,t=n.rangeCount;e<t;e++)o.push(n.getRangeAt(e));return o}return null}function d(n,o){o&&(n.removeAllRanges(),o.forEach(e=>n.addRange(e)))}function f(n,o){let e={};if(n?.containsNode(o,!0)){let t=n?.focusNode;for(;t?.id!=="editor-container";){let a=t?.tagName?.toLowerCase();a&&(e[a]={tag:a,node:t}),t=t?.parentNode}}return e}function T(n,o,e){let t,a,l,r=n.getRangeAt(0);if(r){for(l=r.commonAncestorContainer||r.parentElement(),t=l;t!==o;t=t?.parentNode)if(t&&t.tagName&&t.tagName.toLowerCase()===e)return t;!r.collapsed&&(r.text===void 0||r.text)&&l.getElementsByTagName&&(t=l.getElementsByTagName(e),a=document.createRange?document.createRange():document.body.createTextRange(),t.forEach(c=>{if(document.createRange){if(a.selectNodeContents(c),r.compareBoundaryPoints(Range.END_TO_START,a)<0&&r.compareBoundaryPoints(Range.START_TO_END,a)>0)return c}else if(a.moveToElementText(c),r.compareEndPoints("StartToEnd",a)<0&&r.compareEndPoints("EndToStart",a)>0)return c}))}return null}export{g as a,E as b,u as c,d,f as e,T as f};
+import{c as i,i as m}from"./ids-chunk-C5ZLBZPJ.js";function g(n){let o="",e=n.anchorNode;for(e&&e.tagName&&(o=e.tagName.toLowerCase());e&&i.indexOf(o)===-1;)e=e.parentNode,e&&e.tagName&&(o=e.tagName.toLowerCase());return{el:e,tagName:o}}function E(n,o){let e=[];return m(i.join(", "),o).forEach(t=>{n.containsNode(t,!0)&&e.push(t)}),e}function u(n){if(n.getRangeAt&&n.rangeCount){let o=[];for(let e=0,t=n.rangeCount;e<t;e++)o.push(n.getRangeAt(e));return o}return null}function d(n,o){o&&(n.removeAllRanges(),o.forEach(e=>n.addRange(e)))}function f(n,o){let e={};if(n?.containsNode(o,!0)){let t=n?.focusNode;for(;t?.id!=="editor-container";){let a=t?.tagName?.toLowerCase();a&&(e[a]={tag:a,node:t}),t=t?.parentNode}}return e}function T(n,o,e){let t,a,l,r=n.getRangeAt(0);if(r){for(l=r.commonAncestorContainer||r.parentElement(),t=l;t!==o;t=t?.parentNode)if(t&&t.tagName&&t.tagName.toLowerCase()===e)return t;!r.collapsed&&(r.text===void 0||r.text)&&l.getElementsByTagName&&(t=l.getElementsByTagName(e),a=document.createRange?document.createRange():document.body.createTextRange(),t.forEach(c=>{if(document.createRange){if(a.selectNodeContents(c),r.compareBoundaryPoints(Range.END_TO_START,a)<0&&r.compareBoundaryPoints(Range.START_TO_END,a)>0)return c}else if(a.moveToElementText(c),r.compareEndPoints("StartToEnd",a)<0&&r.compareEndPoints("EndToStart",a)>0)return c}))}return null}export{g as a,E as b,u as c,d,f as e,T as f};

package/chunks/{ids-chunk-3VMFQMM4.js → ids-chunk-RZ2TJQTG.js}

@@ -1 +1 @@
-import{a as r}from"./ids-chunk-OIS6KGMU.js";import{e as a}from"./ids-chunk-TJKIW3GF.js";import{a as s}from"./ids-chunk-HABPILOR.js";var h=n=>class extends n{datasource=new r;constructor(...t){super(...t)}static get attributes(){return[...n.attributes,s.AUTOCOMPLETE,s.SEARCH_FIELD]}connectedCallback(){if(super.connectedCallback(),!this.autocomplete){this.destroyAutocomplete();return}this.#i(),this.#s(),this.#n(),this.#o()}set autocomplete(t){let e=a(t);this.container&&(e?(this.setAttribute(s.AUTOCOMPLETE,""),this.container?.classList.add("autocomplete")):(this.removeAttribute(s.AUTOCOMPLETE),this.container?.classList.remove("autocomplete")))}get autocomplete(){return this.hasAttribute(s.AUTOCOMPLETE)}set data(t){this.datasource&&(this.datasource.data=t||[],this.#e())}get data(){return this?.datasource?.data||[]}set searchField(t){t?this.setAttribute(s.SEARCH_FIELD,t):this.removeAttribute(s.SEARCH_FIELD)}get searchField(){let t=this.data&&Object?.keys(this.data[0]);return this.getAttribute(s.SEARCH_FIELD)||t[0]}get popup(){return this.shadowRoot?.querySelector("ids-popup")}get listBox(){return this.shadowRoot?.querySelector("ids-list-box")}get options(){return this.shadowRoot?.querySelectorAll("ids-list-box-option")}get isSelected(){return this.shadowRoot?.querySelector("ids-list-box-option.is-selected")}findMatches(t,e){return e.filter(i=>{let o=new RegExp(t,"gi");return i[this.searchField].toString()?.match(o)})}displayMatches(){if(this.readonly||this.disabled)return;let t=this,i=this.findMatches(t.value,this.data)?.map(o=>{let l=new RegExp(t.value,"gi"),p=o[this.searchField].toString()?.replace(l,`<span class="highlight">${t.value?.toLowerCase()}</span>`);return this.#t(o[this.searchField],p)}).join("");t.value?(this.openPopup(),this.listBox.innerHTML=i||`<ids-list-box-option>${this.localeAPI.translate("NoResults")}</ids-list-box-option>`,this.popup.place()):(this.clearOptions(),this.closePopup())}#e(){this.listBox&&(this.listBox.innerHTML=this.data.map(t=>{let e=t[this.searchField];return this.#t(e,e)}))}#t(t,e){return`<ids-list-box-option value="${t}">${e}</ids-list-box-option>`}#s(){let t={role:"combobox","aria-expanded":"false","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":this.listBox?.getAttribute("id")||`ids-list-box-${this.id}`};return this.listBox&&(this.listBox.setAttribute("id",`ids-list-box-${this.id}`),this.listBox.setAttribute("aria-label","Listbox")),Object.keys(t).forEach(e=>this.setAttribute(e,t[e])),this}closePopup(){this.popup.open=!1,this.popup.visible=!1}openPopup(){this.popup.open=!0,this.popup.visible=!0}selectOption(t){t.target.nodeName==="IDS-LIST-BOX-OPTION"&&this.setSelectedOption(t.target),this.isSelected&&(this.value=this.isSelected.getAttribute("value"),this.triggerEvent("selected",this,{bubbles:!0,detail:{elem:this,value:this.value}})),this.closePopup()}clearOptions(){this.triggerEvent("cleared",this,{bubbles:!0,detail:{elem:this,value:this.value}})}setSelectedOption(t){t.classList.add("is-selected"),t.setAttribute("tabindex","0")}removeSelectedOption(t){t.classList.remove("is-selected"),t.setAttribute("tabindex","-1")}#i(){this.popup.type="dropdown",this.popup.align="bottom, left",this.popup.alignTarget=this.fieldContainer,this.popup.y=-1}#o(){this.onEvent("keydownend",this,this.displayMatches),this.onEvent("mousedown",this.listBox,this.selectOption.bind(this)),this.onEvent("blur",this,this.closePopup)}#n(){this.listen(["ArrowDown"],this,t=>{t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault();let e=this.isSelected,i=this.options[0],o=this.options[this.options.length-1];e||this.setSelectedOption(i),e?.nextElementSibling&&(this.removeSelectedOption(e),this.setSelectedOption(e.nextElementSibling),e.nextElementSibling.focus()),e===o&&(this.removeSelectedOption(e),this.setSelectedOption(i))}),this.listen(["ArrowUp"],this,t=>{t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault();let e=this.isSelected,i=this.options[0],o=this.options[this.options.length-1];if(t.altKey){this.value=e.getAttribute("value"),this.closePopup();return}e?.previousElementSibling&&(this.removeSelectedOption(e),this.setSelectedOption(e.previousElementSibling),e.previousElementSibling.focus()),e===i&&(this.removeSelectedOption(e),this.setSelectedOption(o))}),this.listen([" ","Enter"],this.listBox,this.selectOption.bind(this)),this.listen(["Escape"],this.listBox,this.closePopup.bind(this))}#a(){this.offEvent("keyup",this,this.displayMatches),this.offEvent("change",this,this.displayMatches),this.offEvent("blur",this,this.closePopup)}destroyAutocomplete(){this.#a()}},g=h;export{g as a};
+import{a as r}from"./ids-chunk-OIS6KGMU.js";import{e as a}from"./ids-chunk-TJKIW3GF.js";import{a as s}from"./ids-chunk-EHQM67XJ.js";var h=n=>class extends n{datasource=new r;constructor(...t){super(...t)}static get attributes(){return[...n.attributes,s.AUTOCOMPLETE,s.SEARCH_FIELD]}connectedCallback(){if(super.connectedCallback(),!this.autocomplete){this.destroyAutocomplete();return}this.#i(),this.#s(),this.#n(),this.#o()}set autocomplete(t){let e=a(t);this.container&&(e?(this.setAttribute(s.AUTOCOMPLETE,""),this.container?.classList.add("autocomplete")):(this.removeAttribute(s.AUTOCOMPLETE),this.container?.classList.remove("autocomplete")))}get autocomplete(){return this.hasAttribute(s.AUTOCOMPLETE)}set data(t){this.datasource&&(this.datasource.data=t||[],this.#e())}get data(){return this?.datasource?.data||[]}set searchField(t){t?this.setAttribute(s.SEARCH_FIELD,t):this.removeAttribute(s.SEARCH_FIELD)}get searchField(){let t=this.data&&Object?.keys(this.data[0]);return this.getAttribute(s.SEARCH_FIELD)||t[0]}get popup(){return this.shadowRoot?.querySelector("ids-popup")}get listBox(){return this.shadowRoot?.querySelector("ids-list-box")}get options(){return this.shadowRoot?.querySelectorAll("ids-list-box-option")}get isSelected(){return this.shadowRoot?.querySelector("ids-list-box-option.is-selected")}findMatches(t,e){return e.filter(i=>{let o=new RegExp(t,"gi");return i[this.searchField].toString()?.match(o)})}displayMatches(){if(this.readonly||this.disabled)return;let t=this,i=this.findMatches(t.value,this.data)?.map(o=>{let l=new RegExp(t.value,"gi"),p=o[this.searchField].toString()?.replace(l,`<span class="highlight">${t.value?.toLowerCase()}</span>`);return this.#t(o[this.searchField],p)}).join("");t.value?(this.openPopup(),this.listBox.innerHTML=i||`<ids-list-box-option>${this.localeAPI.translate("NoResults")}</ids-list-box-option>`,this.popup.place()):(this.clearOptions(),this.closePopup())}#e(){this.listBox&&(this.listBox.innerHTML=this.data.map(t=>{let e=t[this.searchField];return this.#t(e,e)}))}#t(t,e){return`<ids-list-box-option value="${t}">${e}</ids-list-box-option>`}#s(){let t={role:"combobox","aria-expanded":"false","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":this.listBox?.getAttribute("id")||`ids-list-box-${this.id}`};return this.listBox&&(this.listBox.setAttribute("id",`ids-list-box-${this.id}`),this.listBox.setAttribute("aria-label","Listbox")),Object.keys(t).forEach(e=>this.setAttribute(e,t[e])),this}closePopup(){this.popup.open=!1,this.popup.visible=!1}openPopup(){this.popup.open=!0,this.popup.visible=!0}selectOption(t){t.target.nodeName==="IDS-LIST-BOX-OPTION"&&this.setSelectedOption(t.target),this.isSelected&&(this.value=this.isSelected.getAttribute("value"),this.triggerEvent("selected",this,{bubbles:!0,detail:{elem:this,value:this.value}})),this.closePopup()}clearOptions(){this.triggerEvent("cleared",this,{bubbles:!0,detail:{elem:this,value:this.value}})}setSelectedOption(t){t.classList.add("is-selected"),t.setAttribute("tabindex","0")}removeSelectedOption(t){t.classList.remove("is-selected"),t.setAttribute("tabindex","-1")}#i(){this.popup.type="dropdown",this.popup.align="bottom, left",this.popup.alignTarget=this.fieldContainer,this.popup.y=-1}#o(){this.onEvent("keydownend",this,this.displayMatches),this.onEvent("mousedown",this.listBox,this.selectOption.bind(this)),this.onEvent("blur",this,this.closePopup)}#n(){this.listen(["ArrowDown"],this,t=>{t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault();let e=this.isSelected,i=this.options[0],o=this.options[this.options.length-1];e||this.setSelectedOption(i),e?.nextElementSibling&&(this.removeSelectedOption(e),this.setSelectedOption(e.nextElementSibling),e.nextElementSibling.focus()),e===o&&(this.removeSelectedOption(e),this.setSelectedOption(i))}),this.listen(["ArrowUp"],this,t=>{t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault();let e=this.isSelected,i=this.options[0],o=this.options[this.options.length-1];if(t.altKey){this.value=e.getAttribute("value"),this.closePopup();return}e?.previousElementSibling&&(this.removeSelectedOption(e),this.setSelectedOption(e.previousElementSibling),e.previousElementSibling.focus()),e===i&&(this.removeSelectedOption(e),this.setSelectedOption(o))}),this.listen([" ","Enter"],this.listBox,this.selectOption.bind(this)),this.listen(["Escape"],this.listBox,this.closePopup.bind(this))}#a(){this.offEvent("keyup",this,this.displayMatches),this.offEvent("change",this,this.displayMatches),this.offEvent("blur",this,this.closePopup)}destroyAutocomplete(){this.#a()}},g=h;export{g as a};