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

package/chunks/{ids-chunk-WMXE3J2K.js → ids-chunk-AE7IPRB7.js}

@@ -1,4 +1,4 @@
-import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chunk-XE4WFW5M.js";import{e as n}from"./ids-chunk-VGRUIA4C.js";import{a as i,b as o}from"./ids-chunk-2NN3ZJ6Q.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var g=`
+import{a as v}from"./ids-chunk-B3LFOR6V.js";import{a as b,b as h}from"./ids-chunk-XE4WFW5M.js";import{e as n}from"./ids-chunk-TJKIW3GF.js";import{a as i,b as o}from"./ids-chunk-HABPILOR.js";import{a as p}from"./ids-chunk-U7OOVFXE.js";var f=`
 @charset "UTF-8";
 /**
  * Css for clearable mixin
@@ -105,44 +105,44 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: flex;
-  font-family: var(--ids-font-family);
-  margin-top: var(--ids-spacing-md);
+  font-family: var(--ids-font-family-default);
+  margin-top: var(--ids-space-30);
 }
 .validation-message.has-custom-icon {
-  color: var(--ids-icon-color);
+  color: var(--ids-icon-color-default);
 }
 .validation-message.disabled {
-  color: var(--ids-input-disabled-text-color);
+  color: var(--ids-input-color-text-disabled);
 }
 .validation-message .ids-icon {
-  margin-inline-end: var(--ids-spacing-md);
+  margin-inline-end: var(--ids-space-30);
 }
 .validation-message.alert {
-  color: var(--ids-color-caution);
+  color: var(--ids-color-caution-default);
 }
 .validation-message.alert.disabled {
   color: var(--ids-color-caution-30);
 }
 .validation-message.warning {
-  color: var(--ids-color-warning);
+  color: var(--ids-color-warning-default);
 }
 .validation-message.warning.disabled {
   color: var(--ids-color-warning-30);
 }
 .validation-message.error {
-  color: var(--ids-color-error);
+  color: var(--ids-color-error-default);
 }
 .validation-message.error.disabled {
   color: var(--ids-color-error-30);
 }
 .validation-message.info {
-  color: var(--ids-color-info);
+  color: var(--ids-color-info-default);
 }
 .validation-message.info.disabled {
   color: var(--ids-color-info-30);
 }
 .validation-message.success {
-  color: var(--ids-color-success);
+  color: var(--ids-color-success-default);
 }
 .validation-message.success.disabled {
   color: var(--ids-color-success-30);
@@ -154,8 +154,8 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 .ids-label-text {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-font-family);
-  color: var(--ids-input-label-text-color);
+  font-family: var(--ids-font-family-default);
+  color: var(--ids-input-label-color-text-default);
   display: flex;
   margin-block-end: var(--ids-input-margin-bottom);
   align-items: baseline;
@@ -166,11 +166,11 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 }
 .ids-label-text.required::after {
   position: relative;
-  font-family: var(--ids-font-family);
-  margin-inline-start: var(--ids-spacing-sm);
-  margin-inline-end: var(--ids-spacing-sm);
-  font-size: var(--ids-font-size-lg);
-  color: var(--ids-required-background-color);
+  font-family: var(--ids-font-family-default);
+  margin-inline-start: var(--ids-space-20);
+  margin-inline-end: var(--ids-space-20);
+  font-size: var(--ids-font-size-50);
+  color: var(--ids-input-required-indicator-color-text-default);
   content: "*";
   margin-top: -10px;
   top: 1px;
@@ -185,10 +185,10 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 }
 
 .disabled .ids-label-text {
-  color: var(--ids-text-color-disabled);
+  color: var(--ids-color-text-disabled);
 }
 .disabled .ids-label-text.required::after {
-  color: var(--ids-required-disabled-background-color);
+  color: var(--ids-input-required-indicator-color-text-disabled);
 }
 
 :host {
@@ -233,38 +233,38 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
   top: -8px;
 }
 :host([label-wrap=ellipsis-no-stretch]) .xs .ids-label-text {
-  max-width: calc(var(--ids-input-width-xs) - 2px);
+  max-width: calc(var(--ids-input-width-10) - 2px);
 }
 :host([label-wrap=ellipsis-no-stretch]) .sm .ids-label-text {
-  max-width: calc(var(--ids-input-width-sm) - 2px - 8px);
+  max-width: calc(var(--ids-input-width-20) - 2px - 8px);
 }
 :host([label-wrap=ellipsis-no-stretch]) .mm .ids-label-text {
-  max-width: calc(var(--ids-input-width-mm) - 2px - 8px);
+  max-width: calc(var(--ids-input-width-30) - 2px - 8px);
 }
 :host([label-wrap=ellipsis-no-stretch]) .md .ids-label-text {
-  max-width: calc(var(--ids-input-width-md) - 2px - 8px);
+  max-width: calc(var(--ids-input-width-40) - 2px - 8px);
 }
 :host([label-wrap=ellipsis-no-stretch]) .lg .ids-label-text {
-  max-width: calc(var(--ids-input-width-lg) - 2px - 8px);
+  max-width: calc(var(--ids-input-width-50) - 2px - 8px);
 }
 :host([label-wrap=ellipsis-no-stretch]) .full .ids-label-text {
   max-width: calc(100% - 8px);
 }
 
 :host([label-wrap=wrap-no-stretch]) .xs .ids-label-text {
-  max-width: calc(var(--ids-input-width-xs) - 2px);
+  max-width: calc(var(--ids-input-width-10) - 2px);
 }
 :host([label-wrap=wrap-no-stretch]) .sm .ids-label-text {
-  max-width: calc(var(--ids-input-width-sm) - 2px - 8px);
+  max-width: calc(var(--ids-input-width-20) - 2px - 8px);
 }
 :host([label-wrap=wrap-no-stretch]) .mm .ids-label-text {
-  max-width: calc(var(--ids-input-width-mm) - 2px - 8px);
+  max-width: calc(var(--ids-input-width-30) - 2px - 8px);
 }
 :host([label-wrap=wrap-no-stretch]) .md .ids-label-text {
-  max-width: calc(var(--ids-input-width-md) - 2px - 8px);
+  max-width: calc(var(--ids-input-width-40) - 2px - 8px);
 }
 :host([label-wrap=wrap-no-stretch]) .lg .ids-label-text {
-  max-width: calc(var(--ids-input-width-lg) - 2px - 8px);
+  max-width: calc(var(--ids-input-width-50) - 2px - 8px);
 }
 :host([label-wrap=wrap-no-stretch]) .full .ids-label-text {
   max-width: calc(100% - 8px);
@@ -273,13 +273,13 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 .ids-input {
   position: relative;
   display: block;
-  margin-block-end: var(--ids-spacing-xxl);
+  margin-block-end: var(--ids-space-60);
   max-width: var(--ids-input-width-full);
 }
 .ids-input .field-container {
-  transition: border var(--ids-transition-length) var(--ids-transition-ease);
-  margin: var(--ids-spacing-none);
-  padding: var(--ids-spacing-none);
+  transition: border var(--ids-motion-duration) var(--ids-motion-ease);
+  margin: var(--ids-space-none);
+  padding: var(--ids-space-none);
   position: relative;
   border: 1px solid;
   align-items: center;
@@ -296,14 +296,14 @@ import{a as v}from"./ids-chunk-JGVE246R.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-focus-border-color) !important;
-  box-shadow: var(--ids-focus-box-shadow);
+  border-color: var(--ids-input-color-border-focus) !important;
+  box-shadow: var(--ids-shadow-focus);
 }
 .ids-input .ids-icon.starting-icon {
-  margin-inline-start: var(--ids-spacing-lg);
+  margin-inline-start: var(--ids-space-40);
 }
 .ids-input .ids-icon.ending-icon {
-  margin-inline-end: var(--ids-spacing-lg);
+  margin-inline-end: var(--ids-space-40);
 }
 .ids-input .ids-input-field {
   -webkit-font-smoothing: antialiased;
@@ -311,11 +311,11 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
   box-sizing: border-box;
   background-color: transparent;
   border: none;
-  font-family: var(--ids-font-family);
-  padding-block-start: var(--ids-spacing-md);
-  padding-block-end: var(--ids-spacing-md);
-  padding-inline-start: var(--ids-spacing-lg);
-  padding-inline-end: var(--ids-spacing-lg);
+  font-family: var(--ids-font-family-default);
+  padding-block-start: var(--ids-space-30);
+  padding-block-end: var(--ids-space-30);
+  padding-inline-start: var(--ids-space-40);
+  padding-inline-end: var(--ids-space-40);
   font-size: var(--ids-input-font-size);
   width: 100%;
   appearance: none;
@@ -341,7 +341,7 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
   text-align: end;
 }
 .ids-input .validation-message {
-  margin-block-start: var(--ids-spacing-md);
+  margin-block-start: var(--ids-space-30);
   margin-bottom: 0;
 }
 .ids-input.no-margins, .ids-input.no-margins.compact {
@@ -358,7 +358,7 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 }
 .ids-input.no-margins .validation-message, .ids-input.no-margins.compact .validation-message {
   margin-bottom: 0;
-  margin-block-start: var(--ids-spacing-md);
+  margin-block-start: var(--ids-space-30);
 }
 .ids-input.no-margins .ids-label-text.empty, .ids-input.no-margins.compact .ids-label-text.empty {
   margin: 0;
@@ -366,19 +366,19 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
   height: 0;
 }
 .ids-input.xs .field-container {
-  width: calc(var(--ids-input-width-xs) - 2px);
+  width: calc(var(--ids-input-width-10) - 2px);
 }
 .ids-input.sm .field-container {
-  width: calc(var(--ids-input-width-sm) - 2px);
+  width: calc(var(--ids-input-width-20) - 2px);
 }
 .ids-input.mm .field-container {
-  width: calc(var(--ids-input-width-mm) - 2px);
+  width: calc(var(--ids-input-width-30) - 2px);
 }
 .ids-input.md .field-container {
-  width: calc(var(--ids-input-width-md) - 2px);
+  width: calc(var(--ids-input-width-40) - 2px);
 }
 .ids-input.lg .field-container {
-  width: calc(var(--ids-input-width-lg) - 2px);
+  width: calc(var(--ids-input-width-50) - 2px);
 }
 .ids-input.full {
   display: block;
@@ -388,22 +388,22 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 }
 @media (max-width: 360px) {
   .ids-input .field-container {
-    max-width: calc(var(--ids-input-width-mm) - 2px);
+    max-width: calc(var(--ids-input-width-30) - 2px);
   }
 }
 .ids-input.field-height-xs {
-  margin-block-end: var(--ids-font-size-xs);
+  margin-block-end: var(--ids-font-size-20);
 }
 .ids-input.field-height-xs .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
 .ids-input.field-height-xs .ids-input-field {
-  padding-inline-start: var(--ids-spacing-md);
-  padding-inline-end: var(--ids-spacing-md);
+  padding-inline-start: var(--ids-space-30);
+  padding-inline-end: var(--ids-space-30);
   padding-top: 0;
   padding-bottom: 0;
   font-size: var(--ids-input-font-size-sm);
-  height: calc(var(--ids-input-height-xs) - 2px);
+  height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.field-height-xs.no-margin-bottom {
   margin-bottom: 0;
@@ -413,27 +413,27 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
   margin-bottom: 0;
 }
 .ids-input.field-height-sm .ids-input-field {
-  height: calc(var(--ids-input-height-sm) - 2px);
+  height: calc(var(--ids-input-height-20) - 2px);
 }
 .ids-input.field-height-md .ids-input-field {
-  height: calc(var(--ids-input-height-md) - 2px);
+  height: calc(var(--ids-input-height-30) - 2px);
 }
 .ids-input.field-height-lg .ids-input-field {
-  height: calc(var(--ids-input-height-lg) - 2px);
+  height: calc(var(--ids-input-height-40) - 2px);
 }
 .ids-input.compact {
-  margin-block-end: var(--ids-font-size-xs);
+  margin-block-end: var(--ids-font-size-20);
 }
 .ids-input.compact .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
 .ids-input.compact .ids-input-field {
-  padding-inline-start: var(--ids-spacing-md);
-  padding-inline-end: var(--ids-spacing-md);
+  padding-inline-start: var(--ids-space-30);
+  padding-inline-end: var(--ids-space-30);
   padding-top: 0;
   padding-bottom: 0;
   font-size: var(--ids-input-font-size-sm);
-  height: calc(var(--ids-input-height-xs) - 2px);
+  height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.compact.no-margin-bottom {
   margin-bottom: 0;
@@ -441,15 +441,15 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 .ids-input.compact.no-margin-bottom .field-container,
 .ids-input.compact.no-margin-bottom .ids-input-field {
   margin-bottom: 0;
-  height: calc(var(--ids-input-height-xs) - 2px);
+  height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.color-variant-borderless {
-  --ids-input-focus-border-color: transparent;
+  --ids-input-color-border-focus: transparent;
   margin: 1px;
   border-radius: 0;
 }
 .ids-input.color-variant-borderless input {
-  font-size: var(--ids-font-size-md);
+  font-size: var(--ids-font-size-40);
 }
 .ids-input.color-variant-borderless .icon-dirty {
   display: none;
@@ -465,27 +465,27 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
   box-shadow: none;
 }
 .ids-input.color-variant-borderless.ids-input.field-height-lg .ids-input-field {
-  padding-inline: calc(var(--ids-spacing-xxl) - 2px);
+  padding-inline: calc(var(--ids-space-60) - 2px);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-md .ids-input-field {
-  padding-inline: calc(var(--ids-spacing-xl) - 2px);
+  padding-inline: calc(var(--ids-space-50) - 2px);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-sm .ids-input-field {
-  padding-inline: calc(var(--ids-spacing-lg) - 2px);
+  padding-inline: calc(var(--ids-space-40) - 2px);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xs .ids-input-field {
   font-size: var(--ids-data-grid-font-size-sm);
-  padding-inline: var(--ids-spacing-sm);
+  padding-inline: var(--ids-space-20);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xxs .ids-input-field {
   font-size: var(--ids-data-grid-font-size-sm);
-  padding-inline: var(--ids-spacing-xs);
+  padding-inline: var(--ids-space-10);
 }
 .ids-input.color-variant-in-cell {
   margin: 1px;
 }
 .ids-input.color-variant-in-cell input {
-  font-size: var(--ids-font-size-md);
+  font-size: var(--ids-font-size-40);
 }
 .ids-input.color-variant-in-cell.ids-input.field-height-lg .ids-input-field {
   padding-inline: 11px;
@@ -524,25 +524,25 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
   /* stylelint-disable-next-line no-duplicate-selectors */
 }
 .ids-input .field-container {
-  background-color: var(--ids-input-background-color);
-  border-color: var(--ids-input-border-color);
-  color: var(--ids-input-text-color);
+  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 {
-  border-color: var(--ids-input-readonly-border-color);
-  color: var(--ids-input-readonly-text-color);
+  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 {
-  border-color: var(--ids-color-error);
-  color: var(--ids-color-error);
+  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 {
-  background-color: var(--ids-input-readonly-background-color);
+  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 {
-  border-color: var(--ids-input-disabled-border-color);
-  color: var(--ids-input-disabled-text-color);
-  -webkit-text-fill-color: var(--ids-input-disabled-text-color);
+  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 {
   background-color: transparent;
@@ -551,7 +551,7 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
   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 {
-  border-color: var(--ids-input-hover-border-color);
+  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,
@@ -560,8 +560,8 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 .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 {
-  border-color: var(--ids-input-alert-border-color);
-  color: var(--ids-input-alert-text-color);
+  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,
@@ -576,8 +576,8 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 .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 {
-  border-color: var(--ids-input-alert-border-color);
-  box-shadow: var(--ids-input-alert-focus-box-shadow) 0 0 3px 2px;
+  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],
@@ -586,78 +586,78 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 .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] {
-  border-color: var(--ids-input-alert-disabled-border-color);
-  color: var(--ids-input-alert-disabled-text-color);
+  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 {
-  border-color: var(--ids-input-error-border-color);
-  color: var(--ids-input-error-text-color);
+  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 {
-  border-color: var(--ids-input-error-border-color);
-  box-shadow: var(--ids-input-error-focus-box-shadow) 0 0 3px 2px;
+  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] {
-  border-color: var(--ids-input-error-disabled-border-color);
-  color: var(--ids-input-error-disabled-border-color);
+  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 {
-  border-color: var(--ids-input-info-border-color);
-  color: var(--ids-input-info-text-color);
+  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 {
-  border-color: var(--ids-input-info-border-color);
-  box-shadow: var(--ids-input-info-focus-box-shadow) 0 0 3px 2px;
+  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] {
-  border-color: var(--ids-input-info-disabled-border-color);
-  color: var(--ids-input-info-disabled-text-color);
+  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 {
-  border-color: var(--ids-input-success-border-color);
-  color: var(--ids-input-success-text-color);
+  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 {
-  border-color: var(--ids-input-success-border-color);
-  box-shadow: var(--ids-input-success-focus-box-shadow) 0 0 3px 2px;
+  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] {
-  border-color: var(--ids-input-success-disabled-border-color);
-  color: var(--ids-input-success-disabled-text-color);
+  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-hover-color);
+  border-color: var(--ids-data-grid-filter-input-color-background-hover);
 }
 .ids-input .alert,
 .ids-input .alert:hover,
 .ids-input .warning,
 .ids-input .warning:hover {
-  border-color: var(--ids-input-alert-border-color);
-  color: var(--ids-input-alert-text-color);
+  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,
@@ -666,102 +666,102 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 .ids-input .warning.is-active,
 .ids-input .warning:hover:focus-within,
 .ids-input .warning:hover.is-active {
-  border-color: var(--ids-input-alert-border-color);
-  box-shadow: var(--ids-input-alert-focus-box-shadow) 0 0 3px 2px;
+  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] {
-  border-color: var(--ids-input-alert-disabled-border-color);
-  color: var(--ids-input-alert-disabled-text-color);
+  border-color: var(--ids-input-color-border-alert-disabled);
+  color: var(--ids-input-color-text-alert-disabled);
 }
 .ids-input .error,
 .ids-input .error:hover {
-  border-color: var(--ids-input-error-border-color);
-  color: var(--ids-input-error-text-color);
+  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 {
-  border-color: var(--ids-input-error-border-color);
-  box-shadow: var(--ids-input-error-focus-box-shadow) 0 0 3px 2px;
+  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] {
-  border-color: var(--ids-input-error-disabled-border-color);
-  color: var(--ids-input-error-disabled-border-color);
+  border-color: var(--ids-input-color-border-error-disabled);
+  color: var(--ids-input-color-border-error-disabled);
 }
 .ids-input .info,
 .ids-input .info:hover {
-  border-color: var(--ids-input-info-border-color);
-  color: var(--ids-input-info-text-color);
+  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 {
-  border-color: var(--ids-input-info-border-color);
-  box-shadow: var(--ids-input-info-focus-box-shadow) 0 0 3px 2px;
+  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] {
-  border-color: var(--ids-input-info-disabled-border-color);
-  color: var(--ids-input-info-disabled-text-color);
+  border-color: var(--ids-input-color-border-info-disabled);
+  color: var(--ids-input-color-text-info-disabled);
 }
 .ids-input .success,
 .ids-input .success:hover {
-  border-color: var(--ids-input-success-border-color);
-  color: var(--ids-input-success-text-color);
+  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 {
-  border-color: var(--ids-input-success-border-color);
-  box-shadow: var(--ids-input-success-focus-box-shadow) 0 0 3px 2px;
+  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] {
-  border-color: var(--ids-input-success-disabled-border-color);
-  color: var(--ids-input-success-disabled-text-color);
+  border-color: var(--ids-input-color-border-success-disabled);
+  color: var(--ids-input-color-text-success-disabled);
 }
 .ids-input.color-variant-alternate .field-container {
   border-color: transparent;
-  color: var(--ids-input-header-text-color);
-  background-color: var(--ids-input-header-background-color);
-  border-bottom: 1px solid var(--ids-input-header-border-color);
+  color: var(--ids-input-header-color-text-default);
+  background-color: var(--ids-input-header-color-background);
+  border-bottom: 1px solid var(--ids-input-header-color-border);
   box-shadow: none;
 }
 .ids-input.color-variant-alternate .ids-input-field::placeholder {
-  color: var(--ids-input-header-placeholder-text-color);
+  color: var(--ids-input-header-color-text-placeholder);
 }
 .ids-input.color-variant-alternate-formatter .field-container {
-  background-color: var(--ids-data-grid-filter-input-background-color);
-  border-color: var(--ids-data-grid-filter-input-border-color);
-  color: var(--ids-data-grid-filter-input-text-color);
+  background-color: var(--ids-data-grid-filter-input-color-background);
+  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-hover-color);
+  border-color: var(--ids-data-grid-filter-input-color-background-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-focus-color);
+  border-color: var(--ids-data-grid-filter-input-color-border-focus);
 }
 .ids-input.color-variant-alternate-formatter:focus-within .ids-input-field {
-  box-shadow: 0 0 3px 1px var(--ids-focus-box-shadow);
+  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 {
-  border-color: var(--ids-data-grid-filter-input-disabled-border-color);
-  color: var(--ids-data-grid-filter-input-disabled-text-color);
+  border-color: var(--ids-data-grid-filter-input-color-border-disabled);
+  color: var(--ids-data-grid-filter-input-color-text-disabled);
 }
 .ids-input.color-variant-alternate-formatter.readonly:not(.readonly-background):not(.bg-transparent) .field-container {
-  background-color: var(--ids-data-grid-filter-input-readonly-background-color);
-  border-color: var(--ids-data-grid-filter-input-readonly-border-color);
-  color: var(--ids-data-grid-filter-input-readonly-text-color);
+  background-color: var(--ids-data-grid-filter-input-color-background-readonly);
+  border-color: var(--ids-data-grid-filter-input-color-border-readonly);
+  color: var(--ids-data-grid-filter-input-color-text-readonly);
 }
 .ids-input.color-variant-alternate-formatter .ids-input-field::placeholder {
-  color: var(--ids-data-grid-filter-input-placeholder-text-color);
+  color: var(--ids-data-grid-filter-input-color-text-placeholder);
 }
 .ids-input.color-variant-alternate .field-container, .ids-input.color-variant-app-menu .field-container {
-  color: var(--ids-input-app-menu-text-color);
+  color: var(--ids-input-color-text-default);
 }
 .ids-input.color-variant-list-builder .field-container {
   background-color: transparent;
@@ -769,6 +769,10 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
   border: 0;
 }
 
+.is-uppercase {
+  text-transform: uppercase;
+}
+
 .highlight {
   font-weight: var(--ids-font-weight-bold);
 }
@@ -784,27 +788,27 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 
 :host ids-popup[type=dropdown] {
   width: 100%;
-  max-width: var(--ids-input-width-md);
+  max-width: var(--ids-input-width-40);
 }
 
 :host([size=xs]) ids-popup[type=dropdown] {
-  max-width: var(--ids-input-width-xs);
+  max-width: var(--ids-input-width-10);
 }
 
 :host([size=sm]) ids-popup[type=dropdown] {
-  max-width: var(--ids-input-width-sm);
+  max-width: var(--ids-input-width-20);
 }
 
 :host([size=mm]) ids-popup[type=dropdown] {
-  max-width: var(--ids-input-width-mm);
+  max-width: var(--ids-input-width-30);
 }
 
 :host([size=md]) ids-popup[type=dropdown] {
-  max-width: var(--ids-input-width-md);
+  max-width: var(--ids-input-width-40);
 }
 
 :host([size=lg]) ids-popup[type=dropdown] {
-  max-width: var(--ids-input-width-lg);
+  max-width: var(--ids-input-width-50);
 }
 
 :host([size=full]) ids-popup[type=dropdown] {
@@ -870,7 +874,7 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 }
 
 .ids-input.color-variant-alternate-formatter:focus-within .field-container {
-  box-shadow: var(--ids-trigger-field-focus-box-shadow);
+  box-shadow: var(--ids-trigger-field-shadow-focus);
 }
 .ids-input.color-variant-alternate-formatter:focus-within .ids-input-field {
   box-shadow: none;
@@ -886,40 +890,40 @@ import{a as v}from"./ids-chunk-JGVE246R.js";import{a as b,b as h}from"./ids-chun
 }
 
 .ids-spinbox:focus-within > .ids-spinbox-content {
-  border: 1px solid var(--ids-spinbox-focus-border-color);
-  box-shadow: var(--ids-spinbox-focus-box-shadow);
+  border: 1px solid var(--ids-spinbox-color-border-focus);
+  box-shadow: var(--ids-spinbox-shadow-focus);
   outline: none;
 }
 
 :host(ids-spinbox[disabled]) {
-  border-color: var(--ids-trigger-field-readonly-border-color);
+  border-color: var(--ids-trigger-field-color-border-readonly);
   pointer-events: none;
 }
 
 .ids-spinbox.readonly ids-button::part(button) {
-  background-color: var(--ids-spinbox-readonly-background-color);
-  color: var(--ids-spinbox-readonly-text-color);
+  background-color: var(--ids-spinbox-color-background-readonly);
+  color: var(--ids-spinbox-color-text-readonly);
 }
 
 ids-button::part(button) {
-  background-color: var(--ids-spinbox-background-color);
+  background-color: var(--ids-spinbox-color-background-default);
 }
 
 .ids-spinbox.disabled {
-  color: var(--ids-spinbox-disabled-text-color);
+  color: var(--ids-spinbox-color-text-disabled);
   pointer-events: none;
 }
 .ids-spinbox.disabled ids-input::part(input) {
-  border-color: var(--ids-spinbox-disabled-border-color);
-  color: var(--ids-spinbox-disabled-text-color);
+  border-color: var(--ids-spinbox-color-border-disabled);
+  color: var(--ids-spinbox-color-text-disabled);
   pointer-events: none;
 }
 .ids-spinbox.disabled ids-button::part(button) {
-  color: var(--ids-spinbox-disabled-text-color);
+  color: var(--ids-spinbox-color-text-disabled);
 }
 
 .ids-spinbox:focus-within .ids-spinbox-content ids-button:not([disabled]):not([readonly])::part(button) {
-  border-color: var(--ids-spinbox-focus-border-color);
+  border-color: var(--ids-spinbox-color-border-focus);
   border-width: 1px;
   box-shadow: none;
 }
@@ -952,13 +956,13 @@ ids-button::part(button) {
   margin-bottom: 4px;
 }
 .ids-spinbox .ids-spinbox-content:focus-within ids-input:not(.error)::part(input) {
-  border-color: var(--ids-spinbox-focus-border-color);
+  border-color: var(--ids-spinbox-color-border-focus);
   border-width: 1px;
   box-shadow: none;
 }
 .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:p}=this.templateVariables();return`<div id="ids-spinbox" class="ids-spinbox ids-trigger-field ${r}" part="container">
+}`;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">
         ${s}
         <div class="field-container" part="field-container">
           <slot name="trigger-start"></slot>
@@ -967,7 +971,7 @@ ids-button::part(button) {
             id="${this.id}-input"
             ${c}${e}${d}${a}
             ${t}
-            ${p}
+            ${u}
             ></input>
           <slot name="trigger-end"></slot>
         </div>
@@ -985,4 +989,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),p=typeof this.max=="number"&&this.max&&!Number.isNaN(this.max),f=c&&r<s,m=p&&r>d,x=p&&r===d||c&&r===s;f&&(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=u([b("ids-spinbox"),h(g)],l);export{l as a};
+        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};