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

package/chunks/ids-chunk-7MMHHL3L.js

@@ -0,0 +1,161 @@
+import{b as D}from"./ids-chunk-DRW37UXP.js";import{a as I}from"./ids-chunk-CT5U7IVV.js";import{a as y}from"./ids-chunk-EVENS4EI.js";import{a as E,b as v}from"./ids-chunk-XE4WFW5M.js";import{a as L}from"./ids-chunk-4WDX2CDM.js";import{e as n}from"./ids-chunk-VEAPPKDG.js";import{a as o}from"./ids-chunk-NSM2KAOK.js";import{a as g,b as f,d as a,g as i}from"./ids-chunk-Y32WUP63.js";var A=`:host {
+  display: block;
+}
+:host ids-icon {
+  transition: transform var(--ids-motion-duration) var(--ids-motion-ease);
+  justify-self: end;
+}
+
+:host([aria-expanded=true]) ids-icon[icon=caret-down] {
+  transform: rotateX(180deg);
+}
+
+:host([hidden-by-filter]) {
+  display: none;
+}
+
+:host([hidden-by-filter][child-filter-match]) {
+  display: initial;
+}
+
+.ids-accordion-header {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border-width: 1px;
+  border-style: solid;
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  grid-auto-flow: column;
+  user-select: none;
+}
+.ids-accordion-header ::slotted(ids-text) {
+  flex-grow: 1;
+}
+.ids-accordion-header .ids-accordion-display-icon {
+  display: none;
+}
+.ids-accordion-header:focus {
+  outline: 0;
+}
+.ids-accordion-header:not([class*=color-variant-]) {
+  border-color: transparent;
+  border-bottom-color: var(--ids-accordion-header-color-border-bottom);
+  padding: 12px 16px;
+}
+.ids-accordion-header:not([class*=color-variant-]):not(.disabled):focus {
+  border-color: var(--ids-accordion-header-color-border-focus);
+  box-shadow: var(--ids-accordion-header-shadow-focus);
+}
+.ids-accordion-header:not([class*=color-variant-]).disabled {
+  color: var(--ids-accordion-header-color-text-disabled);
+  cursor: unset;
+}
+.ids-accordion-header:not([class*=color-variant-]).disabled ids-icon {
+  color: var(--ids-accordion-header-color-border-disabled);
+}
+.ids-accordion-header.selected {
+  font-weight: bolder;
+}
+.ids-accordion-header.has-icon .ids-accordion-display-icon {
+  display: flex;
+}
+.ids-accordion-header.color-variant-app-menu {
+  margin-inline: 8px;
+  border-radius: 4px;
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--ids-app-menu-accordion-header-color-text-default);
+  padding: 12px 16px;
+}
+.ids-accordion-header.color-variant-app-menu.expanded {
+  background-color: transparent;
+  border-color: transparent;
+}
+.ids-accordion-header.color-variant-app-menu:hover {
+  background-color: var(--ids-app-menu-header-color-background-hover);
+  border-color: var(--ids-app-menu-header-color-border-hover);
+}
+.ids-accordion-header.color-variant-app-menu:focus {
+  color: var(--ids-app-menu-accordion-header-color-text-focus);
+  border-color: var(--ids-app-menu-accordion-header-color-border-focus);
+}
+.ids-accordion-header.color-variant-app-menu.selected {
+  color: var(--ids-app-menu-accordion-header-color-text-selected);
+}
+.ids-accordion-header.color-variant-app-menu[disabled] {
+  color: var(--ids-app-menu-accordion-header-color-text-disabled);
+  background-color: --ids-app-menu-accordion-header-color-background-disabled;
+  border-color: var(--ids-app-menu-accordion-header-color-border-disabled);
+}
+.ids-accordion-header.color-variant-app-menu .filter {
+  background-color: var(--ids-app-menu-accordion-header-color-background-default);
+  color: var(--ids-app-menu-accordion-header-filter-color-text);
+  font-weight: bold;
+}
+.ids-accordion-header.color-variant-app-menu.hidden-by-filter.child-filter-match {
+  color: var(--ids-app-menu-accordion-header-filter-match-color-text);
+}
+.ids-accordion-header.color-variant-sub-app-menu {
+  margin-inline: 8px;
+  border-radius: 4px;
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--ids-app-menu-accordion-header-color-text-default);
+  margin: 0;
+  padding: 8px 20px;
+}
+.ids-accordion-header.color-variant-sub-app-menu.expanded {
+  background-color: transparent;
+  border-color: transparent;
+}
+.ids-accordion-header.color-variant-sub-app-menu:hover {
+  background-color: var(--ids-app-menu-header-color-background-hover);
+  border-color: var(--ids-app-menu-header-color-border-hover);
+}
+.ids-accordion-header.color-variant-sub-app-menu:focus {
+  color: var(--ids-app-menu-accordion-header-color-text-focus);
+  border-color: var(--ids-app-menu-accordion-header-color-border-focus);
+}
+.ids-accordion-header.color-variant-sub-app-menu.selected {
+  color: var(--ids-app-menu-accordion-header-color-text-selected);
+}
+.ids-accordion-header.color-variant-sub-app-menu[disabled] {
+  color: var(--ids-app-menu-accordion-header-color-text-disabled);
+  background-color: --ids-app-menu-accordion-header-color-background-disabled;
+  border-color: var(--ids-app-menu-accordion-header-color-border-disabled);
+}
+.ids-accordion-header.color-variant-sub-app-menu .filter {
+  background-color: var(--ids-app-menu-accordion-header-color-background-default);
+  color: var(--ids-app-menu-accordion-header-filter-color-text);
+  font-weight: bold;
+}
+.ids-accordion-header.color-variant-sub-app-menu.hidden-by-filter.child-filter-match {
+  color: var(--ids-app-menu-accordion-header-filter-match-color-text);
+}
+.ids-accordion-header.expander-type-plus-minus .ids-accordion-expander-icon {
+  position: relative;
+  margin-top: -4px;
+  height: 14px;
+  width: 14px;
+}
+
+::slotted(ids-icon) {
+  margin-inline-end: 12px;
+}
+
+.ids-accordion-display-icon {
+  margin-inline-end: 12px;
+}
+
+.ids-accordion-expander-icon:first-child {
+  margin-inline-end: 8px;
+}`;var T=["caret","plus-minus"],C="caret-down",k="plusminus-folder-closed",F="plusminus-folder-open",R=y(I(L)),l,x,h,_,u,N,m,S,s,p,c=class extends R{constructor(){super();a(this,l);a(this,h);a(this,u);a(this,m);a(this,s);f(this,"depth",0);f(this,"colorVariants",["app-menu","sub-app-menu","module-nav","sub-module-nav"])}connectedCallback(){super.connectedCallback(),this.refreshIconDisplay(this.icon),i(this,s,p).call(this),this.refreshDepth(),this.refreshPlacement()}static get attributes(){return[...super.attributes,o.CHILD_FILTER_MATCH,o.DISABLED,o.EXPANDED,o.EXPANDER_TYPE,o.HIDDEN_BY_FILTER,o.ICON,o.SELECTED]}template(){return`
+      <div class="ids-accordion-header" tabindex="0" part="header">
+        <ids-icon class="ids-accordion-display-icon" part="display-icon"></ids-icon>
+        <slot></slot>
+        ${this.templateExpanderIcon()}
+      </div>
+    `}templateExpanderIcon(){return`
+      <ids-icon class="ids-accordion-expander-icon" icon=${C} part="expander-icon"></ids-icon>
+    `}get parentHasIcon(){let e=this.panel,r=e.parentElement;for(;r&&r.tagName==="IDS-ACCORDION-PANEL";){if(r.header&&(r.header.icon||r.container.classList.contains("parent-has-icon")))return!0;e=r,r=e.parentElement}return!1}get siblingsCanExpand(){let r=this.panel.parentElement,t=!1;return r.childPanels?.forEach(d=>{!t&&d.isExpandable&&(t=!0)}),t}get textNode(){return this.querySelector("ids-text, span")}get panel(){return this.parentElement}refreshContentAlignment(e){this.container&&D(this.container.classList,e)}get expanded(){return this.panel.expanded}set expanded(e){let r=n(e);this.container?.classList[r?"add":"remove"]("expanded"),this.panel.expanded=r,r?this.triggerEvent("expanded",this,{bubbles:!0}):this.triggerEvent("collapsed",this,{bubbles:!0}),i(this,s,p).call(this)}get expanderType(){return this.getAttribute(o.EXPANDER_TYPE)}set expanderType(e){let r=this.expanderType,t=T[0];e&&T.includes(e)&&(t=e),r!==t&&(this.setAttribute(o.EXPANDER_TYPE,String(e)),this.toggleExpanderIcon(t),i(this,l,x).call(this,r,t))}focus(){this.container?.focus()}get icon(){return this.getAttribute("icon")}set icon(e){this.icon!==e&&(typeof e!="string"||!e.length?this.removeAttribute("icon"):this.setAttribute("icon",`${e}`),this.refreshIconDisplay(e))}refreshIconDisplay(e){let r=typeof e=="string"&&e.length?e:"",t=this.container?.querySelector(".ids-accordion-display-icon");t?(t.icon=r,this.container?.classList[r.length?"add":"remove"]("has-icon")):this.container?.classList.remove("has-icon");let d=this.parentHasIcon,b=this.siblingsCanExpand,P=this.panel.isExpandable;this.container?.classList[d?"add":"remove"]("parent-has-icon"),this.container?.classList[P?"add":"remove"]("is-expandable"),this.container?.classList[b?"add":"remove"]("siblings-can-expand")}get selected(){return n(this.getAttribute(o.SELECTED))}set selected(e){let r=this.selected,t=n(e);r!==t&&(t?this.setAttribute(o.SELECTED,`${e}`):this.removeAttribute(o.SELECTED),i(this,h,_).call(this,t),t&&this.triggerEvent("selected",this,{bubbles:!0,detail:{elem:this}}))}toggleExpanderIcon(e){this.panel.isExpandable&&n(e)?i(this,u,N).call(this):i(this,m,S).call(this)}set hiddenByFilter(e){n(e)?(this.setAttribute(o.HIDDEN_BY_FILTER,""),this.container?.classList.add(o.HIDDEN_BY_FILTER)):(this.removeAttribute(o.HIDDEN_BY_FILTER),this.container?.classList.remove(o.HIDDEN_BY_FILTER))}get hiddenByFilter(){return this.hasAttribute(o.HIDDEN_BY_FILTER)}set childFilterMatch(e){n(e)?(this.setAttribute(o.CHILD_FILTER_MATCH,""),this.container?.classList.add(o.CHILD_FILTER_MATCH)):(this.removeAttribute(o.CHILD_FILTER_MATCH),this.container?.classList.remove(o.CHILD_FILTER_MATCH))}get childFilterMatch(){return this.hasAttribute(o.HIDDEN_BY_FILTER)}get disabled(){return n(this.getAttribute(o.DISABLED))}set disabled(e){let r=n(e);r?(this.setAttribute(o.DISABLED,`${r}`),this.container?.classList.add(o.DISABLED)):(this.removeAttribute(o.DISABLED),this.container?.classList.remove(o.DISABLED))}refreshDepth(){if(!this.container)return;let e=0,r=this;for(;r.parentElement&&r.parentElement.tagName==="IDS-ACCORDION-PANEL";)e+=1,r=r.parentElement;this.depth&&this.container.classList.remove(`depth-${this.depth}`),this.depth=e,e>0&&this.container.classList.add(`depth-${e}`)}refreshPlacement(){if(!this.container)return;let e=this.panel,r=!e.previousElementSibling||e.previousElementSibling&&e.previousElementSibling.tagName!=="IDS-ACCORDION-PANEL",t=!e.nextElementSibling;this.container.classList[r?"add":"remove"]("first-child"),this.container.classList[t?"add":"remove"]("last-child")}};l=new WeakSet,x=function(e,r){let t=this.container?.classList,d=`expander-type-${e}`,b=`expander-type-${r}`;e&&t?.remove(d),r&&t?.add(b)},h=new WeakSet,_=function(e){this.container?.classList[e?"add":"remove"]("selected");let r=this.textNode;r&&this.colorVariant==="app-menu"&&(r.fontWeight=e?"bold":null)},u=new WeakSet,N=function(){let e=this.panel.hasParentPanel?"afterbegin":"beforeend",r=this.container?.querySelector(".ids-accordion-expander-icon");if(r)e==="afterbegin"?this.container?.prepend(r):this.container?.append(r);else{let t=this.templateExpanderIcon();this.container?.insertAdjacentHTML(e,t)}i(this,s,p).call(this)},m=new WeakSet,S=function(){this.container?.querySelector(".ids-accordion-expander-icon")?.remove()},s=new WeakSet,p=function(){let e=this.container?.querySelector(".ids-accordion-expander-icon");if(!e)return;let r=C;this.expanderType==="plus-minus"&&(r=this.expanded?F:k),e.setAttribute("icon",r),i(this,l,x).call(this,null,this.expanderType)},c=g([E("ids-accordion-header"),v(A)],c);export{c as a};

package/chunks/ids-chunk-7N2AO3T2.js

@@ -0,0 +1 @@
+import{a as s}from"./ids-chunk-PHQEFZRD.js";import{a as o}from"./ids-chunk-CT5U7IVV.js";import{a as r}from"./ids-chunk-XE4WFW5M.js";import{a as i}from"./ids-chunk-4WDX2CDM.js";import{a as e}from"./ids-chunk-Y32WUP63.js";var n=s(o(i)),t=class extends n{constructor(){super()}static get attributes(){return[...super.attributes]}template(){return'<div class="ids-splitter-pane" part="pane"><slot></slot></div>'}connectedCallback(){super.connectedCallback()}};t=e([r("ids-splitter-pane")],t);export{t as a};

package/chunks/{ids-chunk-IIZ7DYTI.js → ids-chunk-7PS2VBTY.js}

@@ -1,5 +1,4 @@
-import{a}from"./ids-chunk-SNYFQ5ZT.js";import{a as n,b as d}from"./ids-chunk-XE4WFW5M.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-EHQM67XJ.js";import{a as o}from"./ids-chunk-U7OOVFXE.js";var l=`
-/* Ids Box Component */
+import{a as n,b as d}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-4WDX2CDM.js";import{e as r}from"./ids-chunk-VEAPPKDG.js";import{a as t}from"./ids-chunk-NSM2KAOK.js";import{a as o}from"./ids-chunk-Y32WUP63.js";var l=`/* Ids Box Component */
 .ids-box {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

package/chunks/{ids-chunk-RZ5YYYOC.js → ids-chunk-ACARG4YW.js}

@@ -1,5 +1,4 @@
-import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWNQKP.js";import{a as c,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as r}from"./ids-chunk-EHQM67XJ.js";import{a as l}from"./ids-chunk-U7OOVFXE.js";var h=`
-@charset "UTF-8";
+import{a as O}from"./ids-chunk-Z2TM5XYU.js";import{c as A}from"./ids-chunk-ZUHWNQKP.js";import{a as q,b as R}from"./ids-chunk-XE4WFW5M.js";import{a as e}from"./ids-chunk-NSM2KAOK.js";import{a as S,b as E,c as r,d as n,e as y,g as a}from"./ids-chunk-Y32WUP63.js";var M=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -63,29 +62,6 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   margin-inline-start: 27px;
 }
 
-.ids-radio-group .icon-dirty {
-  margin-inline-start: -1px;
-  margin-block-start: 9px;
-  top: auto;
-  z-index: 1;
-}
-
-.ids-checkbox .icon-dirty {
-  margin-inline-start: -26px;
-  top: -4px;
-  width: 9px;
-}
-.ids-checkbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -26px;
-  top: -3px;
-}
-.ids-checkbox.hitbox .icon-dirty {
-  margin-inline-start: -30px;
-}
-.ids-checkbox.hitbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -26px;
-}
-
 .ids-textarea .icon-dirty {
   top: 0;
   margin-inline-start: 1px;
@@ -205,6 +181,7 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
 }
 
 :host([label-wrap=ellipsis]) .ids-label-text {
+  display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -220,6 +197,7 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
 }
 
 :host([label-wrap=ellipsis-no-stretch]) .ids-label-text {
+  display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -280,19 +258,20 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   /* stylelint-disable-next-line no-duplicate-selectors */
 }
 .ids-input .field-container {
-  transition: border var(--ids-motion-duration) var(--ids-motion-ease);
-  margin: var(--ids-space-none);
-  padding: var(--ids-space-none);
-  position: relative;
   border: 1px solid;
-  align-items: center;
   border-collapse: separate;
   border-radius: 2px;
+  box-sizing: border-box;
   color: inherit;
   display: flex;
+  align-items: center;
+  margin: var(--ids-space-none);
+  max-width: var(--ids-input-width-full);
+  padding: var(--ids-space-none);
+  position: relative;
   resize: none;
   text-align: left;
-  max-width: var(--ids-input-width-full);
+  transition: border var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-input:focus-within .ids-input-field, .ids-input.readonly:focus-within .ids-input-field, .ids-input.is-active .ids-input-field {
   outline: none;
@@ -327,6 +306,7 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   height: fit-content;
   resize: none;
   text-align: left;
+  text-overflow: ellipsis;
 }
 .ids-input .ids-input-field:focus-visible {
   outline: none;
@@ -500,6 +480,9 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
 .ids-input.color-variant-in-cell input {
   font-size: var(--ids-font-size-40);
 }
+.ids-input.color-variant-in-cell .validation-message {
+  display: none;
+}
 .ids-input.color-variant-in-cell.ids-input.field-height-lg .ids-input-field {
   padding-inline: 11px;
   height: 40px;
@@ -558,10 +541,6 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   border-color: var(--ids-input-color-border-default);
   color: var(--ids-input-color-text);
 }
-.ids-input:not([class*=color-variant-]).readonly .field-container, .ids-input:not([class*=color-variant-]).readonly.hover .field-container, .ids-input:not([class*=color-variant-]).readonly.focus-within .field-container {
-  border-color: var(--ids-input-color-border-readonly);
-  color: var(--ids-input-color-text-readonly);
-}
 .ids-input:not([class*=color-variant-]).readonly .field-container.error, .ids-input:not([class*=color-variant-]).readonly .field-container.error:hover, .ids-input:not([class*=color-variant-]).readonly.hover .field-container.error, .ids-input:not([class*=color-variant-]).readonly.hover .field-container.error:hover, .ids-input:not([class*=color-variant-]).readonly.focus-within .field-container.error, .ids-input:not([class*=color-variant-]).readonly.focus-within .field-container.error:hover {
   border-color: var(--ids-color-error-default);
   color: var(--ids-color-error-default);
@@ -580,10 +559,13 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
 .ids-input:not([class*=color-variant-]).bg-transparent:focus-within .field-container {
   background-color: transparent;
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
+.ids-input:not([class*=color-variant-]).is-active .field-container, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
   border-color: var(--ids-input-color-border-hover);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert,
+.ids-input:not([class*=color-variant-]).is-active .alert,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover,
+.ids-input:not([class*=color-variant-]).is-active .warning,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert,
@@ -593,7 +575,13 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   border-color: var(--ids-input-color-border-alert-default);
   color: var(--ids-input-color-text-alert-default);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert.is-active,
+.ids-input:not([class*=color-variant-]).is-active .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active .alert.is-active,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]).is-active .warning:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .warning.is-active,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert.is-active,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover.is-active,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:focus-within,
@@ -609,7 +597,10 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   border-color: var(--ids-input-color-border-alert-default);
   box-shadow: var(--ids-input-shadow-alert-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert[disabled],
+.ids-input:not([class*=color-variant-]).is-active .alert[disabled],
+.ids-input:not([class*=color-variant-]).is-active .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]).is-active .warning[disabled],
+.ids-input:not([class*=color-variant-]).is-active .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert[disabled],
@@ -619,13 +610,16 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   border-color: var(--ids-input-color-border-alert-disabled);
   color: var(--ids-input-color-text-alert-disabled);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error,
+.ids-input:not([class*=color-variant-]).is-active .error,
+.ids-input:not([class*=color-variant-]).is-active .error:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover {
   border-color: var(--ids-input-color-border-error-default);
   color: var(--ids-input-error-color-text-error-default);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error.is-active,
+.ids-input:not([class*=color-variant-]).is-active .error:focus-within, .ids-input:not([class*=color-variant-]).is-active .error.is-active,
+.ids-input:not([class*=color-variant-]).is-active .error:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error.is-active,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover:focus-within,
@@ -633,19 +627,23 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   border-color: var(--ids-input-color-border-error-default);
   box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error[disabled],
+.ids-input:not([class*=color-variant-]).is-active .error[disabled],
+.ids-input:not([class*=color-variant-]).is-active .error:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover[disabled] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info,
+.ids-input:not([class*=color-variant-]).is-active .info,
+.ids-input:not([class*=color-variant-]).is-active .info:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover {
   border-color: var(--ids-input-color-border-info-default);
   color: var(--ids-input-color-text-info-default);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info.is-active,
+.ids-input:not([class*=color-variant-]).is-active .info:focus-within, .ids-input:not([class*=color-variant-]).is-active .info.is-active,
+.ids-input:not([class*=color-variant-]).is-active .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info.is-active,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover:focus-within,
@@ -653,19 +651,23 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   border-color: var(--ids-input-color-border-info-default);
   box-shadow: var(--ids-input-shadow-info-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info[disabled],
+.ids-input:not([class*=color-variant-]).is-active .info[disabled],
+.ids-input:not([class*=color-variant-]).is-active .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover[disabled] {
   border-color: var(--ids-input-color-border-info-disabled);
   color: var(--ids-input-color-text-info-disabled);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success,
+.ids-input:not([class*=color-variant-]).is-active .success,
+.ids-input:not([class*=color-variant-]).is-active .success:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover {
   border-color: var(--ids-input-color-border-success-default);
   color: var(--ids-input-color-text-success-default);
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success.is-active,
+.ids-input:not([class*=color-variant-]).is-active .success:focus-within, .ids-input:not([class*=color-variant-]).is-active .success.is-active,
+.ids-input:not([class*=color-variant-]).is-active .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success.is-active,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover:focus-within,
@@ -673,7 +675,8 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   border-color: var(--ids-input-color-border-success-default);
   box-shadow: var(--ids-input-shadow-success-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success[disabled],
+.ids-input:not([class*=color-variant-]).is-active .success[disabled],
+.ids-input:not([class*=color-variant-]).is-active .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success[disabled],
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover[disabled] {
   border-color: var(--ids-input-color-border-success-disabled);
@@ -755,15 +758,21 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   color: var(--ids-input-color-text-success-disabled);
 }
 .ids-input.color-variant-alternate .field-container {
-  border-color: transparent;
+  border-color: var(--ids-input-header-color-border);
   color: var(--ids-input-header-color-text-default);
   background-color: var(--ids-input-header-color-background);
   border-bottom: 1px solid var(--ids-input-header-color-border);
   box-shadow: none;
 }
+.ids-input.color-variant-alternate .ids-input-field {
+  color: var(--ids-input-header-color-text-default);
+}
 .ids-input.color-variant-alternate .ids-input-field::placeholder {
   color: var(--ids-input-header-color-text-placeholder);
 }
+.ids-input.color-variant-alternate.readonly-background .ids-input-field::placeholder {
+  color: var(--ids-input-header-color-text-placeholder);
+}
 .ids-input.color-variant-alternate-formatter .field-container {
   background-color: var(--ids-data-grid-filter-input-color-background);
   border-color: var(--ids-data-grid-filter-input-color-border-default);
@@ -790,7 +799,7 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
 .ids-input.color-variant-alternate-formatter .ids-input-field::placeholder {
   color: var(--ids-data-grid-filter-input-color-text-placeholder);
 }
-.ids-input.color-variant-alternate .field-container, .ids-input.color-variant-app-menu .field-container {
+.ids-input.color-variant-app-menu .field-container {
   color: var(--ids-input-color-text-default);
 }
 .ids-input.color-variant-list-builder .field-container {
@@ -817,6 +826,9 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
 .ids-input.color-variant-module-nav .ids-input-field:active {
   color: var(--ids-module-nav-search-input-text-color);
 }
+.ids-input.color-variant-module-nav.has-clearable .btn-clear {
+  margin-inline-end: 5px;
+}
 .ids-input.color-variant-module-nav:hover .field-container {
   background-color: var(--ids-module-nav-item-hover-bg-color);
 }
@@ -1027,14 +1039,6 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
   padding: var(--ids-space-40);
   margin-inline-start: var(--ids-search-field-icon-margin);
 }
-.ids-search-field.color-variant-alternate .field-container {
-  border-style: none;
-  background-color: var(--ids-search-field-header-color-background);
-  color: var(--ids-search-field-header-color-text);
-}
-.ids-search-field.color-variant-alternate ids-icon {
-  color: var(--ids-search-field-header-color-icon-default);
-}
 .ids-search-field.color-variant-card .field-container {
   background: var(--ids-search-field-card-color-background);
   color: var(--ids-search-field-card-color-text);
@@ -1085,19 +1089,19 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
 .ids-search-field.color-variant-module-nav:focus-within .field-container {
   background-color: var(--ids-module-nav-search-input-focused-bg-color);
   border-color: var(--ids-module-nav-item-selected-text-color);
-}`;var g="Search",m="Type to search",n=class extends p{constructor(){super()}isFormComponent=!0;colorVariants=["alternate","app-menu","card","module-nav"];onColorVariantRefresh(i){let o=i||"";i==="app-menu"&&(o="alternate");let t=e=>{e.setAttribute(r.COLOR_VARIANT,o)};this.buttons.forEach(t),this.fieldContainer&&[...this.fieldContainer.querySelectorAll("ids-trigger-button")].forEach(t)}static get attributes(){return[...super.attributes,r.CATEGORY]}connectedCallback(){super.connectedCallback(),this.#d(),this.#l(),this.placeholder||(this.placeholder=m),this.label||(this.label=g)}template(){this.templateHostAttributes();let{ariaLabel:i,containerClass:o,inputClass:t,inputState:e,labelHtml:a,placeholder:s,type:v,value:b}=this.templateVariables(),f='<ids-icon class="ids-icon search-icon starting-icon" size="medium" icon="search"></ids-icon>';return`<div id="ids-search-field" class="ids-search-field ids-trigger-field ${o}" part="container">
-      ${a}
+}`;var H="Search",U="Type to search",b,$,s,l,f,T,g,L,m,u,k,V,z,B,c,h,p,w,v=class extends O{constructor(){super();n(this,b);n(this,s);n(this,f);n(this,g);n(this,k);n(this,z);n(this,c);n(this,p);E(this,"isFormComponent",!0);E(this,"colorVariants",["alternate","app-menu","card","module-nav"]);n(this,m,[]);n(this,u,null)}onColorVariantRefresh(i){let t=i||"";i==="app-menu"&&(t="alternate");let o=d=>{d.setAttribute(e.COLOR_VARIANT,t)};this.buttons.forEach(o),this.fieldContainer&&[...this.fieldContainer.querySelectorAll("ids-trigger-button")].forEach(o)}static get attributes(){return[...super.attributes,e.CATEGORY]}connectedCallback(){super.connectedCallback(),a(this,k,V).call(this),a(this,z,B).call(this),this.placeholder||(this.placeholder=U),this.label||(this.label=H)}template(){this.templateHostAttributes();let{ariaLabel:i,containerClass:t,inputClass:o,inputState:d,labelHtml:x,placeholder:C,type:P,value:I}=this.templateVariables(),j='<ids-icon class="ids-icon search-icon starting-icon" size="medium" icon="search"></ids-icon>';return`<div id="ids-search-field" class="ids-search-field ids-trigger-field ${t}" part="container">
+      ${x}
       <div class="fieldset">
         <div class="field-container" part="field-container">
-          ${this.categories.length?"":f}
+          ${this.categories.length?"":j}
           <slot name="trigger-start"></slot>
           ${this.templateCategoriesMenu()}
           <input
             part="input"
             id="${this.id}-input"
-            ${v}${t}${s}${e}
+            ${P}${o}${C}${d}
             ${i}
-            ${b}
+            ${I}
             ></input>
           <slot name="trigger-end"></slot>
         </div>
@@ -1122,7 +1126,7 @@ import{a as p}from"./ids-chunk-RTBFPTZS.js";import{c as d}from"./ids-chunk-ZUHWN
       </ids-menu-button>
       <ids-popup-menu id="category-menu" target="menu-button" trigger-type="click" align="bottom, right">
         <ids-menu-group select="${this.multiple?"multiple":"single"}" keep-open="true">
-          ${this.categories.map((o,t)=>`<ids-menu-item value="${t}">${o}</ids-menu-item>`).join("")}
+          ${this.categories.map((t,o)=>`<ids-menu-item value="${o}">${t}</ids-menu-item>`).join("")}
         </ids-menu-group>
       </ids-popup-menu>
-    `:""}#e(){let i=this.category,o=this.#n;if(!i||!o)return;let t=this.selectedCategories;t.length===1?o.text=t[0]:t.length>1?o.text=`${t.length} ${this.localeAPI?.translate?.("Selected")}`:o.text=i;let e=this.#i?.popup,a=parseInt(e?.style?.getProperty?.("min-width")??155),s=this.#n?.getBoundingClientRect().width??a;e?.style?.setProperty?.("min-width",`${Math.max(s,a)}px`),this.multiple||this.#i?.hide?.()}get#i(){return this.shadowRoot?.querySelector("ids-popup-menu")}get#n(){return this.shadowRoot?.querySelector("ids-menu-button")}get#a(){return this.shadowRoot?.querySelector("ids-button#category-action-button")}#s=[];get categories(){return this.#s}set categories(i){this.#s=i,this.#r()}set category(i){i?this.setAttribute(r.CATEGORY,i):this.removeAttribute(r.CATEGORY),this.#r()}get category(){return this.getAttribute(r.CATEGORY)??""}get selectedCategories(){let i=this.categories;return(this.#i?.getSelectedValues?.()??[]).map(e=>i[e])}set action(i){i?this.setAttribute(r.ACTION,i):this.removeAttribute(r.ACTION),this.#r()}get action(){return this.getAttribute(r.ACTION)??""}set multiple(i){i?this.setAttribute(r.MULTIPLE,""):this.removeAttribute(r.MULTIPLE)}get multiple(){return this.hasAttribute(r.MULTIPLE)}async search(i){let o=[],t=d(i);return this.#t!==t&&(this.input&&(this.input.value=t),this.#t=t,typeof this.onSearch=="function"&&(o=await this.onSearch(t))),o}set value(i){super.value=i,this.#t=i,typeof this.onSearch=="function"&&this.onSearch(i)}get value(){return super.value}onSearch(i=void 0){return[`${d(i)}`]}#t=null;#d(){let i=o=>{this.search(o.target?.value)};this.offEvent("change",this.input),this.onEvent("change",this.input,i),this.offEvent("input",this.input),this.onEvent("input",this.input,i),this.offEvent("click",this.#a),this.onEvent("click",this.#a,()=>{this.search(this.value),this.#o("search")}),this.offEvent("selected",this.#i),this.onEvent("selected",this.#i,()=>{this.#e(),this.#o("selected")}),this.offEvent("deselected",this.#i),this.onEvent("deselected",this.#i,()=>{this.#e(),this.#o("deselected")})}#l(){this.offEvent("keydown",this.input),this.onEvent("keydown",this.input,i=>{let o=!i?.path?.length||!i.path[0].classList||!i.path[0].classList.contains("ids-icon-button");switch(["Enter"].indexOf(i.code)>-1&&o&&i.preventDefault(),i.key){case"Enter":o&&(this.onSearch(this.input?.value),this.#o("search"));break;default:break}})}#o(i){this.triggerEvent(i,this,{detail:{elem:this,categories:this.categories,categoriesSelected:this.selectedCategories,value:this.value},bubbles:!0,cancelable:!1,composed:!1})}#r(){this.container&&(this.container.innerHTML=this.template(),this.connectedCallback())}};n=l([c("ids-search-field"),u(h)],n);export{n as a};
+    `:""}get categories(){return r(this,m)}set categories(i){y(this,m,i),a(this,p,w).call(this)}set category(i){i?this.setAttribute(e.CATEGORY,i):this.removeAttribute(e.CATEGORY),a(this,p,w).call(this)}get category(){return this.getAttribute(e.CATEGORY)??""}get selectedCategories(){let i=this.categories;return(r(this,s,l)?.getSelectedValues?.()??[]).map(d=>i[d])}set action(i){i?this.setAttribute(e.ACTION,i):this.removeAttribute(e.ACTION),a(this,p,w).call(this)}get action(){return this.getAttribute(e.ACTION)??""}set multiple(i){i?this.setAttribute(e.MULTIPLE,""):this.removeAttribute(e.MULTIPLE)}get multiple(){return this.hasAttribute(e.MULTIPLE)}async search(i){let t=[],o=A(i);return r(this,u)!==o&&(this.input&&(this.input.value=o),y(this,u,o),typeof this.onSearch=="function"&&(t=await this.onSearch(o))),t}set value(i){super.value=i,y(this,u,i),typeof this.onSearch=="function"&&this.onSearch(i)}get value(){return super.value}onSearch(i=void 0){return[`${A(i)}`]}};b=new WeakSet,$=function(){let i=this.category,t=r(this,f,T);if(!i||!t)return;let o=this.selectedCategories;o.length===1?t.text=o[0]:o.length>1?t.text=`${o.length} ${this.localeAPI?.translate?.("Selected")}`:t.text=i;let d=r(this,s,l)?.popup,x=parseInt(d?.style?.getProperty?.("min-width")??155),C=r(this,f,T)?.getBoundingClientRect().width??x;d?.style?.setProperty?.("min-width",`${Math.max(C,x)}px`),this.multiple||r(this,s,l)?.hide?.()},s=new WeakSet,l=function(){return this.shadowRoot?.querySelector("ids-popup-menu")},f=new WeakSet,T=function(){return this.shadowRoot?.querySelector("ids-menu-button")},g=new WeakSet,L=function(){return this.shadowRoot?.querySelector("ids-button#category-action-button")},m=new WeakMap,u=new WeakMap,k=new WeakSet,V=function(){let i=t=>{this.search(t.target?.value)};this.offEvent("change",this.input),this.onEvent("change",this.input,i),this.offEvent("input",this.input),this.onEvent("input",this.input,i),this.offEvent("click",r(this,g,L)),this.onEvent("click",r(this,g,L),()=>{this.search(this.value),a(this,c,h).call(this,"search")}),this.offEvent("selected",r(this,s,l)),this.onEvent("selected",r(this,s,l),()=>{a(this,b,$).call(this),a(this,c,h).call(this,"selected")}),this.offEvent("deselected",r(this,s,l)),this.onEvent("deselected",r(this,s,l),()=>{a(this,b,$).call(this),a(this,c,h).call(this,"deselected")})},z=new WeakSet,B=function(){this.offEvent("keydown",this.input),this.onEvent("keydown",this.input,i=>{let t=!i?.path?.length||!i.path[0].classList||!i.path[0].classList.contains("ids-icon-button");switch(["Enter"].indexOf(i.code)>-1&&t&&i.preventDefault(),i.key){case"Enter":t&&(this.onSearch(this.input?.value),a(this,c,h).call(this,"search"));break;default:break}})},c=new WeakSet,h=function(i){this.triggerEvent(i,this,{detail:{elem:this,categories:this.categories,categoriesSelected:this.selectedCategories,value:this.value},bubbles:!0,cancelable:!1,composed:!1})},p=new WeakSet,w=function(){this.container&&(this.container.innerHTML=this.template(),this.connectedCallback())},v=S([q("ids-search-field"),R(M)],v);export{v as a};

package/chunks/ids-chunk-ALO3Q7MP.js

@@ -0,0 +1,14 @@
+import{a as H}from"./ids-chunk-QKRRG3BL.js";import{a as I}from"./ids-chunk-XE4WFW5M.js";import{a as R}from"./ids-chunk-4WDX2CDM.js";import{f as G}from"./ids-chunk-U4XVR5SW.js";import{e as L,g as N}from"./ids-chunk-VEAPPKDG.js";import{a as u}from"./ids-chunk-NSM2KAOK.js";import{a as D,b as C,d as E,g as w}from"./ids-chunk-Y32WUP63.js";var f,x,b=class extends R{constructor(){super({noShadowRoot:!0});E(this,f);C(this,"rootNode")}static get attributes(){return[...super.attributes,u.DISABLED,u.ROW_INDEX]}attributeChangedCallback(e,i,a){i!==a&&e===u.ROW_INDEX&&this.renderRow(Number(a))}connectedCallback(){super.connectedCallback()}get dataGrid(){return this.rootNode||(this.rootNode=this.getRootNode()),this.rootNode.host}get data(){return this.dataGrid?.data||[]}get rowData(){return this.data[this.rowIndex]??{}}get columns(){return this.dataGrid?.columns||[]}get visibleColumns(){return this.dataGrid?.visibleColumns||[]}get dimensions(){return this.getBoundingClientRect()}get expandIcon(){return this.querySelector(".ids-data-grid-tree-container ids-button ids-icon")}set disabled(e){L(e)?(this.setAttribute(u.DISABLED,""),this.setAttribute("aria-disabled","true")):(this.removeAttribute(u.DISABLED),this.removeAttribute("aria-disabled"))}get disabled(){return this.hasAttribute(u.DISABLED)}set rowIndex(e){e!==null&&e>=0?this.setAttribute(u.ROW_INDEX,String(e)):this.removeAttribute(u.ROW_INDEX)}get rowIndex(){return Number(this.getAttribute(u.ROW_INDEX)??-1)}renderRow(e){let i=this.dataGrid.cacheHash,a=Number(e),s=this.dataGrid.data[e].rowSelected?"select":"deselect",r=`${i}:${a}:${s}`;b.rowCache[r]=b.rowCache[r]??this.cellsHTML(),this.innerHTML=b.rowCache[r],w(this,f,x).call(this)}refreshRow(){this.querySelectorAll(":scope > ids-data-grid-cell").forEach(e=>e.refreshCell()),w(this,f,x).call(this)}toggleSelection(){this.dataGrid?.resetCache();let e=this.classList.contains("selected"),i=Number(this.getAttribute("data-index"));e&&!this.dataGrid?.suppressRowDeselection?this.dataGrid?.deSelectRow(i):this.dataGrid?.selectRow(i),this.dataGrid?.triggerEvent("selectionchanged",this.dataGrid,{detail:{elem:this,selectedRows:this.dataGrid?.selectedRows}})}toggleExpandCollapse(e=!0){let a=this.isExpanded()===!0,s=!a;if(s&&this.doExpand(),a&&this.doCollapse(),e){let r=s?"rowexpanded":"rowcollapsed";this.dataGrid?.triggerEvent(r,this.dataGrid,{bubbles:!0,detail:{elem:this,row:this.rowIndex,data:this.rowData}})}}toggleRowActivation(){let e=this.classList.contains("activated"),i=Number(this.getAttribute("aria-rowindex"))-1;e&&!this.dataGrid?.suppressRowDeactivation?this.dataGrid?.deactivateRow(i):(this.dataGrid?.activatedRow.index&&this.dataGrid?.deactivateRow(this.dataGrid?.activatedRow.index),this.dataGrid?.activateRow(i)),this.dataGrid?.triggerEvent("activationchanged",this.dataGrid,{detail:{elem:this,data:this.dataGrid?.activatedRow,row:Number(this.getAttribute("data-index"))}})}toggleChildRowSelection(e){let i=this?.getAttribute("aria-level");G(this,`[aria-level="${i}"]`).forEach(a=>{Number(a.getAttribute("aria-level"))>Number(i)&&this.dataGrid&&(this.dataGrid.groupSelectsChildren=!1,e?this.dataGrid?.selectRow(Number(a.getAttribute("data-index"))):this.dataGrid?.deSelectRow(Number(a.getAttribute("data-index"))),this.dataGrid.groupSelectsChildren=!0)})}set selected(e){e?(this.classList.add("selected"),this.setAttribute("aria-selected","true"),this.dataGrid?.rowSelection==="mixed"&&this?.classList.add("mixed")):(this.classList.remove("selected"),this.removeAttribute("aria-selected"))}get selected(){return this.classList.contains("selected")}updateCells(e){let i=this,a=i.querySelectorAll(".ids-data-grid-cell");a?.length&&[...a].forEach((s,r)=>{let o=this.dataGrid?.columns[r],n=o.cssPart||"cell";(this.dataGrid?.rowSelection==="mixed"&&i.classList.contains("activated")||(this.dataGrid?.rowSelection==="single"||this.dataGrid?.rowSelection==="multiple")&&i.classList.contains("selected"))&&(o.cellSelectedCssPart?n=o.cellSelectedCssPart:n="cell-selected"),typeof n=="function"&&(n=n(e,r)),s.setAttribute("part",n)})}static template(e,i,a,s){let r=`${e?.rowSelected?" selected":""}`;r+=`${e?.rowSelected&&s?.rowSelection==="mixed"?" mixed":""}`,r+=`${e?.rowActivated?" activated":""}`;let o="";s?.treeGrid&&(o+=` aria-setsize="${e.ariaSetSize}" aria-level="${e.ariaLevel}" aria-posinset="${e.ariaPosinset}"`,e.children?.length&&(o+=e.rowExpanded===!1?' aria-expanded="false"':' aria-expanded="true"')),s?.pagination==="client-side"&&s?.pageNumber>1&&(a+=(Number(s?.pageNumber)-1)*Number(s?.pageSize));let n=e?.rowHidden?" hidden":"",g=(()=>{let A=p=>typeof p<"u"&&p!==null&&(typeof p=="boolean"&&p===!0||typeof p=="string"&&p.toLowerCase()==="true"),m=e.disabled;return A(typeof m=="function"?m(i,e):m)})(),v=g?' disabled aria-disabled="true"':"";return e&&g&&(e.idstempcanrowdisabled=g),`
+      <ids-data-grid-row
+        row-index="${i}"
+        role="row"
+        part="row"
+        aria-rowindex="${a}"
+        data-index="${i}"
+        ${n}
+        class="ids-data-grid-row${r}"
+        ${o}
+        ${v}
+      >
+      </ids-data-grid-row>
+    `}cellsHTML(){let e=this.rowIndex,i=e,a=this.data[e],s=this.dataGrid,r=(t,d,c)=>{let h=t.cssPart||"cell";return typeof h=="function"?h(d,c):h},o=(t,d,c)=>t.dirtyCells?t.dirtyCells.findIndex(h=>h.cell===c)!==-1:!1,n=(t,d,c)=>t.invalidCells?t.invalidCells.findIndex(h=>h.cell===c)!==-1:!1,y=(t,d)=>t.readonly&&t?.readonly===!0?!0:typeof t?.readonly=="function"?t?.readonly(e,d,t,a):!1,g=(t,d)=>t?.disabled?typeof t?.disabled=="function"?t?.disabled(e,d,t,a):typeof t?.disabled=="boolean"?t?.disabled:!1:!1,v=(t,d)=>typeof t?.uppercase=="function"?t.uppercase("body-cell",t,e,d,a):t?.uppercase==="true"||t?.uppercase===!0,A="";if(s?.expandableRow){let t=N(s?.querySelector(`#${s?.expandableRowTemplate}`)?.innerHTML||"",a);A=`<div class="ids-data-grid-expandable-row"${this.isExpanded()?"":" hidden"}>${t}</div>`}let m=s?.leftFrozenColumns.length,p=s?.visibleColumns.map((t,d)=>{let c=H.template(a,t,i,s),h=y(t,c),S=this.disabled||g(t,c),z=v(t,c),$=t.editor?.type,l="ids-data-grid-cell";return l+=`${$?` is-${$}`:""}`,l+=`${h?" is-readonly":""}`,l+=`${S?" is-disabled":""}`,l+=`${z?" is-uppercase":""}`,l+=`${o(a,t,d)?" is-dirty":""}`,l+=`${n(a,t,d)?" is-invalid":""}`,l+=`${t?.align?` align-${t?.align}`:""}`,l+=`${t?.formatter?.name?` formatter-${t.formatter.name}`:""}`,l+=`${t?.frozen?` frozen frozen-${t?.frozen}${d+1===m?" frozen-last":""}`:""}`,l+=`${t?.editor&&!h&&!S?` is-editable${t?.editor?.inline?" is-inline":""}`:""}`,`<ids-data-grid-cell role="gridcell" part="${r(t,e,d)}" class="${l}" aria-colindex="${d+1}">${c}</ids-data-grid-cell>`}).join("");return a?.idstempcanrowdisabled&&delete a.idstempcanrowdisabled,`${p}${A}`}cellByIndex(e){if(e=Math.max(e,0),e===0)return this.querySelector("ids-data-grid-cell")??null;let i=this.querySelectorAll("ids-data-grid-cell"),a=i.length-1;return e=Math.min(e,a),i[e]??null}isExpanded(){let e=this.dataGrid.data[this.rowIndex];return this.dataGrid?.expandableRow?e?.rowExpanded===!0:e?.rowExpanded!==!1}doExpand(){if(this.dataGrid?.updateDataset(this.rowIndex,{rowExpanded:!0,rowHidden:!1}),w(this,f,x).call(this),this.dataGrid?.treeGrid){let e=Number(this.getAttribute("aria-level"))||1,i=e+1,a=this.isExpanded();G(this,`[aria-level="${e}"]`).forEach(s=>{if((Number(s.getAttribute("aria-level"))||1)===i||a){let n=Number(s.getAttribute("row-index"));this.dataGrid?.updateDataset(n,{rowHidden:!1}),s.removeAttribute("hidden"),a=s.isExpanded?.()}})}}doCollapse(){if(this.dataGrid?.updateDataset(this.rowIndex,{rowExpanded:!1}),w(this,f,x).call(this),this.dataGrid?.treeGrid){let e=Number(this.getAttribute("aria-level"))||1;G(this,`[aria-level="${e}"]`).forEach(i=>{if((Number(i.getAttribute("aria-level"))||1)>e){let s=Number(i.getAttribute("row-index"));this.dataGrid?.updateDataset(s,{rowHidden:!0}),i?.setAttribute("hidden","")}})}}};f=new WeakSet,x=function(){let e=this.rowIndex,i=this.rowData,a=this.isExpanded(),s=a?"plusminus-folder-open":"plusminus-folder-closed";if(this.setAttribute("data-index",String(e)),this.setAttribute("aria-rowindex",String(e+1)),i?.rowHidden?(this.hidden=!0,this.classList.add("hidden"),this.setAttribute("hidden","")):(this.hidden=!1,this.classList.remove("hidden"),this.removeAttribute("hidden")),i?.rowSelected&&(this.selected=i.rowSelected),!i?.rowSelected&&this.classList.contains("selected")&&(this.selected=i.rowSelected),this.dataGrid?.expandableRow){this.setAttribute("aria-expanded",String(!!a)),this.expandIcon.setAttribute("icon",s);let r=this.querySelector(".ids-data-grid-expandable-row");a?r?.removeAttribute("hidden"):r?.setAttribute("hidden","")}this.dataGrid?.treeGrid&&(this.setAttribute("aria-setsize",i?.ariaSetSize),this.setAttribute("aria-level",i?.ariaLevel),this.setAttribute("aria-posinset",i?.ariaPosinset),i?.children?.length?this.setAttribute("aria-expanded",String(!!a)):this.removeAttribute("aria-expanded"),i?.children?.length&&this.expandIcon.setAttribute("icon",s))},C(b,"rowCache",{}),b=D([I("ids-data-grid-row")],b);export{b as a};