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

package/chunks/{ids-chunk-FK75W3GS.js → ids-chunk-RZ5YYYOC.js}

@@ -1,4 +1,4 @@
-import{a as u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXCSNZ.js";import{a as c,b as p}from"./ids-chunk-XE4WFW5M.js";import{a as r}from"./ids-chunk-EQJWBFQ2.js";import{a as l}from"./ids-chunk-U7OOVFXE.js";var h=`
+import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWNQKP.js";import{a as c,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as r}from"./ids-chunk-EHQM67XJ.js";import{a as l}from"./ids-chunk-U7OOVFXE.js";var h=`
 @charset "UTF-8";
 /**
  * Css for clearable mixin
@@ -71,12 +71,13 @@ import{a as u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
 }
 
 .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 u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
   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 u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
   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 u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
 .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 u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
 .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 u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
 .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 u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
   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 u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
 .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,54 @@ import{a as u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
   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;
+}
 
 .highlight {
   font-weight: var(--ids-font-weight-bold);
@@ -858,6 +936,9 @@ import{a as u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
 .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])) {
@@ -884,7 +965,7 @@ import{a as u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
   transition: border var(--ids-motion-duration) var(--ids-motion-ease);
   border: 0;
   border-inline: 0;
-  border-inline-end: 1px solid var(--ids-input-color-border-default);
+  border-inline-end: 1px solid var(--ids-search-field-color-border-default);
   height: 100%;
   display: flex;
   flex-direction: row;
@@ -916,24 +997,31 @@ import{a as u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
 
 :host(:focus-within) ids-menu-button,
 :host(:focus-visible) ids-menu-button {
-  border-color: var(--ids-input-color-border-focus);
+  border-color: var(--ids-search-field-color-border-focus);
 }
 :host(:focus-within) ids-menu-button::part(button),
 :host(:focus-visible) ids-menu-button::part(button) {
-  color: var(--ids-button-tertiary-color-text-hover);
+  color: var(--ids-search-field-button-color-text-hover);
 }
 
 :host(:active) ids-menu-button,
 :host(:hover) ids-menu-button {
-  border-color: var(--ids-input-color-border-hover);
+  border-color: var(--ids-search-field-color-border-hover);
 }
 
+.ids-search-field .field-container {
+  background-color: var(--ids-search-field-color-background-default);
+  border-color: var(--ids-search-field-color-border-default);
+  border-radius: var(--ids-search-field-border-radius);
+  margin: var(--ids-search-field-margin);
+}
 .ids-search-field ids-icon.search-icon {
   margin-inline-start: var(--ids-search-field-icon-margin);
 }
 .ids-search-field .fieldset {
   display: inline-flex;
   flex-direction: row;
+  width: 100%;
 }
 .ids-search-field #category-action-button::part(button) {
   padding: var(--ids-space-40);
@@ -980,7 +1068,24 @@ import{a as u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
 }
 .ids-search-field.color-variant-app-menu:focus-within .field-container, .ids-search-field.color-variant-app-menu.readonly:focus-within .field-container {
   box-shadow: var(--ids-search-field-app-menu-shadow-focus);
-}`;var g="Search",m="Type to search",n=class extends u{constructor(){super()}isFormComponent=!0;colorVariants=["alternate","app-menu","card"];onColorVariantRefresh(i){let t=i||"";i==="app-menu"&&(t="alternate");let e=o=>{o.setAttribute(r.COLOR_VARIANT,t)};this.buttons.forEach(e),this.fieldContainer&&[...this.fieldContainer.querySelectorAll("ids-trigger-button")].forEach(e)}static get attributes(){return[...super.attributes,r.CATEGORY]}connectedCallback(){super.connectedCallback(),this.#s(),this.#l(),this.placeholder||(this.placeholder=m),this.label||(this.label=g)}template(){this.templateHostAttributes();let{ariaLabel:i,containerClass:t,inputClass:e,inputState:o,labelHtml:a,placeholder:d,type:v,value:b}=this.templateVariables(),f='<ids-icon class="ids-icon search-icon starting-icon" size="medium" icon="search"></ids-icon>';return`<div id="ids-search-field" class="ids-search-field ids-trigger-field ${t}" part="container">
+}
+.ids-search-field.color-variant-module-nav .fieldset {
+  display: contents;
+}
+.ids-search-field.color-variant-module-nav .field-container {
+  background-color: var(--ids-module-nav-search-input-bg-color);
+  color: var(--ids-module-nav-item-hover-text-color);
+}
+.ids-search-field.color-variant-module-nav .ids-input-field {
+  padding-inline-start: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
+}
+.ids-search-field.color-variant-module-nav.full .field-container {
+  width: var(--ids-module-nav-search-input-width);
+}
+.ids-search-field.color-variant-module-nav:focus-within .field-container {
+  background-color: var(--ids-module-nav-search-input-focused-bg-color);
+  border-color: var(--ids-module-nav-item-selected-text-color);
+}`;var g="Search",m="Type to search",n=class extends p{constructor(){super()}isFormComponent=!0;colorVariants=["alternate","app-menu","card","module-nav"];onColorVariantRefresh(i){let o=i||"";i==="app-menu"&&(o="alternate");let t=e=>{e.setAttribute(r.COLOR_VARIANT,o)};this.buttons.forEach(t),this.fieldContainer&&[...this.fieldContainer.querySelectorAll("ids-trigger-button")].forEach(t)}static get attributes(){return[...super.attributes,r.CATEGORY]}connectedCallback(){super.connectedCallback(),this.#d(),this.#l(),this.placeholder||(this.placeholder=m),this.label||(this.label=g)}template(){this.templateHostAttributes();let{ariaLabel:i,containerClass:o,inputClass:t,inputState:e,labelHtml:a,placeholder:s,type:v,value:b}=this.templateVariables(),f='<ids-icon class="ids-icon search-icon starting-icon" size="medium" icon="search"></ids-icon>';return`<div id="ids-search-field" class="ids-search-field ids-trigger-field ${o}" part="container">
       ${a}
       <div class="fieldset">
         <div class="field-container" part="field-container">
@@ -990,7 +1095,7 @@ import{a as u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
           <input
             part="input"
             id="${this.id}-input"
-            ${v}${e}${d}${o}
+            ${v}${t}${s}${e}
             ${i}
             ${b}
             ></input>
@@ -1017,7 +1122,7 @@ import{a as u}from"./ids-chunk-G4EPNT7L.js";import{c as s}from"./ids-chunk-LCUXC
       </ids-menu-button>
       <ids-popup-menu id="category-menu" target="menu-button" trigger-type="click" align="bottom, right">
         <ids-menu-group select="${this.multiple?"multiple":"single"}" keep-open="true">
-          ${this.categories.map((t,e)=>`<ids-menu-item value="${e}">${t}</ids-menu-item>`).join("")}
+          ${this.categories.map((o,t)=>`<ids-menu-item value="${t}">${o}</ids-menu-item>`).join("")}
         </ids-menu-group>
       </ids-popup-menu>
-    `:""}#o(){let i=this.category,t=this.#n;if(!i||!t)return;let e=this.selectedCategories;e.length===1?t.text=e[0]:e.length>1?t.text=`${e.length} ${this.localeAPI?.translate?.("Selected")}`:t.text=i;let o=this.#i?.popup,a=parseInt(o?.style?.getProperty?.("min-width")??155),d=this.#n?.getBoundingClientRect().width??a;o?.style?.setProperty?.("min-width",`${Math.max(d,a)}px`),this.multiple||this.#i?.hide?.()}get#i(){return this.shadowRoot?.querySelector("ids-popup-menu")}get#n(){return this.shadowRoot?.querySelector("ids-menu-button")}get#a(){return this.shadowRoot?.querySelector("ids-button#category-action-button")}#d=[];get categories(){return this.#d}set categories(i){this.#d=i,this.#r()}set category(i){i?this.setAttribute(r.CATEGORY,i):this.removeAttribute(r.CATEGORY),this.#r()}get category(){return this.getAttribute(r.CATEGORY)??""}get selectedCategories(){let i=this.categories;return(this.#i?.getSelectedValues?.()??[]).map(o=>i[o])}set action(i){i?this.setAttribute(r.ACTION,i):this.removeAttribute(r.ACTION),this.#r()}get action(){return this.getAttribute(r.ACTION)??""}set multiple(i){i?this.setAttribute(r.MULTIPLE,""):this.removeAttribute(r.MULTIPLE)}get multiple(){return this.hasAttribute(r.MULTIPLE)}async search(i){let t=[],e=s(i);return this.#e!==e&&(this.input&&(this.input.value=e),this.#e=e,typeof this.onSearch=="function"&&(t=await this.onSearch(e))),t}set value(i){super.value=i;let t=super.value;this.#e=t,typeof this.onSearch=="function"&&this.onSearch(t)}get value(){return super.value}onSearch(i=void 0){return[`${s(i)}`]}#e=null;#s(){let i=t=>{this.search(t.target?.value)};this.offEvent("change",this.input),this.onEvent("change",this.input,i),this.offEvent("input",this.input),this.onEvent("input",this.input,i),this.offEvent("click",this.#a),this.onEvent("click",this.#a,()=>{this.search(this.value),this.#t("search")}),this.offEvent("selected",this.#i),this.onEvent("selected",this.#i,()=>{this.#o(),this.#t("selected")}),this.offEvent("deselected",this.#i),this.onEvent("deselected",this.#i,()=>{this.#o(),this.#t("deselected")})}#l(){this.offEvent("keydown",this.input),this.onEvent("keydown",this.input,i=>{let t=!i?.path?.length||!i.path[0].classList||!i.path[0].classList.contains("ids-icon-button");switch(["Enter"].indexOf(i.code)>-1&&t&&i.preventDefault(),i.key){case"Enter":t&&(this.onSearch(this.input?.value),this.#t("search"));break;default:break}})}#t(i){this.triggerEvent(i,this,{detail:{elem:this,categories:this.categories,categoriesSelected:this.selectedCategories,value:this.value},bubbles:!0,cancelable:!1,composed:!1})}#r(){this.container&&(this.container.innerHTML=this.template(),this.connectedCallback())}};n=l([c("ids-search-field"),p(h)],n);export{n as a};
+    `:""}#e(){let i=this.category,o=this.#n;if(!i||!o)return;let t=this.selectedCategories;t.length===1?o.text=t[0]:t.length>1?o.text=`${t.length} ${this.localeAPI?.translate?.("Selected")}`:o.text=i;let e=this.#i?.popup,a=parseInt(e?.style?.getProperty?.("min-width")??155),s=this.#n?.getBoundingClientRect().width??a;e?.style?.setProperty?.("min-width",`${Math.max(s,a)}px`),this.multiple||this.#i?.hide?.()}get#i(){return this.shadowRoot?.querySelector("ids-popup-menu")}get#n(){return this.shadowRoot?.querySelector("ids-menu-button")}get#a(){return this.shadowRoot?.querySelector("ids-button#category-action-button")}#s=[];get categories(){return this.#s}set categories(i){this.#s=i,this.#r()}set category(i){i?this.setAttribute(r.CATEGORY,i):this.removeAttribute(r.CATEGORY),this.#r()}get category(){return this.getAttribute(r.CATEGORY)??""}get selectedCategories(){let i=this.categories;return(this.#i?.getSelectedValues?.()??[]).map(e=>i[e])}set action(i){i?this.setAttribute(r.ACTION,i):this.removeAttribute(r.ACTION),this.#r()}get action(){return this.getAttribute(r.ACTION)??""}set multiple(i){i?this.setAttribute(r.MULTIPLE,""):this.removeAttribute(r.MULTIPLE)}get multiple(){return this.hasAttribute(r.MULTIPLE)}async search(i){let o=[],t=d(i);return this.#t!==t&&(this.input&&(this.input.value=t),this.#t=t,typeof this.onSearch=="function"&&(o=await this.onSearch(t))),o}set value(i){super.value=i,this.#t=i,typeof this.onSearch=="function"&&this.onSearch(i)}get value(){return super.value}onSearch(i=void 0){return[`${d(i)}`]}#t=null;#d(){let i=o=>{this.search(o.target?.value)};this.offEvent("change",this.input),this.onEvent("change",this.input,i),this.offEvent("input",this.input),this.onEvent("input",this.input,i),this.offEvent("click",this.#a),this.onEvent("click",this.#a,()=>{this.search(this.value),this.#o("search")}),this.offEvent("selected",this.#i),this.onEvent("selected",this.#i,()=>{this.#e(),this.#o("selected")}),this.offEvent("deselected",this.#i),this.onEvent("deselected",this.#i,()=>{this.#e(),this.#o("deselected")})}#l(){this.offEvent("keydown",this.input),this.onEvent("keydown",this.input,i=>{let o=!i?.path?.length||!i.path[0].classList||!i.path[0].classList.contains("ids-icon-button");switch(["Enter"].indexOf(i.code)>-1&&o&&i.preventDefault(),i.key){case"Enter":o&&(this.onSearch(this.input?.value),this.#o("search"));break;default:break}})}#o(i){this.triggerEvent(i,this,{detail:{elem:this,categories:this.categories,categoriesSelected:this.selectedCategories,value:this.value},bubbles:!0,cancelable:!1,composed:!1})}#r(){this.container&&(this.container.innerHTML=this.template(),this.connectedCallback())}};n=l([c("ids-search-field"),u(h)],n);export{n as a};

package/chunks/{ids-chunk-H6LIZCQQ.js → ids-chunk-S2PVKGYK.js}

@@ -1 +1 @@
-import{a}from"./ids-chunk-AKCO43TX.js";import{a as o}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-GFV2Z7F5.js";import{a as r}from"./ids-chunk-EQJWBFQ2.js";import{a as i}from"./ids-chunk-U7OOVFXE.js";var t=class extends a(n){constructor(){super()}connectedCallback(){super.connectedCallback(),this.#t()}template(){return"<slot></slot>"}#t(){this.onEvent("itemselect",this,e=>{e.stopPropagation(),this.querySelectorAll("ids-hierarchy-item").forEach(s=>{s.removeAttribute(r.SELECTED),s.setAttribute("aria-selected",!1)}),requestAnimationFrame(()=>{e.target.setAttribute(r.SELECTED,!0),e.target.setAttribute("aria-selected",!0)})})}};t=i([o("ids-hierarchy")],t);export{t as a};
+import{a}from"./ids-chunk-B6P5AQ2Z.js";import{a as n}from"./ids-chunk-SNYFQ5ZT.js";import{a as o}from"./ids-chunk-XE4WFW5M.js";import{a as r}from"./ids-chunk-EHQM67XJ.js";import{a as i}from"./ids-chunk-U7OOVFXE.js";var t=class extends a(n){constructor(){super()}connectedCallback(){super.connectedCallback(),this.#t()}template(){return"<slot></slot>"}#t(){this.onEvent("itemselect",this,e=>{e.stopPropagation(),this.querySelectorAll("ids-hierarchy-item").forEach(s=>{s.removeAttribute(r.SELECTED),s.setAttribute("aria-selected",!1)}),requestAnimationFrame(()=>{e.target.setAttribute(r.SELECTED,!0),e.target.setAttribute("aria-selected",!0)})})}};t=i([o("ids-hierarchy")],t);export{t as a};

package/chunks/{ids-chunk-6I35WZF4.js → ids-chunk-S337XH5U.js}

@@ -1,4 +1,4 @@
-import{e}from"./ids-chunk-QPDOZZIG.js";import{a as i}from"./ids-chunk-EQJWBFQ2.js";var n=s=>class extends s{constructor(...t){super(...t)}static get attributes(){return[...s.attributes,i.LOADING_INDICATOR_ONLY,i.SHOW_LOADING_INDICATOR]}connectedCallback(){super.connectedCallback?.(),this.#i(),this.#o()}set showLoadingIndicator(t){let o=e(t);o?this.setAttribute(i.SHOW_LOADING_INDICATOR,o.toString()):this.removeAttribute(i.SHOW_LOADING_INDICATOR),this.#i()}get showLoadingIndicator(){return e(this.getAttribute(i.SHOW_LOADING_INDICATOR))}set loadingIndicatorOnly(t){let o=e(t);o?this.setAttribute(i.LOADING_INDICATOR_ONLY,o.toString()):this.removeAttribute(i.LOADING_INDICATOR_ONLY)}get loadingIndicatorOnly(){return e(this.getAttribute(i.LOADING_INDICATOR_ONLY))}#t(){return this.container?.querySelector('slot[name="loading-indicator"]')?.assignedNodes()}#i(){if(this.showLoadingIndicator&&this.#t()?.length===0){let t=this.getAttribute(i.APPEARANCE);this.insertAdjacentHTML("beforeend",`<ids-loading-indicator
+import{e}from"./ids-chunk-TJKIW3GF.js";import{a as i}from"./ids-chunk-EHQM67XJ.js";var n=s=>class extends s{constructor(...t){super(...t)}static get attributes(){return[...s.attributes,i.LOADING_INDICATOR_ONLY,i.SHOW_LOADING_INDICATOR]}connectedCallback(){super.connectedCallback?.(),this.#i(),this.#o()}set showLoadingIndicator(t){let o=e(t);o?this.setAttribute(i.SHOW_LOADING_INDICATOR,o.toString()):this.removeAttribute(i.SHOW_LOADING_INDICATOR),this.#i()}get showLoadingIndicator(){return e(this.getAttribute(i.SHOW_LOADING_INDICATOR))}set loadingIndicatorOnly(t){let o=e(t);o?this.setAttribute(i.LOADING_INDICATOR_ONLY,o.toString()):this.removeAttribute(i.LOADING_INDICATOR_ONLY)}get loadingIndicatorOnly(){return e(this.getAttribute(i.LOADING_INDICATOR_ONLY))}#t(){return this.container?.querySelector('slot[name="loading-indicator"]')?.assignedNodes()}#i(){if(this.showLoadingIndicator&&this.#t()?.length===0){let t=this.getAttribute(i.APPEARANCE);this.insertAdjacentHTML("beforeend",`<ids-loading-indicator
           slot="loading-indicator"
           size="xs"
           class="slot-loading-indicator${t?` type-${t}`:""}"