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

package/chunks/{ids-chunk-P2CQR5KW.js → ids-chunk-XWYI6W5C.js}

@@ -1,13 +1,15 @@
 function n(t,e){return t.replace(/{(\w+)}/g,(s,i)=>e[i])}var r=`
   <div class="ids-editor" part="editor"{disabled}{readonly}>
-    <slot class="{hiddenClass}"></slot>
+    <slot id="hidden-slot" class="{hiddenClass}"></slot>
     <ids-text id="editor-label" label class="{labelClass}{hiddenLabelCss}{requiredLabelCss}" part="editor-label"{disabled}{readonly}>{labelText}</ids-text>
     <div class="main-container" part="main-container">
       <div class="toolbar-container" part="toolbar-container">
         <slot name="toolbar"></slot>
       </div>
       <div class="editor-content">
-        <div id="editor-container" class="editor-container" part="editor-container"{contenteditable} aria-multiline="true" role="textbox" aria-labelledby="editor-label"{placeholder}></div>
+        <div id="editor-container" class="editor-container" part="editor-container" aria-multiline="true" role="textbox" aria-labelledby="editor-label"{placeholder}>
+          <slot name="editor-slot" id="editor-slot"></slot>
+        </div>
         <div class="source-container {hiddenClass}" part="source-container">
           <div class="source-wrapper">
             <ul class="line-numbers"></ul>
@@ -22,11 +24,11 @@ function n(t,e){return t.replace(/{(\w+)}/g,(s,i)=>e[i])}var r=`
   </div>`,o=`
   <ids-button editor-action="editormode" tooltip="View Visual" color-variant="alternate-formatter">
     <span class="audible">View Visual</span>
-    <ids-icon icon="visual" width="50" viewbox="0 0 73 18"></ids-icon>
+    <ids-icon icon="visual" width="50" viewbox="0 0 43 18"></ids-icon>
   </ids-button>`,a=`
   <ids-button editor-action="sourcemode" tooltip="View Source" color-variant="alternate-formatter">
     <span class="audible">View Source</span>
-    <ids-icon icon="html" width="38" viewbox="0 0 54 18"></ids-icon>
+    <ids-icon icon="html" width="50" viewbox="0 0 35 18"></ids-icon>
   </ids-button>`,l=`
   <ids-toolbar slot="toolbar" type="formatter">
     <ids-toolbar-section type="buttonset">

package/chunks/{ids-chunk-L6TTQ5GV.js → ids-chunk-Y4EYKQDB.js}

@@ -1,4 +1,4 @@
-import{a as X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4F72.js";import{a as W}from"./ids-chunk-SKMSP7PE.js";import{a as K}from"./ids-chunk-NNREHC6N.js";import{a as F}from"./ids-chunk-63D72FLW.js";import{a as l,b as v,c as m,d as j}from"./ids-chunk-SBYA6MC4.js";import{b as Y}from"./ids-chunk-CTZLJDF7.js";import{a as $}from"./ids-chunk-PLYQNORX.js";import{a as G}from"./ids-chunk-X35TB57D.js";import{a as q}from"./ids-chunk-QIACK2TO.js";import{a as _}from"./ids-chunk-7OBD3OM6.js";import{a as B}from"./ids-chunk-G3IHRFV3.js";import{a as z}from"./ids-chunk-T6ZV4PDM.js";import{a as V}from"./ids-chunk-DK5QOJMP.js";import{a as H}from"./ids-chunk-57OQ6QPI.js";import{a as M}from"./ids-chunk-WIKE6ZX6.js";import{a as D,b as O}from"./ids-chunk-XE4WFW5M.js";import{d as N}from"./ids-chunk-U4XVR5SW.js";import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-JQA4UHEE.js";import{a as P,b as g,c as C,d as s,g as a}from"./ids-chunk-Y32WUP63.js";var Z=`@charset "UTF-8";
+import{a as Z}from"./ids-chunk-6CWZ6PHN.js";import{a as X}from"./ids-chunk-LJQTODTY.js";import{a as K}from"./ids-chunk-5VLVRLE4.js";import{a as j}from"./ids-chunk-ILHYYXOF.js";import{a as J}from"./ids-chunk-JN2EOADZ.js";import{a as l,b as c,c as y,d as Q}from"./ids-chunk-SBYA6MC4.js";import{b as F}from"./ids-chunk-MQ6BZDJX.js";import{a as W}from"./ids-chunk-QB2R7NFX.js";import{a as Y}from"./ids-chunk-DWQDPDVF.js";import{a as U}from"./ids-chunk-TS5BNU4J.js";import{a as G}from"./ids-chunk-RK2P2XSH.js";import{a as M}from"./ids-chunk-J3AAQ3QT.js";import{a as _}from"./ids-chunk-T6ZV4PDM.js";import{a as H}from"./ids-chunk-3DA43NO3.js";import{a as $}from"./ids-chunk-K44HS5DC.js";import{a as N,b as B}from"./ids-chunk-XE4WFW5M.js";import{a as q}from"./ids-chunk-WMUHD4GN.js";import{d as V,m as z}from"./ids-chunk-U4XVR5SW.js";import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-FAEI3K2L.js";import{a as D,b as m,c as O,d as s,g as n}from"./ids-chunk-Y32WUP63.js";var ii=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -46,7 +46,7 @@ import{a as X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
 
 .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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   -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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
 .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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
 }
 
 .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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
 .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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
 }
 .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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
 }
 .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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
 .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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
 .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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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) .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.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,
+.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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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-]) .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-]) .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: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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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 X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   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;
@@ -1028,17 +1050,16 @@ import{a as X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
   padding: 0;
   position: absolute;
   width: 1px;
-}`;var oi=_($(q(F(Y(U(W(H(X(G(B(z(K(V(M)))))))))))))),c,y,x,J,A,Q,u,w,b,T,k,f,R,h=class extends oi{constructor(){super();s(this,c);s(this,x);s(this,A);s(this,u);s(this,b);s(this,f);g(this,"triggeredByChange",!1);g(this,"isFormComponent",!0);g(this,"colorVariants",["alternate","alternate-formatter","borderless","in-cell","list-builder","module-nav"]);s(this,k,void 0)}static get attributes(){return[...super.attributes,i.ACTIVE,i.AUTOSELECT,i.BG_TRANSPARENT,i.CAPS_LOCK,i.CURSOR,i.DISABLED,i.FORMAT,i.ID,i.LABEL_WRAP,i.MAXLENGTH,i.NO_MARGINS,i.PADDING,i.PASSWORD_VISIBLE,i.PLACEHOLDER,i.READONLY_BACKGROUND,i.READONLY,i.REVEALABLE_PASSWORD,i.SIZE,i.TABBABLE,i.TEXT_ALIGN,i.TEXT_ELLIPSIS,i.TYPE,i.UPPERCASE,i.VALUE]}connectedCallback(){super.connectedCallback(),a(this,A,Q).call(this),this.hasAttribute(i.AUTOSELECT)&&this.handleAutoselect(),this.isPasswordVisible&&a(this,u,w).call(this,!0),this.capsLock&&a(this,c,y).call(this,!0),a(this,f,R).call(this),this.getAttribute("maxlength")&&(this.maxlength=this.getAttribute("maxlength")),N(this,"ids-header, .ids-header")&&(this.colorVariant="alternate")}template(){let{ariaLabel:t,capsLock:o,containerClass:r,inputClass:n,inputState:E,labelHtml:L,placeholder:d,showHide:p,type:S,value:I}=this.templateVariables();return`<div class="${r}" part="container">
-      ${L}
+}`;var ni=G(W(U(J(F(K(X($(Z(Y(M(_(j(H(q)))))))))))))),u,w,A,ti,k,oi,b,R,p,x,f,P,E,g,C,h=class extends ni{constructor(){super();s(this,u);s(this,A);s(this,k);s(this,b);s(this,p);s(this,f);s(this,g);m(this,"triggeredByChange",!1);m(this,"isFormComponent",!0);m(this,"colorVariants",["alternate","alternate-formatter","borderless","in-cell","list-builder","module-nav"]);s(this,E,void 0)}static get attributes(){return[...super.attributes,i.ACTIVE,i.AUTOSELECT,i.BG_TRANSPARENT,i.CAPS_LOCK,i.CURSOR,i.DISABLED,i.FORMAT,i.ID,i.LABEL_WRAP,i.MAXLENGTH,i.NO_MARGINS,i.PADDING,i.PASSWORD_VISIBLE,i.PLACEHOLDER,i.READONLY_BACKGROUND,i.READONLY,i.REVEALABLE_PASSWORD,i.SIZE,i.TABBABLE,i.TEXT_ALIGN,i.TEXT_ELLIPSIS,i.TYPE,i.UPPERCASE,i.VALUE]}connectedCallback(){super.connectedCallback(),n(this,k,oi).call(this),this.hasAttribute(i.AUTOSELECT)&&this.handleAutoselect(),this.isPasswordVisible&&n(this,p,x).call(this,!0),this.capsLock&&n(this,u,w).call(this,!0),n(this,g,C).call(this),this.getAttribute("maxlength")&&(this.maxlength=this.getAttribute("maxlength")),V(this,"ids-header, .ids-header")&&(this.colorVariant="alternate")}template(){let{ariaLabel:t,capsLock:o,containerClass:r,inputClass:a,inputState:L,labelHtml:S,placeholder:d,showHide:v,type:I,value:T}=this.templateVariables();return`<div class="${r}" part="container">
+      ${S}
       <div class="field-container" part="field-container">
         <input
           part="input"
-          id="input-id"
-          ${S}${n}${d}${E}
+          ${I}${a}${d}${L}
           ${t}
-          ${I}
+          ${T}
           ></input>
-        ${p}
+        ${v}
         ${o}
         <slot name="loading-indicator"></slot>
       </div>
@@ -1051,17 +1072,16 @@ import{a as X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4
         >
           <ids-list-box slot="content" size="${this.size}"></ids-list-box>
         </ids-popup>`:""}
-    </div>`}templateVariables(){let t={readonly:this.readonly?"readonly":"",disabled:this.disabled?"disabled":"",required:this.validate?"required":"",noMargins:this.noMargins?"no-margins":""},o=this.placeholder?` placeholder="${this.placeholder}"`:"",r=` type="${this.isPasswordVisible&&this.passwordVisible?"text":this.type||l.default}"`,n=`ids-input-field ${this.textAlign}`,E=this.templateShowHide(),L=this.templateCapsLock();n+=e(this.bgTransparent)?" bg-transparent":"",n+=e(this.readonlyBackground)?"":" readonly-background",n+=e(this.textEllipsis)?" text-ellipsis":"",n=` class="${n}"`;let d=e(this.readonly)?" readonly":"";d=e(this.disabled)?" disabled":d;let p=`ids-input${d} ${this.size}`;p+=e(this.compact)?" compact":"",p+=e(this.noMargins)?" no-margins":"";let S=this.hasAttribute(i.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",I=!this.label.length||this.labelState==="hidden"?" empty":"",ii=`<label
-      class="ids-label-text${this.labelRequired?"":" no-required-indicator"}${I}"
-      for="input-id"
+    </div>`}templateVariables(){let t={readonly:this.readonly?"readonly":"",disabled:this.disabled?"disabled":"",required:this.validate?"required":"",noMargins:this.noMargins?"no-margins":""},o=this.placeholder?` placeholder="${this.placeholder}"`:"",r=` type="${this.isPasswordVisible&&this.passwordVisible?"text":this.type||l.default}"`,a=`ids-input-field ${this.textAlign}`,L=this.templateShowHide(),S=this.templateCapsLock();a+=e(this.bgTransparent)?" bg-transparent":"",a+=e(this.readonlyBackground)?"":" readonly-background",a+=e(this.textEllipsis)?" text-ellipsis":"",a=` class="${a}"`;let d=e(this.readonly)?" readonly":"";d=e(this.disabled)?" disabled":d;let v=`ids-input${d} ${this.size}`;v+=e(this.compact)?" compact":"",v+=e(this.noMargins)?" no-margins":"";let I=this.hasAttribute(i.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",T=!this.label.length||this.labelState==="hidden"?" empty":"",ri=`<label
+      class="ids-label-text${this.labelRequired?"":" no-required-indicator"}${T}"
       part="label"
       ${t.readonly}
       ${t.disabled}
       ${t.required}
     >
       <slot name="label-pre"></slot>
-      <ids-text part="label" label ${t.disabled} color-unset>
+      <ids-text part="label" color-unset>
         ${this.label}
       </ids-text>
       <slot name="label-post"></slot>
-    </label>`,ti=this.hasAttribute(i.VALUE)?` value="${this.getAttribute(i.VALUE)}" `:"";return{ariaLabel:S,capsLock:L,containerClass:p,inputClass:n,inputState:d,labelHtml:ii,placeholder:o,showHide:E,type:r,value:ti}}get isPasswordVisible(){return this.revealablePassword&&this.type===l.password}templateShowHide(){return this.isPasswordVisible?`<ids-button id="show-hide-password" class="show-hide-password" no-padding text="${this.passwordVisible?"HIDE":"SHOW"}"></ids-button>`:""}templateCapsLock(){return this.capsLock?'<ids-icon id="caps-lock-indicator" class="caps-lock-indicator" icon="capslock"></ids-icon>':""}onColorVariantRefresh(t){super.colorVariant=t,this.clearable&&this.refreshClearableButtonStyles()}get input(){return this.container?.querySelector('input[part="input"]')??null}get formInput(){return this.input}get capsLockIcon(){return this.container?.querySelector("#caps-lock-indicator")}get fieldContainer(){return this.container?.querySelector(".field-container")}get labelEl(){return C(this,k)||this.shadowRoot?.querySelector("label")}get revealablePassword(){return e(this.getAttribute(i.REVEALABLE_PASSWORD))}set revealablePassword(t){let o=e(t);this.type===l.password?o?(this.setAttribute(i.REVEALABLE_PASSWORD,"true"),a(this,u,w).call(this,!0)):(this.setAttribute(i.REVEALABLE_PASSWORD,"false"),a(this,u,w).call(this,!1)):this.removeAttribute(i.REVEALABLE_PASSWORD)}get capsLock(){return e(this.getAttribute(i.CAPS_LOCK))}set capsLock(t){e(t)?(this.setAttribute(i.CAPS_LOCK,"true"),a(this,c,y).call(this,!0)):(this.removeAttribute(i.CAPS_LOCK),a(this,c,y).call(this,!1))}get passwordVisible(){return e(this.getAttribute(i.PASSWORD_VISIBLE))}set passwordVisible(t){let o=e(t);o!==this.passwordVisible&&(o?this.setAttribute(i.PASSWORD_VISIBLE,"true"):this.setAttribute(i.PASSWORD_VISIBLE,"false")),a(this,b,T).call(this)}setInputState(t){if(t===i.READONLY||t===i.DISABLED){if(!this.shadowRoot)return;let o=[].slice.call(this.shadowRoot.querySelectorAll(".validation-message")),r={prop1:t,prop2:t!==i.READONLY?i.READONLY:i.DISABLED,val:e(this[t])};r.val?(this.input?.removeAttribute(r.prop2),this.container?.classList?.remove?.(r.prop2),this.container?.querySelector?.("ids-text")?.removeAttribute(r.prop2),o.forEach(n=>n.classList.remove(r.prop2)),this.input?.setAttribute(r.prop1,"true"),this.container?.classList.add(r.prop1),this.container?.querySelector?.("ids-text")?.setAttribute?.(r.prop1,"true"),o.forEach(n=>n.classList.add(r.prop1))):(this.input?.removeAttribute(r.prop1),this.container?.classList.remove(r.prop1),this.container?.querySelector("ids-text")?.removeAttribute(r.prop1),o.forEach(n=>n.classList.remove(r.prop1)))}}setLabelText(t){return super.setLabelText(t,"label")}handleAutoselect(){this.autoselect?this.handleInputFocusEvent():this.handleInputFocusEvent("remove")}handleInputFocusEvent(t){let o="focus";if(t==="remove"){let r=this?.handledEvents?.get(o);r&&r.target===this.input&&this.offEvent(o,this.input)}else this.onEvent(o,this.input,()=>{requestAnimationFrame(()=>{this.input?.select()})})}set active(t){let o=e(t),r="is-active";o?(this.setAttribute(i.ACTIVE,o.toString()),this.container?.classList.add(r)):(this.removeAttribute(i.ACTIVE),this.container?.classList.remove(r))}get active(){return e(this.hasAttribute(i.ACTIVE))}set autoselect(t){let o=e(t);o?this.setAttribute(i.AUTOSELECT,o.toString()):this.removeAttribute(i.AUTOSELECT),this.handleAutoselect()}get autoselect(){return e(this.getAttribute(i.AUTOSELECT))}set bgTransparent(t){let o=e(t),r="bg-transparent";o?(this.setAttribute(i.BG_TRANSPARENT,o.toString()),this.container?.classList.add(r),this.input?.classList.add(r)):(this.removeAttribute(i.BG_TRANSPARENT),this.container?.classList.remove(r),this.input?.classList.remove(r))}get bgTransparent(){return e(this.getAttribute(i.BG_TRANSPARENT))}set textEllipsis(t){let o=e(t),r="text-ellipsis";o?(this.setAttribute(i.TEXT_ELLIPSIS,o.toString()),this.input?.classList.add(r)):(this.removeAttribute(i.TEXT_ELLIPSIS),this.input?.classList.remove(r))}get textEllipsis(){return e(this.getAttribute(i.TEXT_ELLIPSIS))}set disabled(t){e(t)?this.setAttribute(i.DISABLED,"true"):this.removeAttribute(i.DISABLED),this.setInputState(i.DISABLED)}get disabled(){return e(this.getAttribute(i.DISABLED))}set placeholder(t){if(t){this.setAttribute(i.PLACEHOLDER,t),this.input?.setAttribute(i.PLACEHOLDER,t);return}this.removeAttribute(i.PLACEHOLDER),this.input?.removeAttribute(i.PLACEHOLDER)}get placeholder(){return this.getAttribute(i.PLACEHOLDER)}set readonly(t){let o=e(t);o?this.setAttribute(i.READONLY,o.toString()):this.removeAttribute(i.READONLY),this.setInputState(i.READONLY)}get readonly(){return e(this.getAttribute(i.READONLY))}set readonlyBackground(t){let o=e(t);o?this.setAttribute(i.READONLY_BACKGROUND,o.toString()):this.removeAttribute(i.READONLY_BACKGROUND),a(this,f,R).call(this)}get readonlyBackground(){return e(this.getAttribute(i.READONLY_BACKGROUND))}set labelWrap(t){!t||j.indexOf(t)<0?(this.removeAttribute(i.LABEL_WRAP),this.container?.querySelector("ids-text")?.removeAttribute("overflow"),this.container?.querySelector("ids-text")?.removeAttribute("tooltip")):(this.setAttribute(i.LABEL_WRAP,t),(t==="ellipsis"||t==="ellipsis-no-stretch")&&(this.container?.querySelector("ids-text")?.setAttribute("overflow","ellipsis"),this.container?.querySelector("ids-text")?.setAttribute("tooltip","true")))}get labelWrap(){return this.getAttribute(i.LABEL_WRAP)||"wrap"}set size(t){let o=v[t]||v.default;this.setAttribute(i.SIZE,o),this.container?.classList.remove(...Object.values(v)),this.container?.classList.add(o)}get size(){return this.getAttribute(i.SIZE)||v.default}set textAlign(t){let o=m[t]||m.default;this.setAttribute(i.TEXT_ALIGN,o),this.input?.classList.remove("start","center","end"),this.input?.classList.add(o)}get textAlign(){return this.getAttribute(i.TEXT_ALIGN)||m.default}set type(t){let o=l[t];if(o){this.setAttribute(i.TYPE,t),this.input?.setAttribute(i.TYPE,o);return}this.setAttribute(i.TYPE,l.default),this.input?.setAttribute(i.TYPE,l.default)}get type(){return this.getAttribute(i.TYPE)??l.default}set value(t){let o=["string","number"].includes(typeof t)?String(t):String(t||""),r=this.value;this.mask&&(o=this.processMaskFromProperty(t||"")||o,this.input&&(this.input.value=o)),r!==o&&this.setAttribute(i.VALUE,o)}get value(){return this.input?.value??""}set cursor(t){this.setAttribute(i.CURSOR,t),this.input?.style.setProperty("cursor",t)}get cursor(){return this.getAttribute(i.CURSOR)??""}set maxlength(t){if(t){this.setAttribute(i.MAXLENGTH,t.toString()),this.input?.setAttribute(i.MAXLENGTH,t.toString());return}this.removeAttribute(i.MAXLENGTH),this.input?.removeAttribute(i.MAXLENGTH)}get maxlength(){return Number(this.getAttribute(i.MAXLENGTH))}set uppercase(t){if(e(t)){this.setAttribute(i.UPPERCASE,""),this.input?.classList.add("is-uppercase");return}this.removeAttribute(i.UPPERCASE),this.input?.classList.remove("is-uppercase")}get uppercase(){return e(this.getAttribute(i.UPPERCASE))}set noMargins(t){if(e(t)){this.setAttribute(i.NO_MARGINS,""),this.container?.classList.add("no-margins");return}this.removeAttribute(i.NO_MARGINS),this.container?.classList.remove("no-margins")}get noMargins(){return e(this.getAttribute(i.NO_MARGINS))}set padding(t){if(t){this.setAttribute(i.PADDING,String(t)),this.input?.style.setProperty("padding-inline-start",`${t}px`),this.input?.style.setProperty("padding-inline-end",`${t}px`);return}this.removeAttribute(i.PADDING),this.input?.style.setProperty("padding-inline-start",""),this.input?.style.setProperty("padding-inline-end","")}get padding(){return this.getAttribute(i.PADDING)||""}get format(){return this.getAttribute(i.FORMAT)}blur(){this.input?.blur()}focus(){this.input?.focus()}};c=new WeakSet,y=function(t){let o=r=>{this.capsLockIcon&&r.getModifierState&&(this.capsLockIcon.hidden=!r.getModifierState("CapsLock"))};t?(!this.capsLockIcon&&this.input&&this.input.insertAdjacentHTML("afterend",this.templateCapsLock()),this.offEvent("keydown.input-capslock"),this.onEvent("keydown.input-capslock",this,o),this.offEvent("keyup.input-capslock"),this.onEvent("keyup.input-capslock",this,o),this.capsLockIcon&&(this.capsLockIcon.hidden=!0)):(this.offEvent("keydown.input-capslock"),this.offEvent("keyup.input-capslock"),this.capsLockIcon?.remove())},x=new WeakSet,J=function(){return this.input?(["focus","select","keydown","keypress","keyup","click","dbclick"].forEach(o=>{this.onEvent(o,this.input,r=>{this.triggerEvent(r.type,this,{detail:{elem:this,nativeEvent:r,value:this.value}})})}),this.onEvent("input",this.input,o=>{o instanceof InputEvent&&o.stopPropagation()}),this):this},A=new WeakSet,Q=function(){a(this,x,J).call(this),this.onEvent("click",this.labelEl,()=>{this.focus()})},u=new WeakSet,w=function(t){let o=this.container?.querySelector(".show-hide-password");if(t){if(!o&&this.isPasswordVisible){let r=document.createElement("ids-button");r.text=this.passwordVisible?"HIDE":"SHOW",r.id="show-hide-password",r.classList.add("show-hide-password"),r.noPadding=!0,this.input&&(this.input.insertAdjacentElement("afterend",r),this.input.type=`${this.passwordVisible?"text":this.type}`)}this.offEvent("click.input-showhidepassword"),this.onEvent("click.input-showhidepassword",o,()=>{this.passwordVisible=!this.passwordVisible,a(this,b,T).call(this)})}else this.offEvent("click.input-showhidepassword"),this.input?.setAttribute("type",this.type),o?.remove()},b=new WeakSet,T=function(){if(!this.shadowRoot)return;let t=this.shadowRoot.querySelector(".show-hide-password"),o=this.shadowRoot.querySelector(".ids-input-field");this.passwordVisible?(t?.setAttribute("text","HIDE"),o?.setAttribute("type","text")):(t?.setAttribute("text","SHOW"),o?.setAttribute("type","password"))},k=new WeakMap,f=new WeakSet,R=function(){this.container?.classList.toggle(i.READONLY_BACKGROUND,this.readonlyBackground)},h=P([D("ids-input"),O(Z)],h);export{h as a};
+    </label>`,ei=this.hasAttribute(i.VALUE)?` value="${this.getAttribute(i.VALUE)}" `:"";return{ariaLabel:I,capsLock:S,containerClass:v,inputClass:a,inputState:d,labelHtml:ri,placeholder:o,showHide:L,type:r,value:ei}}get isPasswordVisible(){return this.revealablePassword&&this.type===l.password}templateShowHide(){return this.isPasswordVisible?`<ids-button id="show-hide-password" class="show-hide-password" no-padding text="${this.passwordVisible?"HIDE":"SHOW"}"></ids-button>`:""}templateCapsLock(){return this.capsLock?'<ids-icon id="caps-lock-indicator" class="caps-lock-indicator" icon="capslock"></ids-icon>':""}onColorVariantRefresh(t){super.colorVariant=t,this.clearable&&this.refreshClearableButtonStyles()}get input(){return this.container?.querySelector('input[part="input"]')??null}get formInput(){return this.input}get capsLockIcon(){return this.container?.querySelector("#caps-lock-indicator")}get fieldContainer(){return this.container?.querySelector(".field-container")}get labelEl(){return O(this,E)||this.shadowRoot?.querySelector("label")}get revealablePassword(){return e(this.getAttribute(i.REVEALABLE_PASSWORD))}set revealablePassword(t){let o=e(t);this.type===l.password?o?(this.setAttribute(i.REVEALABLE_PASSWORD,"true"),n(this,p,x).call(this,!0)):(this.setAttribute(i.REVEALABLE_PASSWORD,"false"),n(this,p,x).call(this,!1)):this.removeAttribute(i.REVEALABLE_PASSWORD)}get capsLock(){return e(this.getAttribute(i.CAPS_LOCK))}set capsLock(t){e(t)?(this.setAttribute(i.CAPS_LOCK,"true"),n(this,u,w).call(this,!0)):(this.removeAttribute(i.CAPS_LOCK),n(this,u,w).call(this,!1))}get passwordVisible(){return e(this.getAttribute(i.PASSWORD_VISIBLE))}set passwordVisible(t){let o=e(t);o!==this.passwordVisible&&(o?this.setAttribute(i.PASSWORD_VISIBLE,"true"):this.setAttribute(i.PASSWORD_VISIBLE,"false")),n(this,f,P).call(this)}set id(t){let o=`${t}-internal`;this.setAttribute(i.ID,t),this.shadowRoot?.querySelector("label")?.setAttribute("for",o),this.shadowRoot?.querySelector("input")?.setAttribute("id",o)}get id(){return this.getAttribute(i.ID)||"none"}setInputState(t){if(t===i.READONLY||t===i.DISABLED){if(!this.shadowRoot)return;let o=[].slice.call(this.shadowRoot.querySelectorAll(".validation-message")),r={prop1:t,prop2:t!==i.READONLY?i.READONLY:i.DISABLED,val:e(this[t])};r.val?(this.input?.removeAttribute(r.prop2),this.container?.classList?.remove?.(r.prop2),o.forEach(a=>a.classList.remove(r.prop2)),this.input?.setAttribute(r.prop1,"true"),this.container?.classList.add(r.prop1),o.forEach(a=>a.classList.add(r.prop1))):(this.input?.removeAttribute(r.prop1),this.container?.classList.remove(r.prop1),o.forEach(a=>a.classList.remove(r.prop1)))}}setLabelText(t){return super.setLabelText(t,"label")}handleAutoselect(){this.autoselect?this.handleInputFocusEvent():this.handleInputFocusEvent("remove")}handleInputFocusEvent(t){let o="focus";if(t==="remove"){let r=this?.handledEvents?.get(o);r&&r.target===this.input&&this.offEvent(o,this.input)}else this.onEvent(o,this.input,()=>{requestAnimationFrame(()=>{this.input?.select()})})}set active(t){let o=e(t),r="is-active";o?(this.setAttribute(i.ACTIVE,o.toString()),this.container?.classList.add(r)):(this.removeAttribute(i.ACTIVE),this.container?.classList.remove(r))}get active(){return e(this.hasAttribute(i.ACTIVE))}set autoselect(t){let o=e(t);o?this.setAttribute(i.AUTOSELECT,o.toString()):this.removeAttribute(i.AUTOSELECT),this.handleAutoselect()}get autoselect(){return e(this.getAttribute(i.AUTOSELECT))}set bgTransparent(t){let o=e(t),r="bg-transparent";o?(this.setAttribute(i.BG_TRANSPARENT,o.toString()),this.container?.classList.add(r),this.input?.classList.add(r)):(this.removeAttribute(i.BG_TRANSPARENT),this.container?.classList.remove(r),this.input?.classList.remove(r))}get bgTransparent(){return e(this.getAttribute(i.BG_TRANSPARENT))}set textEllipsis(t){let o=e(t),r="text-ellipsis";o?(this.setAttribute(i.TEXT_ELLIPSIS,o.toString()),this.input?.classList.add(r)):(this.removeAttribute(i.TEXT_ELLIPSIS),this.input?.classList.remove(r))}get textEllipsis(){return e(this.getAttribute(i.TEXT_ELLIPSIS))}set disabled(t){e(t)?this.setAttribute(i.DISABLED,"true"):this.removeAttribute(i.DISABLED),this.setInputState(i.DISABLED)}get disabled(){return e(this.getAttribute(i.DISABLED))}set placeholder(t){if(t){this.setAttribute(i.PLACEHOLDER,t),this.input?.setAttribute(i.PLACEHOLDER,t);return}this.removeAttribute(i.PLACEHOLDER),this.input?.removeAttribute(i.PLACEHOLDER)}get placeholder(){return this.getAttribute(i.PLACEHOLDER)}set readonly(t){let o=e(t);o?this.setAttribute(i.READONLY,o.toString()):this.removeAttribute(i.READONLY),this.setInputState(i.READONLY)}get readonly(){return e(this.getAttribute(i.READONLY))}set readonlyBackground(t){let o=e(t);o?this.setAttribute(i.READONLY_BACKGROUND,o.toString()):this.removeAttribute(i.READONLY_BACKGROUND),n(this,g,C).call(this)}get readonlyBackground(){return e(this.getAttribute(i.READONLY_BACKGROUND))}set labelWrap(t){!t||Q.indexOf(t)<0?(this.removeAttribute(i.LABEL_WRAP),this.container?.querySelector("ids-text")?.removeAttribute("overflow"),this.container?.querySelector("ids-text")?.removeAttribute("tooltip")):(this.setAttribute(i.LABEL_WRAP,t),(t==="ellipsis"||t==="ellipsis-no-stretch")&&(this.container?.querySelector("ids-text")?.setAttribute("overflow","ellipsis"),this.container?.querySelector("ids-text")?.setAttribute("tooltip","true")))}get labelWrap(){return this.getAttribute(i.LABEL_WRAP)||"wrap"}set size(t){let o=c[t]||c.default;this.setAttribute(i.SIZE,o),this.container?.classList.remove(...Object.values(c)),this.container?.classList.add(o),this.querySelector("ids-trigger-button")?.classList.remove(...Object.values(c)),this.querySelector("ids-trigger-button")?.classList.add(o)}get size(){return this.getAttribute(i.SIZE)||c.default}set textAlign(t){let o=y[t]||y.default;this.setAttribute(i.TEXT_ALIGN,o),this.input?.classList.remove("start","center","end"),this.input?.classList.add(o)}get textAlign(){return this.getAttribute(i.TEXT_ALIGN)||y.default}set type(t){let o=l[t];if(o){this.setAttribute(i.TYPE,t),this.input?.setAttribute(i.TYPE,o);return}this.setAttribute(i.TYPE,l.default),this.input?.setAttribute(i.TYPE,l.default)}get type(){return this.getAttribute(i.TYPE)??l.default}set value(t){let o=["string","number"].includes(typeof t)?String(t):String(t||""),r=this.value;this.mask&&(o=this.processMaskFromProperty(t||"")||o),this.input&&(this.input.value=o),r!==o&&this.setAttribute(i.VALUE,o)}get value(){return this.input?.value??""}set cursor(t){this.setAttribute(i.CURSOR,t),this.input?.style.setProperty("cursor",t)}get cursor(){return this.getAttribute(i.CURSOR)??""}set maxlength(t){if(t){this.setAttribute(i.MAXLENGTH,t.toString()),this.input?.setAttribute(i.MAXLENGTH,t.toString());return}this.removeAttribute(i.MAXLENGTH),this.input?.removeAttribute(i.MAXLENGTH)}get maxlength(){return Number(this.getAttribute(i.MAXLENGTH))}set uppercase(t){if(e(t)){this.setAttribute(i.UPPERCASE,""),this.input?.classList.add("is-uppercase");return}this.removeAttribute(i.UPPERCASE),this.input?.classList.remove("is-uppercase")}get uppercase(){return e(this.getAttribute(i.UPPERCASE))}set noMargins(t){if(e(t)){this.setAttribute(i.NO_MARGINS,""),this.container?.classList.add("no-margins");return}this.removeAttribute(i.NO_MARGINS),this.container?.classList.remove("no-margins")}get noMargins(){return e(this.getAttribute(i.NO_MARGINS))}set padding(t){if(t){this.setAttribute(i.PADDING,String(t)),this.input?.style.setProperty("padding-inline-start",`${t}px`),this.input?.style.setProperty("padding-inline-end",`${t}px`);return}this.removeAttribute(i.PADDING),this.input?.style.setProperty("padding-inline-start",""),this.input?.style.setProperty("padding-inline-end","")}get padding(){return this.getAttribute(i.PADDING)||""}get format(){return this.getAttribute(i.FORMAT)}blur(){this.input?.blur()}focus(){this.input?.focus()}canTooltipShow(){return!!z(this.input)}};u=new WeakSet,w=function(t){let o=r=>{this.capsLockIcon&&r.getModifierState&&(this.capsLockIcon.hidden=!r.getModifierState("CapsLock"))};t?(!this.capsLockIcon&&this.input&&this.input.insertAdjacentHTML("afterend",this.templateCapsLock()),this.offEvent("keydown.input-capslock"),this.onEvent("keydown.input-capslock",this,o),this.offEvent("keyup.input-capslock"),this.onEvent("keyup.input-capslock",this,o),this.capsLockIcon&&(this.capsLockIcon.hidden=!0)):(this.offEvent("keydown.input-capslock"),this.offEvent("keyup.input-capslock"),this.capsLockIcon?.remove())},A=new WeakSet,ti=function(){return this.input?(["focus","select","keydown","keypress","keyup","click","dbclick"].forEach(o=>{this.onEvent(o,this.input,r=>{this.triggerEvent(r.type,this,{detail:{elem:this,nativeEvent:r,value:this.value}})})}),this.onEvent("input",this.input,o=>{o instanceof InputEvent&&o.stopPropagation()}),this):this},k=new WeakSet,oi=function(){n(this,A,ti).call(this),this.onEvent("click",this.labelEl,()=>{this.focus()}),this.onEvent("input",this?.input,()=>{n(this,b,R).call(this)}),this.onEvent("mouseenter",this,()=>{n(this,b,R).call(this)})},b=new WeakSet,R=function(){this.canTooltipShow()?this.setAttribute("tooltip",this.input?.value||""):this.removeAttribute("tooltip")},p=new WeakSet,x=function(t){let o=this.container?.querySelector(".show-hide-password");if(t){if(!o&&this.isPasswordVisible){let r=document.createElement("ids-button");r.text=this.passwordVisible?"HIDE":"SHOW",r.id="show-hide-password",r.classList.add("show-hide-password"),r.noPadding=!0,this.input&&(this.input.insertAdjacentElement("afterend",r),this.input.type=`${this.passwordVisible?"text":this.type}`)}this.offEvent("click.input-showhidepassword"),this.onEvent("click.input-showhidepassword",o,()=>{this.passwordVisible=!this.passwordVisible,n(this,f,P).call(this)})}else this.offEvent("click.input-showhidepassword"),this.input?.setAttribute("type",this.type),o?.remove()},f=new WeakSet,P=function(){if(!this.shadowRoot)return;let t=this.shadowRoot.querySelector(".show-hide-password"),o=this.shadowRoot.querySelector(".ids-input-field");this.passwordVisible?(t?.setAttribute("text","HIDE"),o?.setAttribute("type","text")):(t?.setAttribute("text","SHOW"),o?.setAttribute("type","password"))},E=new WeakMap,g=new WeakSet,C=function(){this.container?.classList.toggle(i.READONLY_BACKGROUND,this.readonlyBackground)},h=D([N("ids-input"),B(ii)],h);export{h as a};

package/chunks/ids-chunk-Y7YXNNFO.js

@@ -0,0 +1 @@
+import{b as p,c}from"./ids-chunk-BWVNBSJM.js";import{a as l,b as r}from"./ids-chunk-KWUI36H2.js";function m(t=!1){let e=t?"header-contextmenu":"contextmenu",n=t?this.headerMenuId:this.menuId,i=t?this.headerMenuData:this.menuData,o=()=>this.shadowRoot?.querySelector(`slot[name="${e}"]`),s=o()?.assignedElements()[0];return!s&&n&&(s=this.closest("ids-container")?.querySelector(`#${n}`)),!s&&i&&(this.insertAdjacentHTML("beforeend",`<ids-popup-menu slot="${e}" trigger-type="custom"></ids-popup-menu>`),s=o()?.assignedElements()[0],s&&(s.data=i)),s}function h(t){t?.popup?.setAttribute("align","top, left"),t?.setAttribute("data-contextmenu-element","")}function g(t){let{menu:e,target:n,callbackArgs:i}=this.contextmenuInfo,o=!1;if(e&&n&&i){let s={...i,menuEl:e},a=i.type==="header";if(this.isDynamicContextmenu=!0,!this.triggerVetoableEvent("beforemenushow",s))return this.isDynamicContextmenu=!1,o;this.isDynamicContextmenu||(e.data=a?this.headerMenuData:this.menuData,e.popup?.setAttribute("align","top, left")),this.isDynamicContextmenu=!1,e.popup?.setPosition?.(t.clientX,t.clientY,!1,!0),e.show(),o=!0;let u=e.popup?.offsetHeight??0,d=this.wrapper?.offsetHeight??0;d>0&&u>d&&(e.popup?.setAttribute("max-height",`${d}px`),e.popup?.place()),e.focusTarget.focus(),this.triggerEvent("menushow",this,{bubbles:!0,detail:{elem:this,data:s}})}return o}function x(t,e,n){let i=l(t);e?.visible&&e?.hide(),n?.visible&&n?.hide(),this.contextmenuInfo={};let o={},s=r(i,'[role="columnheader"]'),a=r(i,'[role="gridcell"]');if(a&&e){let u=c.apply(this,[i,a]);o={menu:e,target:a,callbackArgs:u}}else if(s&&n){let u=p.apply(this,[i,s]);o={menu:n,target:s,callbackArgs:u}}this.contextmenuInfo={...o},g.apply(this,[t])&&t.preventDefault()}function f(t,e){if(e){let n={data:{...this.contextmenuInfo.callbackArgs,menuSelectedEvent:t,menuSelectedValue:t?.detail?.value,menuEl:e},elem:this};this.triggerEvent("menuselected",this,{bubbles:!0,detail:n})}}function D(){this.contextmenuInfo={};let t=m.apply(this),e=m.apply(this,[!0]);(t||e)&&(h(t),h(e),this.offEvent("contextmenu.datagrid",this.container),this.onEvent("contextmenu.datagrid",this.container,n=>{x.apply(this,[n,t,e])}),t&&(this.offEvent("selected.datagrid-contextmenu-item",t),this.onEvent("selected.datagrid-contextmenu-item",t,n=>{f.apply(this,[n,t])})),e&&(this.offEvent("selected.datagrid-header-contextmenu-item",e),this.onEvent("selected.datagrid-header-contextmenu-item",e,n=>{f.apply(this,[n,e])})))}export{m as a,D as b};