ids-enterprise-wc 1.0.0-beta.20 → 1.0.0-beta.22

package/chunks/ids-chunk-RRG5RMHS.js

@@ -0,0 +1,184 @@
+import{a as z}from"./ids-chunk-DANWES4B.js";import{a as U}from"./ids-chunk-3NZ7H7BT.js";import{a as q}from"./ids-chunk-CELOUNH7.js";import{b as W}from"./ids-chunk-LEAYO2RU.js";import{a as M}from"./ids-chunk-H2UUMN2T.js";import{a as N}from"./ids-chunk-T6ZV4PDM.js";import{a as R}from"./ids-chunk-3DA43NO3.js";import{a as D,b as P}from"./ids-chunk-XE4WFW5M.js";import{a as B}from"./ids-chunk-7MATJMV7.js";import{e as d,f as k,g as O}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-3Q46IU4X.js";import{a as _,b as u,c as S,d as a,e as H,g as o}from"./ids-chunk-Y32WUP63.js";var G=`:host {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+:host slot {
+  display: block;
+}
+
+:host([no-margins]) .ids-list-view .ids-list-view-body li:first-child,
+:host([no-margins]) .ids-list-view .ids-list-view-body ids-list-view-item:first-child,
+:host([no-margins]) .ids-list-view .ids-list-view-body ::slotted(li):first-child,
+:host([no-margins]) .ids-list-view .ids-list-view-body ::slotted(ids-list-view-item):first-child {
+  margin-block-start: var(--ids-space-none);
+}
+
+:host([searchable]) .ids-list-view-body:first-child,
+.has-searchfield .ids-list-view-body:first-child {
+  margin-block-start: 8px;
+}
+
+.ids-list-view {
+  height: var(--ids-list-view-height);
+  overflow: auto;
+  scroll-behavior: smooth;
+  position: relative;
+}
+.ids-list-view .ids-list-view-body {
+  margin: 0;
+  padding: 0;
+}
+.ids-list-view .ids-list-view-body:focus {
+  border-color: var(--ids-list-view-color-border-focus);
+}
+.ids-list-view .ids-list-view-body li {
+  padding: var(--ids-list-view-item-padding);
+  background-color: var(--ids-list-view-item-color-background-default);
+  border: var(--ids-list-view-item-border);
+  border-top-color: var(--ids-list-view-item-color-border-top);
+  contain: content;
+  list-style-type: none;
+}
+.ids-list-view.selectable-multiple .list-item-area, .ids-list-view.selectable-mixed .list-item-area {
+  display: flex;
+  align-items: center;
+}
+.ids-list-view.selectable-multiple .list-item-area .list-item-checkbox, .ids-list-view.selectable-mixed .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);
+}
+.ids-list-view.selectable-multiple .list-item-area .list-item-checkbox[disabled]::part(checkmark), .ids-list-view.selectable-mixed .list-item-area .list-item-checkbox[disabled]::part(checkmark) {
+  background-color: transparent;
+}
+.ids-list-view.is-scrolling {
+  box-shadow: var(--ids-scroll-shadow);
+  border-top: var(--ids-scroll-color-border-top);
+}
+
+ids-swappable-item {
+  border-bottom-color: var(--ids-color-neutral-20);
+  border: none;
+}
+
+ids-swappable-item[over] {
+  border: 1px dashed var(--ids-color-neutral-80);
+}
+
+::slotted(ids-search-field) {
+  margin-bottom: 8px;
+}
+
+.sortable .ids-list-view li:hover,
+.sortable .ids-list-view li:focus,
+.sortable .ids-list-view li:focus-visible,
+.sortable .ids-list-view li:focus-within,
+.sortable .ids-list-view ids-list-view-item:hover,
+.sortable .ids-list-view ids-list-view-item:focus,
+.sortable .ids-list-view ids-list-view-item:focus-visible,
+.sortable .ids-list-view ids-list-view-item:focus-within,
+.sortable .ids-list-view ::slotted(li:hover),
+.sortable .ids-list-view ::slotted(li:focus),
+.sortable .ids-list-view ::slotted(li:focus-visible),
+.sortable .ids-list-view ::slotted(li:focus-within),
+.sortable .ids-list-view ::slotted(ids-list-view-item:hover),
+.sortable .ids-list-view ::slotted(ids-list-view-item:focus),
+.sortable .ids-list-view ::slotted(ids-list-view-item:focus-visible),
+.sortable .ids-list-view ::slotted(ids-list-view-item:focus-within),
+[sortable] .ids-list-view li:hover,
+[sortable] .ids-list-view li:focus,
+[sortable] .ids-list-view li:focus-visible,
+[sortable] .ids-list-view li:focus-within,
+[sortable] .ids-list-view ids-list-view-item:hover,
+[sortable] .ids-list-view ids-list-view-item:focus,
+[sortable] .ids-list-view ids-list-view-item:focus-visible,
+[sortable] .ids-list-view ids-list-view-item:focus-within,
+[sortable] .ids-list-view ::slotted(li:hover),
+[sortable] .ids-list-view ::slotted(li:focus),
+[sortable] .ids-list-view ::slotted(li:focus-visible),
+[sortable] .ids-list-view ::slotted(li:focus-within),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:hover),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:focus),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:focus-visible),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:focus-within),
+:host(.sortable) li:hover,
+:host(.sortable) li:focus,
+:host(.sortable) li:focus-visible,
+:host(.sortable) li:focus-within,
+:host(.sortable) ids-list-view-item:hover,
+:host(.sortable) ids-list-view-item:focus,
+:host(.sortable) ids-list-view-item:focus-visible,
+:host(.sortable) ids-list-view-item:focus-within,
+:host(.sortable) ::slotted(li:hover),
+:host(.sortable) ::slotted(li:focus),
+:host(.sortable) ::slotted(li:focus-visible),
+:host(.sortable) ::slotted(li:focus-within),
+:host(.sortable) ::slotted(ids-list-view-item:hover),
+:host(.sortable) ::slotted(ids-list-view-item:focus),
+:host(.sortable) ::slotted(ids-list-view-item:focus-visible),
+:host(.sortable) ::slotted(ids-list-view-item:focus-within),
+:host([sortable]) li:hover,
+:host([sortable]) li:focus,
+:host([sortable]) li:focus-visible,
+:host([sortable]) li:focus-within,
+:host([sortable]) ids-list-view-item:hover,
+:host([sortable]) ids-list-view-item:focus,
+:host([sortable]) ids-list-view-item:focus-visible,
+:host([sortable]) ids-list-view-item:focus-within,
+:host([sortable]) ::slotted(li:hover),
+:host([sortable]) ::slotted(li:focus),
+:host([sortable]) ::slotted(li:focus-visible),
+:host([sortable]) ::slotted(li:focus-within),
+:host([sortable]) ::slotted(ids-list-view-item:hover),
+:host([sortable]) ::slotted(ids-list-view-item:focus),
+:host([sortable]) ::slotted(ids-list-view-item:focus-visible),
+:host([sortable]) ::slotted(ids-list-view-item:focus-within) {
+  background: transparent;
+}`;var ot=M(q(U(z(N(R(B)))))),m="search-mismatch",v={hideCheckboxes:!1,height:"100%",label:"Ids list view",selectableOptions:["single","multiple","mixed"],sortable:!1,suppressDeactivation:!1,suppressDeselection:!0,virtualScroll:!1},c,E,K,g,$,L,X,A,j,p,V,T,Z,y,J,I,x,Q,C,Y,n,f,w=class extends ot{constructor(){super();a(this,E);a(this,g);a(this,L);a(this,A);a(this,p);a(this,T);a(this,y);a(this,x);a(this,C);a(this,n);u(this,"initialized",!1);a(this,c,0);u(this,"datasource",new W);u(this,"defaultTemplate","");u(this,"vetoableEventTypes",["beforeactivated","beforedeactivated","beforeselected","beforedeselected"]);a(this,I,0)}connectedCallback(){super.connectedCallback(),this.defaultTemplate=`${this.querySelector("template")?.innerHTML||""}`,this.dataKeys=o(this,E,K).call(this,this.defaultTemplate),o(this,p,V).call(this),o(this,T,Z).call(this)}static get attributes(){return[...super.attributes,i.LOADED,i.HEIGHT,i.HIDE_CHECKBOXES,i.ITEM_HEIGHT,i.LABEL,i.SELECTABLE,i.SORTABLE,i.SUPPRESS_DEACTIVATION,i.SUPPRESS_DESELECTION,i.VIRTUAL_SCROLL,i.MAX_WIDTH,i.OVERFLOW,i.TOOLTIP,i.TOOLTIP_PLAIN_TEXT]}itemsSelector(t){return[...this.querySelectorAll(t),...this.shadowRoot?.querySelectorAll(t)??[]]}get itemCount(){return this.data?.length||this.items?.length||0}itemByIndex(t){return this.itemsSelector(`ids-list-view-item[row-index="${t}"]`)[0]??void 0}get itemFocused(){let t=this.body?.getAttribute("aria-activedescendant"),e=Number(this.body?.querySelector(`#${t}`)?.rowIndex??-1);return this.itemByIndex(e)}get items(){return this.itemsSelector("ids-list-view-item")}get itemsActivated(){return this.itemsSelector("ids-list-view-item[activated]")}get itemsDisabled(){return this.itemsSelector("ids-list-view-item[disabled]")}get itemsFiltered(){return this.itemsSelector(`ids-list-view-item:not(.${m})`)}get itemsChecked(){return this.itemsSelector("ids-list-view-item[checked]")}get itemsSelected(){return this.itemsSelector("ids-list-view-item[selected]")}get itemsSlotted(){return[...this.querySelectorAll("ids-list-view-item")]}get itemsSwappable(){return this.itemsSelector("ids-swappable-item")}get itemsTabbable(){return this.itemsSelector('ids-list-view-item[tabindex="0"]')}dataIndex(t){let e=k(t);return Number.isNaN(e)?null:e>=0&&e<S(this,c)?e+(this.pageNumber-1)*S(this,c):null}resetSearch(){let t=this.itemsSlotted;t?.length&&(this.datasource.filtered=!0,t.forEach(e=>{e.classList.remove(m),e.removeAttribute("slot")})),super.resetSearch()}generateListItemFromCustomHTML(t){let e=t,s=this.pagination;if(s&&s!=="none"){let rt=this.pageNumber||0,F=this.pageSize||0;e=rt*F-(F-e)}let l=this.data[t]??{},r=l.itemActivated?" activated":"",b=l.disabled?" disabled":"",h=l.itemSelected?" selected":"",tt=this.sortable?' class="sortable"':"",et=this.maxWidth?` max-width="${this.maxWidth}"`:"",it=this.hasAttribute(i.TOOLTIP_PLAIN_TEXT)?" tooltip-plain-text":"",st=this.tooltip?` tooltip="${this.tooltip}"${it}`:"",lt=this.overflow?` overflow="${this.overflow}"`:"";return this.templateListItemWrapper(`<ids-list-view-item row-index="${e}" ${r}${b}${h}${tt}${et}${st}${lt}>
+        ${this.templateCustomHTML(l)}
+      </ids-list-view-item>`,t)}generateListItemSlot(t){let e=this.itemsFiltered.at(t);if(!e)return"";let s=`slot-child-${t}`;return e.setAttribute("slot",s),e.rowIndex=t,this.templateListItemWrapper(`<slot name="${s}"></slot>`,t)}template(){return`
+      ${this.searchTemplate?.()}
+      ${this.virtualScroll?this.templateVirtualScroll():this.templateStatic()}
+    `}templateListItemWrapper(t,e=-1){let s=this.itemByIndex(e),r=(this.data[e]??s?.rowData??{}).disabled?" disabled":"",b=this.sortable?' class="sortable"':"",h=`<div ${r}${b}>${t}</div>`;return b?`
+      <ids-swappable-item
+          role="listitem"
+          tabindex="-1"
+          tabbable="${e===0?"true":"false"}"
+          index="${e}"
+          id="id_item_${e+1}"
+          aria-posinset="${e+1}"
+          id = "id-${e+1}"
+          aria-setsize="${this.data?.length||this.itemsFiltered.length}"
+          ${r}
+        >
+        ${h}
+      </ids-swappable-item>
+    `:h}templateCustomHTML(t){return O(this.defaultTemplate,this.searchHighlight?.(t)??t)}templateListItems(){return this.data?.length?this.data.map((t,e)=>this.generateListItemFromCustomHTML(e)).join(""):this.itemsFiltered.map((t,e)=>this.generateListItemSlot(e)).join("")}templateStatic(){return`
+      <div class="ids-list-view${this.selectable?` ${this.selectableClass()}`:""}">
+        <div class="ids-list-view-body" role="listbox" aria-label="${this.label}" part="contents">
+          ${this.sortable?`<ids-swappable selection=${this.selectable}>`:""}
+            ${this.templateListItems()}
+          ${this.sortable?"</ids-swappable>":""}
+          <slot></slot>
+        </div>
+      </div>
+    `}templateVirtualScroll(){return`
+      <div class="ids-list-view${this.selectable?` ${this.selectableClass()}`:""}">
+        <ids-virtual-scroll
+          height="${this.height}"
+          item-height="${this.itemHeight}">
+          <div class="ids-list-view-body" role="listbox" aria-label="${this.label}" part="contents"></div>
+        </ids-virtual-scroll>
+      </div>
+    `}itemTemplate(t){return t?.matches?.("ids-list-view-item")?`<slot name="${t?.getAttribute?.("slot")}"></slot>`:O(this.defaultTemplate,this.searchHighlight?.(t)??t)}pagerTemplate(){return`
+      <ids-pager-button label="Previous page" previous></ids-pager-button>
+      <ids-pager-number-list label="Page {num} of {total}"></ids-pager-number-list>
+      <ids-pager-button label="Next page" next></ids-pager-button>
+    `}redrawLazy(){cancelAnimationFrame(S(this,I)),H(this,I,requestAnimationFrame(()=>this.redraw()))}redraw(){if((!this.data||!this.loaded)&&!this.items.length){this.data?.length||this.items?.forEach(r=>r?.remove());return}H(this,c,this.pagination==="none"?this.pageTotal:this.pageSize);let t=this.container?.getAttribute("dir"),e=this.template();this.container?.parentElement?this.container?.parentElement.remove():this.container?.remove(),this.searchContainer?.remove();let s=this.shadowRoot?.querySelector("style");if(s)s.insertAdjacentHTML("afterend",e);else{let r=document.createElement("template");r.innerHTML=e,this.shadowRoot?.appendChild(r.content.cloneNode(!0))}if(this.container=this.shadowRoot?.querySelector(".ids-list-view"),this.data?.length>0){if(this.virtualScroll){let r=this.itemHeight||o(this,x,Q).call(this,`
+          <div part="list-item" tabindex="-1" id="height-tester">
+            ${this.itemTemplate(this.datasource.data[0])}
+          </div>
+        `);this.virtualScrollContainer&&(this.virtualScrollContainer.itemHeight=r,this.virtualScrollContainer.itemTemplate=(b,h)=>this.generateListItemFromCustomHTML(h),this.virtualScrollContainer.data=this.data)}o(this,p,V).call(this)}this.setSearchable?.(),this.pager?.sync?.apply(this),this.adjustHeight(),t&&this.container?.setAttribute("dir",t),this.scrollArea=this.shadowRoot?.querySelector(".ids-list-view"),this.attachScrollEvents();let l=this.body?.querySelector("ids-list-view-item:not([disabled]");l?.setAttribute("tabindex","0"),this.body?.setAttribute("aria-activedescendant",String(l?.id))}get virtualScrollContainer(){return this.container?.querySelector("ids-virtual-scroll")}get body(){return this.container?.querySelector(".ids-list-view-body")}adjustHeight(){if(!this.container)return;(this.virtualScroll?this.virtualScrollContainer:this.container)?.style.setProperty("height",`${this.height}`)}get ds(){return this.datasource?.allData||this.data}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),e!==s&&(t===i.LOADED&&this.redraw(),t===i.SELECTABLE&&o(this,C,Y).call(this),t===i.VIRTUAL_SCROLL&&this.redraw(),t===i.PAGE_NUMBER&&this.redraw(),t===i.PAGE_SIZE&&this.redraw(),t===i.PAGE_TOTAL&&this.redraw(),t===i.MAX_WIDTH&&this.redraw(),t===i.OVERFLOW&&this.redraw(),t===i.TOOLTIP&&this.redraw(),t===i.TOOLTIP_PLAIN_TEXT&&this.redraw())}set data(t){let e=this.initialized;t?(this.initialized=!0,this.datasource.data=t,this.loaded=!0,e&&this.redraw()):(this.datasource.data=[],this.loaded=!1)}get data(){return this?.datasource?.data||""}set loaded(t){this.setAttribute(i.LOADED,String(!!t))}get loaded(){return d(i.LOADED)}set dataKeys(t){this.datasource&&(this.datasource.dataKeys=t||[])}get dataKeys(){return this.datasource.dataKeys||[]}set virtualScroll(t){/boolean|string/g.test(typeof t)?this.setAttribute(i.VIRTUAL_SCROLL,String(t)):this.removeAttribute(i.VIRTUAL_SCROLL)}get virtualScroll(){return d(this.getAttribute(i.VIRTUAL_SCROLL))}set height(t){t?this.setAttribute(i.HEIGHT,String(t)):this.setAttribute(i.HEIGHT,v.height)}get height(){return this.getAttribute(i.HEIGHT)||v.height}set itemHeight(t){t?this.setAttribute(i.ITEM_HEIGHT,String(t)):this.removeAttribute(i.ITEM_HEIGHT)}get itemHeight(){return parseInt(this.getAttribute(i.ITEM_HEIGHT)??"")}set selectable(t){this.container?.classList.remove(...this.selectableClass(!0)),v.selectableOptions.includes(String(t))?(this.setAttribute(i.SELECTABLE,String(t)),this.container?.classList.add(this.selectableClass())):this.removeAttribute(i.SELECTABLE)}get selectable(){return this.getAttribute(i.SELECTABLE)}selectableClass(t){let e=l=>`selectable-${l}`,s="";return t&&(s=v.selectableOptions.map(l=>e(l))),this.selectable!==null&&(s=e(this.selectable)),s}set sortable(t){this.toggleAttribute(i.SORTABLE,d(t))}get sortable(){return d(this.getAttribute(i.SORTABLE))}set suppressDeactivation(t){this.toggleAttribute(i.SUPPRESS_DEACTIVATION,d(t))}get suppressDeactivation(){return this.selectable==="mixed"&&d(this.getAttribute(i.SUPPRESS_DEACTIVATION))}set suppressDeselection(t){this.toggleAttribute(i.SUPPRESS_DESELECTION,d(t))}get suppressDeselection(){return this.selectable==="single"&&d(this.getAttribute(i.SUPPRESS_DESELECTION))}set hideCheckboxes(t){this.toggleAttribute(i.HIDE_CHECKBOXES,d(t)),this.items.forEach(e=>{e.checkbox?.toggleAttribute("hide",d(t))})}get hideCheckboxes(){return d(this.getAttribute(i.HIDE_CHECKBOXES))}set label(t){t?this.setAttribute(i.LABEL,t):this.removeAttribute(i.LABEL),this.body?.setAttribute("aria-label",this.label)}get label(){return this.getAttribute(i.LABEL)||v.label}set maxWidth(t){t?(this.setAttribute(i.MAX_WIDTH,t),this?.style.setProperty("max-width",`${parseInt(t)}px`,"important")):(this.removeAttribute(i.MAX_WIDTH),this?.style.removeProperty("max-width"))}get maxWidth(){return this.getAttribute(i.MAX_WIDTH)}set tooltip(t){t?this.setAttribute(i.TOOLTIP,t):this.removeAttribute(i.TOOLTIP)}get tooltip(){return this.getAttribute(i.TOOLTIP)}set overflow(t){t?this.setAttribute(i.OVERFLOW,t):this.removeAttribute(i.OVERFLOW)}get overflow(){return this.getAttribute(i.OVERFLOW)}selectAll(){let t=this.selectable;if(!t)return;let e=this.items,s=this.items[0];t==="single"&&s?s.selected=!0:["multiple","mixed"].includes(t)&&e.forEach(l=>{l.selected=!0,l.checkbox&&(l.checkbox.checked=!0)}),o(this,n,f).call(this,"selectionchanged",{selected:this.itemsSelected})}deselectAll(){this.selectable&&this.itemsSelected.forEach(t=>{t.selected=!1,t.checkbox&&(t.checkbox.checked=!1)}),o(this,n,f).call(this,"selectionchanged",{selected:this.itemsSelected})}};c=new WeakMap,E=new WeakSet,K=function(t){return Array.from(t?.matchAll(/\${(.*)}/g),([,e])=>e)},g=new WeakSet,$=function(t){let e=t?.getAttribute("role")==="option"?t:t?.closest('[role="option"]'),s=k(e?.getAttribute("index"));return Number.isNaN(s)?null:{item:e,index:s,data:this.data[s]}},L=new WeakSet,X=function(t){switch(t.code||"Space"){case"ArrowUp":t.preventDefault(),this.itemFocused?.prevEnabled?.focus();break;case"ArrowDown":t.preventDefault(),this.itemFocused?.nextEnabled?.focus();break;case"Enter":this.itemFocused&&(this.itemFocused.activated=!0),this.itemFocused&&(this.selectable==="single"||this.selectable==="multiple")&&(this.itemFocused.selected=this.selectable==="multiple"?!this.itemFocused.selected:!0,this.itemFocused.activated=this.selectable==="multiple"?this.itemFocused.selected:!0);break;case"Space":if(t.preventDefault(),this.itemFocused&&this.selectable==="mixed"){let s=!this.itemFocused.selected;this.itemFocused.selected=s,this.itemFocused.checked=s}this.itemFocused&&this.selectable&&this.selectable!=="mixed"&&(this.itemFocused.activated=!0),this.itemFocused&&(this.selectable==="single"||this.selectable==="multiple")&&(this.itemFocused.activated=!0,this.itemFocused.selected=this.selectable==="multiple"?!this.itemFocused.selected:!0);break;default:break}},A=new WeakSet,j=function(t){let{startIndex:e,endIndex:s}=t.detail||{};o(this,y,J).call(this,e);for(let l=e;l<s;l++){if(this.data?.[l]?.itemSelected){let r=this.itemByIndex(l);r&&(r.selected=!0)}if(this.data?.[l]?.itemActivated){let r=this.itemByIndex(l);r&&(r.activated=!0)}}},p=new WeakSet,V=function(){let t=this.container?.querySelector("slot:not([name])")??void 0;this.offEvent("slotchange.listview",t),this.onEvent("slotchange.listview",t,()=>{this.itemsSlotted.length&&this.redrawLazy()}),this.offEvent("click.listview",this.container),this.onEvent("click.listview",this.container,e=>{e.stopPropagation();let s=o(this,g,$).call(this,e.target);s&&o(this,n,f).call(this,"click",{...s,originalEvent:e})}),this.offEvent("dblclick.listview",this.container),this.onEvent("dblclick.listview",this.container,e=>{let s=o(this,g,$).call(this,e.target);s&&o(this,n,f).call(this,"dblclick",{...s,originalEvent:e})}),this.offEvent("keydown.listview-selection",this),this.onEvent("keydown.listview-selection",this,e=>o(this,L,X).call(this,e)),this.virtualScroll&&!this.sortable&&(this.offEvent("aftervirtualscroll.listview",this.virtualScrollContainer),this.onEvent("aftervirtualscroll.listview",this.virtualScrollContainer,e=>o(this,A,j).call(this,e)))},T=new WeakSet,Z=function(){this.itemsSlotted?.length&&(this.searchFilterCallback=t=>(this.itemsSlotted?.forEach(e=>{let s=String(e?.textContent??"").toLowerCase(),l=String(t).toLowerCase();!t||s.includes(l)?e.classList.remove(m):(e.classList.add(m),e.setAttribute("slot",m))}),()=>!1))},y=new WeakSet,J=function(t){let e=this.items;t===0&&e?.at(0)?.setAttribute("tabindex","0"),e?.forEach((s,l)=>{s?.setAttribute("index",l+t),s?.setAttribute("aria-posinset",l+1),s.id||s?.setAttribute("id",`id-${l+1}`),s?.setAttribute("aria-setsize",e?.length)})},I=new WeakMap,x=new WeakSet,Q=function(t){this.container?.insertAdjacentHTML("beforeend",t);let e=this.shadowRoot?.querySelector("#height-tester"),s=e?.offsetHeight;return e?.remove(),s??NaN},C=new WeakSet,Y=function(){this.redraw(),this.itemsSlotted.forEach(t=>t.checkbox?.toggleAttribute("hide",!!t?.checkboxHidden))},n=new WeakSet,f=function(t,e={}){this.triggerEvent(t,this,{bubbles:!0,detail:{elem:this,...e}})},w=_([D("ids-list-view"),P(G)],w);export{w as a};

package/chunks/{ids-chunk-RT4DG27E.js → ids-chunk-RSN3V7NQ.js}

@@ -1,4 +1,4 @@
-import{a as B}from"./ids-chunk-QOF4IG2V.js";import{a as P}from"./ids-chunk-S2W3UJWN.js";import{a as O}from"./ids-chunk-MBTINBC7.js";import{a as l,b,c as v,d as f,e as q,f as g,g as D}from"./ids-chunk-HHPBYC7Z.js";import{a as L}from"./ids-chunk-RYENC4X3.js";import{a as C}from"./ids-chunk-YSNCZSZO.js";import{a as T}from"./ids-chunk-CATQTJOO.js";import{a as S}from"./ids-chunk-TSR3CW57.js";import{a as N}from"./ids-chunk-F2Y4VB7Q.js";import{a as I,b as E}from"./ids-chunk-XE4WFW5M.js";import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as i,b as w}from"./ids-chunk-WEDRKSLP.js";import{a as y,b as m,c as x,d as p,e as A,g as k}from"./ids-chunk-Y32WUP63.js";var _=`/**
+import{a as M}from"./ids-chunk-2NG5TGCF.js";import{a as q}from"./ids-chunk-2LMGFQGI.js";import{a as D}from"./ids-chunk-Y2X37JEV.js";import{a as v,b as m,c as y,d as x,e as _,f as k,g as F}from"./ids-chunk-5AX3KL4V.js";import{a as B}from"./ids-chunk-MFR3ZJU3.js";import{a as S}from"./ids-chunk-H2UUMN2T.js";import{a as L}from"./ids-chunk-3DA43NO3.js";import{a as P}from"./ids-chunk-Q4QJCPLZ.js";import{a as C,b as N}from"./ids-chunk-XE4WFW5M.js";import{a as O}from"./ids-chunk-7MATJMV7.js";import{e as r}from"./ids-chunk-5Q3WPKMB.js";import{a as i,b as T}from"./ids-chunk-3Q46IU4X.js";import{a as w,b as f,c as I,d as c,e as E,g as l}from"./ids-chunk-Y32WUP63.js";var G=`/**
  * Ids Button Component CSS
  * (Includes standard and icon button rules)
  */
@@ -341,6 +341,162 @@ button {
 .ids-menu-button.btn-primary-destructive .ripple-effect {
   background-color: var(--ids-color-text-on-error);
 }
+@keyframes dot-flashing {
+  0% {
+    background-color: #fff;
+  }
+  50%, 100% {
+    background-color: rgba(255, 255, 255, 0.4);
+  }
+}
+@keyframes dot-flashing-colors {
+  0% {
+    background-color: #0B9789;
+  }
+  50%, 100% {
+    background-color: #1A3362;
+  }
+}
+.ids-button .loading-dots,
+.ids-toggle-button .loading-dots,
+.ids-menu-button .loading-dots {
+  display: none;
+  position: relative;
+  flex-direction: row;
+  gap: 2px;
+  padding-inline: 7px;
+}
+.ids-button .loading-dots .dot,
+.ids-toggle-button .loading-dots .dot,
+.ids-menu-button .loading-dots .dot {
+  display: inline-flex;
+  position: relative;
+  width: 3px;
+  height: 3px;
+  border-radius: 5px;
+  background-color: #FFF;
+  color: #FFF;
+}
+.ids-button.btn-primary-generative-ai,
+.ids-toggle-button.btn-primary-generative-ai,
+.ids-menu-button.btn-primary-generative-ai {
+  background: border-box var(--ids-button-ai-color-background-default);
+  color: #FFF;
+  align-items: center;
+  min-width: 34px;
+  min-height: 34px;
+}
+.ids-button.btn-primary-generative-ai:hover,
+.ids-toggle-button.btn-primary-generative-ai:hover,
+.ids-menu-button.btn-primary-generative-ai:hover {
+  background: border-box var(--ids-button-ai-color-background-hover);
+}
+.ids-button.btn-primary-generative-ai:active, .ids-button.btn-primary-generative-ai.gen-ai-active,
+.ids-toggle-button.btn-primary-generative-ai:active,
+.ids-toggle-button.btn-primary-generative-ai.gen-ai-active,
+.ids-menu-button.btn-primary-generative-ai:active,
+.ids-menu-button.btn-primary-generative-ai.gen-ai-active {
+  background: border-box var(--ids-button-ai-color-background-active);
+}
+.ids-button.btn-primary-generative-ai[disabled],
+.ids-toggle-button.btn-primary-generative-ai[disabled],
+.ids-menu-button.btn-primary-generative-ai[disabled] {
+  background: border-box var(--ids-button-ai-color-background-disabled);
+  background-color: var(--ids-button-ai-color-background-color-disabled);
+}
+.ids-button.btn-primary-generative-ai.color-variant-alternate-formatter, .ids-button.btn-primary-generative-ai.color-variant-alternate-formatter:hover,
+.ids-toggle-button.btn-primary-generative-ai.color-variant-alternate-formatter,
+.ids-toggle-button.btn-primary-generative-ai.color-variant-alternate-formatter:hover,
+.ids-menu-button.btn-primary-generative-ai.color-variant-alternate-formatter,
+.ids-menu-button.btn-primary-generative-ai.color-variant-alternate-formatter:hover {
+  color: #FFF;
+  min-height: var(--ids-button-formatter-size);
+  min-width: 34px;
+}
+.ids-button.btn-primary-generative-ai .loading-dots .dot:nth-child(1),
+.ids-toggle-button.btn-primary-generative-ai .loading-dots .dot:nth-child(1),
+.ids-menu-button.btn-primary-generative-ai .loading-dots .dot:nth-child(1) {
+  animation: dot-flashing 1s infinite alternate;
+  animation-delay: 0s;
+}
+.ids-button.btn-primary-generative-ai .loading-dots .dot:nth-child(2),
+.ids-toggle-button.btn-primary-generative-ai .loading-dots .dot:nth-child(2),
+.ids-menu-button.btn-primary-generative-ai .loading-dots .dot:nth-child(2) {
+  animation: dot-flashing 1s infinite linear alternate;
+  animation-delay: 0.5s;
+}
+.ids-button.btn-primary-generative-ai .loading-dots .dot:nth-child(3),
+.ids-toggle-button.btn-primary-generative-ai .loading-dots .dot:nth-child(3),
+.ids-menu-button.btn-primary-generative-ai .loading-dots .dot:nth-child(3) {
+  animation: dot-flashing 1s infinite alternate;
+  animation-delay: 1s;
+}
+.ids-button.btn-tertiary-generative-ai,
+.ids-toggle-button.btn-tertiary-generative-ai,
+.ids-menu-button.btn-tertiary-generative-ai {
+  background: var(--ids-button-ai-color-background-default);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  align-items: center;
+}
+.ids-button.btn-tertiary-generative-ai:hover,
+.ids-toggle-button.btn-tertiary-generative-ai:hover,
+.ids-menu-button.btn-tertiary-generative-ai:hover {
+  background: var(--ids-button-ai-color-background-hover);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.ids-button.btn-tertiary-generative-ai:hover ::slotted(ids-icon[icon=insights-smart-panel]),
+.ids-toggle-button.btn-tertiary-generative-ai:hover ::slotted(ids-icon[icon=insights-smart-panel]),
+.ids-menu-button.btn-tertiary-generative-ai:hover ::slotted(ids-icon[icon=insights-smart-panel]) {
+  --ids-button-ai-color-icon-primary: var(--ids-button-ai-color-icon-primary-hover);
+  --ids-button-ai-color-icon-secondary: var(--ids-button-ai-color-icon-secondary-hover);
+}
+.ids-button.btn-tertiary-generative-ai:active .ids-button.btn-tertiary-generative-ai.gen-ai-active,
+.ids-button.btn-tertiary-generative-ai:active .ids-toggle-button.btn-tertiary-generative-ai.gen-ai-active,
+.ids-button.btn-tertiary-generative-ai:active .ids-menu-button.btn-tertiary-generative-ai.gen-ai-active,
+.ids-toggle-button.btn-tertiary-generative-ai:active .ids-button.btn-tertiary-generative-ai.gen-ai-active,
+.ids-toggle-button.btn-tertiary-generative-ai:active .ids-toggle-button.btn-tertiary-generative-ai.gen-ai-active,
+.ids-toggle-button.btn-tertiary-generative-ai:active .ids-menu-button.btn-tertiary-generative-ai.gen-ai-active,
+.ids-menu-button.btn-tertiary-generative-ai:active .ids-button.btn-tertiary-generative-ai.gen-ai-active,
+.ids-menu-button.btn-tertiary-generative-ai:active .ids-toggle-button.btn-tertiary-generative-ai.gen-ai-active,
+.ids-menu-button.btn-tertiary-generative-ai:active .ids-menu-button.btn-tertiary-generative-ai.gen-ai-active {
+  background: var(--ids-button-ai-color-background-active);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.ids-button.btn-tertiary-generative-ai[disabled],
+.ids-toggle-button.btn-tertiary-generative-ai[disabled],
+.ids-menu-button.btn-tertiary-generative-ai[disabled] {
+  background: var(--ids-button-tertiary-ai-color-background-disabled);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.ids-button.btn-tertiary-generative-ai[disabled] ::slotted(ids-icon[icon=insights-smart-panel]),
+.ids-toggle-button.btn-tertiary-generative-ai[disabled] ::slotted(ids-icon[icon=insights-smart-panel]),
+.ids-menu-button.btn-tertiary-generative-ai[disabled] ::slotted(ids-icon[icon=insights-smart-panel]) {
+  opacity: 0.5;
+  --ids-button-ai-color-icon-primary: var(--ids-button-ai-color-icon-primary-disabled);
+  --ids-button-ai-color-icon-secondary: var(--ids-button-ai-color-icon-secondary-disabled);
+}
+.ids-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(1),
+.ids-toggle-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(1),
+.ids-menu-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(1) {
+  animation: dot-flashing-colors 1s infinite alternate;
+  animation-delay: 0s;
+}
+.ids-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(2),
+.ids-toggle-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(2),
+.ids-menu-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(2) {
+  animation: dot-flashing-colors 1s infinite linear alternate;
+  animation-delay: 0.5s;
+}
+.ids-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(3),
+.ids-toggle-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(3),
+.ids-menu-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(3) {
+  animation: dot-flashing-colors 1s infinite alternate;
+  animation-delay: 1s;
+}
 .ids-button.btn-secondary,
 .ids-toggle-button.btn-secondary,
 .ids-menu-button.btn-secondary {
@@ -684,6 +840,114 @@ button {
 .ids-icon-button.btn-primary-destructive .ripple-effect {
   background-color: var(--ids-color-text-on-error);
 }
+@keyframes dot-flashing {
+  0% {
+    background-color: #fff;
+  }
+  50%, 100% {
+    background-color: rgba(255, 255, 255, 0.4);
+  }
+}
+@keyframes dot-flashing-colors {
+  0% {
+    background-color: #0B9789;
+  }
+  50%, 100% {
+    background-color: #1A3362;
+  }
+}
+.ids-icon-button .loading-dots {
+  display: none;
+  position: relative;
+  flex-direction: row;
+  gap: 2px;
+  padding-inline: 7px;
+}
+.ids-icon-button .loading-dots .dot {
+  display: inline-flex;
+  position: relative;
+  width: 3px;
+  height: 3px;
+  border-radius: 5px;
+  background-color: #FFF;
+  color: #FFF;
+}
+.ids-icon-button.btn-primary-generative-ai {
+  background: border-box var(--ids-button-ai-color-background-default);
+  color: #FFF;
+  align-items: center;
+  min-width: 34px;
+  min-height: 34px;
+}
+.ids-icon-button.btn-primary-generative-ai:hover {
+  background: border-box var(--ids-button-ai-color-background-hover);
+}
+.ids-icon-button.btn-primary-generative-ai:active, .ids-icon-button.btn-primary-generative-ai.gen-ai-active {
+  background: border-box var(--ids-button-ai-color-background-active);
+}
+.ids-icon-button.btn-primary-generative-ai[disabled] {
+  background: border-box var(--ids-button-ai-color-background-disabled);
+  background-color: var(--ids-button-ai-color-background-color-disabled);
+}
+.ids-icon-button.btn-primary-generative-ai.color-variant-alternate-formatter, .ids-icon-button.btn-primary-generative-ai.color-variant-alternate-formatter:hover {
+  color: #FFF;
+  min-height: var(--ids-button-formatter-size);
+  min-width: 34px;
+}
+.ids-icon-button.btn-primary-generative-ai .loading-dots .dot:nth-child(1) {
+  animation: dot-flashing 1s infinite alternate;
+  animation-delay: 0s;
+}
+.ids-icon-button.btn-primary-generative-ai .loading-dots .dot:nth-child(2) {
+  animation: dot-flashing 1s infinite linear alternate;
+  animation-delay: 0.5s;
+}
+.ids-icon-button.btn-primary-generative-ai .loading-dots .dot:nth-child(3) {
+  animation: dot-flashing 1s infinite alternate;
+  animation-delay: 1s;
+}
+.ids-icon-button.btn-tertiary-generative-ai {
+  background: var(--ids-button-ai-color-background-default);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  align-items: center;
+}
+.ids-icon-button.btn-tertiary-generative-ai:hover {
+  background: var(--ids-button-ai-color-background-hover);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.ids-icon-button.btn-tertiary-generative-ai:hover ::slotted(ids-icon[icon=insights-smart-panel]) {
+  --ids-button-ai-color-icon-primary: var(--ids-button-ai-color-icon-primary-hover);
+  --ids-button-ai-color-icon-secondary: var(--ids-button-ai-color-icon-secondary-hover);
+}
+.ids-icon-button.btn-tertiary-generative-ai:active .ids-icon-button.btn-tertiary-generative-ai.gen-ai-active {
+  background: var(--ids-button-ai-color-background-active);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.ids-icon-button.btn-tertiary-generative-ai[disabled] {
+  background: var(--ids-button-tertiary-ai-color-background-disabled);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.ids-icon-button.btn-tertiary-generative-ai[disabled] ::slotted(ids-icon[icon=insights-smart-panel]) {
+  opacity: 0.5;
+  --ids-button-ai-color-icon-primary: var(--ids-button-ai-color-icon-primary-disabled);
+  --ids-button-ai-color-icon-secondary: var(--ids-button-ai-color-icon-secondary-disabled);
+}
+.ids-icon-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(1) {
+  animation: dot-flashing-colors 1s infinite alternate;
+  animation-delay: 0s;
+}
+.ids-icon-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(2) {
+  animation: dot-flashing-colors 1s infinite linear alternate;
+  animation-delay: 0.5s;
+}
+.ids-icon-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(3) {
+  animation: dot-flashing-colors 1s infinite alternate;
+  animation-delay: 1s;
+}
 .ids-icon-button.btn-secondary {
   background-color: var(--ids-button-secondary-color-background-default);
   border-width: var(--ids-button-secondary-border-width);
@@ -808,25 +1072,25 @@ button {
   margin-inline-end: var(--ids-space-none);
 }
 
-.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus):focus,
-.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus).is-active,
-.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus):focus,
-.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus).is-active,
-.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus):focus {
+.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus,
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active,
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus,
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active,
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus {
   box-shadow: var(--ids-button-tertiary-shadow-focus);
 }
-.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus):focus,
-.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus).is-active,
-.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus):focus,
-.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus).is-active,
-.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus):focus {
+.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus):focus,
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-active,
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus):focus,
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-active,
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus):focus {
   box-shadow: var(--ids-box-shadow-inverse);
 }
-.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus):focus,
-.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus).is-active,
-.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus):focus,
-.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus).is-active,
-.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus):focus {
+.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus):focus,
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-active,
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus):focus,
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-active,
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus):focus {
   box-shadow: var(--ids-shadow-20);
 }
 .ids-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-button.btn-tertiary-destructive:not(.hide-focus):focus,
@@ -864,6 +1128,22 @@ button {
 .ids-menu-button.btn-secondary:not(.hide-focus):focus {
   box-shadow: var(--ids-button-secondary-shadow-focus);
 }
+.ids-button.btn-primary-generative-ai:not(.hide-focus).is-active, .ids-button.btn-primary-generative-ai:not(.hide-focus):focus,
+.ids-icon-button.btn-primary-generative-ai:not(.hide-focus).is-active,
+.ids-icon-button.btn-primary-generative-ai:not(.hide-focus):focus,
+.ids-menu-button.btn-primary-generative-ai:not(.hide-focus).is-active,
+.ids-menu-button.btn-primary-generative-ai:not(.hide-focus):focus {
+  box-shadow: var(--ids-button-ai-shadow-focus);
+  border-color: transparent;
+}
+.ids-button.btn-tertiary-generative-ai:not(.hide-focus).is-active, .ids-button.btn-tertiary-generative-ai:not(.hide-focus):focus,
+.ids-icon-button.btn-tertiary-generative-ai:not(.hide-focus).is-active,
+.ids-icon-button.btn-tertiary-generative-ai:not(.hide-focus):focus,
+.ids-menu-button.btn-tertiary-generative-ai:not(.hide-focus).is-active,
+.ids-menu-button.btn-tertiary-generative-ai:not(.hide-focus):focus {
+  box-shadow: var(--ids-button-tertiary-ai-shadow-focus);
+  border-color: var(--ids-button-ai-color-icon-secondary-hover);
+}
 
 .ids-modal-button:not(.ids-modal-icon-button) {
   box-shadow: var(--ids-shadow-none);
@@ -1039,6 +1319,22 @@ button {
   color: var(--ids-swipe-action-color-text-right-hover);
 }
 
+.ids-icon-button.gen-ai-active:not(.no-animation) ::slotted(ids-icon[icon=insights-smart-panel]),
+.ids-button.gen-ai-active:not(.no-animation) ::slotted(ids-icon[icon=insights-smart-panel]) {
+  display: none;
+}
+.ids-icon-button.gen-ai-active:not(.no-animation) .loading-dots,
+.ids-button.gen-ai-active:not(.no-animation) .loading-dots {
+  display: flex;
+}
+
+.ids-icon-button.gen-ai-active .loading-dots {
+  padding-inline-start: 3px;
+  padding-inline-end: 2px;
+  padding-block-start: 7px;
+  padding-block-end: 8px;
+}
+
 .ids-button ::slotted(ids-icon:not(:first-child)),
 .ids-button ::slotted(span:not(.audible):nth-child(2):last-child),
 .ids-button ::slotted(ids-text:not([audible]):nth-child(2):last-child),
@@ -1111,7 +1407,16 @@ 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();p(this,h);p(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}>
+}`;var j=B(S(M(q(P(D(L(O))))))),h,R,b,A,s,z,U,p,$,u=class extends j{constructor(){super();c(this,h);c(this,b);c(this,s);c(this,p);f(this,"shouldUpdate",!1);f(this,"colorVariants",["alternate","alternate-formatter","module","module-nav"]);Object.keys(x).forEach(t=>{this.state[t]=x[t]}),Object.defineProperty(this,"tabIndex",{get:()=>I(this,s,U),set:t=>{E(this,s,t,z)},configurable:!0,enumerable:!0})}connectedCallback(){super.connectedCallback(),l(this,b,A).call(this),this.shouldUpdate=!0,this.getAttribute("width")&&(this.width=this.getAttribute("width")),this.cssClass=this.cssClass,l(this,h,R).call(this)}toggleAnimation(t){if(!this.appearance.includes("generative-ai"))return;let o=this.button?.classList.contains("gen-ai-active");this.button?.classList.toggle("gen-ai-active",typeof t=="boolean"?t:!o)}static get attributes(){return[...super.attributes,..._]}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(...F),t.add(...o)}template(){let t="",o="",n="",e='tabindex="0"',a="";this.state?.cssClass&&(t=` ${this.state.cssClass.join(" ")}`),this.state?.disabled&&(n=' disabled="true"'),this.state?.tabIndex&&(e=`tabindex="${this.state.tabIndex}"`),this.state&&this.state?.appearance!=="default"&&this.state.appearance!==void 0&&(a=` 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 g="";return this.state?.iconAlign&&(g=` align-icon-${this.state?.iconAlign}`),`<button part="button" class="${o}${a}${g}${t}" ${e}${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&&v.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=v[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};
+    </button>`}onHiddenChange(t){let o=r(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(T.ARIA_LABEL,this.text?.trim()||"Button")}get button(){return this.shadowRoot?.querySelector("button")||null}set contentAlign(t){!t||m.indexOf(t)<=0?(this.removeAttribute(i.CONTENT_ALIGN),this.state.contentAlign=m[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&&m.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=[],e=[].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 a=this.button.classList,g=Array.from(a);e.forEach(d=>{n.includes(d)||a.remove(d)}),n.forEach(d=>{g.includes(d)||a.add(d)})}get cssClass(){return this.state.cssClass}set disabled(t){let o=r(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){k.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)}set noAnimation(t){let o=r(t);this.toggleAttribute(i.NO_ANIMATION,o),this.container?.classList.toggle(i.NO_ANIMATION,o)}get noAnimation(){return this.hasAttribute(i.NO_ANIMATION)}appendIcon(t){let o=this.querySelector("ids-icon"),n=this.iconAlign,e=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(e,`<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(...k),t&&o){this.button.classList.add(`align-icon-${t}`);let n=this.hasIncorrectStartElement(),e=this.hasIncorrectEndElement();(n||e)&&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,e=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(e,`<span>${t}</span>`),this.refreshProtoClasses()}removeText(){let t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}set appearance(t){!t||v.indexOf(t)<=0?(this.state.appearance=v[0],this.removeAttribute(i.APPEARANCE)):(this.state.appearance=t,this.setAttribute(i.APPEARANCE,t)),this.setAppearanceClass(t)}get appearance(){return this.state.appearance}set type(t){t&&y.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=y[0])}get type(){return this.state.type}set noMargins(t){if(r(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 r(this.getAttribute(i.NO_MARGINS))}set noPadding(t){let o=this.noPadding,n=r(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 r(this.getAttribute(i.NO_PADDING))}set square(t){let o=r(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&&(v.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=e=>{e instanceof HTMLSpanElement||(e.colorVariant=this.colorVariant)};[...t,...o].forEach(n)}};h=new WeakSet,R=function(){this.offEvent("click",this.container),this.onEvent("click",this.container,()=>{this.toggleAnimation()})},b=new WeakSet,A=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),l(this,p,$).call(this,this.appearance)},s=new WeakSet,z=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}`)},U=function(){return this.state.tabIndex},p=new WeakSet,$=function(t){if(!t.includes("generative")||this.querySelector('ids-icon[icon="insights-smart-panel"]'))return;let o=`<defs>
+      <linearGradient id="paint-linear" x1="14.6681" y1="-32.5625" x2="31.7256" y2="-26.8896" gradientUnits="userSpaceOnUse">
+        <stop offset="0.117757" class="insights-stop-1"></stop>
+        <stop offset="0.927091" class="insights-stop-2"></stop>
+      </linearGradient>
+    </defs>`,n=`<div class="loading-dots">
+      <div class="dot"></div>
+      <div class="dot"></div>
+      <div class="dot"></div>
+    </div>`,e=document.createElement("ids-icon");e.setAttribute("icon","insights-smart-panel"),this.append(e),this.container?.insertAdjacentHTML("beforeend",n),l(this,b,A).call(this),t.includes("tertiary")&&requestAnimationFrame(()=>{e.appendSVGDefs?.(o),e.pathElem?.setAttribute("fill","url(#paint-linear)")})},u=w([C("ids-button"),N(G)],u);export{G as a,u as b};