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

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

@@ -1,5 +1,4 @@
-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";
+import{a as $}from"./ids-chunk-Z2TM5XYU.js";import{a as V,b as T}from"./ids-chunk-XE4WFW5M.js";import{e as s}from"./ids-chunk-VEAPPKDG.js";import{a as i,b as e}from"./ids-chunk-NSM2KAOK.js";import{a as S,b as z,c as h,d as a,e as p,g as n}from"./ids-chunk-Y32WUP63.js";var q=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -63,29 +62,6 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
   margin-inline-start: 27px;
 }
 
-.ids-radio-group .icon-dirty {
-  margin-inline-start: -1px;
-  margin-block-start: 9px;
-  top: auto;
-  z-index: 1;
-}
-
-.ids-checkbox .icon-dirty {
-  margin-inline-start: -26px;
-  top: -4px;
-  width: 9px;
-}
-.ids-checkbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -26px;
-  top: -3px;
-}
-.ids-checkbox.hitbox .icon-dirty {
-  margin-inline-start: -30px;
-}
-.ids-checkbox.hitbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -26px;
-}
-
 .ids-textarea .icon-dirty {
   top: 0;
   margin-inline-start: 1px;
@@ -205,6 +181,7 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
 }
 
 :host([label-wrap=ellipsis]) .ids-label-text {
+  display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -220,6 +197,7 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
 }
 
 :host([label-wrap=ellipsis-no-stretch]) .ids-label-text {
+  display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -280,19 +258,20 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
   /* stylelint-disable-next-line no-duplicate-selectors */
 }
 .ids-input .field-container {
-  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;
   border-collapse: separate;
   border-radius: 2px;
+  box-sizing: border-box;
   color: inherit;
   display: flex;
+  align-items: center;
+  margin: var(--ids-space-none);
+  max-width: var(--ids-input-width-full);
+  padding: var(--ids-space-none);
+  position: relative;
   resize: none;
   text-align: left;
-  max-width: var(--ids-input-width-full);
+  transition: border var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-input:focus-within .ids-input-field, .ids-input.readonly:focus-within .ids-input-field, .ids-input.is-active .ids-input-field {
   outline: none;
@@ -327,6 +306,7 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
   height: fit-content;
   resize: none;
   text-align: left;
+  text-overflow: ellipsis;
 }
 .ids-input .ids-input-field:focus-visible {
   outline: none;
@@ -500,6 +480,9 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
 .ids-input.color-variant-in-cell input {
   font-size: var(--ids-font-size-40);
 }
+.ids-input.color-variant-in-cell .validation-message {
+  display: none;
+}
 .ids-input.color-variant-in-cell.ids-input.field-height-lg .ids-input-field {
   padding-inline: 11px;
   height: 40px;
@@ -558,10 +541,6 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
   border-color: var(--ids-input-color-border-default);
   color: var(--ids-input-color-text);
 }
-.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: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);
@@ -580,10 +559,13 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
 .ids-input:not([class*=color-variant-]).bg-transparent:focus-within .field-container {
   background-color: transparent;
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
+.ids-input:not([class*=color-variant-]).is-active .field-container, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
   border-color: var(--ids-input-color-border-hover);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert,
+.ids-input:not([class*=color-variant-]).is-active .alert,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover,
+.ids-input:not([class*=color-variant-]).is-active .warning,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert,
@@ -593,7 +575,13 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
   border-color: var(--ids-input-color-border-alert-default);
   color: var(--ids-input-color-text-alert-default);
 }
-.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-]).is-active .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active .alert.is-active,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]).is-active .warning:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .warning.is-active,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert.is-active,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover.is-active,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:focus-within,
@@ -609,7 +597,10 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
   border-color: var(--ids-input-color-border-alert-default);
   box-shadow: var(--ids-input-shadow-alert-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert[disabled],
+.ids-input:not([class*=color-variant-]).is-active .alert[disabled],
+.ids-input:not([class*=color-variant-]).is-active .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]).is-active .warning[disabled],
+.ids-input:not([class*=color-variant-]).is-active .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert[disabled],
@@ -619,13 +610,16 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
   border-color: var(--ids-input-color-border-alert-disabled);
   color: var(--ids-input-color-text-alert-disabled);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error,
+.ids-input:not([class*=color-variant-]).is-active .error,
+.ids-input:not([class*=color-variant-]).is-active .error:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover {
   border-color: var(--ids-input-color-border-error-default);
   color: var(--ids-input-error-color-text-error-default);
 }
-.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-]).is-active .error:focus-within, .ids-input:not([class*=color-variant-]).is-active .error.is-active,
+.ids-input:not([class*=color-variant-]).is-active .error:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error.is-active,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover:focus-within,
@@ -633,19 +627,23 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
   border-color: var(--ids-input-color-border-error-default);
   box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error[disabled],
+.ids-input:not([class*=color-variant-]).is-active .error[disabled],
+.ids-input:not([class*=color-variant-]).is-active .error:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover[disabled] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info,
+.ids-input:not([class*=color-variant-]).is-active .info,
+.ids-input:not([class*=color-variant-]).is-active .info:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover {
   border-color: var(--ids-input-color-border-info-default);
   color: var(--ids-input-color-text-info-default);
 }
-.ids-input:not([class*=color-variant-]):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-]).is-active .info:focus-within, .ids-input:not([class*=color-variant-]).is-active .info.is-active,
+.ids-input:not([class*=color-variant-]).is-active .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info.is-active,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover:focus-within,
@@ -653,19 +651,23 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
   border-color: var(--ids-input-color-border-info-default);
   box-shadow: var(--ids-input-shadow-info-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info[disabled],
+.ids-input:not([class*=color-variant-]).is-active .info[disabled],
+.ids-input:not([class*=color-variant-]).is-active .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover[disabled] {
   border-color: var(--ids-input-color-border-info-disabled);
   color: var(--ids-input-color-text-info-disabled);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success,
+.ids-input:not([class*=color-variant-]).is-active .success,
+.ids-input:not([class*=color-variant-]).is-active .success:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover {
   border-color: var(--ids-input-color-border-success-default);
   color: var(--ids-input-color-text-success-default);
 }
-.ids-input:not([class*=color-variant-]):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-]).is-active .success:focus-within, .ids-input:not([class*=color-variant-]).is-active .success.is-active,
+.ids-input:not([class*=color-variant-]).is-active .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success.is-active,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover:focus-within,
@@ -673,7 +675,8 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
   border-color: var(--ids-input-color-border-success-default);
   box-shadow: var(--ids-input-shadow-success-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success[disabled],
+.ids-input:not([class*=color-variant-]).is-active .success[disabled],
+.ids-input:not([class*=color-variant-]).is-active .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover[disabled] {
   border-color: var(--ids-input-color-border-success-disabled);
@@ -755,15 +758,21 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
   color: var(--ids-input-color-text-success-disabled);
 }
 .ids-input.color-variant-alternate .field-container {
-  border-color: transparent;
+  border-color: var(--ids-input-header-color-border);
   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 {
+  color: var(--ids-input-header-color-text-default);
+}
 .ids-input.color-variant-alternate .ids-input-field::placeholder {
   color: var(--ids-input-header-color-text-placeholder);
 }
+.ids-input.color-variant-alternate.readonly-background .ids-input-field::placeholder {
+  color: var(--ids-input-header-color-text-placeholder);
+}
 .ids-input.color-variant-alternate-formatter .field-container {
   background-color: var(--ids-data-grid-filter-input-color-background);
   border-color: var(--ids-data-grid-filter-input-color-border-default);
@@ -790,7 +799,7 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
 .ids-input.color-variant-alternate-formatter .ids-input-field::placeholder {
   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 {
+.ids-input.color-variant-app-menu .field-container {
   color: var(--ids-input-color-text-default);
 }
 .ids-input.color-variant-list-builder .field-container {
@@ -817,6 +826,9 @@ import{a as b}from"./ids-chunk-RTBFPTZS.js";import{a as v,b as h}from"./ids-chun
 .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.has-clearable .btn-clear {
+  margin-inline-end: 5px;
+}
 .ids-input.color-variant-module-nav:hover .field-container {
   background-color: var(--ids-module-nav-item-hover-bg-color);
 }
@@ -1039,20 +1051,20 @@ 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 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}
+}`;var H=0,j=1,E,R,D,U,N,C,g,I,c,b,v,d,w,L,u,f,A,M,y=class extends ${constructor(){super();a(this,E);a(this,D);a(this,N);a(this,g);a(this,c);a(this,w);a(this,u);a(this,A);z(this,"isFormComponent",!0);a(this,v,void 0);a(this,d,void 0)}static get attributes(){return[...super.attributes,i.MAX,i.MIN,i.STEP]}template(){this.templateHostAttributes();let{ariaLabel:t,containerClass:o,inputClass:r,inputState:l,labelHtml:m,placeholder:x,type:k,value:B}=this.templateVariables();return`<div id="ids-spinbox" class="ids-spinbox ids-trigger-field ${o}" part="container">
+        ${m}
         <div class="field-container" part="field-container">
           <slot name="trigger-start"></slot>
           <input
             part="input"
             id="${this.id}-input"
-            ${c}${r}${d}${a}
+            ${k}${r}${x}${l}
             ${t}
-            ${u}
+            ${B}
             ></input>
           <slot name="trigger-end"></slot>
         </div>
-      </div>`}templateHostAttributes(){this.id||this.setAttribute(i.ID,`ids-spinbox-${++y}`)}#s(){this.querySelector('[slot="trigger-start"]')||this.insertAdjacentHTML("afterbegin",`<ids-trigger-button
+      </div>`}templateHostAttributes(){this.id||this.setAttribute(i.ID,`ids-spinbox-${++H}`)}connectedCallback(){super.connectedCallback(),this.setAttribute(e.ROLE,"spinbutton"),this.setAttribute(e.ARIA_VALUENOW,this.value),this.setAttribute(e.ARIA_LABEL,this.label),s(this.getAttribute(i.MAX))&&this.setAttribute(e.ARIA_VALUEMAX,String(this.max)),s(this.getAttribute(i.MIN))&&this.setAttribute(e.ARIA_VALUEMIN,String(this.min)),n(this,E,R).call(this),s(this.getAttribute(i.TABBABLE))||(this.tabbable=!1),s(this.getAttribute(i.SIZE))||(this.size="sm"),this.hasAttribute("text-align")||(this.textAlign="center"),n(this,A,M).call(this),n(this,D,U).call(this),n(this,c,b).call(this)}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(e.ARIA_VALUEMAX)):(this.setAttribute(i.MAX,`${r}`),this.setAttribute(e.ARIA_VALUEMAX,`${r}`)),n(this,A,M).call(this),n(this,c,b).call(this)}}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(e.ARIA_VALUEMIN)):(this.setAttribute(i.MIN,`${r}`),this.setAttribute(e.ARIA_VALUEMIN,`${r}`)),n(this,c,b).call(this)}}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}`),n(this,c,b).call(this)}}get step(){return this.hasAttribute(i.STEP)?parseInt(this.getAttribute(i.STEP)):1}set tabbable(t){let o=s(t);this.setAttribute(i.TABBABLE,String(o))}get tabbable(){return s(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=n(this,N,C).call(this,r),this.setAttribute(e.ARIA_VALUENOW,super.value),n(this,c,b).call(this),o&&this.validate&&this.checkValidation())}get value(){return super.value}set disabled(t){let o=s(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=s(t);super.readonly=o,o?(n(this,u,f).call(this),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}};E=new WeakSet,R=function(){this.querySelector('[slot="trigger-start"]')||this.insertAdjacentHTML("afterbegin",`<ids-trigger-button
         id="${this.id}-decrement-btn"
         inline
         no-padding
@@ -1066,4 +1078,4 @@ ids-button::part(button) {
         square
         slot="trigger-end"
         tabbable="false"
-        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};
+        part="button"> + </ids-trigger-button>`)},D=new WeakSet,U=function(){this.input?.addEventListener("change",()=>{this.input&&this.input.value!==this.value&&(this.value=this.input.value,n(this,u,f).call(this))}),this.onEvent("mousedown.increment",this.incrementButton,n(this,w,L).call(this,"up")),this.onEvent("mousedown.decrement",this.decrementButton,n(this,w,L).call(this,"down")),this.onEvent("mouseup",window,t=>{n(this,u,f).call(this,t)}),this.onEvent("focus",this,t=>{this.hasAttribute(i.DISABLED)||(t.preventDefault(),this.focus())}),this.listen(["ArrowUp","ArrowDown"],this,t=>{if(s(this.getAttribute(i.DISABLED)))return;let o=t.key;switch(n(this,u,f).call(this),o){case"ArrowUp":n(this,g,I).call(this,"up");break;case"ArrowDown":n(this,g,I).call(this,"down");break;default:}t.preventDefault()})},N=new WeakSet,C=function(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 m=this.min,x=this.max,k=typeof this.min=="number"&&!Number.isNaN(this.min),B=typeof this.max=="number"&&this.max&&!Number.isNaN(this.max),X=k&&o<m,_=B&&o>x,O=B&&o===x||k&&o===m;X&&(o=Math.max(o,m)),_&&(o=Math.min(o,x)),O&&n(this,u,f).call(this),o=`${o}`}return o},g=new WeakSet,I=function(t){let r=!Number.isNaN(parseInt(this.step))?parseInt(this.step):1;t==="down"&&(r*=-1);let l=!Number.isNaN(parseInt(this.value));this.value=`${(l?parseInt(this.value):0)+r}`},c=new WeakSet,b=function(){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,""))},v=new WeakMap,d=new WeakMap,w=new WeakSet,L=function(t){return o=>{if(j&o.buttons){let r=0;p(this,v,t);let l=()=>{h(this,v)===t?(n(this,g,I).call(this,t),r++,p(this,d,setTimeout(l,Math.max(350-Math.round(r*50),100)))):(clearTimeout(l),p(this,d,void 0))};p(this,d,l),h(this,d).call(this)}}},u=new WeakSet,f=function(t){(!t||t.which===1&&(h(this,d)||h(this,v)))&&(clearInterval(h(this,d)),p(this,d,void 0),p(this,v,void 0))},A=new WeakSet,M=function(){let t={allowDecimal:!1,allowNegative:!0};this.mask="number",this.maskOptions=t},y=S([V("ids-spinbox"),T(q)],y);export{y as a};