ids-enterprise-wc 1.0.0-beta.22 → 1.0.0-beta.23

package/chunks/{ids-chunk-ZZDLX34E.js → ids-chunk-2S3ZI6FA.js}

@@ -1,4 +1,4 @@
-import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH3NI.js";import{a as j}from"./ids-chunk-GRMIKX4U.js";import{a as F}from"./ids-chunk-DCJDBNQZ.js";import{b as X}from"./ids-chunk-ZIUHOFWA.js";import{a as _}from"./ids-chunk-H2UUMN2T.js";import{a as $}from"./ids-chunk-3DA43NO3.js";import{a as V,b as U}from"./ids-chunk-XE4WFW5M.js";import{a as N}from"./ids-chunk-7MATJMV7.js";import{e as a}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-3Q46IU4X.js";import{a as q,b as I,d as l,g as r}from"./ids-chunk-Y32WUP63.js";var Z=`@charset "UTF-8";
+import{a as Y}from"./ids-chunk-A5VS3GHN.js";import{a as z}from"./ids-chunk-2NCNY5M5.js";import{a as j}from"./ids-chunk-LJQTODTY.js";import{a as F}from"./ids-chunk-5VLVRLE4.js";import{b as X}from"./ids-chunk-MQ6BZDJX.js";import{a as U}from"./ids-chunk-J3AAQ3QT.js";import{a as _}from"./ids-chunk-3DA43NO3.js";import{a as V,b as $}from"./ids-chunk-XE4WFW5M.js";import{a as N}from"./ids-chunk-WMUHD4GN.js";import{e as a}from"./ids-chunk-5Q3WPKMB.js";import{a as o}from"./ids-chunk-FAEI3K2L.js";import{a as q,b as I,d as l,g as r}from"./ids-chunk-Y32WUP63.js";var Z=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -46,7 +46,7 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
 
 .icon-dirty {
   position: absolute;
-  color: var(--ids-color-caution-30);
+  color: var(--ids-color-yellow-30);
   top: 1px;
 }
 .icon-dirty[dir=rtl] {
@@ -83,7 +83,7 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   -moz-osx-font-smoothing: grayscale;
   display: flex;
   font-family: var(--ids-font-family-default);
-  margin-top: var(--ids-space-30);
+  margin-top: var(--ids-space-xxs);
 }
 .validation-message.has-custom-icon {
   color: var(--ids-icon-color-default);
@@ -92,37 +92,37 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   color: var(--ids-input-color-text-disabled);
 }
 .validation-message .ids-icon {
-  margin-inline-end: var(--ids-space-30);
+  margin-inline-end: var(--ids-space-xxs);
 }
 .validation-message.alert {
   color: var(--ids-color-caution-default);
 }
 .validation-message.alert.disabled {
-  color: var(--ids-color-caution-30);
+  color: var(--ids-color-yellow-30);
 }
 .validation-message.warning {
   color: var(--ids-color-warning-default);
 }
 .validation-message.warning.disabled {
-  color: var(--ids-color-warning-30);
+  color: var(--ids-color-orange-30);
 }
 .validation-message.error {
   color: var(--ids-color-error-default);
 }
 .validation-message.error.disabled {
-  color: var(--ids-color-error-30);
+  color: var(--ids-color-red-30);
 }
 .validation-message.info {
   color: var(--ids-color-info-default);
 }
 .validation-message.info.disabled {
-  color: var(--ids-color-info-30);
+  color: var(--ids-color-blue-30);
 }
 .validation-message.success {
   color: var(--ids-color-success-default);
 }
 .validation-message.success.disabled {
-  color: var(--ids-color-success-30);
+  color: var(--ids-color-green-30);
 }
 .validation-message[hidden] {
   display: none;
@@ -147,8 +147,8 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
 .ids-label-text.required::after {
   position: relative;
   font-family: var(--ids-font-family-default);
-  margin-inline-start: var(--ids-space-20);
-  margin-inline-end: var(--ids-space-20);
+  margin-inline-start: var(--ids-space-xxxs);
+  margin-inline-end: var(--ids-space-xxxs);
   font-size: var(--ids-font-size-50);
   color: var(--ids-input-required-indicator-color-text-default);
   content: "*";
@@ -165,7 +165,8 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
 }
 
 .disabled .ids-label-text {
-  color: var(--ids-color-text-disabled);
+  color: var(--ids-input-label-color-text-disabled);
+  opacity: var(--ids-input-disabled-opacity);
 }
 .disabled .ids-label-text.required::after {
   color: var(--ids-input-required-indicator-color-text-disabled);
@@ -255,10 +256,9 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
 .ids-input {
   position: relative;
   display: block;
-  margin-block-end: var(--ids-space-60);
+  margin-block-end: var(--ids-space-sm);
   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 {
   border: 1px solid;
@@ -282,13 +282,13 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
 }
 .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);
-  box-shadow: var(--ids-shadow-focus);
+  box-shadow: var(--ids-input-color-border-shadow);
 }
 .ids-input .ids-icon.starting-icon {
-  margin-inline-start: var(--ids-space-40);
+  margin-inline-start: var(--ids-space-xs);
 }
 .ids-input .ids-icon.ending-icon {
-  margin-inline-end: var(--ids-space-40);
+  margin-inline-end: var(--ids-space-xs);
 }
 .ids-input .ids-input-field {
   -webkit-font-smoothing: antialiased;
@@ -297,10 +297,10 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   background-color: transparent;
   border: none;
   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);
+  padding-block-start: var(--ids-space-xxs);
+  padding-block-end: var(--ids-space-xxs);
+  padding-inline-start: var(--ids-space-12);
+  padding-inline-end: var(--ids-space-12);
   font-size: var(--ids-input-font-size);
   width: 100%;
   appearance: none;
@@ -330,7 +330,7 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   text-align: end;
 }
 .ids-input .validation-message {
-  margin-block-start: var(--ids-space-30);
+  margin-block-start: var(--ids-space-xxs);
   margin-bottom: 0;
 }
 .ids-input.no-margins, .ids-input.no-margins.compact {
@@ -347,7 +347,7 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
 }
 .ids-input.no-margins .validation-message, .ids-input.no-margins.compact .validation-message {
   margin-bottom: 0;
-  margin-block-start: var(--ids-space-30);
+  margin-block-start: var(--ids-space-xxs);
 }
 .ids-input.no-margins .ids-label-text.empty, .ids-input.no-margins.compact .ids-label-text.empty {
   margin: 0;
@@ -391,8 +391,8 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   font-size: var(--ids-input-label-font-size);
 }
 .ids-input.field-height-xs .ids-input-field {
-  padding-inline-start: var(--ids-space-30);
-  padding-inline-end: var(--ids-space-30);
+  padding-inline-start: var(--ids-space-xxs);
+  padding-inline-end: var(--ids-space-xxs);
   padding-top: 0;
   padding-bottom: 0;
   font-size: var(--ids-input-font-size-sm);
@@ -425,8 +425,8 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   font-size: var(--ids-input-label-font-size);
 }
 .ids-input.compact .ids-input-field {
-  padding-inline-start: var(--ids-space-30);
-  padding-inline-end: var(--ids-space-30);
+  padding-inline-start: var(--ids-space-xxs);
+  padding-inline-end: var(--ids-space-xxs);
   padding-top: 0;
   padding-bottom: 0;
   font-size: var(--ids-input-font-size-sm);
@@ -469,24 +469,24 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   box-shadow: none;
 }
 .ids-input.color-variant-borderless.ids-input.field-height-lg .ids-input-field {
-  padding-inline: calc(var(--ids-space-60) - 2px);
+  padding-inline: calc(var(--ids-space-sm) - 2px);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-md .ids-input-field {
-  padding-inline: calc(var(--ids-space-50) - 2px);
+  padding-inline: calc(var(--ids-space-12) - 2px);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-sm .ids-input-field {
-  padding-inline: calc(var(--ids-space-40) - 2px);
+  padding-inline: calc(var(--ids-space-xs) - 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-space-20);
+  padding-inline: var(--ids-space-xxxs);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xs slot[name=trigger-end] {
   padding-inline-end: 0;
 }
 .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-space-10);
+  padding-inline: var(--ids-space-xxxxs);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xxs slot[name=trigger-end] {
   padding-inline-end: 0;
@@ -553,7 +553,7 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
 .ids-input:not([class*=color-variant-]) .field-container:not(:focus-within) {
   background-color: var(--ids-input-color-background-default);
   border-color: var(--ids-input-color-border-default);
-  color: var(--ids-input-color-text);
+  color: var(--ids-input-color-text-default);
 }
 .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);
@@ -565,6 +565,7 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
 .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);
+  opacity: var(--ids-input-disabled-opacity);
   -webkit-text-fill-color: var(--ids-input-color-text-disabled);
 }
 .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 {
@@ -618,6 +619,12 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   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):not(:focus):not(:focus-within) .field-container.error.field-container:not(:focus-within),
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover.field-container:not(:focus-within), .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error.field-container:not(:focus-within),
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover.field-container:not(:focus-within) {
+  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):not(:focus):not(:focus-within) .field-container.error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error.is-active,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error.is-active,
@@ -717,6 +724,12 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   border-color: var(--ids-input-color-border-error-default);
   color: var(--ids-input-error-color-text-error-default);
 }
+.ids-input:not([class*=color-variant-]).is-active .field-container.error.field-container:not(:focus-within),
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:hover.field-container:not(:focus-within), .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error.field-container:not(:focus-within),
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover.field-container:not(:focus-within) {
+  border-color: var(--ids-input-color-border-error-default);
+  color: var(--ids-input-error-color-text-error-default);
+}
 .ids-input:not([class*=color-variant-]).is-active .field-container.error:focus-within, .ids-input:not([class*=color-variant-]).is-active .field-container.error.is-active,
 .ids-input:not([class*=color-variant-]).is-active .field-container.error:hover:focus-within,
 .ids-input:not([class*=color-variant-]).is-active .field-container.error:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error.is-active,
@@ -803,6 +816,11 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   border-color: var(--ids-input-color-border-error-default);
   color: var(--ids-input-error-color-text-error-default);
 }
+.ids-input:not([class*=color-variant-]) .field-container.error.field-container:not(:focus-within),
+.ids-input:not([class*=color-variant-]) .field-container.error:hover.field-container:not(:focus-within) {
+  border-color: var(--ids-input-color-border-error-default);
+  color: var(--ids-input-error-color-text-error-default);
+}
 .ids-input:not([class*=color-variant-]) .field-container.error:focus-within, .ids-input:not([class*=color-variant-]) .field-container.error.is-active,
 .ids-input:not([class*=color-variant-]) .field-container.error:hover:focus-within,
 .ids-input:not([class*=color-variant-]) .field-container.error:hover.is-active {
@@ -853,6 +871,10 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   border-bottom: 1px solid var(--ids-input-header-color-border);
   box-shadow: none;
 }
+.ids-input.color-variant-alternate:focus-within .field-container {
+  border-color: var(--ids-input-color-border-focus);
+  box-shadow: var(--ids-input-color-border-shadow);
+}
 .ids-input.color-variant-alternate .ids-input-field {
   color: var(--ids-input-header-color-text-default);
 }
@@ -874,7 +896,7 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   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-shadow-focus);
+  box-shadow: var(--ids-input-color-border-shadow);
 }
 .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);
@@ -889,7 +911,7 @@ import{a as Y}from"./ids-chunk-KTREQX4R.js";import{a as z}from"./ids-chunk-XA3JH
   color: var(--ids-data-grid-filter-input-color-text-placeholder);
 }
 .ids-input.color-variant-app-menu .field-container {
-  color: var(--ids-input-color-text-default);
+  color: var(--ids-input-color-text-app-menu);
 }
 .ids-input.color-variant-list-builder .field-container {
   background-color: transparent;
@@ -1054,7 +1076,7 @@ ids-input::part(container) {
 }
 
 .color-picker-trigger-btn {
-  margin-inline-end: 4px;
+  margin-inline-end: 0;
 }
 .color-picker-trigger-btn::part(button) {
   margin-inline-start: 1px;
@@ -1071,7 +1093,7 @@ ids-input::part(container) {
   display: grid;
   grid-template-columns: repeat(10, 20px);
   overflow: visible;
-  padding: var(--ids-space-40);
+  padding: var(--ids-space-xs);
   align-items: center;
   align-content: center;
   justify-content: center;
@@ -1084,12 +1106,12 @@ ids-input::part(container) {
 
 .advanced-color-picker {
   position: absolute;
-  bottom: var(--ids-space-60);
+  bottom: var(--ids-space-sm);
   visibility: hidden;
   opacity: 0;
-}`;var ti=j(X(F(_(Y($(N)))))),L,K,g,S,y,O,k,H,A,R,d,v,c,b,C,G,T,J,u,f,D,Q,E,M,x=class extends ti{constructor(){super();l(this,L);l(this,g);l(this,y);l(this,k);l(this,A);l(this,d);l(this,c);l(this,C);l(this,T);l(this,u);l(this,D);l(this,E);I(this,"isFormComponent",!0);I(this,"useDefaultSwatches",!0);I(this,"initialized",!1)}connectedCallback(){super.connectedCallback(),this.swatches.length||(this.useDefaultSwatches=!0,this.append(...this.defaultSwatches)),this.clearable&&this.appendClearableButton(),r(this,u,f).call(this,this.value),r(this,d,v).call(this),r(this,L,K).call(this),this.initialized=!0}disconnectedCallback(){super.disconnectedCallback(),r(this,y,O).call(this)}static get attributes(){return[...super.attributes,t.ADVANCED,t.CHECKED,t.COMPACT,t.DISABLED,t.LABEL,t.PLACEHOLDER,t.SUPPRESS_LABELS,t.READONLY,t.TABBABLE,t.TABINDEX,t.SIZE,t.SUPPRESS_TOOLTIPS,t.TOOLTIP,t.VALIDATE,t.VALUE]}template(){let i=this.swatchSize(),o=this.readonly?"readonly":"",e=this.disabled?"disabled":"",n=this.dirtyTracker?"dirty-tracker":"",s=this.advanced?this.colorPickerAdvancedHtml:"",h=this.value?`value="${this.value}"`:"",m=this.label?`label="${this.label}"`:"";return`<div class="ids-color-picker">
+}`;var oi=j(X(F(U(Y(_(N)))))),L,K,g,S,y,O,k,H,A,R,d,v,c,f,C,G,T,J,u,b,D,Q,E,M,w=class extends oi{constructor(){super();l(this,L);l(this,g);l(this,y);l(this,k);l(this,A);l(this,d);l(this,c);l(this,C);l(this,T);l(this,u);l(this,D);l(this,E);I(this,"isFormComponent",!0);I(this,"useDefaultSwatches",!0);I(this,"initialized",!1)}connectedCallback(){super.connectedCallback(),this.swatches.length||(this.useDefaultSwatches=!0,this.append(...this.defaultSwatches)),this.clearable&&this.appendClearableButton(),r(this,u,b).call(this,this.value),r(this,d,v).call(this),r(this,L,K).call(this),this.initialized=!0}disconnectedCallback(){super.disconnectedCallback(),r(this,y,O).call(this)}static get attributes(){return[...super.attributes,o.ADVANCED,o.CHECKED,o.COMPACT,o.DISABLED,o.ID,o.LABEL,o.PLACEHOLDER,o.SUPPRESS_LABELS,o.READONLY,o.TABBABLE,o.TABINDEX,o.SIZE,o.SUPPRESS_TOOLTIPS,o.TOOLTIP,o.VALIDATE,o.VALUE]}template(){let i=this.swatchSize(),t=this.readonly?"readonly":"",e=this.disabled?"disabled":"",n=this.dirtyTracker?"dirty-tracker":"",s=this.advanced?this.colorPickerAdvancedHtml:"",h=this.value?`value="${this.value}"`:"",m=this.label?`label="${this.label}"`:"";return`<div class="ids-color-picker">
       ${s}
-      <ids-trigger-field ${m} ${o} ${e} ${n} ${h}>
+      <ids-trigger-field ${m} ${t} ${e} ${n} ${h}>
         <ids-color ${e} size="${i}" tabindex="-1" class="color-preview" slot="trigger-start"></ids-color>
         <ids-trigger-button slot="trigger-end" class="color-picker-trigger-btn" tabindex="-1">
           <ids-text audible="true" translate-text="true"></ids-text>
@@ -1099,4 +1121,4 @@ ids-input::part(container) {
       <ids-popup id="color-picker-popup" type="menu">
         <slot slot="content" class="color-popup"></slot>
       </ids-popup>
-    </ids-color-picker>`}get textInput(){return this.container?.querySelector("ids-trigger-field")||null}get colorInput(){return this.container?.querySelector(".advanced-color-picker")||null}get colorPreview(){return this.container?.querySelector(".color-preview")||null}get triggerBtn(){return this.container?.querySelector("ids-trigger-button")||null}get colorPreviewHtml(){return`<ids-color${this.disabled?" disabled":""} tabindex="-1" class="color-preview" size="${this.swatchSize()}"></ids-color>`}get popup(){return this.container?.querySelector("#color-picker-popup")}get colorPickerAdvancedHtml(){return this.advanced?'<input class="advanced-color-picker" tabindex="-1" type="color"/>':""}get swatches(){return[...this.querySelectorAll("ids-color")]}get defaultSwatches(){let i=/^--ids-color-(([^0-9]+)-([0-9]+))$/,o=n=>{let s=new z,[h,m,B,p]=n.match(i)||[];return s.label=m,s.tooltip=`${B} ${p}`,s.hex=getComputedStyle(this.parentElement).getPropertyValue(String(h))||`var(${h})`,s.classList.add(Number(p)<40?"light":"dark"),s};return[...Object.values(["--ids-color-red-10","--ids-color-red-20","--ids-color-red-30","--ids-color-red-40","--ids-color-red-50","--ids-color-red-60","--ids-color-red-70","--ids-color-red-80","--ids-color-red-90","--ids-color-red-100"]),...Object.values(["--ids-color-orange-10","--ids-color-orange-20","--ids-color-orange-30","--ids-color-orange-40","--ids-color-orange-50","--ids-color-orange-60","--ids-color-orange-70","--ids-color-orange-80","--ids-color-orange-90","--ids-color-orange-100"]),...Object.values(["--ids-color-green-10","--ids-color-green-20","--ids-color-green-30","--ids-color-green-40","--ids-color-green-50","--ids-color-green-60","--ids-color-green-70","--ids-color-green-80","--ids-color-green-90","--ids-color-green-100"]),...Object.values(["--ids-color-blue-10","--ids-color-blue-20","--ids-color-blue-30","--ids-color-blue-40","--ids-color-blue-50","--ids-color-blue-60","--ids-color-blue-70","--ids-color-blue-80","--ids-color-blue-90","--ids-color-blue-100"]),...Object.values(["--ids-color-teal-10","--ids-color-teal-20","--ids-color-teal-30","--ids-color-teal-40","--ids-color-teal-50","--ids-color-teal-60","--ids-color-teal-70","--ids-color-teal-80","--ids-color-teal-90","--ids-color-teal-100"]),...Object.values(["--ids-color-purple-10","--ids-color-purple-20","--ids-color-purple-30","--ids-color-purple-40","--ids-color-purple-50","--ids-color-purple-60","--ids-color-purple-70","--ids-color-purple-80","--ids-color-purple-90","--ids-color-purple-100"]),...Object.values(["--ids-color-neutral-10","--ids-color-neutral-20","--ids-color-neutral-30","--ids-color-neutral-40","--ids-color-neutral-50","--ids-color-neutral-60","--ids-color-neutral-70","--ids-color-neutral-80","--ids-color-neutral-90","--ids-color-neutral-100"])].map(o)}set value(i){i=i?.trim()??"",i?this.setAttribute(t.VALUE,i):this.removeAttribute(t.VALUE),r(this,E,M).call(this,i),r(this,D,Q).call(this,r(this,c,b).call(this,i))}get value(){return this.getAttribute(t.VALUE)??""}set placeholder(i){i?(this.setAttribute(t.PLACEHOLDER,i),this.textInput?.setAttribute(t.PLACEHOLDER,i)):(this.removeAttribute(t.PLACEHOLDER),this.textInput?.removeAttribute(t.PLACEHOLDER))}get placeholder(){return this.getAttribute(t.PLACEHOLDER)??""}set size(i){i?(this.setAttribute(t.SIZE,i),this.textInput?.setAttribute(t.SIZE,i)):(this.removeAttribute(t.SIZE),this.textInput?.removeAttribute(t.SIZE))}get size(){return this.getAttribute(t.SIZE)}set validate(i){i?(this.setAttribute(t.VALIDATE,i),this.textInput?.setAttribute(t.VALIDATE,i)):(this.removeAttribute(t.VALIDATE),this.textInput?.removeAttribute(t.VALIDATE))}get validate(){return this.getAttribute(t.VALIDATE)}set tabbable(i){a(i)?(this.setAttribute(t.TABBABLE,""),this.textInput?.setAttribute(t.TABBABLE,"")):(this.removeAttribute(t.TABBABLE),this.textInput?.removeAttribute(t.TABBABLE))}get tabbable(){return a(this.getAttribute(t.TABBABLE))}set tooltip(i){i?(this.setAttribute(t.TOOLTIP,i),this.textInput?.setAttribute(t.TOOLTIP,i)):(this.removeAttribute(t.TOOLTIP),this.textInput?.removeAttribute(t.TOOLTIP))}get tooltip(){return this.getAttribute(t.TOOLTIP)}set advanced(i){let o=["#",/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/];a(i)?(this.setAttribute(t.ADVANCED,"true"),this.colorInput||this.container?.insertAdjacentHTML("afterbegin",this.colorPickerAdvancedHtml),r(this,k,H).call(this),r(this,E,M).call(this,this.value),this.textInput&&(this.textInput.mask=o)):(this.removeAttribute(t.ADVANCED),r(this,A,R).call(this),this.colorInput?.remove(),this.textInput&&(this.textInput.mask=void 0))}get advanced(){return a(this.getAttribute(t.ADVANCED))||!1}set disabled(i){a(i)?(this.setAttribute(t.DISABLED,""),this.textInput?.setAttribute(t.DISABLED,""),this.triggerBtn?.setAttribute(t.DISABLED,""),this.triggerBtn?.setAttribute(t.TABBABLE,"false")):(this.removeAttribute(t.DISABLED),this.textInput?.removeAttribute(t.DISABLED),this.triggerBtn?.removeAttribute(t.DISABLED),this.triggerBtn?.setAttribute(t.TABBABLE,String(this.tabbable)))}get disabled(){return a(this.getAttribute(t.DISABLED))}set readonly(i){a(i)?(this.setAttribute(t.READONLY,""),this.textInput?.setAttribute(t.READONLY,""),this.triggerBtn?.setAttribute(t.DISABLED,"")):(this.removeAttribute(t.READONLY),this.textInput?.removeAttribute(t.READONLY),this.triggerBtn?.removeAttribute(t.DISABLED))}get readonly(){return a(this.getAttribute(t.READONLY))}set suppressLabels(i){a(i)?this.setAttribute(t.SUPPRESS_LABELS,"true"):this.removeAttribute(t.SUPPRESS_LABELS),r(this,d,v).call(this)}get suppressLabels(){return this.advanced?!0:a(this.getAttribute(t.SUPPRESS_LABELS))||!1}set suppressTooltips(i){a(i)?this.setAttribute(t.SUPPRESS_TOOLTIPS,"true"):this.removeAttribute(t.SUPPRESS_TOOLTIPS),r(this,d,v).call(this)}get suppressTooltips(){return this.advanced?!0:a(this.getAttribute(t.SUPPRESS_TOOLTIPS))||!1}set compact(i){a(i)?(this.setAttribute(t.COMPACT,""),this.textInput?.setAttribute(t.COMPACT,""),this.textInput?.querySelector("ids-color")?.setAttribute("size","mm")):(this.removeAttribute(t.COMPACT),this.textInput?.removeAttribute(t.COMPACT),this.textInput?.querySelector("ids-color")?.setAttribute("size","md"))}get compact(){return a(this.getAttribute(t.COMPACT))}close(){this.popup?.setAttribute(t.VISIBLE,"false"),this.popup?.removeOpenEvents(),r(this,d,v).call(this)}open(){if(this.advanced||this.disabled||this.readonly||!this.popup)return;if(this.useDefaultSwatches){let o=this.swatches;for(let e=0;e<o.length;e++)o[e].remove();this.append(...this.defaultSwatches)}let i=this.localeAPI.isRTL();this.popup.align=`bottom, ${i?"right":"left"}`,this.popup.arrow="bottom",this.popup.arrowTarget=this.triggerBtn,this.popup.alignTarget=this.textInput,this.popup.visible=!0,this.popup.show(),this.popup?.addOpenEvents(),r(this,d,v).call(this)}onOutsideClick(){this.close()}appendClearableButton(){!this.swatches.find(o=>!o.getAttribute(t.HEX))&&this.initialized&&(this.append(new z),r(this,d,v).call(this))}removeClearableButton(){this.swatches.find(o=>!o.getAttribute(t.HEX))?.remove()}swatchSize(){let i=this.compact?"mm":this.fieldHeight;return{compact:"xs",xs:"mm",sm:"mm",mm:"mm",md:"md",lg:"lg"}[i]||"md"}onFieldHeightChange(i){this.textInput?.setAttribute(t.FIELD_HEIGHT,i),this.colorPreview?.setAttribute(t.SIZE,this.swatchSize())}onDirtyTrackerChange(i){this.textInput?.setAttribute(t.DIRTY_TRACKER,String(i))}onLabelChange(i){this.textInput?.setAttribute("label",i??"")}onLabelStateChange(i){i?this.textInput?.setAttribute(t.LABEL_STATE,i):this.textInput?.removeAttribute(t.LABEL_STATE)}};L=new WeakSet,K=function(){r(this,y,O).call(this),this.onEvent("change",this.textInput,i=>{i.stopPropagation(),r(this,u,f).call(this,i.detail.value),this.triggerEvent("change",this,{bubbles:!0,detail:{...i.detail,elem:this}})}),this.onEvent("input",this.textInput,i=>{i.stopPropagation();let o=i.target;r(this,g,S).call(this,o.value),this.triggerEvent("input",this,{bubbles:!0,detail:{elem:this,value:o?.value}})}),this.onEvent("click.color-picker-container",this.container,i=>{let o=i.target;if(!this.readonly&&!this.disabled){if(o.closest(".color-picker-trigger-btn, .color-preview")){r(this,T,J).call(this);return}o.name?.toLowerCase()==="ids-color"&&!o.classList.contains("color-preview")&&(r(this,u,f).call(this,o?.hex),this.close())}}),this.advanced&&r(this,k,H).call(this),this.onEvent("keydown.color-picker",this,i=>{if(i.target.name==="id-color-picker"&&i.preventDefault(),i.key==="Escape")this.close();else if(["Enter","Space"," "].includes(i.key))if(this.popup?.visible){let e=String(i.target.name).toLowerCase()==="ids-color"?i.target:document.activeElement;r(this,u,f).call(this,e?.hex),this.close()}else i.key==="Enter"&&this.open();else i.key==="ArrowDown"&&(i.preventDefault(),this.popup?.visible||this.open())}),this.onEvent("keydown.color-picker-popup",this.popup,i=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Space"," "].includes(i.key)){i.preventDefault();let e=10,n=this.swatches,s=n[0],h=n[n.length-1],m=document.activeElement?.closest("ids-color")||s,B=i.target.name.toLowerCase()==="ids-color"?i.target:m,p=n.indexOf(B),W=n[p-1]||h,ii=n[p+1]||s;if(i.key==="ArrowRight")ii.swatch?.focus();else if(i.key==="ArrowLeft")W.swatch?.focus();else if(i.key==="ArrowUp"){let w=p-e;if(w>=0){let[P]=n.splice(w,1);P?.swatch?.focus()}}else if(i.key==="ArrowDown"){let w=p+e;if(w<n.length){let[P]=n.splice(w,1);P?.swatch?.focus()}}}})},g=new WeakSet,S=function(i){this.colorPreview?.setAttribute(t.HEX,r(this,c,b).call(this,i)?.hex||i||"")},y=new WeakSet,O=function(){this.offEvent("click.color-picker-container",this.container),this.offEvent("change.color-picer-text",this.textInput),this.offEvent("input.color-picker-text",this.textInput),this.offEvent("keydown.color-picker",this),this.offEvent("keydown.color-picker-popup",this.popup),r(this,A,R).call(this)},k=new WeakSet,H=function(){this.offEvent("change.color-picker-input",this.colorInput),this.onEvent("change.color-picker-input",this.colorInput,i=>{r(this,u,f).call(this,i.target.value)}),this.offEvent("input.color-picker-input",this.colorInput),this.onEvent("input.color-picker-input",this.colorInput,i=>{i.stopPropagation(),r(this,g,S).call(this,i.target.value)})},A=new WeakSet,R=function(){this.offEvent("change.color-picker-input",this.colorInput),this.offEvent("input.color-picker-input",this.colorInput)},d=new WeakSet,v=function(){this.swatches.forEach(i=>{i.classList.add("outlined"),i.tooltip=this.suppressLabels?this.tooltip||i.hex:this.tooltip||i.label,this.suppressTooltips&&(i.tooltip=""),this.popup?.visible?i.removeAttribute(t.TABINDEX):i.setAttribute(t.TABINDEX,"-1")}),(r(this,c,b).call(this,this.value)||this.swatches[0])?.swatch?.focus()},c=new WeakSet,b=function(i){return this.swatches.find(e=>{if(!i)return!e.hex;let n=String(e.hex).trim().toLowerCase(),s=String(e.label).trim().toLowerCase();return[n,s].includes(String(i).trim().toLowerCase())})},C=new WeakSet,G=function(){if(this.advanced)return this.colorInput?this.colorInput.value:null;let i=this.querySelectorAll("ids-color[checked]")?.[0];return i?i.hex:null},T=new WeakSet,J=function(){if(this.advanced){this.colorInput?.click();return}this.popup?.visible?this.close():this.open()},u=new WeakSet,f=function(i){if(i){let o=r(this,c,b).call(this,i);this.value=o?.hex||i}else this.value=""},D=new WeakSet,Q=function(i){let o=this.querySelector("[checked]");o&&o.removeAttribute(t.CHECKED),i&&i.setAttribute(t.CHECKED,"")},E=new WeakSet,M=function(i){if(!this.colorPreview)return;let o=i??r(this,C,G).call(this),e=r(this,c,b).call(this,o),n=e?.hex||o;if(r(this,g,S).call(this,n??""),this.advanced&&this.colorInput&&(this.colorInput.value=n?.length!==7?"#ffffff":n),n&&this.textInput){let s=!this.suppressLabels&&e?.label||e?.hex||n;this.textInput.setAttribute("value",s)}else this.textInput&&this.textInput.setAttribute("value","")},x=q([V("ids-color-picker"),U(Z)],x);export{x as a};
+    </ids-color-picker>`}get textInput(){return this.container?.querySelector("ids-trigger-field")||null}get colorInput(){return this.container?.querySelector(".advanced-color-picker")||null}get colorPreview(){return this.container?.querySelector(".color-preview")||null}get triggerBtn(){return this.container?.querySelector("ids-trigger-button")||null}get colorPreviewHtml(){return`<ids-color${this.disabled?" disabled":""} tabindex="-1" class="color-preview" size="${this.swatchSize()}"></ids-color>`}get popup(){return this.container?.querySelector("#color-picker-popup")}get colorPickerAdvancedHtml(){return this.advanced?'<input class="advanced-color-picker" tabindex="-1" type="color"/>':""}get swatches(){return[...this.querySelectorAll("ids-color")]}get defaultSwatches(){let i=/^--ids-color-(([^0-9]+)-([0-9]+))$/,t=n=>{let s=new z,[h,m,B,p]=n.match(i)||[];return s.label=m,s.tooltip=`${B} ${p}`,s.hex=getComputedStyle(this.parentElement).getPropertyValue(String(h))||`var(${h})`,s.classList.add(Number(p)<40?"light":"dark"),s};return[...Object.values(["--ids-color-red-10","--ids-color-red-20","--ids-color-red-30","--ids-color-red-40","--ids-color-red-50","--ids-color-red-60","--ids-color-red-70","--ids-color-red-80","--ids-color-red-90","--ids-color-red-100"]),...Object.values(["--ids-color-orange-10","--ids-color-orange-20","--ids-color-orange-30","--ids-color-orange-40","--ids-color-orange-50","--ids-color-orange-60","--ids-color-orange-70","--ids-color-orange-80","--ids-color-orange-90","--ids-color-orange-100"]),...Object.values(["--ids-color-green-10","--ids-color-green-20","--ids-color-green-30","--ids-color-green-40","--ids-color-green-50","--ids-color-green-60","--ids-color-green-70","--ids-color-green-80","--ids-color-green-90","--ids-color-green-100"]),...Object.values(["--ids-color-blue-10","--ids-color-blue-20","--ids-color-blue-30","--ids-color-blue-40","--ids-color-blue-50","--ids-color-blue-60","--ids-color-blue-70","--ids-color-blue-80","--ids-color-blue-90","--ids-color-blue-100"]),...Object.values(["--ids-color-teal-10","--ids-color-teal-20","--ids-color-teal-30","--ids-color-teal-40","--ids-color-teal-50","--ids-color-teal-60","--ids-color-teal-70","--ids-color-teal-80","--ids-color-teal-90","--ids-color-teal-100"]),...Object.values(["--ids-color-purple-10","--ids-color-purple-20","--ids-color-purple-30","--ids-color-purple-40","--ids-color-purple-50","--ids-color-purple-60","--ids-color-purple-70","--ids-color-purple-80","--ids-color-purple-90","--ids-color-purple-100"]),...Object.values(["--ids-color-gray-10","--ids-color-gray-20","--ids-color-gray-30","--ids-color-gray-40","--ids-color-gray-50","--ids-color-gray-60","--ids-color-gray-70","--ids-color-gray-80","--ids-color-gray-90","--ids-color-gray-100"])].map(t)}set value(i){i=i?.trim()??"",i?this.setAttribute(o.VALUE,i):this.removeAttribute(o.VALUE),r(this,E,M).call(this,i),r(this,D,Q).call(this,r(this,c,f).call(this,i))}get value(){return this.getAttribute(o.VALUE)??""}set placeholder(i){i?(this.setAttribute(o.PLACEHOLDER,i),this.textInput?.setAttribute(o.PLACEHOLDER,i)):(this.removeAttribute(o.PLACEHOLDER),this.textInput?.removeAttribute(o.PLACEHOLDER))}get placeholder(){return this.getAttribute(o.PLACEHOLDER)??""}set size(i){i?(this.setAttribute(o.SIZE,i),this.textInput?.setAttribute(o.SIZE,i)):(this.removeAttribute(o.SIZE),this.textInput?.removeAttribute(o.SIZE))}get size(){return this.getAttribute(o.SIZE)}set validate(i){i?(this.setAttribute(o.VALIDATE,i),this.textInput?.setAttribute(o.VALIDATE,i)):(this.removeAttribute(o.VALIDATE),this.textInput?.removeAttribute(o.VALIDATE))}get validate(){return this.getAttribute(o.VALIDATE)}set tabbable(i){a(i)?(this.setAttribute(o.TABBABLE,""),this.textInput?.setAttribute(o.TABBABLE,"")):(this.removeAttribute(o.TABBABLE),this.textInput?.removeAttribute(o.TABBABLE))}get tabbable(){return a(this.getAttribute(o.TABBABLE))}set tooltip(i){i?(this.setAttribute(o.TOOLTIP,i),this.textInput?.setAttribute(o.TOOLTIP,i)):(this.removeAttribute(o.TOOLTIP),this.textInput?.removeAttribute(o.TOOLTIP))}get tooltip(){return this.getAttribute(o.TOOLTIP)}set advanced(i){let t=["#",/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/];a(i)?(this.setAttribute(o.ADVANCED,"true"),this.colorInput||this.container?.insertAdjacentHTML("afterbegin",this.colorPickerAdvancedHtml),r(this,k,H).call(this),r(this,E,M).call(this,this.value),this.textInput&&(this.textInput.mask=t)):(this.removeAttribute(o.ADVANCED),r(this,A,R).call(this),this.colorInput?.remove(),this.textInput&&(this.textInput.mask=void 0))}get advanced(){return a(this.getAttribute(o.ADVANCED))||!1}set disabled(i){a(i)?(this.setAttribute(o.DISABLED,""),this.textInput?.setAttribute(o.DISABLED,""),this.triggerBtn?.setAttribute(o.DISABLED,""),this.triggerBtn?.setAttribute(o.TABBABLE,"false")):(this.removeAttribute(o.DISABLED),this.textInput?.removeAttribute(o.DISABLED),this.triggerBtn?.removeAttribute(o.DISABLED),this.triggerBtn?.setAttribute(o.TABBABLE,String(this.tabbable)))}get disabled(){return a(this.getAttribute(o.DISABLED))}set readonly(i){a(i)?(this.setAttribute(o.READONLY,""),this.textInput?.setAttribute(o.READONLY,""),this.triggerBtn?.setAttribute(o.DISABLED,"")):(this.removeAttribute(o.READONLY),this.textInput?.removeAttribute(o.READONLY),this.triggerBtn?.removeAttribute(o.DISABLED))}get readonly(){return a(this.getAttribute(o.READONLY))}set suppressLabels(i){a(i)?this.setAttribute(o.SUPPRESS_LABELS,"true"):this.removeAttribute(o.SUPPRESS_LABELS),r(this,d,v).call(this)}get suppressLabels(){return this.advanced?!0:a(this.getAttribute(o.SUPPRESS_LABELS))||!1}set suppressTooltips(i){a(i)?this.setAttribute(o.SUPPRESS_TOOLTIPS,"true"):this.removeAttribute(o.SUPPRESS_TOOLTIPS),r(this,d,v).call(this)}get suppressTooltips(){return this.advanced?!0:a(this.getAttribute(o.SUPPRESS_TOOLTIPS))||!1}set compact(i){a(i)?(this.setAttribute(o.COMPACT,""),this.textInput?.setAttribute(o.COMPACT,""),this.textInput?.querySelector("ids-color")?.setAttribute("size","mm")):(this.removeAttribute(o.COMPACT),this.textInput?.removeAttribute(o.COMPACT),this.textInput?.querySelector("ids-color")?.setAttribute("size","md"))}get compact(){return a(this.getAttribute(o.COMPACT))}set id(i){this.shadowRoot?.querySelector("ids-trigger-field")?.setAttribute(o.ID,`${i}-trigger-field`),this.setAttribute(o.ID,i)}get id(){return this.getAttribute(o.ID)||"none"}close(){this.popup?.setAttribute(o.VISIBLE,"false"),this.popup?.removeOpenEvents(),r(this,d,v).call(this)}open(){if(this.advanced||this.disabled||this.readonly||!this.popup)return;if(this.useDefaultSwatches){let t=this.swatches;for(let e=0;e<t.length;e++)t[e].remove();this.append(...this.defaultSwatches)}let i=this.localeAPI.isRTL();this.popup.align=`bottom, ${i?"right":"left"}`,this.popup.arrow="bottom",this.popup.arrowTarget=this.triggerBtn,this.popup.alignTarget=this.textInput,this.popup.visible=!0,this.popup.show(),this.popup?.addOpenEvents(),r(this,d,v).call(this)}onOutsideClick(){this.close()}appendClearableButton(){!this.swatches.find(t=>!t.getAttribute(o.HEX))&&this.initialized&&(this.append(new z),r(this,d,v).call(this))}removeClearableButton(){this.swatches.find(t=>!t.getAttribute(o.HEX))?.remove()}swatchSize(){let i=this.compact?"mm":this.fieldHeight;return{compact:"xs",xs:"mm",sm:"mm",mm:"mm",md:"md",lg:"lg"}[i]||"md"}onFieldHeightChange(i){this.textInput?.setAttribute(o.FIELD_HEIGHT,i),this.colorPreview?.setAttribute(o.SIZE,this.swatchSize())}onDirtyTrackerChange(i){this.textInput?.setAttribute(o.DIRTY_TRACKER,String(i))}onLabelChange(i){this.textInput?.setAttribute("label",i??"")}onLabelStateChange(i){i?this.textInput?.setAttribute(o.LABEL_STATE,i):this.textInput?.removeAttribute(o.LABEL_STATE)}};L=new WeakSet,K=function(){r(this,y,O).call(this),this.onEvent("change",this.textInput,i=>{i.stopPropagation(),r(this,u,b).call(this,i.detail.value),this.triggerEvent("change",this,{bubbles:!0,detail:{...i.detail,elem:this}})}),this.onEvent("input",this.textInput,i=>{i.stopPropagation();let t=i.target;r(this,g,S).call(this,t.value),this.triggerEvent("input",this,{bubbles:!0,detail:{elem:this,value:t?.value}})}),this.onEvent("click.color-picker-container",this.container,i=>{let t=i.target;if(!this.readonly&&!this.disabled){if(t.closest(".color-picker-trigger-btn, .color-preview")){r(this,T,J).call(this);return}t.name?.toLowerCase()==="ids-color"&&!t.classList.contains("color-preview")&&(r(this,u,b).call(this,t?.hex),this.close())}}),this.advanced&&r(this,k,H).call(this),this.onEvent("keydown.color-picker",this,i=>{if(i.target.name==="id-color-picker"&&i.preventDefault(),i.key==="Escape")this.close();else if(["Enter","Space"," "].includes(i.key))if(this.popup?.visible){let e=String(i.target.name).toLowerCase()==="ids-color"?i.target:document.activeElement;r(this,u,b).call(this,e?.hex),this.close()}else i.key==="Enter"&&this.open();else i.key==="ArrowDown"&&(i.preventDefault(),this.popup?.visible||this.open())}),this.onEvent("keydown.color-picker-popup",this.popup,i=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Space"," "].includes(i.key)){i.preventDefault();let e=10,n=this.swatches,s=n[0],h=n[n.length-1],m=document.activeElement?.closest("ids-color")||s,B=i.target.name.toLowerCase()==="ids-color"?i.target:m,p=n.indexOf(B),W=n[p-1]||h,ii=n[p+1]||s;if(i.key==="ArrowRight")ii.swatch?.focus();else if(i.key==="ArrowLeft")W.swatch?.focus();else if(i.key==="ArrowUp"){let x=p-e;if(x>=0){let[P]=n.splice(x,1);P?.swatch?.focus()}}else if(i.key==="ArrowDown"){let x=p+e;if(x<n.length){let[P]=n.splice(x,1);P?.swatch?.focus()}}}})},g=new WeakSet,S=function(i){this.colorPreview?.setAttribute(o.HEX,r(this,c,f).call(this,i)?.hex||i||"")},y=new WeakSet,O=function(){this.offEvent("click.color-picker-container",this.container),this.offEvent("change.color-picer-text",this.textInput),this.offEvent("input.color-picker-text",this.textInput),this.offEvent("keydown.color-picker",this),this.offEvent("keydown.color-picker-popup",this.popup),r(this,A,R).call(this)},k=new WeakSet,H=function(){this.offEvent("change.color-picker-input",this.colorInput),this.onEvent("change.color-picker-input",this.colorInput,i=>{r(this,u,b).call(this,i.target.value)}),this.offEvent("input.color-picker-input",this.colorInput),this.onEvent("input.color-picker-input",this.colorInput,i=>{i.stopPropagation(),r(this,g,S).call(this,i.target.value)})},A=new WeakSet,R=function(){this.offEvent("change.color-picker-input",this.colorInput),this.offEvent("input.color-picker-input",this.colorInput)},d=new WeakSet,v=function(){this.swatches.forEach(i=>{i.classList.add("outlined"),i.tooltip=this.suppressLabels?this.tooltip||i.hex:this.tooltip||i.label,this.suppressTooltips&&(i.tooltip=""),this.popup?.visible?i.removeAttribute(o.TABINDEX):i.setAttribute(o.TABINDEX,"-1")}),(r(this,c,f).call(this,this.value)||this.swatches[0])?.swatch?.focus()},c=new WeakSet,f=function(i){return this.swatches.find(e=>{if(!i)return!e.hex;let n=String(e.hex).trim().toLowerCase(),s=String(e.label).trim().toLowerCase();return[n,s].includes(String(i).trim().toLowerCase())})},C=new WeakSet,G=function(){if(this.advanced)return this.colorInput?this.colorInput.value:null;let i=this.querySelectorAll("ids-color[checked]")?.[0];return i?i.hex:null},T=new WeakSet,J=function(){if(this.advanced){this.colorInput?.click();return}this.popup?.visible?this.close():this.open()},u=new WeakSet,b=function(i){if(i){let t=r(this,c,f).call(this,i);this.value=t?.hex||i}else this.value=""},D=new WeakSet,Q=function(i){let t=this.querySelector("[checked]");t&&t.removeAttribute(o.CHECKED),i&&i.setAttribute(o.CHECKED,"")},E=new WeakSet,M=function(i){if(!this.colorPreview)return;let t=i??r(this,C,G).call(this),e=r(this,c,f).call(this,t),n=e?.hex||t;if(r(this,g,S).call(this,n??""),this.advanced&&this.colorInput&&(this.colorInput.value=n?.length!==7?"#ffffff":n),n&&this.textInput){let s=!this.suppressLabels&&e?.label||e?.hex||n;this.textInput.setAttribute("value",s)}else this.textInput&&this.textInput.setAttribute("value","")},w=q([V("ids-color-picker"),$(Z)],w);export{w as a};

package/chunks/{ids-chunk-3KMZVBYZ.js → ids-chunk-2URPHWTT.js}

@@ -1 +1 @@
-import{b as u,c as l}from"./ids-chunk-U34YTPJC.js";import{a as o}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-7MATJMV7.js";import{e as n}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-3Q46IU4X.js";import{a as h}from"./ids-chunk-Y32WUP63.js";var r=class extends c{constructor(){super()}static get attributes(){return[e.CONDITION,e.HIDE_UP,e.HIDE_DOWN,e.VALUE,e.VISIBLE]}template(){return'<slot part="children"></slot>'}set hideDown(t){if(t){let i=u(t);this.setAttribute(e.HIDE_DOWN,String(t)),i.addEventListener("change",()=>{this.checkScreen(i)}),this.checkScreen(i)}else this.removeAttribute(e.HIDE_DOWN)}get hideDown(){return this.getAttribute(e.HIDE_DOWN)}set hideUp(t){if(t){let i=l(t);this.setAttribute(e.HIDE_UP,String(t)),i.addEventListener("change",()=>{this.checkScreen(i)}),this.checkScreen(i)}else this.removeAttribute(e.HIDE_UP)}get hideUp(){return this.getAttribute(e.HIDE_UP)}set visible(t){n(t)?(this.setAttribute(e.VISIBLE,"true"),this.hidden=!1):(this.removeAttribute(e.VISIBLE),this.hidden=!0)}get visible(){return this.getAttribute(e.VISIBLE)}set condition(t){t?this.setAttribute(e.CONDITION,String(t)):this.removeAttribute(e.CONDITION),this.checkCompare()}get condition(){return this.getAttribute(e.CONDITION)}set value(t){t?this.setAttribute(e.VALUE,String(t==="undefined"?"":t)):this.removeAttribute(e.VALUE),this.checkCompare()}get value(){return this.getAttribute(e.VALUE)}checkScreen(t){t.matches?(this.hidden=!0,this.removeAttribute("visible")):(this.removeAttribute("hidden"),this.setAttribute("visible","true"))}checkCompare(){let t=this.condition,i=this.value,s=!1;i=i==="undefined"?"":i,t==="false"||t==="true"?(t=n(t),i=i==="false"||i==="true"?n(i):i,t&&i&&(s=!0),!t&&!i&&(s=!0)):s=this.value===this.condition,s?(this.hidden=!0,this.removeAttribute("visible")):(this.removeAttribute("hidden"),this.setAttribute("visible","true"))}};r=h([o("ids-hidden")],r);export{r as a};
+import{b as u,c as l}from"./ids-chunk-U34YTPJC.js";import{a as o}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-WMUHD4GN.js";import{e as n}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-FAEI3K2L.js";import{a as h}from"./ids-chunk-Y32WUP63.js";var r=class extends c{constructor(){super()}static get attributes(){return[e.CONDITION,e.HIDE_UP,e.HIDE_DOWN,e.VALUE,e.VISIBLE]}template(){return'<slot part="children"></slot>'}set hideDown(t){if(t){let i=u(t);this.setAttribute(e.HIDE_DOWN,String(t)),i.addEventListener("change",()=>{this.checkScreen(i)}),this.checkScreen(i)}else this.removeAttribute(e.HIDE_DOWN)}get hideDown(){return this.getAttribute(e.HIDE_DOWN)}set hideUp(t){if(t){let i=l(t);this.setAttribute(e.HIDE_UP,String(t)),i.addEventListener("change",()=>{this.checkScreen(i)}),this.checkScreen(i)}else this.removeAttribute(e.HIDE_UP)}get hideUp(){return this.getAttribute(e.HIDE_UP)}set visible(t){n(t)?(this.setAttribute(e.VISIBLE,"true"),this.hidden=!1):(this.removeAttribute(e.VISIBLE),this.hidden=!0)}get visible(){return this.getAttribute(e.VISIBLE)}set condition(t){t?this.setAttribute(e.CONDITION,String(t)):this.removeAttribute(e.CONDITION),this.checkCompare()}get condition(){return this.getAttribute(e.CONDITION)}set value(t){t?this.setAttribute(e.VALUE,String(t==="undefined"?"":t)):this.removeAttribute(e.VALUE),this.checkCompare()}get value(){return this.getAttribute(e.VALUE)}checkScreen(t){t.matches?(this.hidden=!0,this.removeAttribute("visible")):(this.removeAttribute("hidden"),this.setAttribute("visible","true"))}checkCompare(){let t=this.condition,i=this.value,s=!1;i=i==="undefined"?"":i,t==="false"||t==="true"?(t=n(t),i=i==="false"||i==="true"?n(i):i,t&&i&&(s=!0),!t&&!i&&(s=!0)):s=this.value===this.condition,s?(this.hidden=!0,this.removeAttribute("visible")):(this.removeAttribute("hidden"),this.setAttribute("visible","true"))}};r=h([o("ids-hidden")],r);export{r as a};

package/chunks/{ids-chunk-KD75UM6M.js → ids-chunk-32UKAYK7.js}

@@ -1 +1 @@
-import{a as c}from"./ids-chunk-R2TYJN6C.js";var d=class{constructor(t){this.root=t}root;#t(){try{if(typeof localStorage?.getItem=="function")return!0}catch{return!1}return!1}#e(){return this.root.savePosition&&this.#t()}savePosition(){if(this.#e()){let t={sizes:[...this.root.sizes()]};["align","axis","disabled"].forEach(e=>{t[e]=this.root[e]}),localStorage.setItem(this.idTobeUse(this.root.uniqueId),JSON.stringify(t)),this.root.triggerEvent("save-position",this.root,{detail:{elem:this.root,uniqueId:this.root.uniqueId,value:t}})}}restorePosition(){if(!this.#e())return null;let t={},e=localStorage.getItem(this.idTobeUse(this.root.uniqueId));if(typeof e=="string"&&e!==""){t={...JSON.parse(e),canRestore:!1};let s=t?.sizes?.length,o=[...this.root.childNodes].filter(i=>i instanceof c);s&&s===o?.length&&(t.canRestore=!0,["align","axis","disabled"].forEach(i=>{t[i]!==this.root[i]&&(t.canRestore=!1)}))}return t?.canRestore?t:null}clearPosition(t){let e=[];if(this.#t()){let s=t||this.root.uniqueId,o=this.idTobeUse(s);Object.keys(localStorage).some(n=>n===o)&&(localStorage.removeItem(o),e.push(s))}this.root.triggerEvent("clear-position",this.root,{detail:{elem:this.root,clearIds:e}})}clearPositionAll(){let t=[];this.#t()&&Object.keys(localStorage).forEach(s=>{let o="{idstempclearstorage}",i=this.idTobeUse(o);if(new RegExp(`^${i.replace(o,"(.+)")}$`,"g").test(s)){let r=i.split(o),a=new RegExp(`^${r.join("|")}$`,"g"),l=s.replace(a,"");localStorage.removeItem(s),t.push(l)}}),this.root.triggerEvent("clear-position",this.root,{detail:{elem:this.root,clearIds:t}})}idTobeUse(t,e,s){let o={uniqueId:"",prefix:"ids-splitter",suffix:"usersettings-position"},i=[t,e,s].some(r=>r!=null),n=o.prefix;if(i){let r=(a,l)=>l??o[a];n=`${r("prefix",s)}-${r("uniqueId",t)}-${r("suffix",e)}`}return n}};export{d as a};
+import{a as c}from"./ids-chunk-MNK5DWES.js";var d=class{constructor(t){this.root=t}root;#t(){try{if(typeof localStorage?.getItem=="function")return!0}catch{return!1}return!1}#e(){return this.root.savePosition&&this.#t()}savePosition(){if(this.#e()){let t={sizes:[...this.root.sizes()]};["align","axis","disabled"].forEach(e=>{t[e]=this.root[e]}),localStorage.setItem(this.idTobeUse(this.root.uniqueId),JSON.stringify(t)),this.root.triggerEvent("save-position",this.root,{detail:{elem:this.root,uniqueId:this.root.uniqueId,value:t}})}}restorePosition(){if(!this.#e())return null;let t={},e=localStorage.getItem(this.idTobeUse(this.root.uniqueId));if(typeof e=="string"&&e!==""){t={...JSON.parse(e),canRestore:!1};let s=t?.sizes?.length,o=[...this.root.childNodes].filter(i=>i instanceof c);s&&s===o?.length&&(t.canRestore=!0,["align","axis","disabled"].forEach(i=>{t[i]!==this.root[i]&&(t.canRestore=!1)}))}return t?.canRestore?t:null}clearPosition(t){let e=[];if(this.#t()){let s=t||this.root.uniqueId,o=this.idTobeUse(s);Object.keys(localStorage).some(n=>n===o)&&(localStorage.removeItem(o),e.push(s))}this.root.triggerEvent("clear-position",this.root,{detail:{elem:this.root,clearIds:e}})}clearPositionAll(){let t=[];this.#t()&&Object.keys(localStorage).forEach(s=>{let o="{idstempclearstorage}",i=this.idTobeUse(o);if(new RegExp(`^${i.replace(o,"(.+)")}$`,"g").test(s)){let r=i.split(o),a=new RegExp(`^${r.join("|")}$`,"g"),l=s.replace(a,"");localStorage.removeItem(s),t.push(l)}}),this.root.triggerEvent("clear-position",this.root,{detail:{elem:this.root,clearIds:t}})}idTobeUse(t,e,s){let o={uniqueId:"",prefix:"ids-splitter",suffix:"usersettings-position"},i=[t,e,s].some(r=>r!=null),n=o.prefix;if(i){let r=(a,l)=>l??o[a];n=`${r("prefix",s)}-${r("uniqueId",t)}-${r("suffix",e)}`}return n}};export{d as a};

package/chunks/{ids-chunk-YHVBURZC.js → ids-chunk-3AZ6JINJ.js}

@@ -1,4 +1,4 @@
-import{a as E}from"./ids-chunk-3DA43NO3.js";import{a as b,b as T}from"./ids-chunk-XE4WFW5M.js";import{a as H}from"./ids-chunk-7MATJMV7.js";import{g as v}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-3Q46IU4X.js";import{a as d,b as r,c as g,d as o,e as f,g as p}from"./ids-chunk-Y32WUP63.js";var I=`/* Ids Virtual Scroll Component */
+import{a as E}from"./ids-chunk-3DA43NO3.js";import{a as b,b as T}from"./ids-chunk-XE4WFW5M.js";import{a as H}from"./ids-chunk-WMUHD4GN.js";import{g as v}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-FAEI3K2L.js";import{a as d,b as r,c as g,d as o,e as f,g as p}from"./ids-chunk-Y32WUP63.js";var I=`/* Ids Virtual Scroll Component */
 :host {
   display: flex;
   width: 100%;