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

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

@@ -0,0 +1,152 @@
+import{a as L}from"./ids-chunk-DK5QOJMP.js";import{a as y,b as V}from"./ids-chunk-XE4WFW5M.js";import{a as T}from"./ids-chunk-RCDMHHTV.js";import{e as d}from"./ids-chunk-5Q3WPKMB.js";import{a as s}from"./ids-chunk-4NXTNKXV.js";import{a as C,b as S,d as l,g as o}from"./ids-chunk-Y32WUP63.js";var N=`[hide] {
+  display: none;
+}
+
+.selectable,
+:host-context([selectable]),
+:host-context(.selectable) {
+  cursor: var(--ids-cursor-pointer);
+}
+
+li,
+:host {
+  --ids-badge-disabled-background-color: var(--ids-list-view-item-color-background-disabled);
+  --ids-badge-disabled-border-color: var(--ids-list-view-item-color-border-disabled);
+  --ids-badge-disabled-text-color: var(--ids-list-view-item-badge-color-text-disabled);
+  display: block;
+  background: transparent;
+  border: var(--ids-list-view-item-border);
+  border-top-color: var(--ids-list-view-item-color-border-top);
+  contain: content;
+  list-style-type: none;
+  margin: 0;
+  padding: var(--ids-list-view-item-padding);
+}
+li .list-item-area,
+:host .list-item-area {
+  display: flex;
+  align-items: center;
+  line-height: var(--ids-list-builder-item-line-height);
+}
+li .list-item-area .list-item-content,
+:host .list-item-area .list-item-content {
+  width: 100%;
+}
+li .list-item-area .list-item-checkbox,
+:host .list-item-area .list-item-checkbox {
+  padding-inline-end: var(--ids-space-70);
+  flex-grow: 0;
+  flex-shrink: 0;
+  max-height: var(--ids-space-60);
+  max-width: var(--ids-space-60);
+}
+li .list-item-area .list-item-checkbox[disabled]::part(checkmark),
+:host .list-item-area .list-item-checkbox[disabled]::part(checkmark) {
+  background-color: transparent;
+}
+
+li.activated,
+li[activated],
+li.selected,
+li[selected],
+li:hover,
+:host(:hover),
+:host(.activated),
+:host([activated]),
+:host(.selected),
+:host([selected]) {
+  display: block;
+  background-color: var(--ids-list-view-color-background-selected);
+}
+
+:host([hide-selected-color]) {
+  background-color: transparent;
+}
+
+li:focus,
+li:focus-visible,
+li:focus-within,
+:host(:focus),
+:host(:focus-visible),
+:host(:focus-within) {
+  display: block;
+  border-color: var(--ids-list-view-item-color-border-focus);
+  box-shadow: var(--ids-list-view-item-shadow-focus);
+  outline: var(--ids-list-view-item-outline-focus);
+}
+
+li.disabled,
+li[disabled],
+.disabled,
+[disabled],
+:host(:hover[disabled]),
+:host([disabled]:hover),
+:host([disabled]),
+:host(.disabled) {
+  background-color: var(--ids-list-view-item-color-background-default);
+  color: var(--ids-list-view-item-color-text-disabled);
+  cursor: var(--ids-cursor-default);
+  pointer-events: none;
+  user-select: none;
+}
+li.disabled:focus,
+li[disabled]:focus,
+.disabled:focus,
+[disabled]:focus,
+:host(:hover[disabled]):focus,
+:host([disabled]:hover):focus,
+:host([disabled]):focus,
+:host(.disabled):focus {
+  border-color: var(--ids-list-view-item-color-border-disabled-focus);
+  border-top-color: var(--ids-list-view-item-top-color-border-disabled-focus);
+  box-shadow: var(--ids-list-view-item-shadow-disabled-focus);
+}
+
+:host-context([disabled]),
+:host-context(.disabled) {
+  background-color: var(--ids-list-view-item-color-background-default);
+  color: var(--ids-list-view-item-color-text-disabled);
+  cursor: var(--ids-cursor-default);
+  pointer-events: none;
+  user-select: none;
+}
+:host-context([disabled]):focus,
+:host-context(.disabled):focus {
+  border-color: var(--ids-list-view-item-color-border-disabled-focus);
+  border-top-color: var(--ids-list-view-item-top-color-border-disabled-focus);
+  box-shadow: var(--ids-list-view-item-shadow-disabled-focus);
+}
+
+.sortable li,
+[sortable] li,
+.sortable,
+[sortable],
+.sortable :host,
+[sortable] :host {
+  cursor: inherit;
+  display: block;
+}
+
+:host-context(.sortable),
+:host-context([sortable]),
+:host-context(ids-list-view[sortable]),
+:host-context(ids-swappable),
+:host-context(ids-swappable-item) {
+  cursor: inherit;
+  display: block;
+}`;var W=L(T),w,B,x,H,p,R,g,P,k,q,E,$,A,O,m,D,h,f,I,K,r,b,c,u,n=class extends W{constructor(){super(...arguments);l(this,w);l(this,x);l(this,p);l(this,g);l(this,k);l(this,E);l(this,A);l(this,m);l(this,h);l(this,I);l(this,r);l(this,c);S(this,"rootNode")}get listView(){return this.rootNode||(this.rootNode=this.getRootNode()?.host??this.closest("ids-list-view, ids-list-builder")),this.rootNode}get nextEnabled(){let e=this.rowIndex;for(;this.listView?.itemByIndex(++e)?.hasAttribute("disabled"););return this.listView?.itemByIndex(e)}get prevEnabled(){let e=this.rowIndex;for(;this.listView?.itemByIndex(--e)?.hasAttribute("disabled"););return this.listView?.itemByIndex(e)}get data(){return this.listView?.datasource?.currentData??this.listView?.data??[]}get rowData(){let e=this.data[this.rowIndex]??{disabled:this.disabled,itemActivated:this.itemActivated,itemChecked:this.itemChecked,itemSelected:this.itemSelected};return{rowIndex:this.rowIndex,...e}}set rowData(e){if(!this.data.length)return;let t={...this.rowData,...e};this.data[this.rowIndex]=t}static get attributes(){return[...super.attributes,s.ACTIVATED,s.CHECKED,s.DISABLED,s.SELECTED,s.ROW_INDEX]}connectedCallback(){if(super.connectedCallback(),this.rowIndex<0){this.rowIndex=this.listView?.itemCount||0;let e=this.listView?.templateCustomHTML?.(this.rowData);e&&(this.innerHTML=e)}o(this,m,D).call(this),o(this,I,K).call(this)}disconnectedCallback(){o(this,h,f).call(this)}attributeChangedCallback(e,t,i){t!==i&&(e===s.ACTIVATED&&o(this,w,B).call(this,d(i)),e===s.CHECKED&&o(this,x,H).call(this,d(i)),e===s.DISABLED&&o(this,p,R).call(this,d(i)),e===s.SELECTED&&o(this,g,P).call(this,d(i)),e===s.ROW_INDEX&&o(this,k,q).call(this,i))}get checkbox(){return[...this.querySelectorAll("ids-checkbox"),...this.shadowRoot?.querySelectorAll("ids-checkbox")??[],...this.querySelectorAll('input[type="checkbox"]'),...this.shadowRoot?.querySelectorAll('input[type="checkbox"]')??[]][0]??void 0}get swappableParent(){return this.assignedSlot?.closest("ids-swappable-item")??this.closest("ids-swappable-item")??void 0}template(){return`
+      <div class="list-item-area">
+        ${this.templateCheckbox()}
+        <div class="list-item-content">
+          <slot></slot>
+        </div>
+      </div>
+    `}templateElements(){let e={};return(this.listView?.dataKeys??Object.keys(this.rowData)).map(i=>{let a=this.querySelector(`[data-field="${i}"]`);a&&(e[i]=a)}),e}get checkboxHidden(){let e=this.listView,t=e?.selectable==="multiple"||e?.selectable==="mixed",i=e?.selectable==="multiple"&&e?.hideCheckboxes,a=t?"":"hide";return i&&(a="hide"),!!a}templateCheckbox(){if(!this.listView)return"";let t=this.rowData,i=this.rowIndex,a=this.checkboxHidden?"hide":"",v=t.itemSelected?" checked":"",M=t.disabled?" disabled":"";return`
+      <ids-checkbox ${a}
+        class="list-item-checkbox"
+        label="cb-item-${i}"
+        label-state="hidden"
+        ${v}
+        ${M}>
+      </ids-checkbox>
+    `}set rowIndex(e){e!==null&&e>=0?this.setAttribute(s.ROW_INDEX,String(e)):this.removeAttribute(s.ROW_INDEX)}get rowIndex(){return Number(this.getAttribute(s.ROW_INDEX)??-1)}get itemActivated(){return this.activated}get activated(){return this.hasAttribute(s.ACTIVATED)}set activated(e){let t=d(e),i=d(this.activated);if(this.disabled||t===i||t===!1&&this.listView?.suppressDeactivation)return;let v=!o(this,c,u).call(this,t?"beforeactivated":"beforedeactivated")&&t;this.toggleAttribute(s.ACTIVATED,v),o(this,r,b).call(this,t?"activated":"deactivated"),o(this,r,b).call(this,t?"afteractivated":"afterdeactivated")}get disabled(){return this.hasAttribute(s.DISABLED)}set disabled(e){let t=d(e),i=d(this.disabled);t!==i&&(this.toggleAttribute(s.DISABLED,t),this.checkbox?.toggleAttribute(s.DISABLED,t))}get itemSelected(){return this.selected}get selectable(){return String(this.listView?.selectable??"")}get sortable(){return d(this.listView?.sortable)}get itemChecked(){return this.checked}get checked(){return this.hasAttribute(s.CHECKED)}set checked(e){let t=d(e),i=d(this.checked);if(this.disabled||t===i||t===!1&&this.listView?.suppressDeselection)return;let a=o(this,c,u).call(this,t?"beforeselected":"beforedeselected");this.toggleAttribute(s.CHECKED,!a&&t)}get selected(){return this.hasAttribute(s.SELECTED)}set selected(e){let t=!1;if(this.selectable){let i=d(e),a=d(this.selected);if(this.disabled||i===a||i===!1&&this.listView?.suppressDeselection)return;t=!o(this,c,u).call(this,i?"beforeselected":"beforedeselected")&&i}this.toggleAttribute(s.SELECTED,t),this.toggleAttribute("aria-selected",t),this.toggleAttribute("hide-selected-color",t&&this.selectable==="mixed"),this.selectable==="multiple"&&!t&&this.removeAttribute("activated")}};w=new WeakSet,B=function(e){this.rowData={itemActivated:e},e&&(this.listView?.itemsActivated?.forEach(t=>{t!==this&&(t.activated=!1)}),o(this,A,O).call(this)),this.removeAttribute("hide-selected-color"),this.parentElement?.querySelector(".hide-selected-color")?.removeAttribute("hide-selected-color")},x=new WeakSet,H=function(e){this.rowData={itemChecked:e};let t=this.checkbox;t&&(t.checked=e),this.selectable&&this.selectable!=="mixed"&&(this.selected=!!e)},p=new WeakSet,R=function(e){this.rowData={disabled:e},e?o(this,h,f).call(this):o(this,m,D).call(this)},g=new WeakSet,P=function(e){if(this.rowData={itemSelected:e},["single","multiple"].includes(this.selectable)){let t=this.checkbox;t&&!t.hasAttribute("hide")&&(t.checked=e)}["single"].includes(this.selectable)&&e&&this.listView?.itemsSelected?.forEach(t=>{t!==this&&(t.selected=!1)}),["single","mixed"].includes(this.selectable)&&!e&&(this.selected=!1),o(this,r,b).call(this,e?"selected":"deselected"),e&&o(this,r,b).call(this,"itemSelect")},k=new WeakSet,q=function(e){let t=Number(e)>=0?Number(e):-1;this.setAttribute("index",String(t)),this.setAttribute("aria-posinset",String(t+1)),this.id||this.setAttribute("id",`id-${String(t+1)}`),this.setAttribute("aria-setsize",String(this.listView?.itemCount||-1))},E=new WeakSet,$=function(e){if(this.disabled){e?.preventDefault(),e?.stopPropagation(),e?.stopImmediatePropagation();return}let t=e?.composedPath()[0]?.classList?.contains("checkmark")||!1;this.selectable==="mixed"&&!t&&!e?.composedPath()[0]?.classList?.contains("checkbox")&&(this.activated=!this.activated),this.selectable!=="mixed"&&(this.activated=!this.activated);let i=this.selectable;if(i){if(["single","multiple"].includes(i)&&e?.preventDefault(),i==="mixed"&&!t)return;this.selected=!this.selected,i==="mixed"&&(e?.stopPropagation(),e?.stopImmediatePropagation())}},A=new WeakSet,O=function(){this.listView?.itemsTabbable?.forEach(e=>{e.tabIndex=-1,e.setAttribute("tabindex","-1")}),this.activated&&(this.tabIndex=0,this.setAttribute("tabindex","0"),this.listView?.body?.setAttribute("aria-activedescendant",String(this.id)),this.focus())},m=new WeakSet,D=function(){o(this,h,f).call(this),this.onEvent("click.listview-item",this,e=>{o(this,E,$).call(this,e)}),this.onEvent("focus.listview",this,()=>{this.closest(".ids-list-view-body")?.querySelector('ids-list-view-item:not([tabindex="0"]')?.removeAttribute("tabindex"),this?.setAttribute("tabindex","0"),this.closest(".ids-list-view-body")?.setAttribute("aria-activedescendant",String(this?.id))}),this.onEvent("click.listview-checkbox-veto",this.checkbox,e=>{o(this,c,u).call(this,this.checkbox?.checked?"beforedeselected":"beforeselected")&&(e.preventDefault(),e.stopImmediatePropagation())}),this.onEvent("change.listview-checkbox",this.checkbox,()=>{this.checked=!!this.checkbox?.checked})},h=new WeakSet,f=function(){this.offEvent("click.listview-item",this),this.offEvent("keyup.listview-selection",this),this.offEvent("click.listview-checkbox-veto",this.checkbox),this.offEvent("change.listview-checkbox",this.checkbox)},I=new WeakSet,K=function(){let e=this.listView,t=this.rowData;this.classList.toggle("sortable",!!e.sortable),t.itemActivated!==void 0&&(this.activated=!!t.itemActivated),t.rowData!==void 0&&(this.disabled=!!t.disabled),t.itemSelected!==void 0&&(this.selected=!!t.itemSelected),this.tabIndex=-1,this.setAttribute("tabindex","-1"),this.setAttribute("role","option"),this.setAttribute("aria-setsize",String(this.listView?.itemCount||-1))},r=new WeakSet,b=function(e){let t={elem:this,data:this.rowData,index:this.rowIndex};this.triggerEvent(e,this.listView??this,{bubbles:!0,detail:t})},c=new WeakSet,u=function(e){return!(this.listView?this.listView.triggerVetoableEvent?.(e,{index:this.rowIndex,item:this,data:this.rowData}):!0)},n=C([y("ids-list-view-item"),V(N)],n);export{n as a};

package/chunks/{ids-chunk-WERRPJQF.js → ids-chunk-7SNGPV6G.js}

@@ -1,4 +1,4 @@
-import{a as B}from"./ids-chunk-JOUT6B26.js";import{a as P}from"./ids-chunk-FO52BNTK.js";import{a as O}from"./ids-chunk-XDHN7FIQ.js";import{a as l,b,c as m,d as f,e as D,f as g,g as _}from"./ids-chunk-AWX53KLG.js";import{a as L}from"./ids-chunk-LFKI3ZIN.js";import{a as C}from"./ids-chunk-PHQEFZRD.js";import{a as T}from"./ids-chunk-CT5U7IVV.js";import{a as S}from"./ids-chunk-EVENS4EI.js";import{a as I,b as E}from"./ids-chunk-XE4WFW5M.js";import{a as N}from"./ids-chunk-4WDX2CDM.js";import{e}from"./ids-chunk-VEAPPKDG.js";import{a as i,b as w}from"./ids-chunk-NSM2KAOK.js";import{a as y,b as p,c as x,d as v,e as A,g as k}from"./ids-chunk-Y32WUP63.js";var q=`/**
+import{a as B}from"./ids-chunk-M2HWRJ3J.js";import{a as P}from"./ids-chunk-FHAPH6QW.js";import{a as O}from"./ids-chunk-XKY7GB2B.js";import{a as l,b,c as p,d as f,e as q,f as g,g as D}from"./ids-chunk-GXK74R7H.js";import{a as L}from"./ids-chunk-HXA5LW64.js";import{a as C}from"./ids-chunk-OPOTJ7IF.js";import{a as T}from"./ids-chunk-DK5QOJMP.js";import{a as S}from"./ids-chunk-IFNEWXJJ.js";import{a as I,b as E}from"./ids-chunk-XE4WFW5M.js";import{a as N}from"./ids-chunk-RCDMHHTV.js";import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as i,b as w}from"./ids-chunk-4NXTNKXV.js";import{a as y,b as m,c as x,d as v,e as A,g as k}from"./ids-chunk-Y32WUP63.js";var _=`/**
  * Ids Button Component CSS
  * (Includes standard and icon button rules)
  */
@@ -466,6 +466,11 @@ button {
   padding: var(--ids-space-30);
   padding-inline: var(--ids-space-30);
 }
+.ids-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
+.ids-toggle-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
+.ids-menu-button.color-variant-alternate-formatter.ids-menu-button.compact.square {
+  border-radius: var(--ids-border-radius-02);
+}
 .ids-button.color-variant-module,
 .ids-toggle-button.color-variant-module,
 .ids-menu-button.color-variant-module {
@@ -740,6 +745,9 @@ button {
   padding: var(--ids-space-30);
   padding-inline: var(--ids-space-30);
 }
+.ids-icon-button.color-variant-alternate-formatter.ids-menu-button.compact.square {
+  border-radius: var(--ids-border-radius-02);
+}
 .ids-icon-button.color-variant-module {
   color: var(--ids-button-module-color-text-default);
 }
@@ -1083,7 +1091,7 @@ button {
   margin-inline-end: auto;
   left: 0;
   right: 0;
-}`;var U=L(C(B(P(S(O(T(N))))))),h,M,a,R,z,c=class extends U{constructor(){super();v(this,h);v(this,a);p(this,"shouldUpdate",!1);p(this,"colorVariants",["alternate","alternate-formatter","module","module-nav"]);Object.keys(f).forEach(t=>{this.state[t]=f[t]}),Object.defineProperty(this,"tabIndex",{get:()=>x(this,a,z),set:t=>{A(this,a,t,R)},configurable:!0,enumerable:!0})}connectedCallback(){super.connectedCallback(),k(this,h,M).call(this),this.shouldUpdate=!0,this.getAttribute("width")&&(this.width=this.getAttribute("width")),this.cssClass=this.cssClass}static get attributes(){return[...super.attributes,...D]}get protoClasses(){let t=this.querySelector("span:not(.audible), ids-text:not([audible])");return this.iconEl&&!t?["ids-icon-button"]:["ids-button"]}refreshProtoClasses(){if(!this.button)return;let t=this.button.classList,o=this.protoClasses;t.remove(..._),t.add(...o)}template(){let t="",o="",n="",r='tabindex="0"',s="";this.state?.cssClass&&(t=` ${this.state.cssClass.join(" ")}`),this.state?.disabled&&(n=' disabled="true"'),this.state?.tabIndex&&(r=`tabindex="${this.state.tabIndex}"`),this.state&&this.state?.appearance!=="default"&&(s=` btn-${this.state.appearance}`),this.hasAttribute(i.SQUARE)&&(t+=" square"),this.hasAttribute(i.NO_PADDING)&&(t+=" no-padding"),this.protoClasses.length&&(o=`${this.protoClasses.join(" ")}`);let u="";return this.state?.iconAlign&&(u=` align-icon-${this.state?.iconAlign}`),`<button part="button" class="${o}${s}${u}${t}" ${r}${n}>
+}`;var U=L(C(B(P(S(O(T(N))))))),h,M,a,R,z,c=class extends U{constructor(){super();v(this,h);v(this,a);m(this,"shouldUpdate",!1);m(this,"colorVariants",["alternate","alternate-formatter","module","module-nav"]);Object.keys(f).forEach(t=>{this.state[t]=f[t]}),Object.defineProperty(this,"tabIndex",{get:()=>x(this,a,z),set:t=>{A(this,a,t,R)},configurable:!0,enumerable:!0})}connectedCallback(){super.connectedCallback(),k(this,h,M).call(this),this.shouldUpdate=!0,this.getAttribute("width")&&(this.width=this.getAttribute("width")),this.cssClass=this.cssClass}static get attributes(){return[...super.attributes,...q]}get protoClasses(){let t=this.querySelector("span:not(.audible), ids-text:not([audible])");return this.iconEl&&!t?["ids-icon-button"]:["ids-button"]}refreshProtoClasses(){if(!this.button)return;let t=this.button.classList,o=this.protoClasses;t.remove(...D),t.add(...o)}template(){let t="",o="",n="",r='tabindex="0"',s="";this.state?.cssClass&&(t=` ${this.state.cssClass.join(" ")}`),this.state?.disabled&&(n=' disabled="true"'),this.state?.tabIndex&&(r=`tabindex="${this.state.tabIndex}"`),this.state&&this.state?.appearance!=="default"&&this.state.appearance!==void 0&&(s=` btn-${this.state.appearance}`),this.hasAttribute(i.SQUARE)&&(t+=" square"),this.hasAttribute(i.NO_PADDING)&&(t+=" no-padding"),this.protoClasses.length&&(o=`${this.protoClasses.join(" ")}`);let u="";return this.state?.iconAlign&&(u=` align-icon-${this.state?.iconAlign}`),`<button part="button" class="${o}${s}${u}${t}" ${r}${n}>
       <slot></slot>
       <slot name="loading-indicator"></slot>
-    </button>`}onHiddenChange(t){let o=e(t);this.shouldUpdate=!1,o?this.setAttribute(i.HIDDEN,""):this.removeAttribute(i.HIDDEN),this.shouldUpdate=!0,this.state.hidden=o,this.button&&(this.button.hidden=o)}setAriaText(){this.container&&this.container.setAttribute(w.ARIA_LABEL,this.text?.trim()||"Button")}get button(){return this.shadowRoot?.querySelector("button")||null}set contentAlign(t){!t||b.indexOf(t)<=0?(this.removeAttribute(i.CONTENT_ALIGN),this.state.contentAlign=b[0]):(this.setAttribute(i.CONTENT_ALIGN,t),this.state.contentAlign!==t&&(this.state.contentAlign=t)),this.setContentAlignClass(t)}get contentAlign(){return this.state.appearance}setContentAlignClass(t){this.button&&b.forEach(o=>{let n=`content-align-${o}`;if(t===o){o!=="default"&&!this.button?.classList.contains(n)&&this.button?.classList.add(n);return}this.button?.classList.contains(n)&&this.button?.classList.remove(n)})}set cssClass(t){let o=t,n=[],r=[].concat(this.state.cssClass);if(Array.isArray(t)?(n=t,o=t.join(" ")):typeof t=="string"&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(i.CSS_CLASS,o.toString()):this.removeAttribute(i.CSS_CLASS),!this.button)return;let s=this.button.classList,u=Array.from(s);r.forEach(d=>{n.includes(d)||s.remove(d)}),n.forEach(d=>{u.includes(d)||s.add(d)})}get cssClass(){return this.state.cssClass}set disabled(t){let o=e(t);this.shouldUpdate=!1,o?this.setAttribute(i.DISABLED,""):this.removeAttribute(i.DISABLED),this.shouldUpdate=!0,this.state.disabled=o,this.button&&(this.button.disabled=o)}get disabled(){return this.state.disabled}set icon(t){if(typeof t!="string"||!t.length){this.removeAttribute(i.ICON),this.state.icon=void 0,this.removeIcon();return}this.state.icon=t,this.setAttribute(i.ICON,t),this.appendIcon(t)}get icon(){return this.iconEl?.getAttribute("icon")}get iconEl(){return this.querySelector("ids-icon")}set iconAlign(t){g.includes(`align-icon-${t}`)||(t=void 0),this.state.iconAlign=t,this.setIconAlignment()}get iconAlign(){return this.state?.iconAlign}get width(){return this.getAttribute(i.WIDTH)}set width(t){if(!t){this.removeAttribute(i.WIDTH),this.style.width="",this.button&&(this.button.style.width="");return}t.indexOf("%")!==-1?(this.style.width=t,this.button&&(this.button.style.width="")):(this.style.width="",this.button&&(this.button.style.width=t)),this.setAttribute(i.WIDTH,t)}appendIcon(t){let o=this.querySelector("ids-icon"),n=this.iconAlign,r=n==="end"?"beforeend":"afterbegin";o?(o.icon!==t&&(o.icon=t,this.setIconAlignment()),n==="end"&&this.hasIncorrectEndElement()?this.append(o):this.hasIncorrectStartElement()&&this.prepend(o)):this.insertAdjacentHTML(r,`<ids-icon icon="${t}" class="ids-icon"></ids-icon>`),this.refreshProtoClasses()}removeIcon(){let t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}setIconAlignment(){if(!this.button)return;let t=this.iconAlign,o=this.icon;if(this.button.classList.remove(...g),t&&o){this.button.classList.add(`align-icon-${t}`);let n=this.hasIncorrectStartElement(),r=this.hasIncorrectEndElement();(n||r)&&this.appendIcon(o)}}hasIncorrectStartElement(){return this.iconAlign==="start"&&!this.children[0].isEqualNode(this.iconEl)}hasIncorrectEndElement(){return this.iconAlign==="end"&&!this.children[this.children.length-1].isEqualNode(this.iconEl)}set text(t){if(this.removeAttribute(i.TEXT),typeof t!="string"||!t.length){this.state.text="",this.removeText();return}this.state.text=t,this.appendText(t)}get text(){let t=this.querySelector("span:not(.audible)");return t&&t.textContent?.length?t.textContent:this.textContent}appendText(t){let o=this.querySelector("span:not(.audible)"),n=this.iconAlign,r=n==="end"?"afterbegin":"beforeend";o?(o.textContent=t,this.setAriaText(),n==="end"&&this.hasIncorrectEndElement()?this.prepend(o):n==="start"&&this.hasIncorrectStartElement()&&this.append(o)):this.insertAdjacentHTML(r,`<span>${t}</span>`),this.refreshProtoClasses()}removeText(){let t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}set appearance(t){!t||l.indexOf(t)<=0?(this.removeAttribute(i.APPEARANCE),this.state.appearance=l[0]):(this.setAttribute(i.APPEARANCE,t),this.state.appearance!==t&&(this.state.appearance=t)),this.setAppearanceClass(t)}get appearance(){return this.state.appearance}set type(t){t&&m.includes(t)?(this.setAttribute(i.TYPE,t),this.button?.setAttribute(i.TYPE,t),this.state.type!==t&&(this.state.type=t)):(this.removeAttribute(i.TYPE),this.button?.removeAttribute(i.TYPE),this.state.type=m[0])}get type(){return this.state.type}set noMargins(t){if(e(t)){this.setAttribute(i.NO_MARGINS,""),this.container?.classList.add(i.NO_MARGINS);return}this.removeAttribute(i.NO_MARGINS),this.container?.classList.remove(i.NO_MARGINS)}get noMargins(){return e(this.getAttribute(i.NO_MARGINS))}set noPadding(t){let o=this.noPadding,n=e(t);o!==n&&(n?(this.container?.classList.add(i.NO_PADDING),this.setAttribute(i.NO_PADDING,"true")):(this.container?.classList.remove(i.NO_PADDING),this.removeAttribute(i.NO_PADDING)))}get noPadding(){return e(this.getAttribute(i.NO_PADDING))}set square(t){let o=e(t);this.button&&(o&&!this.button.classList.contains("square")?this.button.classList.add("square"):!o&&this.button.classList.contains("square")&&this.button.classList.remove("square")),o&&!this.hasAttribute(i.SQUARE)?this.setAttribute(i.SQUARE,""):!o&&this.hasAttribute(i.SQUARE)&&this.removeAttribute(i.SQUARE)}get square(){return this.hasAttribute(i.SQUARE)}setAppearanceClass(t){this.button&&l.forEach(o=>{let n=`btn-${o}`;if(t===o){o!=="default"&&!this.button?.classList.contains(n)&&this.button?.classList.add(n);return}this.button?.classList.contains(n)&&this.button?.classList.remove(n)})}focus(){this.button?.focus()}onColorVariantRefresh(){let t=this.querySelectorAll("ids-icon"),o=this.querySelectorAll("ids-text, span"),n=r=>{r instanceof HTMLSpanElement||(r.colorVariant=this.colorVariant)};[...t,...o].forEach(n)}};h=new WeakSet,M=function(){this.hasAttribute(i.ICON)&&this.appendIcon(this.getAttribute(i.ICON)),this.hasAttribute(i.TEXT)&&this.appendText(this.getAttribute(i.TEXT)),this.setAriaText();let t=this.button?.classList.contains("ids-icon-button");this.setupRipple(this.button,t?35:50),this.hasAttribute(i.CONTENT_ALIGN)&&this.setContentAlignClass(this.getAttribute(i.CONTENT_ALIGN)),this.setIconAlignment(),this.refreshProtoClasses(),this.localeAPI.updateDirectionAttribute(this,this.localeAPI.language.name)},a=new WeakSet,R=function(t){let o=Number(t);if(this.removeAttribute(i.TABINDEX),Number.isNaN(o)||o<-1){this.state.tabIndex=0,this.button?.setAttribute(i.TABINDEX,"0");return}this.state.tabIndex=o,this.button?.setAttribute(i.TABINDEX,`${o}`)},z=function(){return this.state.tabIndex},c=y([I("ids-button"),E(q)],c);export{q as a,c as b};
+    </button>`}onHiddenChange(t){let o=e(t);this.shouldUpdate=!1,o?this.setAttribute(i.HIDDEN,""):this.removeAttribute(i.HIDDEN),this.shouldUpdate=!0,this.state.hidden=o,this.button&&(this.button.hidden=o)}setAriaText(){this.container&&this.container.setAttribute(w.ARIA_LABEL,this.text?.trim()||"Button")}get button(){return this.shadowRoot?.querySelector("button")||null}set contentAlign(t){!t||b.indexOf(t)<=0?(this.removeAttribute(i.CONTENT_ALIGN),this.state.contentAlign=b[0]):(this.setAttribute(i.CONTENT_ALIGN,t),this.state.contentAlign!==t&&(this.state.contentAlign=t)),this.setContentAlignClass(t)}get contentAlign(){return this.state.appearance}setContentAlignClass(t){this.button&&b.forEach(o=>{let n=`content-align-${o}`;if(t===o){o!=="default"&&!this.button?.classList.contains(n)&&this.button?.classList.add(n);return}this.button?.classList.contains(n)&&this.button?.classList.remove(n)})}set cssClass(t){let o=t,n=[],r=[].concat(this.state.cssClass);if(Array.isArray(t)?(n=t,o=t.join(" ")):typeof t=="string"&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(i.CSS_CLASS,o.toString()):this.removeAttribute(i.CSS_CLASS),!this.button)return;let s=this.button.classList,u=Array.from(s);r.forEach(d=>{n.includes(d)||s.remove(d)}),n.forEach(d=>{u.includes(d)||s.add(d)})}get cssClass(){return this.state.cssClass}set disabled(t){let o=e(t);this.shouldUpdate=!1,o?this.setAttribute(i.DISABLED,""):this.removeAttribute(i.DISABLED),this.shouldUpdate=!0,this.state.disabled=o,this.button&&(this.button.disabled=o)}get disabled(){return this.state.disabled}set icon(t){if(typeof t!="string"||!t.length){this.removeAttribute(i.ICON),this.state.icon=void 0,this.removeIcon();return}this.state.icon=t,this.setAttribute(i.ICON,t),this.appendIcon(t)}get icon(){return this.iconEl?.getAttribute("icon")}get iconEl(){return this.querySelector("ids-icon")}set iconAlign(t){g.includes(`align-icon-${t}`)||(t=void 0),this.state.iconAlign=t,this.setIconAlignment()}get iconAlign(){return this.state?.iconAlign}get width(){return this.getAttribute(i.WIDTH)}set width(t){if(!t){this.removeAttribute(i.WIDTH),this.style.width="",this.button&&(this.button.style.width="");return}t.indexOf("%")!==-1?(this.style.width=t,this.button&&(this.button.style.width="")):(this.style.width="",this.button&&(this.button.style.width=t)),this.setAttribute(i.WIDTH,t)}appendIcon(t){let o=this.querySelector("ids-icon"),n=this.iconAlign,r=n==="end"?"beforeend":"afterbegin";o?(o.icon!==t&&(o.icon=t,this.setIconAlignment()),n==="end"&&this.hasIncorrectEndElement()?this.append(o):this.hasIncorrectStartElement()&&this.prepend(o)):this.insertAdjacentHTML(r,`<ids-icon icon="${t}" class="ids-icon"></ids-icon>`),this.refreshProtoClasses()}removeIcon(){let t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}setIconAlignment(){if(!this.button)return;let t=this.iconAlign,o=this.icon;if(this.button.classList.remove(...g),t&&o){this.button.classList.add(`align-icon-${t}`);let n=this.hasIncorrectStartElement(),r=this.hasIncorrectEndElement();(n||r)&&this.appendIcon(o)}}hasIncorrectStartElement(){return this.iconAlign==="start"&&!this.children[0].isEqualNode(this.iconEl)}hasIncorrectEndElement(){return this.iconAlign==="end"&&!this.children[this.children.length-1].isEqualNode(this.iconEl)}set text(t){if(this.removeAttribute(i.TEXT),typeof t!="string"||!t.length){this.state.text="",this.removeText();return}this.state.text=t,this.appendText(t)}get text(){let t=this.querySelector("span:not(.audible)");return t&&t.textContent?.length?t.textContent:this.textContent}appendText(t){let o=this.querySelector("span:not(.audible)"),n=this.iconAlign,r=n==="end"?"afterbegin":"beforeend";o?(o.textContent=t,this.setAriaText(),n==="end"&&this.hasIncorrectEndElement()?this.prepend(o):n==="start"&&this.hasIncorrectStartElement()&&this.append(o)):this.insertAdjacentHTML(r,`<span>${t}</span>`),this.refreshProtoClasses()}removeText(){let t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}set appearance(t){!t||l.indexOf(t)<=0?(this.removeAttribute(i.APPEARANCE),this.state.appearance=l[0]):(this.setAttribute(i.APPEARANCE,t),this.state.appearance!==t&&(this.state.appearance=t)),this.setAppearanceClass(t)}get appearance(){return this.state.appearance}set type(t){t&&p.includes(t)?(this.setAttribute(i.TYPE,t),this.button?.setAttribute(i.TYPE,t),this.state.type!==t&&(this.state.type=t)):(this.removeAttribute(i.TYPE),this.button?.removeAttribute(i.TYPE),this.state.type=p[0])}get type(){return this.state.type}set noMargins(t){if(e(t)){this.setAttribute(i.NO_MARGINS,""),this.container?.classList.add(i.NO_MARGINS);return}this.removeAttribute(i.NO_MARGINS),this.container?.classList.remove(i.NO_MARGINS)}get noMargins(){return e(this.getAttribute(i.NO_MARGINS))}set noPadding(t){let o=this.noPadding,n=e(t);o!==n&&(n?(this.container?.classList.add(i.NO_PADDING),this.setAttribute(i.NO_PADDING,"true")):(this.container?.classList.remove(i.NO_PADDING),this.removeAttribute(i.NO_PADDING)))}get noPadding(){return e(this.getAttribute(i.NO_PADDING))}set square(t){let o=e(t);this.button&&(o&&!this.button.classList.contains("square")?this.button.classList.add("square"):!o&&this.button.classList.contains("square")&&this.button.classList.remove("square")),o&&!this.hasAttribute(i.SQUARE)?this.setAttribute(i.SQUARE,""):!o&&this.hasAttribute(i.SQUARE)&&this.removeAttribute(i.SQUARE)}get square(){return this.hasAttribute(i.SQUARE)}setAppearanceClass(t){this.button&&(l.forEach(o=>{let n=`btn-${o}`;if(t===o){o!=="default"&&!this.button?.classList.contains(n)&&this.button?.classList.add(n);return}this.button?.classList.contains(n)&&this.button?.classList.remove(n)}),this.button?.classList.remove("btn-undefined"))}focus(){this.button?.focus()}onColorVariantRefresh(){let t=this.querySelectorAll("ids-icon"),o=this.querySelectorAll("ids-text, span"),n=r=>{r instanceof HTMLSpanElement||(r.colorVariant=this.colorVariant)};[...t,...o].forEach(n)}};h=new WeakSet,M=function(){this.hasAttribute(i.ICON)&&this.appendIcon(this.getAttribute(i.ICON)),this.hasAttribute(i.TEXT)&&this.appendText(this.getAttribute(i.TEXT)),this.setAriaText();let t=this.button?.classList.contains("ids-icon-button");this.setupRipple(this.button,t?35:50),this.hasAttribute(i.CONTENT_ALIGN)&&this.setContentAlignClass(this.getAttribute(i.CONTENT_ALIGN)),this.setIconAlignment(),this.refreshProtoClasses(),this.localeAPI.updateDirectionAttribute(this,this.localeAPI.language.name)},a=new WeakSet,R=function(t){let o=Number(t);if(this.removeAttribute(i.TABINDEX),Number.isNaN(o)||o<-1){this.state.tabIndex=0,this.button?.setAttribute(i.TABINDEX,"0");return}this.state.tabIndex=o,this.button?.setAttribute(i.TABINDEX,`${o}`)},z=function(){return this.state.tabIndex},c=y([I("ids-button"),E(_)],c);export{_ as a,c as b};

package/chunks/{ids-chunk-JC3UJE3K.js → ids-chunk-7TZBUKXG.js}

@@ -1 +1 @@
-import{d as n}from"./ids-chunk-T35PTRDE.js";import{a as e}from"./ids-chunk-NSM2KAOK.js";var a=s=>class extends s{constructor(...t){super(...t)}static get attributes(){return[...s.attributes,e.TEXT_DISPLAY]}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(e.TEXT_DISPLAY)&&(this.textDisplay=this.getAttribute(e.TEXT_DISPLAY))}disconnectedCallback(){super.disconnectedCallback?.()}set textDisplay(t){let i=`${t}`;n(i)&&i!=="default"?this.setAttribute(e.TEXT_DISPLAY,i):this.removeAttribute(e.TEXT_DISPLAY),this.#t(t)}get textDisplay(){return this.getAttribute(e.TEXT_DISPLAY)}#t(t){this.container&&(this.container.classList.remove("text-display-tooltip","text-display-hidden"),t&&t!=="default"&&this.container.classList.add(`text-display-${t}`)),typeof this.onTextDisplayChange=="function"&&this.onTextDisplayChange(t)}},d=a;export{d as a};
+import{d as n}from"./ids-chunk-T35PTRDE.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";var a=s=>class extends s{constructor(...t){super(...t)}static get attributes(){return[...s.attributes,e.TEXT_DISPLAY]}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(e.TEXT_DISPLAY)&&(this.textDisplay=this.getAttribute(e.TEXT_DISPLAY))}disconnectedCallback(){super.disconnectedCallback?.()}set textDisplay(t){let i=`${t}`;n(i)&&i!=="default"?this.setAttribute(e.TEXT_DISPLAY,i):this.removeAttribute(e.TEXT_DISPLAY),this.#t(t)}get textDisplay(){return this.getAttribute(e.TEXT_DISPLAY)}#t(t){this.container&&(this.container.classList.remove("text-display-tooltip","text-display-hidden"),t&&t!=="default"&&this.container.classList.add(`text-display-${t}`)),typeof this.onTextDisplayChange=="function"&&this.onTextDisplayChange(t)}},d=a;export{d as a};

package/chunks/{ids-chunk-KPLOV5F2.js → ids-chunk-7YDCB5QS.js}

@@ -1,4 +1,4 @@
-import{a as e,b as i}from"./ids-chunk-XE4WFW5M.js";import{a as o}from"./ids-chunk-4WDX2CDM.js";import{a as r}from"./ids-chunk-Y32WUP63.js";var s=`.ids-tab-divider {
+import{a as e,b as i}from"./ids-chunk-XE4WFW5M.js";import{a as o}from"./ids-chunk-RCDMHHTV.js";import{a as r}from"./ids-chunk-Y32WUP63.js";var s=`.ids-tab-divider {
   background-color: var(--ids-tab-divider-color-background);
   display: block;
   height: calc(100% - 16px);

package/chunks/{ids-chunk-ZD4SMWXJ.js → ids-chunk-A4B4HY7M.js}

@@ -1,4 +1,4 @@
-import{a as D}from"./ids-chunk-K2BBXXX5.js";import{a as _}from"./ids-chunk-NNYEUWVD.js";import{a as O}from"./ids-chunk-JUAZVJ6E.js";import{a as M}from"./ids-chunk-NP4FOCAS.js";import{a as N}from"./ids-chunk-BUJ7X7MF.js";import{a as C}from"./ids-chunk-PHQEFZRD.js";import{a as H}from"./ids-chunk-CT5U7IVV.js";import{a as S,b as R}from"./ids-chunk-XE4WFW5M.js";import{a as z}from"./ids-chunk-4WDX2CDM.js";import{s as m}from"./ids-chunk-U4XVR5SW.js";import{e as a}from"./ids-chunk-VEAPPKDG.js";import{a as e}from"./ids-chunk-NSM2KAOK.js";import{a as L,b as x,c as w,d as T,g as I}from"./ids-chunk-Y32WUP63.js";var $=`@charset "UTF-8";
+import{a as D}from"./ids-chunk-FYNCTTLY.js";import{a as _}from"./ids-chunk-QBTCBMUS.js";import{a as O}from"./ids-chunk-BWJBFHK4.js";import{a as M}from"./ids-chunk-I6TOGPN2.js";import{a as N}from"./ids-chunk-QLVMBFTN.js";import{a as C}from"./ids-chunk-OPOTJ7IF.js";import{a as H}from"./ids-chunk-DK5QOJMP.js";import{a as S,b as R}from"./ids-chunk-XE4WFW5M.js";import{a as z}from"./ids-chunk-RCDMHHTV.js";import{s as m}from"./ids-chunk-U4XVR5SW.js";import{e as a}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";import{a as L,b as x,c as w,d as T,g as I}from"./ids-chunk-Y32WUP63.js";var $=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -63,11 +63,11 @@ import{a as D}from"./ids-chunk-K2BBXXX5.js";import{a as _}from"./ids-chunk-NNYEU
 }
 
 .ids-textarea .icon-dirty {
-  top: 0;
+  top: 1px;
   margin-inline-start: 1px;
 }
 .ids-textarea .icon-dirty[dir=rtl] {
-  top: 1px;
+  top: 2px;
 }
 
 .validation-message {

package/chunks/ids-chunk-ABKOQ24C.js

@@ -0,0 +1 @@
+import{b as u}from"./ids-chunk-U4XVR5SW.js";import{e as o}from"./ids-chunk-5Q3WPKMB.js";import{a as n}from"./ids-chunk-4NXTNKXV.js";var r="keydown.focus-capture",a=l=>class extends l{constructor(...t){super(...t)}static get attributes(){return[...l.attributes,n.CAPTURES_FOCUS,n.CYCLES_FOCUS,n.FOCUS_INLINE]}#t=document;connectedCallback(){super.connectedCallback?.(),this.hasAttribute(n.FOCUS_INLINE)&&this.syncInline(!0)}disconnectedCallback(){super.disconnectedCallback?.(),this.#i(),this.#t=void 0,this.#e=[]}#s=!1;set capturesFocus(t){let e=this.#s,s=o(t);e!==s&&(this.#s=s,s?this.setAttribute(n.CAPTURES_FOCUS,`${s}`):this.removeAttribute(n.CAPTURES_FOCUS),this.#c())}get capturesFocus(){return this.#s}#n=!0;set cyclesFocus(t){let e=this.#n,s=o(t);e!==s&&(this.#n=s,s?(this.setAttribute(n.CYCLES_FOCUS,`${s}`),this.gainFocus()):this.removeAttribute(n.CYCLES_FOCUS))}get cyclesFocus(){return this.#n}#o(){let t=e=>{let s=this.#t.activeElement?.isEqualNode(this.firstFocusableElement),c=this.#t.activeElement?.isEqualNode(this.lastFocusableElement);switch(e.key){case"Tab":s&&e.shiftKey&&(e.preventDefault(),requestAnimationFrame(()=>{(this.cyclesFocus?this.lastFocusableElement:this.firstFocusableElement).focus()})),c&&!e.shiftKey&&(e.preventDefault(),requestAnimationFrame(()=>{(this.cyclesFocus?this.firstFocusableElement:this.lastFocusableElement).focus()}));break;default:break}return!0};this.onEvent(r,this.#t,t.bind(this))}#i(){this.offEvent(r)}#c(){this.#i(),this.capturesFocus&&(this.gainFocus(),this.#o())}focusableSelectorList=["button","ids-button","ids-dropdown","ids-menu-button","ids-modal-button","ids-toggle-button","[href]","input","ids-input","ids-checkbox","ids-radio","ids-switch","select","textarea","ids-textarea",'[tabindex]:not([tabindex="-1"]'];get focusableSelectors(){return this.focusableSelectorList}set focusableSelectors(t){Array.isArray(t)&&(this.focusableSelectorList=t)}#e=[];get focusableElementsInDocument(){return!this.#e.length&&this.focusableSelectors.length&&this.refreshFocusableElements(),this.#e}refreshFocusableElements(){let t=this.focusableSelectors.join(", ");this.#e=[...this.#t.querySelectorAll(t)].filter(e=>!e.hasAttribute(n.HIDDEN))}get focusableElements(){return this.focusInline?this.focusableElementsInDocument:this.focusableElementsInDocument.filter(t=>this.contains(t))}get firstFocusableElement(){return this.focusableElements[0]}get nextFocusableElement(){if(!this.focusableElements.length)return;let t=this.focusableElementsInDocument.indexOf(this.#t.activeElement),e=this.focusableElementsInDocument[t+1];return!this.contains(e)&&this.cyclesFocus?this.firstFocusableElement:e}get previousFocusableElement(){if(!this.focusableElements.length)return;let t=this.focusableElementsInDocument.indexOf(this.#t.activeElement),e=this.focusableElementsInDocument[t-1];return!this.contains(e)&&this.cyclesFocus?this.lastFocusableElement:e}get lastFocusableElement(){return this.focusableElements.slice(-1)[0]}setFocus(t=0){let e=this.focusableElements,s=this.#t.activeElement,c=this.focusableElements.indexOf(s),i=0;if(e.length){switch(t){case"last":i=e.length-1;break;case"first":case"":break;default:i=typeof t=="string"?parseInt(t):t;break}requestAnimationFrame(()=>{e[i].focus()})}return c===i}gainFocus(t=0){this.contains(this.#t.activeElement)||this.setFocus(t)}syncInline(t){t?this.#t=this.shadowRoot:this.#t=u(this)}set focusInline(t){let e=o(t);e?this.setAttribute(n.FOCUS_INLINE,"true"):this.removeAttribute(n.FOCUS_INLINE),this.syncInline(e)}get focusInline(){return this.hasAttribute(n.FOCUS_INLINE)}},b=a;export{b as a};