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

package/chunks/ids-chunk-YLSCOKVT.js

@@ -0,0 +1,86 @@
+import{a as C}from"./ids-chunk-JJN34CZM.js";import{a as O}from"./ids-chunk-6TEY67DT.js";import{a as L}from"./ids-chunk-QB6TDVBM.js";import{a as S}from"./ids-chunk-J6DDVFGW.js";import{o as D}from"./ids-chunk-23UNNOWE.js";import{a as T}from"./ids-chunk-PHQEFZRD.js";import{e as H}from"./ids-chunk-CK6SA7FU.js";import{c as P}from"./ids-chunk-ZUHWNQKP.js";import{a as w,b as I}from"./ids-chunk-XE4WFW5M.js";import{p as M,r as x}from"./ids-chunk-U4XVR5SW.js";import{a as n,b as d}from"./ids-chunk-NSM2KAOK.js";import{a as E,b as c,c as u,d as h,e as v,g as a}from"./ids-chunk-Y32WUP63.js";var k=`.hide {
+  display: none;
+}
+
+@media all and (max-width: 1440px) {
+  .hide-xxl-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1440px) {
+  .hide-xxl-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 1280px) {
+  .hide-xl-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1280px) {
+  .hide-xl-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 1024px) {
+  .hide-lg-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1024px) {
+  .hide-lg-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 840px) {
+  .hide-md-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 840px) {
+  .hide-md-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 600px) {
+  .hide-sm-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 600px) {
+  .hide-sm-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 360px) {
+  .hide-xs-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 360px) {
+  .hide-xs-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 600px) {
+  :host(.hide-sm-down) {
+    display: none;
+  }
+}
+
+.ids-popup-menu:not([hidden]) {
+  display: block;
+  z-index: var(--ids-z-index-60);
+}`;var F=S(L(T(O(C)))),o,p,b,f,N,g,R,m,A,l=class extends F{constructor(){super();h(this,p);h(this,f);h(this,g);h(this,m);c(this,"container",null);c(this,"recentlyHidden",!1);c(this,"vetoableEventTypes",["beforeshow"]);h(this,o,void 0)}static get attributes(){return[...super.attributes,n.ALIGN,n.MAX_HEIGHT,n.WIDTH]}template(){let t=super.template(),e=this.align?` align="${this.align}"`:"",i=this.maxHeight?` max-height="${this.maxHeight}"`:"";return`<ids-popup class="ids-popup-menu" type="menu"${e}${i}>${t}</ids-popup>`}connectedCallback(){super.connectedCallback(),this.hasAttribute(n.HIDDEN)||this.setAttribute(n.HIDDEN,""),this.hasAttribute(n.WIDTH)&&a(this,m,A).call(this,this.getAttribute(n.WIDTH)),this.configureSubmenuAlignment(),this.setOnPlace(!!this.parentMenuItem)}disconnectedCallback(){super.disconnectedCallback?.(),this.hasOpenEvents&&this.hide(),a(this,p,b).call(this)}renderFromData(){super.renderFromData(),this.attachEventHandlers(),this.attachKeyboardListeners()}setInitialFocus(){let t=this.focusTarget;t&&(t.highlight(),t.focus())}attachEventHandlers(){super.attachEventHandlers(),this.offEvent("pick"),this.onEvent("pick",this,t=>{this.visible&&(t.detail.elem?.group?.keepOpen||this.hideAndFocus())}),this.offEvent("show"),this.onEvent("show",this.container,t=>{this.hideOtherMenus(),this.parentMenuItem||this.triggerEvent("show",this,t),this.setInitialFocus()}),this.offEvent("hide"),this.onEvent("hide",this.container,t=>{this.parentMenuItem||this.triggerEvent("hide",this,t),u(this,o)?.disconnect()}),this.refreshTriggerEvents()}hideOtherMenus(){document.querySelector(".popupmenu.is-open")?.classList.remove("is-open"),document.querySelector("[data-popupmenu].is-open")?.classList.remove("is-open"),v(this,o,new MutationObserver(s=>{s.forEach(r=>{r.target?.className==="is-open"&&this.hide()})})),document.querySelector("body")&&u(this,o).observe(document.querySelector("body"),{attributes:!0,subtree:!0})}attachKeyboardListeners(){super.attachKeyboardListeners();let t=this.keyboardEventTarget||this,e=()=>{this.parentMenu&&this.hideAndFocus(!0)},i=s=>{let r=s.target.closest("ids-menu-item");r.hasSubmenu&&r.showSubmenu()};this.unlisten("ArrowRight"),this.listen(["ArrowRight"],t,s=>{s.stopPropagation(),s.preventDefault(),this.localeAPI.isRTL()?e():i(s)}),this.unlisten("ArrowLeft"),this.listen(["ArrowLeft"],t,s=>{s.stopPropagation(),s.preventDefault(),this.localeAPI.isRTL()?i(s):e()}),this.unlisten("Escape"),this.parentMenu||this.listen(["Escape"],t,s=>{this.hidden||(s.preventDefault(),s.stopPropagation(),this.hideAndFocus())})}get parentMenu(){return this.parentElement?.closest("ids-popup-menu")}set align(t){typeof t=="string"&&this.popup&&(this.popup.align=t)}get align(){return this.popup?.align||`top, ${this.popup?.localeAPI.isRTL()?"right":"left"}`}get visible(){return!!this.popup?.visible}hide(){this.popup?.visible&&(this.hidden=!0,a(this,g,R).call(this),this.lastHovered=void 0,this.popup.visible=!1,this.hideSubmenus(),this.removeOpenEvents(),a(this,p,b).call(this),this.startHiddenTimer())}show(){this.popup?.visible||this.triggerVetoableEvent("beforeshow")&&(this.configureSubmenuAlignment(),this.refreshIconAlignment(),this.hidden=!1,a(this,f,N).call(this),this.hideSubmenus(),this.popup?.setAttribute("visible","true"),this.triggerEvent("aftershow",this,{bubbles:!0,detail:{elem:this}}),this.addOpenEvents())}showIfAble(){this.target?!this.target?.disabled&&!this.target?.hidden&&this.show():this.show()}hideSubmenus(t=void 0){let e=this.submenus,i;t?.hasSubmenu&&(i=t.submenu),e.forEach(s=>{let r=i&&i.isEqualNode(s);!s.hidden&&!r&&!s.contains(i)&&s.hide()})}hideAndFocus(t){this.hide(),(this.parentMenu&&t?this.parentMenuItem:this.target)?.focus()}get maxHeight(){return this.getAttribute(n.MAX_HEIGHT)}set maxHeight(t){let e=x(t);e?(this.setAttribute(n.MAX_HEIGHT,e),this.popup?.setAttribute(n.MAX_HEIGHT,e)):(this.removeAttribute(n.MAX_HEIGHT),this.popup?.removeAttribute(n.MAX_HEIGHT))}set width(t){let e=this.width,i=typeof t=="string"?P(t):"";e!==i&&(i.length?this.setAttribute(n.WIDTH,`${i}`):this.removeAttribute(n.WIDTH)),a(this,m,A).call(this,i)}get width(){let t=this.container?.style.width;return t?.length?t:null}onOutsideClick(){this.hide()}onTriggerClick(t){return t.currentTarget!==window&&t.preventDefault(),t.button!==0||this.hidden&&!this.recentlyHidden&&(this.showIfAble(),this.setInitialFocus()),!0}onContextMenu(t){t.preventDefault(),t.stopPropagation(),this.hide(),this.popup?.setPosition(t.pageX,t.pageY),this.showIfAble(),this.setInitialFocus()}onTriggerImmediate(){window.requestAnimationFrame(()=>{this.showIfAble()})}onTriggerHover(){!this.target.disabled&&!this.target.hidden&&(this.parentMenuItem&&this.parentMenuItem?.menu?.hideSubmenus(this.target),this.showIfAble())}onCancelTriggerHover(t){let e=t.detail.mouseLeaveNode,i=M();i&&(!i.isEqualNode(e)||!this.contains(e))&&(this.hide(),e?.tagName==="IDS-MENU-ITEM"&&(e.highlight(),e.menu?.hideSubmenus?.(e)))}onTriggerHoverClick(t){return t.preventDefault(),this.onTriggerClick(t)}setOnPlace(t){this.popup&&(t?(this.popup.scrollParentElem=this.parentMenu?.popup?.wrapper,this.popup.onPlace=e=>{let i=this.parentMenu&&this.parentMenu.popup;if(this.container&&i){this.container.removeAttribute("style");let s=10,r=(i.offsetLeft||0)-this.container.scrollParentElem.scrollLeft,y=(i.offsetTop||0)-this.container.scrollParentElem.scrollTop+s;e.x-=r,e.y-=y}return e}):this.popup.onPlace=D)}focus(){this.hidden||this.focusTarget?.focus()}async startHiddenTimer(){this.recentlyHidden=!0,await H(10),this.recentlyHidden=!1}configureSubmenuAlignment(){let t=this.popup?.localeAPI.isRTL()||!1;this.parentMenuItem&&(this.popupDelay=200,this.target=this.parentMenuItem,this.triggerType="hover",this.align=`${t?"left":"right"}, top`)}};o=new WeakMap,p=new WeakSet,b=function(){u(this,o)&&(u(this,o).disconnect(),v(this,o,void 0))},f=new WeakSet,N=function(){this.popup?.querySelector("nav")?.setAttribute(d.ROLE,"menu");let t=[...this.querySelectorAll("ids-menu-item")];t.forEach((e,i)=>{e.a.setAttribute(d.ARIA_POSINSET,i+1),e.a.setAttribute(d.ARIA_SETSIZE,t.length)})},g=new WeakSet,R=function(){this.popup?.querySelector("nav")?.removeAttribute(d.ROLE)},m=new WeakSet,A=function(t){t===null&&(t=""),this.container&&(this.container.style.width=t)},l=E([w("ids-popup-menu"),I(k)],l);export{l as a};

package/chunks/{ids-chunk-CS53CYJK.js → ids-chunk-YQIATVAP.js}

@@ -1,5 +1,4 @@
-import{a as l}from"./ids-chunk-B6P5AQ2Z.js";import{a as p}from"./ids-chunk-SNYFQ5ZT.js";import{a as c,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as e}from"./ids-chunk-EHQM67XJ.js";import{a as n}from"./ids-chunk-U7OOVFXE.js";var h=`
-@media (min-width: 360px) {
+import{a as A}from"./ids-chunk-CT5U7IVV.js";import{a as x,b as E}from"./ids-chunk-XE4WFW5M.js";import{a as L}from"./ids-chunk-4WDX2CDM.js";import{a as r}from"./ids-chunk-NSM2KAOK.js";import{a as y,d as i,g as e}from"./ids-chunk-Y32WUP63.js";var S=`@media (min-width: 360px) {
   :host(.last) {
     flex: 0;
   }
@@ -92,17 +91,17 @@ import{a as l}from"./ids-chunk-B6P5AQ2Z.js";import{a as p}from"./ids-chunk-SNYFQ
 :host([status=started]) .step {
   border: var(--ids-process-indicator-border-started);
   background-color: var(--ids-process-indicator-color-background);
-}`;var u=["cancelled","started","done"],a="empty label",m=l(p),r=class extends m{constructor(){super()}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{let t=this.parentElement;if(t.tagName==="IDS-PROCESS-INDICATOR"){let s=t.querySelectorAll("ids-process-indicator-step"),i=s.length,o=this.container?.querySelector(".line");s[i-1]===this?(this.classList.add("last"),o?.setAttribute("hidden","")):(this.status==="started"||this.status==="done")&&o?.style.setProperty("background-color","var(--ids-process-indicator-color-primary)")}this.#s()})}static get attributes(){return[...super.attributes,e.LABEL,e.STATUS]}template(){return`
+}`;var T=["cancelled","started","done"],m="empty label",I=A(L),n,b,h,k,u,w,c,g,d,v,l,f,a=class extends I{constructor(){super();i(this,n);i(this,h);i(this,u);i(this,c);i(this,d);i(this,l)}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{let t=this.parentElement;if(t.tagName==="IDS-PROCESS-INDICATOR"){let s=t.querySelectorAll("ids-process-indicator-step"),o=s.length,p=this.container?.querySelector(".line");s[o-1]===this?(this.classList.add("last"),p?.setAttribute("hidden","")):(this.status==="started"||this.status==="done")&&p?.style.setProperty("background-color","var(--ids-process-indicator-color-primary)")}e(this,c,g).call(this)})}static get attributes(){return[...super.attributes,r.LABEL,r.STATUS]}template(){return`
       <div class="ids-process-indicator-step">
         <div class="line"></div>
         <ids-text part="label" hidden class="label">
           ${this.label}
         </ids-text>
         <span class="step">
-          ${this.#i(this.status)}
+          ${e(this,l,f).call(this,this.status)}
         </span>
         <div class="details">
           <slot name="detail"></slot>
         </div>
       </div>
-    `}#t(t,s){s&&this.setAttribute(t,s)}#r(t){t.style.setProperty("visibility","hidden")}#o(t){t.style.removeProperty("visibility")}#s(){let t=this.#e();t&&(this.label===a?this.#r(t):this.#o(t))}#e(){return this.container?.querySelector(".label")}#i(t){return t==="cancelled"?'<ids-icon icon="close" size="xsmall"></ids-icon>':""}set label(t){let s=t||a,i=this.#e();this.#t(e.LABEL,s),i&&(i.innerHTML=s),this.#s()}get label(){return this.getAttribute(e.LABEL)||(a??"")}set status(t){let s=t.toLowerCase();u.includes(s)&&(this.#t(e.STATUS,s),this.container?.querySelectorAll("ids-icon")?.forEach(o=>o.remove()),this.#i(s)&&this.container?.querySelector(".step")?.insertAdjacentHTML("beforeend",'<ids-icon icon="close" size="xsmall"></ids-icon>'))}get status(){let t=this.getAttribute(e.STATUS);return t&&u.includes(t)?t:""}};r=n([c("ids-process-indicator-step"),d(h)],r);export{r as a};
+    `}set label(t){let s=t||m,o=e(this,d,v).call(this);e(this,n,b).call(this,r.LABEL,s),o&&(o.innerHTML=s),e(this,c,g).call(this)}get label(){return this.getAttribute(r.LABEL)||(m??"")}set status(t){let s=t.toLowerCase();T.includes(s)&&(e(this,n,b).call(this,r.STATUS,s),this.container?.querySelectorAll("ids-icon")?.forEach(p=>p.remove()),e(this,l,f).call(this,s)&&this.container?.querySelector(".step")?.insertAdjacentHTML("beforeend",'<ids-icon icon="close" size="xsmall"></ids-icon>'))}get status(){let t=this.getAttribute(r.STATUS);return t&&T.includes(t)?t:""}};n=new WeakSet,b=function(t,s){s&&this.setAttribute(t,s)},h=new WeakSet,k=function(t){t.style.setProperty("visibility","hidden")},u=new WeakSet,w=function(t){t.style.removeProperty("visibility")},c=new WeakSet,g=function(){let t=e(this,d,v).call(this);t&&(this.label===m?e(this,h,k).call(this,t):e(this,u,w).call(this,t))},d=new WeakSet,v=function(){return this.container?.querySelector(".label")},l=new WeakSet,f=function(t){return t==="cancelled"?'<ids-icon icon="close" size="xsmall"></ids-icon>':""},a=y([x("ids-process-indicator-step"),E(S)],a);export{a};

package/chunks/ids-chunk-YVRJF4FD.js

@@ -0,0 +1,5 @@
+import{a as b}from"./ids-chunk-CT5U7IVV.js";import{a as u,b as m}from"./ids-chunk-XE4WFW5M.js";import{a as E}from"./ids-chunk-4WDX2CDM.js";import{e as s}from"./ids-chunk-VEAPPKDG.js";import{a as t}from"./ids-chunk-NSM2KAOK.js";import{a as n,c as o,d as l,e as a}from"./ids-chunk-Y32WUP63.js";var c=`:host .ids-list-view-item {
+  border: none;
+  margin: 0;
+  padding: 0;
+}`;var d=b(E),i,r=class extends d{constructor(){super(...arguments);l(this,i,null)}get parentListView(){return o(this,i)}get parentListItemWrapper(){return this.parentListView?.shadowRoot?.querySelector(`[index="${this.rowIndex}"]`)??null}get parentSlot(){return this.parentListView?.shadowRoot?.querySelector(`slot[name="${this.slot}"]`)??null}connectedCallback(){super.connectedCallback(),a(this,i,this.parentElement)}disconnectedCallback(){this.parentListView?.isConnected&&(super.disconnectedCallback(),this.removeAttribute?.("slot"),this.parentListView?.disconnectedCallback?.())}template(){return"<slot></slot>"}static get attributes(){return[...super.attributes,t.ACTIVE,t.DISABLED,t.SELECTED,t.ROW_INDEX]}set rowIndex(e){e!==null&&e>=0?this.setAttribute(t.ROW_INDEX,String(e)):this.removeAttribute(t.ROW_INDEX)}get rowIndex(){return Number(this.getAttribute(t.ROW_INDEX)??-1)}get itemActivated(){return this.active}get active(){return this.hasAttribute(t.ACTIVE)}set active(e){s(e)?this.setAttribute(t.ACTIVE,"true"):this.removeAttribute(t.ACTIVE)}set disabled(e){s(e)?this.setAttribute(t.DISABLED,"true"):this.removeAttribute(t.DISABLED)}get disabled(){return this.hasAttribute(t.DISABLED)}get itemSelected(){return this.selected}get selected(){return this.hasAttribute(t.SELECTED)}set selected(e){s(e)?this.setAttribute(t.SELECTED,"true"):this.removeAttribute(t.SELECTED)}};i=new WeakMap,r=n([u("ids-list-view-item"),m(c)],r);export{r as a};

package/chunks/ids-chunk-YZCDO5QI.js

@@ -0,0 +1,23 @@
+import{a as m}from"./ids-chunk-4VR55SRS.js";import{a as d,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as e}from"./ids-chunk-NSM2KAOK.js";import{a as c,d as p,g as r}from"./ids-chunk-Y32WUP63.js";var b=`ids-popup::part(popup) {
+  max-width: 335px;
+}`;var g="empty-error-loading",a,h,n,l,o=class extends m{constructor(){super();p(this,a);p(this,n)}connectedCallback(){super.connectedCallback(),r(this,a,h).call(this)}static get attributes(){return[...super.attributes,e.BUTTON_TEXT,e.DESCRIPTION,e.ICON,e.LABEL]}template(){return`<ids-popup part="modal" class="ids-modal ids-error" type="modal" position-style="viewport">
+      <div class="ids-modal-container" slot="content">
+        <ids-empty-message icon="${this.icon??g}">
+          <ids-text
+            type="h2"
+            font-size="24"
+            font-weight="semi-bold"
+            label="true"
+            slot="label"
+          >
+          ${this.label??"Add Label"}
+          </ids-text>
+          <ids-text label="true" slot="description">
+            ${this.description??"Add Description"}
+          </ids-text>
+          <ids-button class="action-button" slot="button" appearance="primary">
+            <span>${this.buttonText??"Action"}</span>
+          </ids-button>
+        </ids-empty-message>
+      </div>
+    </ids-popup>`}set icon(t){if(t?this.setAttribute(e.ICON,t):this.removeAttribute(e.ICON),!this.container)return;let i=this.container.querySelector("ids-empty-message");i&&(i.icon=t)}get icon(){return this.getAttribute(e.ICON)}set label(t){t?this.setAttribute(e.LABEL,t):this.removeAttribute(e.LABEL),r(this,n,l).call(this,'[slot="label"]',t)}get label(){return this.getAttribute(e.LABEL)}set description(t){t?this.setAttribute(e.DESCRIPTION,t):this.removeAttribute(e.DESCRIPTION),r(this,n,l).call(this,'[slot="description"]',t)}get description(){return this.getAttribute(e.DESCRIPTION)}set buttonText(t){t?this.setAttribute(e.BUTTON_TEXT,t):this.removeAttribute(e.BUTTON_TEXT),r(this,n,l).call(this,'[slot="button"]',t)}get buttonText(){return this.getAttribute(e.BUTTON_TEXT)}get ariaLabelContent(){return`${this.querySelector('[slot="label"')?.innerText||""} ${this.label||""} ${this.description||""}`}};a=new WeakSet,h=function(){let t=this.container?.querySelector(".action-button"),i="action-button";this.onEvent("click",t,s=>{this.triggerEvent(i,this,{detail:{elem:this,nativeEvent:s}})}),this.onEvent("touchend",t,s=>{this.triggerEvent(i,this,{detail:{elem:this,nativeEvent:s}})})},n=new WeakSet,l=function(t,i){if(!this.container)return;let s=this.container.querySelector(t);s&&(s.innerHTML=i?i.toString():"")},o=c([d("ids-error-page"),u(b)],o);export{o as a};

package/chunks/{ids-chunk-RTBFPTZS.js → ids-chunk-Z2TM5XYU.js}

@@ -1,5 +1,4 @@
-import{a as p}from"./ids-chunk-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.js";import{a as d,b as l}from"./ids-chunk-XE4WFW5M.js";import{e as n}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-EHQM67XJ.js";import{a as s}from"./ids-chunk-U7OOVFXE.js";var u=`
-@charset "UTF-8";
+import{a as b}from"./ids-chunk-KCHJRSC5.js";import{c as h}from"./ids-chunk-ZUHWNQKP.js";import{a as p,b as v}from"./ids-chunk-XE4WFW5M.js";import{e as a}from"./ids-chunk-VEAPPKDG.js";import{a as t}from"./ids-chunk-NSM2KAOK.js";import{a as u,d,g as c}from"./ids-chunk-Y32WUP63.js";var f=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -63,29 +62,6 @@ import{a as p}from"./ids-chunk-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
   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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
 }
 
 :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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
 }
 
 :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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
   /* 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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
   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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
 .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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
   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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
 .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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
   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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
   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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
   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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
   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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
   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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
   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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
   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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
 .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-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
 .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);
 }
@@ -955,17 +967,17 @@ import{a as p}from"./ids-chunk-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
 }
 .ids-input.color-variant-alternate-formatter:focus-within .ids-input-field {
   box-shadow: none;
-}`;var a=class extends p{constructor(){super()}get elements(){return{content:this.container?.querySelector(".ids-trigger-field-content"),label:this.container?.querySelector("label"),text:this.container?.querySelector("ids-text")}}connectedCallback(){super.connectedCallback(),this.#i(),this.#o(),this.readonly=n(this.getAttribute("readonly"))}static get attributes(){return[...super.attributes,t.FORMAT,t.TABBABLE]}onColorVariantRefresh(){this.buttons.forEach(i=>{i.colorVariant=this.colorVariant})}template(){this.templateHostAttributes();let{ariaLabel:i,containerClass:o,inputClass:r,inputState:e,labelHtml:v,placeholder:h,type:b,value:f}=this.templateVariables();return`<div class="ids-trigger-field ${o}" part="container">
-      ${v}
+}`;var e,g,s,m,n=class extends b{constructor(){super();d(this,e);d(this,s)}get elements(){return{content:this.container?.querySelector(".ids-trigger-field-content"),label:this.container?.querySelector("label"),text:this.container?.querySelector("ids-text")}}connectedCallback(){super.connectedCallback(),c(this,e,g).call(this),c(this,s,m).call(this),this.readonly=a(this.getAttribute("readonly"))}static get attributes(){return[...super.attributes,t.FORMAT,t.TABBABLE]}onColorVariantRefresh(){this.buttons.forEach(i=>{i.colorVariant=this.colorVariant})}template(){this.templateHostAttributes();let{ariaLabel:i,containerClass:o,inputClass:r,inputState:l,labelHtml:x,placeholder:w,type:y,value:k}=this.templateVariables();return`<div class="ids-trigger-field ${o}" part="container">
+      ${x}
       <div class="field-container" part="field-container">
         <slot name="trigger-start"></slot>
         <slot class="content-area" part="content-area"></slot>
         <input
           part="input"
           id="${this.id}-input"
-          ${b}${r}${h}${e}
+          ${y}${r}${w}${l}
           ${i}
-          ${f}
+          ${k}
           ></input>
         <slot name="trigger-end"></slot>
         <slot name="loading-indicator"></slot>
@@ -979,4 +991,4 @@ import{a as p}from"./ids-chunk-MWLEKUNC.js";import{c}from"./ids-chunk-ZUHWNQKP.j
         >
           <ids-list-box slot="content" size="${this.size}"></ids-list-box>
         </ids-popup>`:""}
-    </div>`}get buttons(){return[...this.querySelectorAll("ids-trigger-button")]}set tabbable(i){let o=n(i);o?this.setAttribute(t.TABBABLE,`${c(`${i}`)}`):this.removeAttribute(t.TABBABLE),this.buttons.forEach(r=>{r.tabbable=o})}get tabbable(){return n(this.getAttribute(t.TABBABLE))}set disabled(i){super.disabled=i,n(i)?(this.readonly=!1,super.readonly=!1,this.buttons.forEach(o=>{o.setAttribute(t.DISABLED,""),o.readonly=!1})):this.buttons.forEach(o=>{o.removeAttribute(t.DISABLED)})}get disabled(){return super.disabled}set readonly(i){super.readonly=i,n(i)&&!this.readonlyBackground?this.buttons.forEach(o=>{o.setAttribute(t.READONLY,""),o.removeAttribute(t.DISABLED)}):this.buttons.forEach(o=>{o.removeAttribute(t.READONLY)})}get readonly(){return super.readonly}set format(i){i?this.setAttribute(t.FORMAT,i):this.removeAttribute(t.FORMAT)}get format(){return this.getAttribute(t.FORMAT)}#i(){this.onEvent("click.trigger-button",this,i=>{i.target&&this.trigger()})}#o(){let i=(o,r,e)=>{this.hasAttribute(r)?o?.setAttribute(r,e):o?.removeAttribute(r)};this.buttons?.forEach(o=>{i(o,t.COMPACT,""),i(o,t.FIELD_HEIGHT,this.fieldHeight)})}onFieldHeightChange(i){this.buttons.forEach(o=>{if(i){let r=i==="compact"?{name:"compact",val:""}:{name:"field-height",val:i};o.setAttribute(r.name,r.val)}else o.removeAttribute("compact"),o.removeAttribute("field-height")})}trigger(){let i=!0,o=r=>{i=!!r};this.triggerEvent("beforetriggerclicked",this,{detail:{elem:this,response:o}}),i&&this.triggerEvent("triggerclicked",this,{detail:{elem:this}})}};a=s([d("ids-trigger-field"),l(u)],a);export{a};
+    </div>`}get buttons(){return[...this.querySelectorAll("ids-trigger-button")]}set tabbable(i){let o=a(i);o?this.setAttribute(t.TABBABLE,`${h(`${i}`)}`):this.removeAttribute(t.TABBABLE),this.buttons.forEach(r=>{r.tabbable=o})}get tabbable(){return a(this.getAttribute(t.TABBABLE))}set disabled(i){super.disabled=i,a(i)?(this.readonly=!1,super.readonly=!1,this.buttons.forEach(o=>{o.setAttribute(t.DISABLED,""),o.readonly=!1})):this.buttons.forEach(o=>{o.removeAttribute(t.DISABLED)})}get disabled(){return super.disabled}set readonly(i){super.readonly=i,a(i)&&!this.readonlyBackground?this.buttons.forEach(o=>{o.setAttribute(t.READONLY,""),o.removeAttribute(t.DISABLED)}):this.buttons.forEach(o=>{o.removeAttribute(t.READONLY)})}get readonly(){return super.readonly}set format(i){i?this.setAttribute(t.FORMAT,i):this.removeAttribute(t.FORMAT)}get format(){return this.getAttribute(t.FORMAT)}onFieldHeightChange(i){this.buttons.forEach(o=>{if(i){let r=i==="compact"?{name:"compact",val:""}:{name:"field-height",val:i};o.setAttribute(r.name,r.val)}else o.removeAttribute("compact"),o.removeAttribute("field-height")})}trigger(){let i=!0,o=r=>{i=!!r};this.triggerEvent("beforetriggerclicked",this,{detail:{elem:this,response:o}}),i&&this.triggerEvent("triggerclicked",this,{detail:{elem:this}})}};e=new WeakSet,g=function(){this.onEvent("click.trigger-button",this,i=>{i.target&&this.trigger()})},s=new WeakSet,m=function(){let i=(o,r,l)=>{this.hasAttribute(r)?o?.setAttribute(r,l):o?.removeAttribute(r)};this.buttons?.forEach(o=>{i(o,t.COMPACT,""),i(o,t.FIELD_HEIGHT,this.fieldHeight)})},n=u([p("ids-trigger-field"),v(f)],n);export{n as a};