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

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

@@ -1,4 +1,4 @@
-import{a as Y}from"./ids-chunk-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2WCAB.js";import{a as F}from"./ids-chunk-H2WV4F72.js";import{a as j}from"./ids-chunk-SKMSP7PE.js";import{b as X}from"./ids-chunk-CTZLJDF7.js";import{a as _}from"./ids-chunk-G3IHRFV3.js";import{a as N}from"./ids-chunk-DK5QOJMP.js";import{a as $}from"./ids-chunk-WIKE6ZX6.js";import{a as V,b as U}from"./ids-chunk-XE4WFW5M.js";import{e as a}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-JQA4UHEE.js";import{a as M,b as c,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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
 
 .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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   -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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
 .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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
 }
 
 .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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
 .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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
 }
 .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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
 }
 .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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   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);
@@ -453,7 +453,7 @@ import{a as Y}from"./ids-chunk-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   display: flex;
 }
 .ids-input.color-variant-borderless slot[name=trigger-end] {
-  padding-inline-end: 6px;
+  padding-inline-end: 3px;
 }
 .ids-input.color-variant-borderless .icon-dirty {
   display: none;
@@ -469,24 +469,24 @@ import{a as Y}from"./ids-chunk-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
 .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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
 .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 {
@@ -612,23 +613,29 @@ import{a as Y}from"./ids-chunk-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   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):not(:focus):not(:focus-within) .error,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .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 {
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error,
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.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):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) .error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error.is-active,
-.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover.is-active {
+.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,
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover.is-active {
   border-color: var(--ids-input-color-border-error-default);
   box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .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] {
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover[disabled] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }
@@ -711,23 +718,29 @@ import{a as Y}from"./ids-chunk-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   border-color: var(--ids-input-color-border-alert-disabled);
   color: var(--ids-input-color-text-alert-disabled);
 }
-.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-]).is-active:hover.readonly.readonly-background .error,
-.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error:hover {
+.ids-input:not([class*=color-variant-]).is-active .field-container.error,
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.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-]).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 .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-]).is-active:hover.readonly.readonly-background .error:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error.is-active,
-.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error:hover.is-active {
+.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,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover.is-active {
   border-color: var(--ids-input-color-border-error-default);
   box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
 }
-.ids-input: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-]).is-active:hover.readonly.readonly-background .error[disabled],
-.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error:hover[disabled] {
+.ids-input:not([class*=color-variant-]).is-active .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover[disabled] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }
@@ -798,19 +811,24 @@ import{a as Y}from"./ids-chunk-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   border-color: var(--ids-input-color-border-alert-disabled);
   color: var(--ids-input-color-text-alert-disabled);
 }
-.ids-input:not([class*=color-variant-]) .error,
-.ids-input:not([class*=color-variant-]) .error:hover {
+.ids-input:not([class*=color-variant-]) .field-container.error,
+.ids-input:not([class*=color-variant-]) .field-container.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-]) .error:focus-within, .ids-input:not([class*=color-variant-]) .error.is-active,
-.ids-input:not([class*=color-variant-]) .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]) .error:hover.is-active {
+.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 {
   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-]) .error[disabled],
-.ids-input:not([class*=color-variant-]) .error:hover[disabled] {
+.ids-input:not([class*=color-variant-]) .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]) .field-container.error:hover[disabled] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }
@@ -853,6 +871,10 @@ import{a as Y}from"./ids-chunk-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   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-ZI3JBHNZ.js";import{a as O}from"./ids-chunk-7MW2W
   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($)))))),S,K,g,I,x,z,y,R,k,H,d,h,u,b,L,G,C,J,p,f,T,Q,A,q,w=class extends ti{constructor(){super();l(this,S);l(this,g);l(this,x);l(this,y);l(this,k);l(this,d);l(this,u);l(this,L);l(this,C);l(this,p);l(this,T);l(this,A);c(this,"colorInput");c(this,"colorPreview");c(this,"triggerBtn");c(this,"textInput");c(this,"isFormComponent",!0);c(this,"useDefaultSwatches",!0);c(this,"initialized",!1)}connectedCallback(){super.connectedCallback(),this.swatches.length||(this.useDefaultSwatches=!0,this.append(...this.defaultSwatches)),this.clearable&&this.appendClearableButton(),this.textInput=this.container?.querySelector("ids-trigger-field"),this.colorInput=this.container?.querySelector(".advanced-color-picker"),this.colorPreview=this.container?.querySelector(".color-preview"),this.triggerBtn=this.container?.querySelector("ids-trigger-button"),r(this,p,f).call(this,this.value),r(this,d,h).call(this),r(this,S,K).call(this),this.initialized=!0,this.popup&&(this.popup.onOutsideClick=this.onOutsideClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),r(this,x,z).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":"";return`<div class="ids-color-picker">
-      ${this.advanced?this.colorPickerAdvancedHtml:""}
-      <ids-trigger-field label="${this.label}" ${o} ${e} ${n}>
+}`;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} ${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 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 O,[E,D,B,v]=n.match(i)||[];return s.label=D,s.tooltip=`${B} ${v}`,s.hex=getComputedStyle(this.parentElement).getPropertyValue(String(E))||`var(${E})`,s.classList.add(Number(v)<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,A,q).call(this,i),r(this,T,Q).call(this,r(this,u,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),this.colorInput=this.container?.querySelector(".advanced-color-picker"),r(this,y,R).call(this),r(this,A,q).call(this,this.value),this.textInput&&(this.textInput.mask=o)):(this.removeAttribute(t.ADVANCED),r(this,k,H).call(this),this.container?.querySelector(".advanced-color-picker")?.remove(),this.colorInput=null,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,h).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,h).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,h).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,h).call(this)}onOutsideClick(){this.close()}appendClearableButton(){!this.swatches.find(o=>!o.getAttribute(t.HEX))&&this.initialized&&(this.append(new O),r(this,d,h).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&&(this.textInput.label=i??"")}onLabelStateChange(i){i?this.textInput?.setAttribute(t.LABEL_STATE,i):this.textInput?.removeAttribute(t.LABEL_STATE)}};S=new WeakSet,K=function(){r(this,x,z).call(this),this.onEvent("change",this.textInput,i=>{i.stopPropagation(),r(this,p,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,I).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,C,J).call(this);return}o.name?.toLowerCase()==="ids-color"&&!o.classList.contains("color-preview")&&(r(this,p,f).call(this,o?.hex),this.close())}}),this.advanced&&r(this,y,R).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,p,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],E=n[n.length-1],D=document.activeElement?.closest("ids-color")||s,B=i.target.name.toLowerCase()==="ids-color"?i.target:D,v=n.indexOf(B),W=n[v-1]||E,ii=n[v+1]||s;if(i.key==="ArrowRight")ii.swatch?.focus();else if(i.key==="ArrowLeft")W.swatch?.focus();else if(i.key==="ArrowUp"){let m=v-e;if(m>=0){let[P]=n.splice(m,1);P?.swatch?.focus()}}else if(i.key==="ArrowDown"){let m=v+e;if(m<n.length){let[P]=n.splice(m,1);P?.swatch?.focus()}}}})},g=new WeakSet,I=function(i){this.colorPreview?.setAttribute(t.HEX,r(this,u,b).call(this,i)?.hex||i||"")},x=new WeakSet,z=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.onEvent("keydown.color-picker-popup",this.popup),r(this,k,H).call(this)},y=new WeakSet,R=function(){this.offEvent("change.color-picker-input",this.colorInput),this.onEvent("change.color-picker-input",this.colorInput,i=>{r(this,p,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,I).call(this,i.target.value)})},k=new WeakSet,H=function(){this.offEvent("change.color-picker-input",this.colorInput),this.offEvent("input.color-picker-input",this.colorInput)},d=new WeakSet,h=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,u,b).call(this,this.value)||this.swatches[0])?.swatch?.focus()},u=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())})},L=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},C=new WeakSet,J=function(){if(this.advanced){this.colorInput?.click();return}this.popup?.visible?this.close():this.open()},p=new WeakSet,f=function(i){if(i){let o=r(this,u,b).call(this,i);this.value=o?.hex||i}else this.value=""},T=new WeakSet,Q=function(i){let o=this.querySelector("[checked]");o&&o.removeAttribute(t.CHECKED),i&&i.setAttribute(t.CHECKED,"")},A=new WeakSet,q=function(i){if(!this.colorPreview)return;let o=i??r(this,L,G).call(this),e=r(this,u,b).call(this,o),n=e?.hex||o;if(r(this,g,I).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.value=s}else this.textInput&&(this.textInput.value="")},w=M([V("ids-color-picker"),U(Z)],w);export{w 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-AMFW7Z4S.js → ids-chunk-2URPHWTT.js}

@@ -1 +1 @@
-import{b as u,c as l}from"./ids-chunk-U34YTPJC.js";import{a as c}from"./ids-chunk-WIKE6ZX6.js";import{a as o}from"./ids-chunk-XE4WFW5M.js";import{e as n}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-JQA4UHEE.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-FWT27MPW.js → ids-chunk-32UKAYK7.js}

@@ -1 +1 @@
-import{a as c}from"./ids-chunk-6B3NKPGY.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-GOUY6YB7.js → ids-chunk-3AZ6JINJ.js}

@@ -1,4 +1,4 @@
-import{a as E}from"./ids-chunk-DK5QOJMP.js";import{a as H}from"./ids-chunk-WIKE6ZX6.js";import{a as b,b as T}from"./ids-chunk-XE4WFW5M.js";import{g as v}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-JQA4UHEE.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%;

package/chunks/{ids-chunk-DK5QOJMP.js → ids-chunk-3DA43NO3.js}

@@ -1 +1 @@
-import{c as d,d as c}from"./ids-chunk-CK6SA7FU.js";import{a}from"./ids-chunk-27RPCUPT.js";import{e as E,i as m}from"./ids-chunk-5Q3WPKMB.js";var p=u=>class extends u{handledEvents=new Map;longPressOn=!1;swipeOn=!1;keyboardFocusOn=!1;keyDownEndOn=!1;hoverEndOn=!1;isClick=!1;timer;slopedMouseLeaveTimer;startX=NaN;startY=NaN;trackedX=NaN;trackedY=NaN;vetoableEventTypes=[];constructor(...e){super(...e),this.detachAllEvents=this.detachAllEvents.bind(this),this.detachEventsByName=this.detachEventsByName.bind(this),this.offEvent=this.offEvent.bind(this),this.onEvent=this.onEvent.bind(this)}static get attributes(){return[...u.attributes]}disconnectedCallback(){super.disconnectedCallback?.(),this.detachAllEvents()}onEvent(e,t,n,s){!t||!n||(e.indexOf("longpress")===0&&this.#a(e,t,s),e.indexOf("keyboardfocus")===0&&this.#d(e,t),e.indexOf("hoverend")===0&&this.#v(e,t,s),e.indexOf("sloped-mouseleave")===0&&this.#l(e,t,s),e.indexOf("keydownend")===0&&this.#c(t,s),e.indexOf("swipe")===0&&this.#h(e,t,s),t.addEventListener&&(t.addEventListener(a(e),n,s),this.handledEvents.set(e,{target:t,callback:n,options:s})))}offEvent(e,t,n){let s=this.handledEvents.get(e);if(this.handledEvents.delete(e),e.indexOf("longpress")===0&&s?.callback){this.#t();return}if(e.indexOf("keyboardfocus")===0&&s?.callback){this.#n();return}if(e.indexOf("hoverend")===0&&s?.callback){this.#r();return}if(e.indexOf("sloped-mouseleave")===0&&s?.callback){this.#i();return}if(e.indexOf("keydownend")===0&&s?.callback){this.#o();return}if(e.indexOf("swipe")===0&&s?.callback){this.#s();return}let i=t||s?.target;s?.callback&&i?.removeEventListener&&i.removeEventListener(a(e),s.callback,n||s.options)}triggerEvent(e,t,n){let s=new CustomEvent(a(e),n);t.dispatchEvent(s)}triggerVetoableEvent(e,t){if(!this.vetoableEventTypes?.includes(e))return!1;let n=!0,s=i=>{n=E(i)};return this.triggerEvent(e,this,{bubbles:!0,detail:{data:t,elem:this,response:s}}),n}detachAllEvents(){this.handledEvents.forEach((e,t)=>{this.offEvent(t,e.target,e.options)}),this.#t(),this.#n(),this.#r(),this.#i(),this.#o(),this.#s()}detachEventsByName=e=>{let t=typeof e=="string"&&!!e.length,n=this.handledEvents.has(e);if(t&&n){let s=this.handledEvents.get(e);this.offEvent(e,s.target,s.options)}};#a(e,t,n){this.longPressOn||(this.onEvent("touchstart.longpress",t,s=>{s.preventDefault(),this.clearTimer(),this.timer=d(()=>{let i=new CustomEvent("longpress",s);t.dispatchEvent(i),this.clearTimer()},n?.delay?n.delay:500)},{passive:!0}),this.onEvent("touchend.longpress",t,s=>{s.preventDefault(),this.clearTimer()},{passive:!0}),this.longPressOn=!0)}#t(){this.longPressOn&&(this.longPressOn=!1,this.clearTimer(),this.detachEventsByName("touchstart.longpress"),this.detachEventsByName("touchend.longpress"))}#h(e,t,n){if(this.swipeOn)return;let s=0,i=0;if(n&&(n.passive=!0),this.onEvent("touchstart.swipe",t,r=>{s=r.changedTouches[0].screenX},n),this.onEvent("touchend.swipe",t,r=>{i=r.changedTouches[0].screenX;let o="";if(i<s&&(o="left"),i>s&&(o="right"),!o)return;let h=new CustomEvent("swipe",{detail:{direction:o,trigger:"touch"}});t.dispatchEvent(h)},n),n?.scrollContainer){let r=0;this.onEvent("scroll",n.scrollContainer,o=>{let h=o.target,v=100*(h.scrollLeft/(h.scrollWidth-h.clientWidth));if(Math.abs(r-v)<1)return;r=v;let l="";if(v===0&&(l="right"),v>98&&(l="left"),!l)return;let f=new CustomEvent("swipe",{detail:{direction:l,trigger:"scroll"}});t.dispatchEvent(f)},{passive:!0})}this.swipeOn=!0}#s(){this.swipeOn&&(this.swipeOn=!1,this.detachEventsByName("touchstart.swipe"),this.detachEventsByName("touchend.swipe"))}#d(e,t){this.keyboardFocusOn||(this.isClick=!1,this.onEvent("click.keyboardfocus",t,()=>{this.isClick=!0}),this.onEvent("keypress.keyboardfocus",t,()=>{this.isClick=!1}),this.onEvent("focus.keyboardfocus",t,n=>{let s=new CustomEvent("keyboardfocus",n);t.dispatchEvent(s)}),this.keyboardFocusOn=!0)}#n(){this.keyboardFocusOn&&(this.keyboardFocusOn=!1,this.detachEventsByName("click.keyboardfocus"),this.detachEventsByName("keypress.keyboardfocus"))}#v(e,t,n){let s=n?.bubbles?"mouseover":"mouseenter",i=n?.bubbles?"mouseout":"mouseleave";this.onEvent(`${s}.eventsmixin`,t,r=>{this.clearTimer(),this.timer=d(()=>{let o=new MouseEvent(a(e),r);t.dispatchEvent(o),this.clearTimer()},n?.delay)}),this.onEvent(`${i}.eventsmixin`,t,()=>{this.clearTimer()}),this.onEvent("click.eventsmixin",t,()=>{this.clearTimer()}),this.hoverEndOn=!0}#l(e,t,n){let s=(i,r)=>{let o=new CustomEvent(a(e),{detail:{originalEvent:r,mouseLeaveNode:i}});t.dispatchEvent(o),this.#e()};this.onEvent("mouseleave.eventsmixin",t,i=>{this.slopedMouseLeaveTimer||(this.startX=i.pageX,this.startY=i.pageY,this.slopedMouseLeaveTimer=d(()=>{let r=this.trackedX-this.startX>3.5,o=this.trackedY-this.startY>3.5;(r||o)&&s(document.elementFromPoint(this.trackedX,this.trackedY),i)},n?.delay),this.onEvent("mousemove.eventsmixin",document,r=>{this.trackedX=r.pageX,this.trackedY=r.pageY}),this.onEvent("mouseenter.eventsmixin",t,()=>{this.#e()}))})}#e(){this.slopedMouseLeaveTimer&&c(this.slopedMouseLeaveTimer),this.slopedMouseLeaveTimer=void 0,this.detachEventsByName("mousemove.eventsmixin"),this.detachEventsByName("mouseenter.eventsmixin"),this.startX=NaN,this.startY=NaN,this.trackedX=NaN,this.trackedY=NaN}#i(){this.slopedMouseLeaveTimer&&(this.detachEventsByName("mouseleave.eventsmixin"),this.#e())}#c(e,t){let n="",s=t?.delay||500;this.onEvent("keydown.eventsmixin",e,i=>{typeof i.key>"u"&&i.detail?.nativeEvent&&(i=i.detail.nativeEvent),m(i)&&(n+=i.key,this.clearTimer(),this.timer=d(()=>{let r=new CustomEvent("keydownend",{detail:{keys:n}});n="",e.dispatchEvent(r),this.clearTimer()},s))}),this.keyDownEndOn=!0}clearTimer(){this.timer&&c(this.timer),this.timer=void 0}#r(){this.hoverEndOn&&(this.hoverEndOn=!1,this.detachEventsByName("click.eventsmixin"),this.detachEventsByName("mousemove.eventsmixin"),this.detachEventsByName("mouseleave.eventsmixin"),this.detachEventsByName("mouseenter.eventsmixin"),this.detachEventsByName("mouseover.eventsmixin"),this.detachEventsByName("mouseout.eventsmixin"),this.clearTimer())}#o(){this.keyDownEndOn&&(this.keyDownEndOn=!1,this.clearTimer(),this.detachEventsByName("keydown.eventsmixin"))}},g=p;export{g as a};
+import{c as d,d as l}from"./ids-chunk-CK6SA7FU.js";import{a}from"./ids-chunk-27RPCUPT.js";import{e as E,i as m}from"./ids-chunk-5Q3WPKMB.js";var p=u=>class extends u{handledEvents=new Map;longPressOn=!1;swipeOn=!1;keyboardFocusOn=!1;keyDownEndOn=!1;hoverEndOn=!1;isClick=!1;timer;slopedMouseLeaveTimer;startX=NaN;startY=NaN;trackedX=NaN;trackedY=NaN;vetoableEventTypes=[];constructor(...e){super(...e),this.detachAllEvents=this.detachAllEvents.bind(this),this.detachEventsByName=this.detachEventsByName.bind(this),this.offEvent=this.offEvent.bind(this),this.onEvent=this.onEvent.bind(this)}static get attributes(){return[...u.attributes]}disconnectedCallback(){super.disconnectedCallback?.(),this.detachAllEvents()}onEvent(e,t,n,s){!t||!n||(e.indexOf("longpress")===0&&this.#a(e,t,s),e.indexOf("keyboardfocus")===0&&this.#d(e,t),e.indexOf("hoverend")===0&&this.#v(e,t,s),e.indexOf("sloped-mouseleave")===0&&this.#c(e,t,s),e.indexOf("keydownend")===0&&this.#l(t,s),e.indexOf("swipe")===0&&this.#h(e,t,s),t.addEventListener&&(t.addEventListener(a(e),n,s),this.handledEvents.set(e,{target:t,callback:n,options:s})))}offEvent(e,t,n){let s=this.handledEvents.get(e);if(this.handledEvents.delete(e),e.indexOf("longpress")===0&&s?.callback){this.#t();return}if(e.indexOf("keyboardfocus")===0&&s?.callback){this.#n();return}if(e.indexOf("hoverend")===0&&s?.callback){this.#r();return}if(e.indexOf("sloped-mouseleave")===0&&s?.callback){this.#i();return}if(e.indexOf("keydownend")===0&&s?.callback){this.#o();return}if(e.indexOf("swipe")===0&&s?.callback){this.#s();return}let i=t||s?.target;s?.callback&&i?.removeEventListener&&i.removeEventListener(a(e),s.callback,n||s.options)}triggerEvent(e,t,n){let s=new CustomEvent(a(e),n);t.dispatchEvent(s)}triggerVetoableEvent(e,t){if(!this.vetoableEventTypes?.includes(e))return!1;let n=!0,s=i=>{n=E(i)};return this.triggerEvent(e,this,{bubbles:!0,detail:{data:t,elem:this,response:s}}),n}detachAllEvents(){this.handledEvents.forEach((e,t)=>{this.offEvent(t,e.target,e.options)}),this.#t(),this.#n(),this.#r(),this.#i(),this.#o(),this.#s()}detachEventsByName=e=>{let t=typeof e=="string"&&!!e.length,n=this.handledEvents.has(e);if(t&&n){let s=this.handledEvents.get(e);this.offEvent(e,s.target,s.options)}};#a(e,t,n){this.longPressOn||(this.onEvent("touchstart.longpress",t,s=>{s.preventDefault(),this.clearTimer(),this.timer=d(()=>{let i=new CustomEvent("longpress",s);t.dispatchEvent(i),this.clearTimer()},n?.delay?n.delay:500)},{passive:!0}),this.onEvent("touchend.longpress",t,s=>{s.preventDefault(),this.clearTimer()},{passive:!0}),this.longPressOn=!0)}#t(){this.longPressOn&&(this.longPressOn=!1,this.clearTimer(),this.detachEventsByName("touchstart.longpress"),this.detachEventsByName("touchend.longpress"))}#h(e,t,n){if(this.swipeOn)return;let s=0,i=0;if(n&&(n.passive=!0),this.onEvent("touchstart.swipe",t,r=>{s=r.changedTouches[0].screenX},n),this.onEvent("touchend.swipe",t,r=>{i=r.changedTouches[0].screenX;let o="";if(i<s&&(o="left"),i>s&&(o="right"),!o)return;let h=new CustomEvent("swipe",{detail:{direction:o,trigger:"touch"}});t.dispatchEvent(h)},n),n?.scrollContainer){let r=0;this.onEvent("scroll",n.scrollContainer,o=>{let h=o.target,v=100*(h.scrollLeft/(h.scrollWidth-h.clientWidth));if(Math.abs(r-v)<1)return;r=v;let c="";if(v===0&&(c="right"),v>98&&(c="left"),!c)return;let f=new CustomEvent("swipe",{detail:{direction:c,trigger:"scroll"}});t.dispatchEvent(f)},{passive:!0})}this.swipeOn=!0}#s(){this.swipeOn&&(this.swipeOn=!1,this.detachEventsByName("touchstart.swipe"),this.detachEventsByName("touchend.swipe"))}#d(e,t){this.keyboardFocusOn||(this.isClick=!1,this.onEvent("click.keyboardfocus",t,()=>{this.isClick=!0}),this.onEvent("keypress.keyboardfocus",t,()=>{this.isClick=!1}),this.onEvent("focus.keyboardfocus",t,n=>{let s=new CustomEvent("keyboardfocus",n);t.dispatchEvent(s)}),this.keyboardFocusOn=!0)}#n(){this.keyboardFocusOn&&(this.keyboardFocusOn=!1,this.detachEventsByName("click.keyboardfocus"),this.detachEventsByName("keypress.keyboardfocus"))}#v(e,t,n){let s=n?.bubbles?"mouseover":"mouseenter",i=n?.bubbles?"mouseout":"mouseleave";this.onEvent(`${s}.eventsmixin`,t,r=>{this.clearTimer(),this.timer=d(()=>{let o=new MouseEvent(a(e),r);t.dispatchEvent(o),this.clearTimer()},n?.delay)}),this.onEvent(`${i}.eventsmixin`,t,()=>{this.clearTimer()}),this.onEvent("click.eventsmixin",t,()=>{this.clearTimer()}),this.hoverEndOn=!0}#c(e,t,n){let s=(i,r)=>{let o=new CustomEvent(a(e),{detail:{originalEvent:r,mouseLeaveNode:i}});t.dispatchEvent(o),this.#e()};this.onEvent("mouseleave.eventsmixin",t,i=>{this.slopedMouseLeaveTimer||(this.startX=i.pageX,this.startY=i.pageY,this.slopedMouseLeaveTimer=d(()=>{let r=this.trackedX-this.startX>3.5||this.trackedX-this.startX<3.5,o=this.trackedY-this.startY>3.5||this.trackedY-this.startY<3.5;(r||o)&&s(document.elementFromPoint(this.trackedX,this.trackedY),i)},n?.delay),this.onEvent("mousemove.eventsmixin",document,r=>{this.trackedX=r.pageX,this.trackedY=r.pageY}),this.onEvent("mouseenter.eventsmixin",t,()=>{this.#e()}))})}#e(){this.slopedMouseLeaveTimer&&l(this.slopedMouseLeaveTimer),this.slopedMouseLeaveTimer=void 0,this.detachEventsByName("mousemove.eventsmixin"),this.detachEventsByName("mouseenter.eventsmixin"),this.startX=NaN,this.startY=NaN,this.trackedX=NaN,this.trackedY=NaN}#i(){this.slopedMouseLeaveTimer&&(this.detachEventsByName("mouseleave.eventsmixin"),this.#e())}#l(e,t){let n="",s=t?.delay||500;this.onEvent("keydown.eventsmixin",e,i=>{typeof i.key>"u"&&i.detail?.nativeEvent&&(i=i.detail.nativeEvent),m(i)&&(n+=i.key,this.clearTimer(),this.timer=d(()=>{let r=new CustomEvent("keydownend",{detail:{keys:n}});n="",e.dispatchEvent(r),this.clearTimer()},s))}),this.keyDownEndOn=!0}clearTimer(){this.timer&&l(this.timer),this.timer=void 0}#r(){this.hoverEndOn&&(this.hoverEndOn=!1,this.detachEventsByName("click.eventsmixin"),this.detachEventsByName("mousemove.eventsmixin"),this.detachEventsByName("mouseleave.eventsmixin"),this.detachEventsByName("mouseenter.eventsmixin"),this.detachEventsByName("mouseover.eventsmixin"),this.detachEventsByName("mouseout.eventsmixin"),this.clearTimer())}#o(){this.keyDownEndOn&&(this.keyDownEndOn=!1,this.clearTimer(),this.detachEventsByName("keydown.eventsmixin"))}},g=p;export{g as a};