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

package/chunks/{ids-chunk-RJZAFU5M.js → ids-chunk-R7R5J6YQ.js}

@@ -1,4 +1,4 @@
-import{a as v}from"./ids-chunk-G4EPNT7L.js";import{a as b,b as h}from"./ids-chunk-XE4WFW5M.js";import{e as n}from"./ids-chunk-QPDOZZIG.js";import{a as i,b as o}from"./ids-chunk-EQJWBFQ2.js";import{a as p}from"./ids-chunk-U7OOVFXE.js";var f=`
+import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chunk-XE4WFW5M.js";import{e}from"./ids-chunk-TJKIW3GF.js";import{a as i,b as n}from"./ids-chunk-EHQM67XJ.js";import{a as p}from"./ids-chunk-U7OOVFXE.js";var f=`
 @charset "UTF-8";
 /**
  * Css for clearable mixin
@@ -71,12 +71,13 @@ import{a as v}from"./ids-chunk-G4EPNT7L.js";import{a as b,b as h}from"./ids-chun
 }
 
 .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 v}from"./ids-chunk-G4EPNT7L.js";import{a as b,b as h}from"./ids-chun
   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 v}from"./ids-chunk-G4EPNT7L.js";import{a as b,b as h}from"./ids-chun
   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 v}from"./ids-chunk-G4EPNT7L.js";import{a as b,b as h}from"./ids-chun
 .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 v}from"./ids-chunk-G4EPNT7L.js";import{a as b,b as h}from"./ids-chun
 .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 v}from"./ids-chunk-G4EPNT7L.js";import{a as b,b as h}from"./ids-chun
 .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 v}from"./ids-chunk-G4EPNT7L.js";import{a as b,b as h}from"./ids-chun
   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 v}from"./ids-chunk-G4EPNT7L.js";import{a as b,b as h}from"./ids-chun
 .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 v}from"./ids-chunk-G4EPNT7L.js";import{a as b,b as h}from"./ids-chun
   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 v}from"./ids-chunk-G4EPNT7L.js";import{a as b,b as h}from"./ids-chun
 .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])) {
@@ -958,14 +1039,14 @@ ids-button::part(button) {
 }
 .ids-spinbox .ids-spinbox-content:focus-visible ids-button::part(button) {
   outline: none;
-}`;var y=0,w=1,l=class extends v{constructor(){super()}isFormComponent=!0;static get attributes(){return[...super.attributes,i.MAX,i.MIN,i.STEP]}template(){this.templateHostAttributes();let{ariaLabel:t,containerClass:r,inputClass:e,inputState:a,labelHtml:s,placeholder:d,type:c,value:u}=this.templateVariables();return`<div id="ids-spinbox" class="ids-spinbox ids-trigger-field ${r}" part="container">
+}`;var y=0,w=1,l=class extends b{constructor(){super()}isFormComponent=!0;static get attributes(){return[...super.attributes,i.MAX,i.MIN,i.STEP]}template(){this.templateHostAttributes();let{ariaLabel:t,containerClass:o,inputClass:r,inputState:a,labelHtml:s,placeholder:d,type:c,value:u}=this.templateVariables();return`<div id="ids-spinbox" class="ids-spinbox ids-trigger-field ${o}" part="container">
         ${s}
         <div class="field-container" part="field-container">
           <slot name="trigger-start"></slot>
           <input
             part="input"
             id="${this.id}-input"
-            ${c}${e}${d}${a}
+            ${c}${r}${d}${a}
             ${t}
             ${u}
             ></input>
@@ -985,4 +1066,4 @@ ids-button::part(button) {
         square
         slot="trigger-end"
         tabbable="false"
-        part="button"> + </ids-trigger-button>`)}connectedCallback(){super.connectedCallback(),this.setAttribute(o.ROLE,"spinbutton"),this.setAttribute(o.ARIA_VALUENOW,this.value),this.setAttribute(o.ARIA_LABEL,this.label),n(this.getAttribute(i.MAX))&&this.setAttribute(o.ARIA_VALUEMAX,String(this.max)),n(this.getAttribute(i.MIN))&&this.setAttribute(o.ARIA_VALUEMIN,String(this.min)),this.#s(),n(this.getAttribute(i.TABBABLE))||(this.tabbable=!1),n(this.getAttribute(i.SIZE))||(this.size="sm"),this.hasAttribute("text-align")||(this.textAlign="center"),this.#a(),this.#d(),this.#t()}#d(){this.input?.addEventListener("change",()=>{this.input&&this.input.value!==this.value&&(this.value=this.input.value,this.#r())}),this.onEvent("mousedown.increment",this.incrementButton,this.#n("up")),this.onEvent("mousedown.decrement",this.decrementButton,this.#n("down")),this.onEvent("mouseup",window,t=>{this.#r(t)}),this.onEvent("focus",this,t=>{this.hasAttribute(i.DISABLED)||(t.preventDefault(),this.focus())}),this.listen(["ArrowUp","ArrowDown"],this,t=>{if(n(this.getAttribute(i.DISABLED)))return;let r=t.key;switch(this.#r(),r){case"ArrowUp":this.#o("up");break;case"ArrowDown":this.#o("down");break;default:}t.preventDefault()})}get decrementButton(){return this.querySelector('ids-trigger-button[slot="trigger-start"]')}get incrementButton(){return this.querySelector('ids-trigger-button[slot="trigger-end"]')}set max(t){if(this.getAttribute(i.MAX)!==t){let e=parseInt(t);Number.isNaN(e)?(this.removeAttribute(i.MAX),this.removeAttribute(o.ARIA_VALUEMAX)):(this.setAttribute(i.MAX,`${e}`),this.setAttribute(o.ARIA_VALUEMAX,`${e}`)),this.#a(),this.#t()}}get max(){return this.hasAttribute(i.MAX)?parseInt(this.getAttribute(i.MAX)):null}set min(t){if(this.getAttribute(i.MIN)!==t){let e=parseInt(t);Number.isNaN(e)?(this.removeAttribute(i.MIN),this.removeAttribute(o.ARIA_VALUEMIN)):(this.setAttribute(i.MIN,`${e}`),this.setAttribute(o.ARIA_VALUEMIN,`${e}`)),this.#t()}}get min(){return this.hasAttribute(i.MIN)?parseInt(this.getAttribute(i.MIN)):null}set step(t){if(this.getAttribute(i.STEP)!==t){let e=parseInt(t);(Number.isNaN(e)||e<1)&&(e=1),this.setAttribute(i.STEP,`${e}`),this.#t()}}get step(){return this.hasAttribute(i.STEP)?parseInt(this.getAttribute(i.STEP)):1}set tabbable(t){let r=n(t);this.setAttribute(i.TABBABLE,String(r))}get tabbable(){return n(this.getAttribute(i.TABBABLE))}set value(t){if(this.input&&`${t}`.trim()==="-"){this.input.value="";return}let r=super.value==="",e=`${parseInt(t)}`;e!=="NaN"&&super.value!==e&&(super.value=this.#l(e),this.setAttribute(o.ARIA_VALUENOW,super.value),this.#t(),r&&this.validate&&this.checkValidation())}get value(){return super.value}#l(t){let r=parseInt(t);if(!Number.isNaN(r)){let e=parseInt(this.step);!Number.isNaN(e)&&r%e!==0&&(r=Math.round(r/e)*e);let s=this.min,d=this.max,c=typeof this.min=="number"&&!Number.isNaN(this.min),u=typeof this.max=="number"&&this.max&&!Number.isNaN(this.max),g=c&&r<s,m=u&&r>d,x=u&&r===d||c&&r===s;g&&(r=Math.max(r,s)),m&&(r=Math.min(r,d)),x&&this.#r(),r=`${r}`}return r}set disabled(t){let r=n(t);super.disabled=r,r?(this.incrementButton?.setAttribute?.(i.DISABLED,""),this.decrementButton?.setAttribute?.(i.DISABLED,"")):this.hasAttribute(i.READONLY)||(this.incrementButton?.removeAttribute?.(i.DISABLED),this.decrementButton?.removeAttribute?.(i.DISABLED))}get disabled(){return super.disabled}set readonly(t){let r=n(t);super.readonly=r,r?(this.#r(),this.incrementButton?.setAttribute(i.DISABLED,""),this.decrementButton?.setAttribute(i.DISABLED,"")):this.hasAttribute(i.DISABLED)||(this.incrementButton?.removeAttribute(i.DISABLED),this.decrementButton?.removeAttribute(i.DISABLED))}get readonly(){return super.readonly}#o(t){let e=!Number.isNaN(parseInt(this.step))?parseInt(this.step):1;t==="down"&&(e*=-1);let a=!Number.isNaN(parseInt(this.value));this.value=`${(a?parseInt(this.value):0)+e}`}#t(){if(!!Number.isNaN(parseInt(this.max))){this.incrementButton?.removeAttribute(i.DISABLED);return}if(parseInt(this.value)>=parseInt(this.max)?this.incrementButton?.setAttribute(i.DISABLED,""):this.hasAttribute(i.READONLY)||this.incrementButton?.removeAttribute(i.DISABLED),!!Number.isNaN(parseInt(this.min))){this.decrementButton?.removeAttribute(i.DISABLED);return}parseInt(this.value)<=parseInt(this.min)?this.decrementButton?.setAttribute(i.DISABLED,""):this.hasAttribute(i.READONLY)||this.decrementButton?.removeAttribute(i.DISABLED),this.disabled&&(this.incrementButton?.setAttribute(i.DISABLED,""),this.decrementButton?.setAttribute(i.DISABLED,""))}#e;#i;#n(t){return r=>{if(w&r.buttons){let e=0;this.#e=t;let a=()=>{this.#e===t?(this.#o(t),e++,this.#i=setTimeout(a,Math.max(350-Math.round(e*50),100))):(clearTimeout(a),this.#i=void 0)};this.#i=a,this.#i()}}}#r(t){(!t||t.which===1&&(this.#i||this.#e))&&(clearInterval(this.#i),this.#i=void 0,this.#e=void 0)}#a(){let t={allowDecimal:!1,allowNegative:!0};this.mask="number",this.maskOptions=t}};l=p([b("ids-spinbox"),h(f)],l);export{l as a};
+        part="button"> + </ids-trigger-button>`)}connectedCallback(){super.connectedCallback(),this.setAttribute(n.ROLE,"spinbutton"),this.setAttribute(n.ARIA_VALUENOW,this.value),this.setAttribute(n.ARIA_LABEL,this.label),e(this.getAttribute(i.MAX))&&this.setAttribute(n.ARIA_VALUEMAX,String(this.max)),e(this.getAttribute(i.MIN))&&this.setAttribute(n.ARIA_VALUEMIN,String(this.min)),this.#s(),e(this.getAttribute(i.TABBABLE))||(this.tabbable=!1),e(this.getAttribute(i.SIZE))||(this.size="sm"),this.hasAttribute("text-align")||(this.textAlign="center"),this.#a(),this.#d(),this.#t()}#d(){this.input?.addEventListener("change",()=>{this.input&&this.input.value!==this.value&&(this.value=this.input.value,this.#o())}),this.onEvent("mousedown.increment",this.incrementButton,this.#e("up")),this.onEvent("mousedown.decrement",this.decrementButton,this.#e("down")),this.onEvent("mouseup",window,t=>{this.#o(t)}),this.onEvent("focus",this,t=>{this.hasAttribute(i.DISABLED)||(t.preventDefault(),this.focus())}),this.listen(["ArrowUp","ArrowDown"],this,t=>{if(e(this.getAttribute(i.DISABLED)))return;let o=t.key;switch(this.#o(),o){case"ArrowUp":this.#n("up");break;case"ArrowDown":this.#n("down");break;default:}t.preventDefault()})}get decrementButton(){return this.querySelector('ids-trigger-button[slot="trigger-start"]')}get incrementButton(){return this.querySelector('ids-trigger-button[slot="trigger-end"]')}set max(t){if(this.getAttribute(i.MAX)!==t){let r=parseInt(t);Number.isNaN(r)?(this.removeAttribute(i.MAX),this.removeAttribute(n.ARIA_VALUEMAX)):(this.setAttribute(i.MAX,`${r}`),this.setAttribute(n.ARIA_VALUEMAX,`${r}`)),this.#a(),this.#t()}}get max(){return this.hasAttribute(i.MAX)?parseInt(this.getAttribute(i.MAX)):null}set min(t){if(this.getAttribute(i.MIN)!==t){let r=parseInt(t);Number.isNaN(r)?(this.removeAttribute(i.MIN),this.removeAttribute(n.ARIA_VALUEMIN)):(this.setAttribute(i.MIN,`${r}`),this.setAttribute(n.ARIA_VALUEMIN,`${r}`)),this.#t()}}get min(){return this.hasAttribute(i.MIN)?parseInt(this.getAttribute(i.MIN)):null}set step(t){if(this.getAttribute(i.STEP)!==t){let r=parseInt(t);(Number.isNaN(r)||r<1)&&(r=1),this.setAttribute(i.STEP,`${r}`),this.#t()}}get step(){return this.hasAttribute(i.STEP)?parseInt(this.getAttribute(i.STEP)):1}set tabbable(t){let o=e(t);this.setAttribute(i.TABBABLE,String(o))}get tabbable(){return e(this.getAttribute(i.TABBABLE))}set value(t){if(this.input&&`${t}`.trim()==="-"){this.input.value="";return}let o=super.value==="",r=`${parseInt(t)}`;r!=="NaN"&&super.value!==r&&(super.value=this.#l(r),this.setAttribute(n.ARIA_VALUENOW,super.value),this.#t(),o&&this.validate&&this.checkValidation())}get value(){return super.value}#l(t){let o=parseInt(t);if(!Number.isNaN(o)){let r=parseInt(this.step);!Number.isNaN(r)&&o%r!==0&&(o=Math.round(o/r)*r);let s=this.min,d=this.max,c=typeof this.min=="number"&&!Number.isNaN(this.min),u=typeof this.max=="number"&&this.max&&!Number.isNaN(this.max),g=c&&o<s,m=u&&o>d,x=u&&o===d||c&&o===s;g&&(o=Math.max(o,s)),m&&(o=Math.min(o,d)),x&&this.#o(),o=`${o}`}return o}set disabled(t){let o=e(t);super.disabled=o,o?(this.incrementButton?.setAttribute?.(i.DISABLED,""),this.decrementButton?.setAttribute?.(i.DISABLED,"")):this.hasAttribute(i.READONLY)||(this.incrementButton?.removeAttribute?.(i.DISABLED),this.decrementButton?.removeAttribute?.(i.DISABLED))}get disabled(){return super.disabled}set readonly(t){let o=e(t);super.readonly=o,o?(this.#o(),this.incrementButton?.setAttribute(i.DISABLED,""),this.decrementButton?.setAttribute(i.DISABLED,"")):this.hasAttribute(i.DISABLED)||(this.incrementButton?.removeAttribute(i.DISABLED),this.decrementButton?.removeAttribute(i.DISABLED))}get readonly(){return super.readonly}#n(t){let r=!Number.isNaN(parseInt(this.step))?parseInt(this.step):1;t==="down"&&(r*=-1);let a=!Number.isNaN(parseInt(this.value));this.value=`${(a?parseInt(this.value):0)+r}`}#t(){if(!!Number.isNaN(parseInt(this.max))){this.incrementButton?.removeAttribute(i.DISABLED);return}if(parseInt(this.value)>=parseInt(this.max)?this.incrementButton?.setAttribute(i.DISABLED,""):this.hasAttribute(i.READONLY)||this.incrementButton?.removeAttribute(i.DISABLED),!!Number.isNaN(parseInt(this.min))){this.decrementButton?.removeAttribute(i.DISABLED);return}parseInt(this.value)<=parseInt(this.min)?this.decrementButton?.setAttribute(i.DISABLED,""):this.hasAttribute(i.READONLY)||this.decrementButton?.removeAttribute(i.DISABLED),this.disabled&&(this.incrementButton?.setAttribute(i.DISABLED,""),this.decrementButton?.setAttribute(i.DISABLED,""))}#r;#i;#e(t){return o=>{if(w&o.buttons){let r=0;this.#r=t;let a=()=>{this.#r===t?(this.#n(t),r++,this.#i=setTimeout(a,Math.max(350-Math.round(r*50),100))):(clearTimeout(a),this.#i=void 0)};this.#i=a,this.#i()}}}#o(t){(!t||t.which===1&&(this.#i||this.#r))&&(clearInterval(this.#i),this.#i=void 0,this.#r=void 0)}#a(){let t={allowDecimal:!1,allowNegative:!0};this.mask="number",this.maskOptions=t}};l=p([v("ids-spinbox"),h(f)],l);export{l as a};

package/chunks/{ids-chunk-4LNK4CO7.js → ids-chunk-RLLFJ3JS.js}

@@ -1 +1 @@
-import{k as a}from"./ids-chunk-ODGLGMPF.js";import{e as l}from"./ids-chunk-QPDOZZIG.js";import{a as n}from"./ids-chunk-EQJWBFQ2.js";var o=p=>class extends p{rippleTarget;rippleRadius=50;constructor(...t){super(...t)}static get attributes(){return[...p.attributes,n.NO_RIPPLE]}set noRipple(t){l(t)?(this.setAttribute(n.NO_RIPPLE,""),this.#e()):(this.removeAttribute(n.NO_RIPPLE),this.#t())}get noRipple(){return this.hasAttribute(n.NO_RIPPLE)}connectedCallback(){super.connectedCallback?.()}disconnectedCallback(){super.disconnectedCallback?.(),this.removeRipples(),this.#e()}setupRipple(t,s){this.rippleTarget=t||this.container,this.rippleRadius=s||this.rippleRadius,this.#t()}removeRipples(){this.rippleTarget?.querySelectorAll(".ripple-effect")?.forEach(i=>{i.remove()})}#e(){this.offEvent("click.ripple"),this.offEvent("touchstart.ripple")}#t(){if(this.noRipple)return;let t,s,i=!1;this.onEvent("click.ripple",this.rippleTarget,e=>{if(i){i=!1;return}t=e.clientX!==0?e.clientX:void 0,s=e.clientY!==0?e.clientY:void 0,this.createRipple(t,s)}),this.onEvent("touchstart.ripple",this.rippleTarget,e=>{if(e.touches&&e.touches.length>0){let r=e.touches[0];t=r.clientX!==0?r.clientX:void 0,s=r.clientY!==0?r.clientY:void 0,this.createRipple(t,s),i=!0}},{passive:!0})}async createRipple(t,s){if(this.noRipple||this.disabled||this.readonly)return;this.removeRipples();let i=this.rippleTarget,e=document.createElement("span");e.classList.add("ripple-effect"),e.setAttribute("aria-hidden","true"),e.setAttribute("focusable","false"),e.style.width=`${this.rippleRadius*2}px`,e.style.height=`${this.rippleRadius*2}px`;let r=this.getRippleOffsets(t,s);i?.classList.add("is-rippling"),i?.prepend(e),e.style.left=`${r.x}px`,e.style.top=`${r.y}px`,e.classList.add("animating"),await a(e,"ripple-animation"),i?.classList.remove("is-rippling"),e.remove(),this.#i(e)}#i(t){this.triggerEvent("rippleend",this,{detail:{element:t}})}getRippleOffsets(t,s){let i=this.getBoundingClientRect(),e,r;return t?e=t-i.left:e=i.width/2,s?r=s-i.top:r=i.height/2,e-=this.rippleRadius,r-=this.rippleRadius,{x:e,y:r}}},m=o;export{m as a};
+import{k as a}from"./ids-chunk-ODGLGMPF.js";import{e as l}from"./ids-chunk-TJKIW3GF.js";import{a as n}from"./ids-chunk-EHQM67XJ.js";var o=p=>class extends p{rippleTarget;rippleRadius=50;constructor(...t){super(...t)}static get attributes(){return[...p.attributes,n.NO_RIPPLE]}set noRipple(t){l(t)?(this.setAttribute(n.NO_RIPPLE,""),this.#e()):(this.removeAttribute(n.NO_RIPPLE),this.#t())}get noRipple(){return this.hasAttribute(n.NO_RIPPLE)}connectedCallback(){super.connectedCallback?.()}disconnectedCallback(){super.disconnectedCallback?.(),this.removeRipples(),this.#e()}setupRipple(t,s){this.rippleTarget=t||this.container,this.rippleRadius=s||this.rippleRadius,this.#t()}removeRipples(){this.rippleTarget?.querySelectorAll(".ripple-effect")?.forEach(i=>{i.remove()})}#e(){this.offEvent("click.ripple"),this.offEvent("touchstart.ripple")}#t(){if(this.noRipple)return;let t,s,i=!1;this.onEvent("click.ripple",this.rippleTarget,e=>{if(i){i=!1;return}t=e.clientX!==0?e.clientX:void 0,s=e.clientY!==0?e.clientY:void 0,this.createRipple(t,s)}),this.onEvent("touchstart.ripple",this.rippleTarget,e=>{if(e.touches&&e.touches.length>0){let r=e.touches[0];t=r.clientX!==0?r.clientX:void 0,s=r.clientY!==0?r.clientY:void 0,this.createRipple(t,s),i=!0}},{passive:!0})}async createRipple(t,s){if(this.noRipple||this.disabled||this.readonly)return;this.removeRipples();let i=this.rippleTarget,e=document.createElement("span");e.classList.add("ripple-effect"),e.setAttribute("aria-hidden","true"),e.setAttribute("focusable","false"),e.style.width=`${this.rippleRadius*2}px`,e.style.height=`${this.rippleRadius*2}px`;let r=this.getRippleOffsets(t,s);i?.classList.add("is-rippling"),i?.prepend(e),e.style.left=`${r.x}px`,e.style.top=`${r.y}px`,e.classList.add("animating"),await a(e,"ripple-animation"),i?.classList.remove("is-rippling"),e.remove(),this.#i(e)}#i(t){this.triggerEvent("rippleend",this,{detail:{element:t}})}getRippleOffsets(t,s){let i=this.getBoundingClientRect(),e,r;return t?e=t-i.left:e=i.width/2,s?r=s-i.top:r=i.height/2,e-=this.rippleRadius,r-=this.rippleRadius,{x:e,y:r}}},m=o;export{m as a};

package/chunks/{ids-chunk-LMOUEXCV.js → ids-chunk-ROVYXLPZ.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./ids-chunk-OIS6KGMU.js";import{a as e}from"./ids-chunk-EQJWBFQ2.js";var i={NONE:"none",CLIENT_SIDE:"client-side",SERVER_SIDE:"server-side",STANDALONE:"standalone"},g=s=>class extends s{#t;datasource=new n;constructor(...t){super(...t)}set pager(t){this.#t=t;let a=Math.max(this.pageNumber||1,1),r=Math.max(this.pageSize||0,1);this.datasource.pageSize=r,this.pager.innerHTML=this.pagerTemplate(),this.pager.total=this.datasource.total,this.pager.pageNumber=a,this.pager.pageSize=r,this.#a()}get pager(){return this.#t||this.querySelector("ids-pager")||document.createElement("ids-pager")}static get attributes(){return[...s.attributes,e.PAGINATION,e.PAGE_NUMBER,e.PAGE_SIZE,e.PAGE_TOTAL]}attributeChangedCallback(t,a,r){if(super.attributeChangedCallback(t,a,r),a===r)return;[e.PAGE_NUMBER,e.PAGE_SIZE,e.PAGE_TOTAL,e.PAGINATION].includes(t)&&this.connectedCallback()}connectedCallback(){super.connectedCallback?.(),this.#e()}pagerTemplate(){return`
+import{a as n}from"./ids-chunk-OIS6KGMU.js";import{a as e}from"./ids-chunk-EHQM67XJ.js";var i={NONE:"none",CLIENT_SIDE:"client-side",SERVER_SIDE:"server-side",STANDALONE:"standalone"},g=s=>class extends s{#t;datasource=new n;constructor(...t){super(...t)}set pager(t){this.#t=t;let a=Math.max(this.pageNumber||1,1),r=Math.max(this.pageSize||0,1);this.datasource.pageSize=r,this.pager.innerHTML=this.pagerTemplate(),this.pager.total=this.datasource.total,this.pager.pageNumber=a,this.pager.pageSize=r,this.#a()}get pager(){return this.#t||this.querySelector("ids-pager")||document.createElement("ids-pager")}static get attributes(){return[...s.attributes,e.PAGINATION,e.PAGE_NUMBER,e.PAGE_SIZE,e.PAGE_TOTAL]}attributeChangedCallback(t,a,r){if(super.attributeChangedCallback(t,a,r),a===r)return;[e.PAGE_NUMBER,e.PAGE_SIZE,e.PAGE_TOTAL,e.PAGINATION].includes(t)&&this.connectedCallback()}connectedCallback(){super.connectedCallback?.(),this.#e()}pagerTemplate(){return`
       <ids-pager-button first></ids-pager-button>
       <ids-pager-button previous></ids-pager-button>
       <ids-pager-input></ids-pager-input>