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

package/chunks/ids-chunk-GTFZVSCW.js

@@ -0,0 +1,265 @@
+import{a as Q}from"./ids-chunk-PRFN5Z6E.js";import{a as it}from"./ids-chunk-ZUOGZ6BG.js";import{b as tt}from"./ids-chunk-NMFWT32Z.js";import{a as J}from"./ids-chunk-EUOS6T2I.js";import{a as X}from"./ids-chunk-K2BBXXX5.js";import{b as Z}from"./ids-chunk-W6RCLQGO.js";import{a as q}from"./ids-chunk-KOB7TJ7A.js";import{a as j}from"./ids-chunk-JOUT6B26.js";import{a as W}from"./ids-chunk-LFKI3ZIN.js";import{a as z}from"./ids-chunk-PHQEFZRD.js";import{a as U}from"./ids-chunk-T6ZV4PDM.js";import{a as K}from"./ids-chunk-CT5U7IVV.js";import{a as F}from"./ids-chunk-EVENS4EI.js";import{a as H,b as P}from"./ids-chunk-XE4WFW5M.js";import{a as Y}from"./ids-chunk-4WDX2CDM.js";import{b as _,m as G}from"./ids-chunk-U4XVR5SW.js";import{e as a,j as R}from"./ids-chunk-VEAPPKDG.js";import{a as e,b as $}from"./ids-chunk-NSM2KAOK.js";import{a as M,b as p,c as h,d as l,e as B,g as n}from"./ids-chunk-Y32WUP63.js";var et=`/* Ids Dropdown Component */
+.validation-message {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  font-family: var(--ids-font-family-default);
+  margin-top: var(--ids-space-30);
+}
+.validation-message.has-custom-icon {
+  color: var(--ids-icon-color-default);
+}
+.validation-message.disabled {
+  color: var(--ids-input-color-text-disabled);
+}
+.validation-message .ids-icon {
+  margin-inline-end: var(--ids-space-30);
+}
+.validation-message.alert {
+  color: var(--ids-color-caution-default);
+}
+.validation-message.alert.disabled {
+  color: var(--ids-color-caution-30);
+}
+.validation-message.warning {
+  color: var(--ids-color-warning-default);
+}
+.validation-message.warning.disabled {
+  color: var(--ids-color-warning-30);
+}
+.validation-message.error {
+  color: var(--ids-color-error-default);
+}
+.validation-message.error.disabled {
+  color: var(--ids-color-error-30);
+}
+.validation-message.info {
+  color: var(--ids-color-info-default);
+}
+.validation-message.info.disabled {
+  color: var(--ids-color-info-30);
+}
+.validation-message.success {
+  color: var(--ids-color-success-default);
+}
+.validation-message.success.disabled {
+  color: var(--ids-color-success-30);
+}
+
+:host {
+  display: block;
+}
+:host .ids-dropdown {
+  display: inline-block;
+  max-width: 100%;
+}
+
+ids-trigger-field[readonly-background]:not([disabled])::part(input) {
+  cursor: var(--ids-cursor-pointer);
+}
+
+.ids-dropdown {
+  display: block;
+  position: relative;
+}
+.ids-dropdown ids-trigger-field[size=full] {
+  display: block;
+}
+.ids-dropdown.full {
+  display: block;
+}
+.ids-dropdown.full ids-trigger-field,
+.ids-dropdown.full .ids-trigger-field {
+  display: block;
+}
+
+.trigger-icon {
+  color: var(--ids-dropdown-color-icon);
+  margin: 0 0 0 var(--ids-dropdown-space-text);
+  position: relative;
+  top: 2px;
+}
+
+:host([mode=light]) .typeahead.is-open ids-trigger-field::part(field-container) {
+  background-color: var(--ids-dropdown-typeahead-color-background);
+}
+
+:host([dir=rtl]) .trigger-icon {
+  margin: 0 var(--ids-dropdown-space-text) 0 0;
+}
+
+::slotted(.sub-group) {
+  border-top: 1px solid var(--ids-dropdown-separator-color-border);
+  padding-top: var(--ids-dropdown-separator-padding);
+}
+
+.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container),
+.ids-dropdown.color-variant-in-cell ids-trigger-field::part(field-container) {
+  margin: 0;
+  border-radius: 0;
+}
+.ids-dropdown.color-variant-borderless ids-trigger-field::part(label),
+.ids-dropdown.color-variant-in-cell ids-trigger-field::part(label) {
+  display: none;
+}
+
+.ids-dropdown.color-variant-borderless ids-trigger-field::part(container) {
+  margin: 0;
+}
+.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container) {
+  box-shadow: none !important;
+}
+.ids-dropdown.color-variant-borderless.field-height-lg ids-trigger-field::part(input) {
+  padding-inline: 16px;
+  height: 50px;
+}
+.ids-dropdown.color-variant-borderless.field-height-md ids-trigger-field::part(input) {
+  padding-inline: 12px;
+  height: 40px;
+}
+.ids-dropdown.color-variant-borderless.field-height-sm ids-trigger-field::part(input) {
+  padding-inline: 8px;
+  height: 35px;
+}
+.ids-dropdown.color-variant-borderless.field-height-xs ids-trigger-field::part(input) {
+  padding-inline: 4px;
+  height: 30px;
+}
+
+.ids-dropdown.color-variant-in-cell ids-trigger-field::part(container) {
+  margin: 1px 0;
+}
+
+.ids-dropdown.color-variant-module-nav {
+  color: var(--ids-module-nav-search-input-text-color);
+  display: block;
+  margin-block-end: 0;
+}
+.ids-dropdown.color-variant-module-nav ::slotted(ids-list-box) {
+  color: var(--ids-module-nav-search-input-text-color);
+}
+.ids-dropdown.color-variant-module-nav ::slotted(ids-list-box-option) {
+  color: inherit;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(field-container) {
+  background-color: var(--ids-module-nav-input-bg-color);
+  border-radius: var(--ids-module-nav-common-border-radius);
+  border: var(--ids-module-nav-input-border-width) solid var(--ids-module-nav-input-border-color);
+  box-shadow: none;
+  color: inherit;
+  overflow: hidden;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field:hover::part(field-container) {
+  background-color: var(--ids-module-nav-input-hover-bg-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field:active::part(field-container) {
+  background-color: var(--ids-module-nav-item-selected-bg-color);
+  border-color: var(--ids-module-nav-item-selected-text-color);
+  color: var(--ids-module-nav-item-selected-text-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field:focus-within::part(field-container) {
+  background-color: var(--ids-module-nav-input-focus-bg-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input) {
+  background-color: transparent;
+  color: inherit;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(trigger-button) {
+  background-color: transparent;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input::placeholder) {
+  color: var(--ids-module-nav-search-input-placeholder-text-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input:active) {
+  color: var(--ids-module-nav-search-input-text-color);
+}
+.ids-dropdown.color-variant-module-nav ids-dropdown-list::part(dropdown-list) {
+  max-width: var(--ids-module-nav-expanded-size);
+  width: calc(var(--ids-module-nav-switcher-dropdown-width) + var(--ids-module-nav-switcher-button-gutter-size) + var(--ids-module-nav-switcher-button-size));
+}
+.ids-dropdown.color-variant-module-nav ids-list-box-option {
+  min-height: var(--ids-module-nav-item-height);
+}
+.ids-dropdown.color-variant-module-nav .fieldset {
+  display: contents;
+}
+.ids-dropdown.color-variant-module-nav .ids-input-field {
+  padding-inline-start: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
+}
+
+:host ids-dropdown-list {
+  max-width: var(--ids-input-width-40);
+}
+
+:host([size=xs]) ids-dropdown-list {
+  max-width: var(--ids-input-width-10);
+}
+
+:host([size=sm]) ids-dropdown-list {
+  max-width: var(--ids-input-width-20);
+}
+
+:host([size=mm]) ids-dropdown-list {
+  max-width: var(--ids-input-width-30);
+}
+
+:host([size=md]) ids-dropdown-list {
+  max-width: var(--ids-input-width-40);
+}
+
+:host([size=lg]) ids-dropdown-list {
+  max-width: var(--ids-input-width-50);
+}
+
+:host([size=full]) ids-dropdown-list {
+  max-width: var(--ids-input-width-full);
+}
+
+:host ids-dropdown-list,
+:host([size=full]) {
+  width: var(--ids-input-width-full);
+}
+
+:host([list]:not([disabled])) {
+  cursor: var(--ids-cursor-pointer);
+}`;var ut=it(X(Q(j(J(Z(F(W(q(z(U(K(Y)))))))))))),c,u,b,L,E,st,I,ot,x,rt,y,nt,f,A,w,N,m,V,O,dt,S,lt,D,at,T,pt,C,ht,v=class extends ut{constructor(){super();l(this,b);l(this,E);l(this,I);l(this,x);l(this,y);l(this,f);l(this,w);l(this,m);l(this,O);l(this,S);l(this,D);l(this,T);l(this,C);p(this,"isFormComponent",!0);p(this,"hasIcons",!1);p(this,"dropdownList");p(this,"trigger");p(this,"listBox");p(this,"labelClicked");p(this,"labelEl");p(this,"openedByKeyboard",!1);p(this,"closedByKeyboard",!1);l(this,c,[]);l(this,u,this.nodeName==="IDS-MULTISELECT");p(this,"colorVariants",tt);p(this,"onLanguageChange",()=>{n(this,b,L).call(this)});this.state={selectedIndex:0},this.labelClicked=!1}connectedCallback(){var t,i;super.connectedCallback(),this.trigger=this.container?.querySelector("ids-trigger-button"),this.labelEl=this.input?.labelEl,this.configureDropdownList(),this.listBox=this.dropdownList?.querySelector("ids-list-box"),n(i=n(t=n(this,b,L).call(this),E,st).call(t),I,ot).call(i),this.value=this.getAttribute("value"),this.resetDirtyTracker(),this.container?.classList.toggle("typeahead",this.typeahead),this.listBox?.setAttribute(e.SIZE,this.size),this.getAttribute("disabled")&&(this.disabled=a(this.getAttribute("disabled"))),this.getAttribute("readonly")&&(this.readonly=a(this.getAttribute("readonly")))}static get attributes(){return[...super.attributes]}onColorVariantRefresh(){this.input&&(this.input.colorVariant=this.colorVariant),this.dropdownList&&(this.dropdownList.colorVariant=this.colorVariant,this.dropdownList.popup&&(this.dropdownList.popup.type=this.colorVariant!==null?this.colorVariant:"dropdown"))}onLabelChange(){this.input&&(this.input.label=this.label)}onLabelStateChange(){this.input&&(this.input.labelState=this.labelState)}onLabelRequiredChange(){this.input&&(this.input.labelRequired=this.labelRequired)}onFieldHeightChange(t){if(t){let i=t===e.COMPACT?{name:e.COMPACT,val:""}:{name:e.FIELD_HEIGHT,val:t};this.input?.setAttribute(i.name,i.val),this.dropdownList?.setAttribute(i.name,i.val)}else this.input?.removeAttribute(e.COMPACT),this.input?.removeAttribute(e.FIELD_HEIGHT),this.dropdownList?.removeAttribute(e.COMPACT),this.dropdownList?.removeAttribute(e.FIELD_HEIGHT)}template(){let t=this.colorVariant?` color-variant="${this.colorVariant}"`:"",i=this.fieldHeight?` field-height="${this.fieldHeight}"`:"",s=this.labelState?` label-state="${this.labelState}"`:"",o=this.compact?" compact":"",r=this.noMargins?" no-margins":"",d=this.list?"":this.templateDropdownList(),g="container: triggerfield-container, field-container: triggerfield-field-container, content-area: triggerfield-content-area, input: triggerfield-input, popup: triggerfield-popup";return this.hasIcons=this.querySelector("ids-list-box-option ids-icon")!==null,`
+    <div class="ids-dropdown" part="container">
+      <ids-trigger-field
+        id="triggerField-${this.id?this.id:""}"
+        ${!this.typeahead&&!this.disabled?' readonly="true"':""}
+        ${this.disabled?' disabled="true"':""}
+        ${this.readonly?"":" readonly-background"}
+        ${!this.readonly&&!this.disabled?"":' cursor="pointer"'}
+        size="${this.size}"
+        label="${this.label}"
+        placeholder="${this.placeholder}"
+        part="trigger-field"
+        exportparts="${g}"
+        ${t}${i}${o}${r}${s}
+        ${this.validate?` validate="${this.validate}"`:""}
+        ${this.validate&&this.validationEvents?` validation-events="${this.validationEvents}"`:""}
+      >
+        <ids-trigger-button
+          id="triggerBtn-${this.id?this.id:""}"
+          slot="trigger-end"
+          part="trigger-button"
+          tabbable="false"
+          disabled="${this.disabled}"
+        >
+          <ids-text audible="true" translate-text="true">DropdownTriggerButton</ids-text>
+          <ids-icon icon="dropdown" part="icon"></ids-icon>
+        </ids-trigger-button>
+      </ids-trigger-field>
+      ${d}
+    </div>`}templateDropdownList(){let t=this.fieldHeight&&this.fieldHeight!=="compact"?` field-height="${this.fieldHeight}"`:"",i=this.compact||this.fieldHeight==="compact"?" compact":"",s=this.size?` size="${this.size}"`:"",o=this.value?` value="${this.value}"`:"";return`<ids-dropdown-list
+      id="dropdownList-${this.id?this.id:""}"
+      ${t}
+      ${i}
+      ${s}
+      ${o}
+      tabindex="-1">
+      <slot></slot>
+    </ids-dropdown-list>`}get input(){return this.container?.querySelector("ids-trigger-field")}get popup(){return this.dropdownList?.popup}set value(t){let i=this.labels,s=String(t);i.includes(s)&&(t=this.optionValues[i.indexOf(s)]);let o=`ids-list-box-option[value="${t}"]`;(t===" "||!t)&&(o='ids-list-box-option[value=""], ids-list-box-option:not([value])');let r=[...this.dropdownList?.listBox?.querySelectorAll(o)??[]].at(0);r&&(this.setAttribute(e.VALUE,String(t)),this.clearSelected(),this.selectOption(r),this.selectIcon(r),this.selectTooltip(r),this.input&&(this.input.value=r.textContent?.trim()),this.state.selectedIndex=[...r?.parentElement?.children||[]].indexOf(r))}get value(){return this.getAttribute(e.VALUE)}get optionValues(){return this.options.map(t=>t.value??"")}get labels(){return this.options.map(t=>t.innerText??t.textContent??"")}get selectedOption(){return this.dropdownList?.listBox?.querySelector(`ids-list-box-option[value="${this.value}"]`)||null}get selected(){return this.dropdownList?.selected||null}set selectedIndex(t){if(Number.isInteger(t)&&this.options[t]){let i=this.options[t];this.value=i.getAttribute(e.VALUE),this.state.selectedIndex=t}}get selectedIndex(){return this.state.selectedIndex}get options(){return[...this.dropdownList?.listBox?.querySelectorAll("ids-list-box-option")??[]]}set readonly(t){if(a(t)){this.removeAttribute(e.DISABLED),this.input&&(this.input.disabled=!1,this.input.cursor="text",this.input.readonlyBackground=!1),this.setAttribute(e.READONLY,"true");return}this.input&&(this.input.disabled=!1,this.input.cursor="pointer",this.input.readonlyBackground=!0),this.removeAttribute(e.READONLY)}get readonly(){return a(this.getAttribute(e.READONLY))||!1}set disabled(t){if(a(t)){this.removeAttribute(e.READONLY),this.input&&(this.input.disabled=!0,this.input.readonly=!1,this.input.cursor="initial",this.input.bgTransparent=!1),this.setAttribute(e.DISABLED,"true");return}this.input&&(this.input.disabled=!1,this.input.cursor="pointer",this.input.bgTransparent=!0),this.removeAttribute(e.DISABLED)}get disabled(){return a(this.getAttribute(e.DISABLED))||!1}onAllowBlankChange(t){this.dropdownList&&(this.dropdownList.allowBlank=t),!t&&this.value==="blank"&&this.removeAttribute(e.VALUE)}selectOption(t){this.dropdownList&&this.dropdownList.selectOption(t)}deselectOption(t){this.dropdownList?.deselectOption(t)}get dropdownIconEl(){return this.input?this.input.querySelector('ids-icon[slot="trigger-start"]'):null}selectIcon(t){let i=this.dropdownIconEl;if(!i&&!t)return;if(!this.hasIcons&&!this.showListItemIcon){i&&i.remove();return}let s=t?.querySelector("ids-icon");s&&(i?i.icon=s?.icon:this.showListItemIcon&&this.generateIcon(s.icon))}generateIcon(t){this.input&&this.input.insertAdjacentHTML("beforeend",`<ids-icon slot="trigger-start" class="trigger-icon" icon="${t}"></ids-icon>`)}selectTooltip(t){if(!t)return;let i=t?.getAttribute("tooltip");i?this.tooltip=i:this.tooltip=t.textContent?.trim()||"",this.tooltipEl&&(this.tooltipEl.target=t)}clearSelected(){this.dropdownList?.clearSelected()}configurePopup(){if(this.dropdownList?.popup&&this.trigger){this.dropdownList.removeTriggerEvents(),this.dropdownList.appendToTargetParent(),this.dropdownList.popupOpenEventsTarget=this.list?this:this.container,this.dropdownList.onOutsideClick=o=>{this.dropdownList&&(o.composedPath()?.includes(this.dropdownList)||this.close(!0))},this.dropdownList.onTriggerClick=()=>{if(this.labelClicked){this.labelClicked=!1;return}!this.disabled&&!this.readonly&&this.toggle(this.typeahead)};let t=(this.list?this:this.input?.input)?.getAttribute("id"),i=(this.list?this:this.trigger)?.getAttribute("id");this.dropdownList.setAttribute(e.TARGET,`#${t}`),this.dropdownList.setAttribute(e.TRIGGER_ELEM,`#${i}`),this.dropdownList.popup.alignTarget=this.input?.fieldContainer||null,this.dropdownList.popupOpenEventsTarget=document.body;let s=this.localeAPI.isRTL();this.locale&&s&&this.dropdownList.popup?.setAttribute(e.ALIGN,`bottom, ${s||["lg","full"].includes(this.size)?"right":"left"}`),this.input&&(this.dropdownList.value=this.input.value),h(this,u)&&(this.dropdownList.isMultiSelect=!0)}}async open(t=!1){if(!(!this.dropdownList||this.disabled||this.readonly)){if(typeof this.state.beforeShow=="function"){let i=await this.state.beforeShow();this.loadDataSet(i),this.typeahead&&B(this,c,i)}this.value&&(this.dropdownList.value=this.value),this.dropdownList.setAttribute($.ARIA_EXPANDED,"true"),this.dropdownList.removeAttribute(e.TABINDEX),this.dropdownList.show(),this.input&&(this.input.active=!0),this.typeahead&&(this.input?.removeAttribute(e.READONLY),this.input?.focus()),t&&this.input?.input?.select(),this.container?.classList.add("is-open"),this.attachOpenEvents(),this.triggerOpenEvent()}}loadDataSet(t){let i="",s=this.querySelector("ids-list-box");s&&(s.innerHTML=""),t.forEach(r=>{i+=n(this,m,V).call(this,n(this,C,ht).call(this,r))}),s?.insertAdjacentHTML("afterbegin",i),this.dropdownList?.configureBlank();let o=this.getAttribute(e.VALUE);this.value!==o&&(this.value=o)}set beforeShow(t){this.state.beforeShow=t}get beforeShow(){return this.state.beforeShow}close(t){if(this.removeOpenEvents(),this.dropdownList&&(this.dropdownList?.popup?.visible&&this.dropdownList.hide(!t),this.input&&(this.input.active=!1),this.dropdownList.setAttribute(e.TABINDEX,"-1"),this.dropdownList.removeAttribute($.ARIA_EXPANDED)),t||this.input?.focus(),this.typeahead){this.input?.setAttribute(e.READONLY,"true");let i=this.selectedOption?.textContent?.trim();this.input&&(this.input.value=i||""),this.loadDataSet(h(this,c)),window.getSelection().removeAllRanges(),n(this,f,A).call(this,this.dropdownIcon||"dropdown")}this.container?.classList.remove("is-open"),this.selectTooltip(this.selectedOption),this.triggerCloseEvent(t)}toggle(t=!1){this.dropdownList&&(this.dropdownList.popup?.visible?this.close():this.open(t))}attachKeyboardOpenEvent(){this.listen([" ","Enter"],this,t=>{if(this.closedByKeyboard){this.closedByKeyboard=!1;return}this.openedByKeyboard=!0,!this.dropdownList?.popup?.visible&&(t.key===" "&&this.typeahead||this.open(this.typeahead))})}attachClickEvent(){this.offEvent("click.dropdown-input"),this.list||this.onEvent("click.dropdown-input",this.input,t=>{this.dropdownList?.visible||this.dropdownList?.onTriggerClick?.(t)}),this.offEvent("open.dropdown-list"),this.offEvent("close.dropdown-list"),this.dropdownList&&(this.onEvent("open.dropdown-list",this.dropdownList,t=>{t.stopPropagation(),this.open()}),this.onEvent("close.dropdown-list",this.dropdownList,t=>{t.stopPropagation(),this.close(t.detail.operation==="cancel")})),this.offEvent("selected.dropdown-list"),this.input?.fieldContainer&&this.onEvent("selected.dropdown-list",this.input.fieldContainer,t=>{t.stopPropagation(),this.value=t.detail.value,this.dropdownList?.popup?.visible&&this.close(),this.triggerSelectedEvent(t)}),this.offEvent("change.list"),this.onEvent("change.list",this,()=>{this.dropdownList?.popup?.visible&&this.close()})}attachOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.attachKeyboardSelectionEvent(),this.listen(["Tab"],this,t=>{if(!this.dropdownList?.popup?.visible||h(this,u))return;t.shiftKey&&this.input?.focus();let i=this.selected;this.value=i?.getAttribute(e.VALUE)||"",this.close(!0)})}attachKeyboardSelectionEvent(){h(this,u)||this.listen([" ","Enter"],this,()=>{if(!this.dropdownList?.popup?.visible)return;if(this.openedByKeyboard){this.openedByKeyboard=!1;return}let t=this.selected?.getAttribute(e.VALUE)||"";this.value=t,this.closedByKeyboard=!0,this.close()})}removeOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.unlisten("Tab"),this.openedByKeyboard=!1,this.attachKeyboardOpenEvent()}set validate(t){t?(this.setAttribute(e.VALIDATE,t.toString()),this.input&&this.input.setAttribute(e.VALIDATE,t.toString())):(this.removeAttribute(e.VALIDATE),this.input&&this.input.removeAttribute(e.VALIDATE))}get validate(){return this.getAttribute(e.VALIDATE)}set validationEvents(t){t?(this.setAttribute(e.VALIDATION_EVENTS,t.toString()),this.input&&this.input.setAttribute(e.VALIDATION_EVENTS,t.toString())):(this.removeAttribute(e.VALIDATION_EVENTS),this.input&&this.input.removeAttribute(e.VALIDATION_EVENTS))}get validationEvents(){return this.getAttribute(e.VALIDATION_EVENTS)||"change"}configureDropdownList(){let t=this.container?.querySelector("ids-dropdown-list");this.hasAttribute(e.LIST)&&(this.dropdownList&&this.container?.contains(this.dropdownList)&&(this.dropdownList.remove(),this.dropdownList=null),t=_(this).querySelector(`${this.getAttribute(e.LIST)}`),t||(this.removeAttribute(e.LIST),this.container?.insertAdjacentHTML("beforeend",this.templateDropdownList()),t=this.container?.querySelector("ids-dropdown-list"))),this.dropdownList=t,this.configurePopup(),this.attachClickEvent()}set list(t){t&&typeof t=="string"?this.setAttribute(e.LIST,t):this.removeAttribute(e.LIST),this.configureDropdownList()}get list(){return this.getAttribute(e.LIST)}set noMargins(t){if(a(t)){this.setAttribute(e.NO_MARGINS,""),this.input&&this.input.setAttribute(e.NO_MARGINS,"");return}this.removeAttribute(e.NO_MARGINS),this.input&&this.input.removeAttribute(e.NO_MARGINS)}get noMargins(){return a(this.getAttribute(e.NO_MARGINS))}onSizeChange(t){t?this.dropdownList?.setAttribute(e.SIZE,t):this.dropdownList?.removeAttribute(e.SIZE),this.input?.setAttribute(e.SIZE,t||"md")}set typeahead(t){let i=a(t);i?(this.setAttribute(e.TYPEAHEAD,String(i)),n(this,T,pt).call(this)):this.removeAttribute(e.TYPEAHEAD),this.container?.classList.toggle("typeahead",i)}get typeahead(){return a(this.getAttribute(e.TYPEAHEAD))}onClearableTextChange(t){this.dropdownList&&(this.dropdownList.clearableText=t)}set placeholder(t){t?(this.setAttribute(e.PLACEHOLDER,t),this.input?.setAttribute(e.PLACEHOLDER,t)):(this.removeAttribute(e.PLACEHOLDER),this.input?.removeAttribute(e.PLACEHOLDER))}get placeholder(){return this.getAttribute(e.PLACEHOLDER)??""}focus(){this.input?.focus()}set showLoadingIndicator(t){let i=a(t);i?(this.setAttribute(e.SHOW_LOADING_INDICATOR,i.toString()),this.input?.setAttribute(e.SHOW_LOADING_INDICATOR,i.toString()),this.close(!0)):(this.removeAttribute(e.SHOW_LOADING_INDICATOR),this.input?.removeAttribute(e.SHOW_LOADING_INDICATOR))}get showLoadingIndicator(){return a(this.getAttribute(e.SHOW_LOADING_INDICATOR))}triggerSelectedEvent(t){let i;t?i=t:i={bubbles:!0,detail:{elem:this,label:this.selected?.textContent,value:this.value}},this.dispatchEvent(new CustomEvent("selected",i))}triggerOpenEvent(){this.triggerEvent("open",this,{bubbles:!0,detail:{elem:this}})}triggerCloseEvent(t){this.triggerEvent("close",this,{bubbles:!0,detail:{elem:this,operation:t?"cancel":"default"}})}onDropdownIconChange(t){typeof t=="string"&&t.length&&(n(this,f,A).call(this,this.dropdownIcon||"dropdown"),this.dropdownList&&(this.dropdownList.dropdownIcon=this.dropdownIcon))}onShowListItemIcon(t){t||this.dropdownIconEl?.remove()}onTooltipTargetDetection(){return this.dropdownList?.visible?this.dropdownList?.lastHovered||this:this.input?.fieldContainer||this}canTooltipShow(t,i){return this.dropdownList?.visible?this.dropdownList?.canTooltipShow(t,i):i?i!==this.input?.value?.trim()?!0:G(this.input?.input)||!1:!1}};c=new WeakMap,u=new WeakMap,b=new WeakSet,L=function(){let t=this.listBox?.getAttribute("id")||`ids-list-box-${this.id}`,i={role:"combobox","aria-expanded":"false","aria-autocomplete":"list","aria-haspopup":"listbox","aria-description":this.localeAPI?.translate("PressDown"),"aria-controls":t};return this.dropdownList?.listBox?.setAttribute("id",t),this.dropdownList?.listBox?.setAttribute("aria-label","Listbox"),Object.keys(i).forEach(s=>this.setAttribute(s,i[s])),this},E=new WeakSet,st=function(){return this.attachClickEvent(),this.offEvent("click.dropdown-label"),this.onEvent("click.dropdown-label",this.labelEl,t=>{t.preventDefault(),this.labelClicked=!0,this.input?.focus()}),this.offEvent("hide.dropdown-list"),this.onEvent("hide.dropdown-list",this.container,()=>{this.dropdownList?.popup?.visible&&this.close()}),this.offEvent("focus.dropdown-input"),this.onEvent("focus.dropdown-input",this.input,()=>{window.getSelection().removeAllRanges()}),this.offEvent("languagechange.dropdown-container"),this.onEvent("languagechange.dropdown-container",this.closest("ids-container"),()=>{n(this,b,L).call(this)}),this.attachKeyboardOpenEvent(),this},I=new WeakSet,ot=function(){return this.offEvent("keydownend.dropdown-typeahead"),this.onEvent("keydownend.dropdown-typeahead",this,t=>{this.typeahead?n(this,x,rt).call(this,t.detail.keys):n(this,y,nt).call(this,t.detail.keys)}),this.listen(["ArrowDown","ArrowUp"],this,t=>{if(t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault(),!this.dropdownList?.popup?.visible){this.open(this.typeahead);return}let i=this.selected,s=i?.nextElementSibling,o=i?.previousElementSibling;if(t.key==="ArrowUp"&&t.altKey){h(this,u)||(this.value=i?.getAttribute(e.VALUE)||""),this.close();return}if(t.key==="ArrowDown"&&s){if(s.hasAttribute(e.GROUP_LABEL)&&!s.nextElementSibling)return;this.deselectOption(i),this.selectOption(s.hasAttribute(e.GROUP_LABEL)?s.nextElementSibling:s)}if(t.key==="ArrowDown"&&!i&&n(this,w,N).call(this),t.key==="ArrowUp"&&o){if(o.hasAttribute(e.GROUP_LABEL)&&!o.previousElementSibling)return;this.deselectOption(i),this.selectOption(o.hasAttribute(e.GROUP_LABEL)?o.previousElementSibling:o)}}),this.listen(["Escape"],this,()=>{this.close()}),this.listen(["Backspace","Delete"],this,()=>{!this.clearable||this.clearable&&this.typeahead&&this.dropdownList?.popup?.visible||(this.allowBlank?this.value="blank":(this.value=h(this,u)?[]:"",this.input&&(this.input.value=""),this.selectIcon(null),this.selectTooltip(null)),this.input?.focus())}),this},x=new WeakSet,rt=function(t){let i=["Backspace","Delete"];if(!this.dropdownList?.popup?.visible)if(!i.some(d=>t?.includes(d)))this.input&&(this.input.value=t),this.open(!1);else return;let s=this.input?.value??"",r=n(this,D,at).call(this,s).map(d=>{let g=new RegExp(s,"gi"),k=d.groupLabel?d.label:d.label?.replace(g,`<span class="highlight">${s?.toLowerCase()}</span>`);return n(this,m,V).call(this,{...d,label:k})}).join("");this.dropdownList&&(this.dropdownList.listBox&&(r?(this.dropdownList.listBox.innerHTML=r,n(this,w,N).call(this)):this.dropdownList.listBox.innerHTML=`<ids-list-box-option>${this.localeAPI.translate("NoResults")}</ids-list-box-option>`),this.dropdownList.popup?.place()),n(this,f,A).call(this,"search"),this.input?.querySelector(".trigger-icon")?.remove()},y=new WeakSet,nt=function(t){let i=R(t)?.trim();if(!i)return;let s=this.options.filter(r=>!r.hasAttribute(e.GROUP_LABEL)).find(r=>{let d=new RegExp(`^(${i})`,"i");return(h(this,u)?r.querySelector("ids-checkbox")?.label:r.textContent?.trim())?.match(d)});if(this.dropdownList?.popup?.visible&&s){this.deselectOption(this.selected),this.selectOption(s);return}let o=s?.getAttribute(e.VALUE);if(o)if(h(this,u)){let r=this.value.filter(d=>d!==o);this.value=[...r,o]}else this.value=o},f=new WeakSet,A=function(t){let i=this.container?.querySelector("ids-trigger-button")?.querySelector("ids-icon");i?.icon&&i.icon!==t&&(i.icon=t)},w=new WeakSet,N=function(){if(this.clearSelected(),this.options.length>0){let t=[...this.options].filter(i=>{let s=i.getAttribute(e.VALUE),o=i.hasAttribute(e.GROUP_LABEL);return s&&s!=="blank"&&!o})[0];this.selectOption(t)}},m=new WeakSet,V=function(t){return`<ids-list-box-option
+      ${t.id?`id=${t.id}`:""}
+      ${t.value?`value="${t.value}"`:'value=""'}
+      ${t.groupLabel?"group-label":""}>${t.icon?`<ids-icon icon="${t.icon}"></ids-icon>`:""}${t.label||""}</ids-list-box-option>`},O=new WeakSet,dt=function(t,i){return t.reduce((s,o,r)=>o<i&&(t[r+1]>i||!t[r+1])?o:s,-1)},S=new WeakSet,lt=function(t){let i=h(this,c).reduce((o,r,d)=>r?.groupLabel?[...o,d]:o,[]),s=n(this,O,dt).call(this,i,t);return h(this,c)[s]},D=new WeakSet,at=function(t){return h(this,c).reduce((i,s,o)=>{let r=new RegExp(`(${R(t)})`,"gi");if(s.label?.match(r)&&!s.groupLabel){let d=n(this,S,lt).call(this,o),g=i.some(k=>k.label===d?.label);return d&&!g?[...i,d,s]:[...i,s]}return i},[])},T=new WeakSet,pt=function(){B(this,c,[...this.options].map(t=>({id:t.id,label:t.textContent?.trim()??"",value:t.getAttribute(e.VALUE),icon:t.querySelector("ids-icon")?.icon,groupLabel:t.hasAttribute(e.GROUP_LABEL)})))},C=new WeakSet,ht=function(t){return{...t,id:this.xssSanitize(t?.id??""),value:this.xssSanitize(t.value),label:this.xssSanitize(t.label)}},v=M([H("ids-dropdown"),P(et)],v);export{v as a};

package/chunks/ids-chunk-GZLGMDEV.js

@@ -0,0 +1,189 @@
+import{a as ge}from"./ids-chunk-SOPVBEZ6.js";import{a as fe}from"./ids-chunk-3NZ7H7BT.js";import{a as ve}from"./ids-chunk-TFKPHKUJ.js";import{a as me}from"./ids-chunk-EJFV3IXB.js";import{a as ce}from"./ids-chunk-PHQEFZRD.js";import{a as be}from"./ids-chunk-T6ZV4PDM.js";import{a as he}from"./ids-chunk-CT5U7IVV.js";import{a as ne,b as oe}from"./ids-chunk-XE4WFW5M.js";import{a as ue}from"./ids-chunk-4WDX2CDM.js";import{e as te,f as L,g as de}from"./ids-chunk-VEAPPKDG.js";import{a}from"./ids-chunk-NSM2KAOK.js";import{a as ae,b as D,c,d as o,e as d,g as r}from"./ids-chunk-Y32WUP63.js";var pe=`:host([selectable]) .ids-list-view .ids-list-view-body div[part=list-item],
+:host([selectable]) .ids-list-view .ids-list-view-body li {
+  cursor: var(--ids-cursor-pointer);
+}
+
+:host([no-margins]) .ids-list-view .ids-list-view-body div[part=list-item]:first-child,
+:host([no-margins]) .ids-list-view .ids-list-view-body li:first-child {
+  margin-block-start: var(--ids-space-none);
+}
+
+.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 div[part=list-item],
+.ids-list-view .ids-list-view-body li {
+  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;
+  padding: var(--ids-list-view-item-padding);
+}
+.ids-list-view .ids-list-view-body div[part=list-item]:focus,
+.ids-list-view .ids-list-view-body li:focus {
+  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);
+}
+.ids-list-view .ids-list-view-body div[part=list-item]:focus + div[part=list-item],
+.ids-list-view .ids-list-view-body li:focus + div[part=list-item] {
+  border-top-color: transparent;
+}
+.ids-list-view .ids-list-view-body div[part=list-item].sortable,
+.ids-list-view .ids-list-view-body li.sortable {
+  background-color: transparent;
+  border: none;
+  cursor: inherit;
+}
+.ids-list-view .ids-list-view-body div[part=list-item].sortable:first-child,
+.ids-list-view .ids-list-view-body li.sortable:first-child {
+  margin-block-start: var(--ids-space-none);
+}
+.ids-list-view .ids-list-view-body div[part=list-item][disabled],
+.ids-list-view .ids-list-view-body li[disabled] {
+  color: var(--ids-list-view-item-color-text-disabled);
+  cursor: var(--ids-cursor-default);
+  pointer-events: none;
+  user-select: none;
+}
+.ids-list-view .ids-list-view-body div[part=list-item][disabled]:focus,
+.ids-list-view .ids-list-view-body li[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);
+}
+.ids-list-view .ids-list-view-body div[part=list-item][disabled] ids-badge::part(badge),
+.ids-list-view .ids-list-view-body li[disabled] ids-badge::part(badge) {
+  background-color: var(--ids-list-view-item-color-background-disabled);
+  border-color: var(--ids-list-view-item-color-border-disabled);
+  color: var(--ids-list-view-item-badge-color-text-disabled);
+}
+.ids-list-view .ids-list-view-body div[part=list-item][disabled] ids-hyperlink::part(link),
+.ids-list-view .ids-list-view-body li[disabled] ids-hyperlink::part(link) {
+  color: var(--ids-list-view-item-color-text-link-disabled);
+}
+.ids-list-view .ids-list-view-body div[part=list-item][disabled] ids-image,
+.ids-list-view .ids-list-view-body li[disabled] ids-image {
+  opacity: var(--ids-list-view-item-opacity-disabled);
+}
+.ids-list-view.has-searchfield .ids-list-view-body div[part=list-item]:first-child,
+.ids-list-view.has-searchfield .ids-list-view-body li:first-child {
+  margin-block-start: 8px;
+}
+.ids-list-view.selectable-single .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable):hover, .ids-list-view.selectable-single .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[activated], .ids-list-view.selectable-single .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]),
+.ids-list-view.selectable-single .ids-list-view-body li:not([disabled]):not(.sortable):hover,
+.ids-list-view.selectable-single .ids-list-view-body li:not([disabled]):not(.sortable)[activated],
+.ids-list-view.selectable-single .ids-list-view-body li:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]), .ids-list-view.selectable-multiple .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable):hover, .ids-list-view.selectable-multiple .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[activated], .ids-list-view.selectable-multiple .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]),
+.ids-list-view.selectable-multiple .ids-list-view-body li:not([disabled]):not(.sortable):hover,
+.ids-list-view.selectable-multiple .ids-list-view-body li:not([disabled]):not(.sortable)[activated],
+.ids-list-view.selectable-multiple .ids-list-view-body li:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]), .ids-list-view.selectable-mixed .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable):hover, .ids-list-view.selectable-mixed .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[activated], .ids-list-view.selectable-mixed .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]),
+.ids-list-view.selectable-mixed .ids-list-view-body li:not([disabled]):not(.sortable):hover,
+.ids-list-view.selectable-mixed .ids-list-view-body li:not([disabled]):not(.sortable)[activated],
+.ids-list-view.selectable-mixed .ids-list-view-body li:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]) {
+  background-color: var(--ids-list-view-color-background-selected);
+}
+.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: 1px solid transparent;
+  border-bottom-color: var(--ids-color-neutral-20);
+}
+
+ids-swappable-item[over] {
+  border: 1px dashed var(--ids-color-neutral-80);
+}
+
+::slotted(ids-search-field) {
+  margin-bottom: 8px;
+}`;var $e=ce(ve(fe(ge(be(he(ue)))))),P="search-mismatch",g={hideCheckboxes:!1,height:"100%",label:"Ids list view",selectableOptions:["single","multiple","mixed"],sortable:!1,suppressDeactivation:!1,suppressDeselection:!0,virtualScroll:!1},$,m,w,b,f,U,ye,K,we,T,M,S,x,z,Se,G,Ae,j,Ee,X,Ie,V,ie,W,Le,R,se,Z,xe,J,Te,p,A,Q,ke,Y,Ce,_,ee,He,q,le,u,v,B,re,E,C,k,O,I,H,N=class extends $e{constructor(){super();o(this,U);o(this,K);o(this,T);o(this,S);o(this,z);o(this,G);o(this,j);o(this,X);o(this,V);o(this,W);o(this,R);o(this,Z);o(this,J);o(this,p);o(this,Q);o(this,Y);o(this,ee);o(this,q);o(this,u);o(this,B);o(this,E);o(this,k);o(this,I);D(this,"initialized",!1);o(this,$,0);o(this,m,-1);o(this,w,!1);o(this,b,!1);o(this,f,0);D(this,"datasource",new me);D(this,"defaultTemplate","");D(this,"vetoableEventTypes",["beforeitemactivated","beforeitemdeactivated","beforeselected","beforedeselected"]);o(this,_,0)}connectedCallback(){super.connectedCallback(),this.defaultTemplate=`${this.querySelector("template")?.innerHTML||""}`,this.dataKeys=r(this,U,ye).call(this,this.defaultTemplate),r(this,V,ie).call(this),r(this,W,Le).call(this)}disconnectedCallback(){this.isConnected&&this.redrawLazy()}static get attributes(){return[...super.attributes,a.LOADED,a.HEIGHT,a.HIDE_CHECKBOXES,a.ITEM_HEIGHT,a.LABEL,a.SELECTABLE,a.SORTABLE,a.SUPPRESS_DEACTIVATION,a.SUPPRESS_DESELECTION,a.VIRTUAL_SCROLL]}getAllLi(){return this.container?.querySelectorAll('div[part="list-item"]')}getAllSwappableItems(){return this.container?.querySelectorAll("ids-swappable-item")}dataIndex(e){let t=L(e);return Number.isNaN(t)?null:t>=0&&t<c(this,f)?t+(this.pageNumber-1)*c(this,f):null}pageIndex(e){let t=L(e);return Number.isNaN(t)?null:(t-=(this.pageNumber-1)*c(this,f),t>=0&&t<c(this,f)?t:null)}isInPage(e){let t=L(e);if(Number.isNaN(t))return!1;let i=this.pageNumber*c(this,f),s=i-c(this,f);return this.virtualScroll&&(i=this.virtualScrollContainer?.lastEnd,s=this.virtualScrollContainer?.lastStart),e>=s&&e<i}resetSearch(){let e=r(this,p,A).call(this);e.length&&(this.datasource.filtered=!0,e.forEach(t=>{t.classList.remove(P),t.removeAttribute("slot")})),super.resetSearch()}focusLi(e,t=!1){if(e){let i=this.getFocusedLi();e!==i&&(i?.setAttribute("tabindex","-1"),d(this,$,e.getAttribute("index"))),this.container?.querySelector(".ids-list-view-body")?.setAttribute("aria-activedescendant",String(e.getAttribute("id"))),e.setAttribute("tabindex","0"),t||e.focus()}}getFocusedLi(){return this.container?.querySelector(`div[part="list-item"][index="${c(this,$)}"]`)??this.container?.querySelector('div[part="list-item"][tabindex="0"]')}getPreviousLi(e){let t=e&&typeof e.getAttribute=="function"?e.getAttribute("index"):null;if(t=L(t),Number.isNaN(t))return;let i=[...this.getAllLi()??[]].slice(0,t+1),s=n=>this.sortable?n.parentElement.previousElementSibling?.firstElementChildwrapper:n.previousElementSibling,l=e;return i.reverse().some(n=>(l=s(n),!l?.hasAttribute("disabled"))),l}getNextLi(e){let t=e&&typeof e.getAttribute=="function"?e.getAttribute("index"):null;if(t=L(t),Number.isNaN(t))return;let i=[...this.getAllLi()??[]].slice(t),s=n=>this.sortable?n.parentElement.nextElementSibling?.firstElementChild:n.nextElementSibling,l=e;return i.some(n=>(l=s(n),!l?.hasAttribute("disabled"))),l}listItemTemplateFunc(){let e=(s,l)=>{if(this.selectable==="multiple"||this.selectable==="mixed"){let n=s.itemSelected?" checked":"",h=s.disabled?" disabled":"",y=`<ids-checkbox class="list-item-checkbox" label="cb-item-${l}" label-state="hidden"${n}${h}></ids-checkbox>`;return this.selectable==="multiple"&&this.hideCheckboxes&&(y=""),`
+          <div class="list-item-area">
+            ${y}
+            <div class="list-item-content">
+              ${this.itemTemplate(s)}
+            </div>
+          </div>`}return this.itemTemplate(s)},t=r(this,p,A).call(this,!0);return(s,l)=>{s?.setAttribute&&(s?.setAttribute("slot",`slot-child-${l}`),s.rowIndex=l);let n=s.disabled?" disabled":"",h=`tabindex="${typeof l<"u"&&!l?"0":"-1"}"`,y=s.itemActivated?" activated":"",F="";return s.itemSelected&&(F=' selected aria-selected="true"',this.selectable==="mixed"&&(F+=" hide-selected-color")),`
+        ${this.sortable?`<ids-swappable-item
+            role="listitem"
+            tabindex="-1"
+            tabbable="${l===0?"true":"false"}"
+            index="${l}"
+            id="id_item_${l+1}"
+            aria-posinset="${l+1}"
+            aria-setsize="${this.data.length?this.data.length:t.length}"
+            ${n}
+          >`:""}
+          <div
+            part="list-item"
+            role="option"
+            index="${l}"
+            class="${this.sortable?"sortable":""}"
+            aria-posinset="${l+1}"
+            aria-setsize="${this.data.length?c(this,f):t.length}"
+            ${h}${y}${F}${n}
+          >
+            ${e(s,l)}
+          </div>
+        ${this.sortable?"</ids-swappable-item>":""}
+      `}}staticScrollTemplate(){let e=this.selectable?` ${this.selectableClass()}`:"",t=this.data?.length?this.data:r(this,p,A).call(this,!0);return`
+      <div class="ids-list-view${e}">
+        <div class="ids-list-view-body" role="listbox" aria-label="${this.label}">
+          ${this.sortable?`<ids-swappable selection=${this.selectable}>`:""}
+            ${t?.length>0?t.map(this.listItemTemplateFunc()).join(""):""}
+          ${this.sortable?"</ids-swappable>":""}
+          <slot></slot>
+        </div>
+      </div>
+    `}virtualScrollTemplate(){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>
+    `}template(){return`
+      ${this.searchTemplate?.()}
+      ${this.virtualScroll?this.virtualScrollTemplate():this.staticScrollTemplate()}
+    `}itemTemplate(e){return r(this,J,Te).call(this,e)?`<slot name="${e?.getAttribute?.("slot")}"></slot>`:de(this.defaultTemplate,this.searchHighlight?.(e)??e)}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>
+    `}toggleSelectedAttribute(e,t){if(!this.selectable||e?.tagName!=="IDS-SWAPPABLE-ITEM")return;let i=()=>{e.removeAttribute("selected"),e.removeAttribute("aria-selected"),d(this,m,-1)},s=()=>{e.setAttribute("selected","selected"),e.setAttribute("aria-selected","true"),d(this,m,parseInt(e.getAttribute("index")||"-1")),this.triggerEvent("itemSelect",this,{detail:this.getListItemData(e)})};t===!0?s():t===!1?i():(e.hasAttribute("selected")?i():s(),this.focusLi(e))}toggleSelectedLi(e){if(!(!this.selectable||!e)&&e.tagName==="IDS-SWAPPABLE-ITEM"){if(this.selectable==="single"){let t=this.selectedLi;e!==t&&t&&this.toggleSelectedAttribute(t)}this.toggleSelectedAttribute(e)}}updateDataFromDOM(){let e=[];this.container?.querySelectorAll('div[part="list-item"]').forEach(t=>{let i={};t.querySelectorAll("ids-text").forEach((s,l)=>{i[this.dataKeys[l]]=s.innerHTML}),e.push(i)}),this.datasource&&(this.datasource.data=e)}redrawLazy(){cancelAnimationFrame(c(this,_)),d(this,_,requestAnimationFrame(()=>this.redraw()))}redraw(){if((!this.data||!this.loaded)&&!r(this,p,A).call(this).length){this.data?.length||this.getAllLi()?.forEach(s=>s?.remove());return}d(this,f,this.pagination==="none"?this.pageTotal:this.pageSize);let e=this.container?.getAttribute("dir"),t=this.template();this.container?.parentElement?this.container?.parentElement.remove():this.container?.remove(),this.searchContainer?.remove();let i=this.shadowRoot?.querySelector("style");if(i)i.insertAdjacentHTML("afterend",t);else{let s=document.createElement("template");s.innerHTML=t,this.shadowRoot?.appendChild(s.content.cloneNode(!0))}if(this.container=this.shadowRoot?.querySelector(".ids-list-view"),this.data?.length>0){if(this.virtualScroll){let s=this.itemHeight||r(this,ee,He).call(this,`
+          <div part="list-item" tabindex="-1" id="height-tester">
+            ${this.itemTemplate(this.datasource.data[0])}
+          </div>
+        `);this.virtualScrollContainer&&(this.virtualScrollContainer.itemHeight=s,this.virtualScrollContainer.itemTemplate=this.listItemTemplateFunc(),this.virtualScrollContainer.data=this.data)}r(this,V,ie).call(this)}this.setSearchable?.(),this.pager?.sync?.apply(this),this.adjustHeight(),e&&this.container?.setAttribute("dir",e),this.scrollArea=this.shadowRoot?.querySelector(".ids-list-view"),this.attachScrollEvents()}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}`)}boolVal(e,t){return this.hasAttribute(e)?te(this.getAttribute(e)):t}get ds(){return this.datasource?.allData||this.data}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),t===i)return;[a.LOADED,a.SELECTABLE,a.VIRTUAL_SCROLL,a.PAGE_NUMBER,a.PAGE_SIZE,a.PAGE_TOTAL].includes(e)&&this.redraw()}set data(e){let t=this.initialized;e?(this.initialized=!0,this.datasource.data=e,this.loaded=!0,t&&this.redraw()):(this.datasource.data=[],this.loaded=!1)}get data(){return this?.datasource?.data||""}set loaded(e){this.setAttribute(a.LOADED,String(!!e))}get loaded(){return te(a.LOADED)}set dataKeys(e){this.datasource&&(this.datasource.dataKeys=e||[])}get dataKeys(){return this.datasource.dataKeys||[]}set virtualScroll(e){/boolean|string/g.test(typeof e)?this.setAttribute(a.VIRTUAL_SCROLL,String(e)):this.removeAttribute(a.VIRTUAL_SCROLL)}get virtualScroll(){return this.boolVal(a.VIRTUAL_SCROLL,g.virtualScroll)}set height(e){e?this.setAttribute(a.HEIGHT,String(e)):this.setAttribute(a.HEIGHT,g.height)}get height(){return this.getAttribute(a.HEIGHT)||g.height}set itemHeight(e){e?this.setAttribute(a.ITEM_HEIGHT,String(e)):this.removeAttribute(a.ITEM_HEIGHT)}get itemHeight(){return parseInt(this.getAttribute(a.ITEM_HEIGHT)??"")}set selectable(e){this.container?.classList.remove(...this.selectableClass(!0)),g.selectableOptions.includes(String(e))?(this.setAttribute(a.SELECTABLE,String(e)),this.container?.classList.add(this.selectableClass())):this.removeAttribute(a.SELECTABLE)}get selectable(){return this.getAttribute(a.SELECTABLE)}selectableClass(e){let t=s=>`selectable-${s}`,i="";return e&&(i=g.selectableOptions.map(s=>t(s))),this.selectable!==null&&(i=t(this.selectable)),i}get activatedItem(){return!this.ds||this.selectable!=="mixed"?null:(t=>t>-1?{index:t,data:this.ds[t]}:null)(this.ds.findIndex(t=>t.itemActivated))}get selected(){if(!this.ds||!this.selectable)return null;let e=t=>t>-1?{index:t,data:this.ds[t]}:null;return this.selectable==="single"?e(this.ds.findIndex(t=>t.itemSelected)):this.ds.map((t,i)=>({index:i,data:t})).filter(t=>t.data.itemSelected)}set sortable(e){/boolean|string/g.test(typeof e)?this.setAttribute(a.SORTABLE,String(e)):this.removeAttribute(a.SORTABLE)}get sortable(){return this.boolVal(a.SORTABLE,g.sortable)}set suppressDeactivation(e){/boolean|string/g.test(typeof e)?this.setAttribute(a.SUPPRESS_DEACTIVATION,String(e)):this.removeAttribute(a.SUPPRESS_DEACTIVATION)}get suppressDeactivation(){return this.boolVal(a.SUPPRESS_DEACTIVATION,g.suppressDeactivation)}set suppressDeselection(e){/boolean|string/g.test(typeof e)?this.setAttribute(a.SUPPRESS_DESELECTION,String(e)):this.removeAttribute(a.SUPPRESS_DESELECTION)}get suppressDeselection(){return this.boolVal(a.SUPPRESS_DESELECTION,g.suppressDeselection)}set hideCheckboxes(e){/boolean|string/g.test(typeof e)?this.setAttribute(a.HIDE_CHECKBOXES,String(e)):this.removeAttribute(a.HIDE_CHECKBOXES),r(this,Y,Ce).call(this)}get hideCheckboxes(){return this.boolVal(a.HIDE_CHECKBOXES,g.hideCheckboxes)}set label(e){e?this.setAttribute(a.LABEL,e):this.removeAttribute(a.LABEL),this.body?.setAttribute("aria-label",this.label)}get label(){return this.getAttribute(a.LABEL)||g.label}activateItem(e){if(this.ds?.[e]?.disabled||e===-1)return!0;if(this.isInPage(e))return r(this,B,re).call(this,this.pageIndex(e));if(c(this,m)!==-1){let i=this.ds.findIndex(s=>s.itemActivated);if(d(this,b,!0),i===e)return this.suppressDeactivation?this.isInPage(i)?r(this,E,C).call(this,this.pageIndex(i)):this.deactivateItem(i):!0;if(this.isInPage(i)){if(!r(this,E,C).call(this,this.pageIndex(i)))return!1}else if(!this.deactivateItem(i))return!1}let t=()=>({dataIndex:e,data:this.ds[e]});return this.triggerVetoableEvent("beforeitemactivated",{...t()})?(d(this,m,e),this.ds[e].itemActivated=!0,r(this,u,v).call(this,"itemactivated",{...t()}),!0):!1}deactivateItem(e){if(this.ds?.[e]?.disabled||c(this,m)===-1)return!0;if(this.isInPage(e))return r(this,E,C).call(this,this.pageIndex(e));if(c(this,b))d(this,b,!1);else if(this.ds.findIndex(s=>s.itemActivated)===e&&!this.suppressDeactivation)return!1;let t=()=>({dataIndex:e,data:this.ds[e]});return this.triggerVetoableEvent("beforeitemdeactivated",{...t()})?(this.ds[e]?.itemActivated&&delete this.ds[e].itemActivated,d(this,m,-1),r(this,u,v).call(this,"itemdeactivated",{...t()}),!0):!1}select(e){if(this.ds?.[e]?.disabled)return!0;if(this.isInPage(e))return r(this,k,O).call(this,this.pageIndex(e));let t=this.selected;if(this.selectable==="single"&&t){let l=t.index===e;if(l&&!this.suppressDeselection)return!0;if(d(this,b,!0),this.isInPage(t.index)){if(!r(this,I,H).call(this,this.pageIndex(t.index)))return!1}else if(!this.deselect(t.index))return!1;if(l)return!0}let i=this.selectable==="single"?"selectedItem":"selectedItems",s={dataIndex:e,data:this.ds[e]};return this.triggerVetoableEvent("beforeselected",{...s,[i]:this.selected})?(this.ds[e].itemSelected=!0,r(this,u,v).call(this,"selected",{...s,[i]:this.selected}),!0):!1}deselect(e){if(this.ds?.[e]?.disabled)return!0;let t=this.selected;if(!t||/^(multiple|mixed)$/g.test(String(this.selectable))&&!t.length)return!0;if(this.isInPage(e))return r(this,I,H).call(this,this.pageIndex(e));if(this.selectable==="single"){if(c(this,b))d(this,b,!1);else if(e===t.index&&!this.suppressDeselection)return!1}let i=this.selectable==="single"?"selectedItem":"selectedItems",s={dataIndex:e,data:this.ds[e]};return this.triggerVetoableEvent("beforedeselected",{...s,[i]:this.selected})?(delete this.ds[e].itemSelected,r(this,u,v).call(this,"deselected",{...s,[i]:this.selected}),!0):!1}selectAll(){this.toggleAll()}deselectAll(){this.toggleAll(!0)}toggleAll(e){let t=e?"deselect":"select";if(this.selectable){let i=this.selected,s,l=0;this.selectable==="single"&&(s="selectedItem",l=i?1:0,e&&l&&this[t](i.index),!e&&!l&&this[t](0)),/multiple|mixed/g.test(this.selectable)&&(s="selectedItems",l=i.length,this.ds?.forEach((n,h)=>this[t](h))),this.selected?.length!==l&&r(this,u,v).call(this,"selectionchanged",{[s]:this.selected})}}getListItemData(e){let t=e?.getAttribute("index");return t?this.data[t]:{}}getFocusedLiIndex(){return c(this,$)}getAllSelectedLiIndex(){let e=[];return this.container?.querySelectorAll("ids-swappable-item[selected]").forEach(t=>{e.push(+(t.getAttribute("index")??-1))}),e}};$=new WeakMap,m=new WeakMap,w=new WeakMap,b=new WeakMap,f=new WeakMap,U=new WeakSet,ye=function(e){return Array.from(e?.matchAll(/\${(.*)}/g),([,t])=>t)},K=new WeakSet,we=function(){this.getAllLi()?.forEach(e=>{e.classList.add("sortable")})},T=new WeakSet,M=function(e){let t=e?.getAttribute("role")==="option"?e:e?.closest('[role="option"]'),i=L(t?.getAttribute("index"));return Number.isNaN(i)?null:{item:t,index:i,data:this.data[i]}},S=new WeakSet,x=function(e){return Number.isNaN(e)||!this.container?null:this.container.querySelector(`div[part="list-item"][index="${e}"]`)},z=new WeakSet,Se=function(e){let t=r(this,T,M).call(this,e.target);t&&(d(this,w,e.target?.classList.contains("list-item-checkbox")),c(this,w)&&e.preventDefault(),r(this,R,se).call(this,t))},G=new WeakSet,Ae=function(e){switch(e.code){case"ArrowUp":e.preventDefault(),this.focusLi(this.getPreviousLi(this.getFocusedLi()));break;case"ArrowDown":e.preventDefault(),this.focusLi(this.getNextLi(this.getFocusedLi()));break;case"Space":e.preventDefault();break;default:break}},j=new WeakSet,Ee=function(e){if(/^(Space|Enter)$/g.test(e.code)){e.preventDefault(),e.stopPropagation();let t=this.getFocusedLi();if(this.selectable==="mixed"){let i=t?.querySelector(".list-item-checkbox");i&&(i.checked=!i.checked),d(this,w,!0)}r(this,R,se).call(this,r(this,T,M).call(this,t))}},X=new WeakSet,Ie=function(e){let{startIndex:t,endIndex:i}=e.detail||{};r(this,Q,ke).call(this,t);for(let s=t;s<i;s++){if(this.data?.[s]?.itemSelected){let l=r(this,S,x).call(this,s),n=l?.querySelector(".list-item-checkbox");n&&(n.checked=!0),l?.setAttribute("selected",""),l?.setAttribute("aria-selected","true"),this.selectable==="mixed"&&l?.setAttribute("hide-selected-color","")}this.data?.[s]?.itemActivated&&r(this,S,x).call(this,s)?.setAttribute("activated","")}},V=new WeakSet,ie=function(){let e=r(this,Z,xe).call(this);this.offEvent("slotchange.listview",e),this.onEvent("slotchange.listview",e,()=>{r(this,p,A).call(this)?.length&&this.redrawLazy()}),this.offEvent("click.listview",this.container),this.onEvent("click.listview",this.container,t=>{let i=r(this,T,M).call(this,t.target);i&&r(this,u,v).call(this,"click",{...i,originalEvent:t})}),this.offEvent("dblclick.listview",this.container),this.onEvent("dblclick.listview",this.container,t=>{let i=r(this,T,M).call(this,t.target);i&&r(this,u,v).call(this,"dblclick",{...i,originalEvent:t})}),this.sortable?r(this,K,we).call(this):(this.offEvent("click.listview-selection",this.container),this.onEvent("click.listview-selection",this.container,t=>r(this,z,Se).call(this,t)),this.offEvent("keydown.listview-selection",this.container),this.onEvent("keydown.listview-selection",this.container,t=>r(this,G,Ae).call(this,t)),this.offEvent("keyup.listview-selection",this.container),this.onEvent("keyup.listview-selection",this.container,t=>r(this,j,Ee).call(this,t)),this.offEvent("aftervirtualscroll.listview",this.virtualScrollContainer),this.onEvent("aftervirtualscroll.listview",this.virtualScrollContainer,t=>r(this,X,Ie).call(this,t)))},W=new WeakSet,Le=function(){r(this,p,A).call(this)?.length&&(this.searchFilterCallback=e=>(r(this,p,A).call(this)?.forEach(t=>{let i=String(t?.textContent??"").toLowerCase(),s=String(e).toLowerCase();!e||i.includes(s)?t.classList.remove(P):(t.classList.add(P),t.setAttribute("slot",P))}),()=>!1))},R=new WeakSet,se=function(e){if(!e)return;let{item:t,index:i}=e,s=this.dataIndex(i),l=!0;if(this.selectable){let n=this.selected;this.selectable==="single"&&(l=r(this,k,O).call(this,i)),this.selectable==="multiple"&&(n.some(h=>h.index===s)?l=r(this,I,H).call(this,i):l=r(this,k,O).call(this,i)),this.selectable==="mixed"&&(c(this,w)?n.some(h=>h.index===s)?l=r(this,I,H).call(this,i):l=r(this,k,O).call(this,i):r(this,B,re).call(this,i))}l&&this.focusLi(t)},Z=new WeakSet,xe=function(){return this.container?.querySelector("slot:not([name])")??void 0},J=new WeakSet,Te=function(e){return String(e?.tagName).toLowerCase()==="ids-list-view-item"},p=new WeakSet,A=function(e=!1){return e?[...this.querySelectorAll(`ids-list-view-item:not(.${P})`)]:[...this.querySelectorAll("ids-list-view-item")]},Q=new WeakSet,ke=function(e){let t=this.getAllLi(),i=t?.length;e===0&&t?.item(0)?.setAttribute("tabindex","0"),t?.forEach((s,l)=>{s?.setAttribute("index",l+e),s?.setAttribute("aria-posinset",l+1),s?.setAttribute("aria-setsize",i)})},Y=new WeakSet,Ce=function(){if(this.selectable==="multiple"){let e=this.hideCheckboxes,t=!!this.body?.querySelector(".list-item-checkbox");e&&t?this.body?.querySelectorAll(".list-item-checkbox").forEach(i=>i?.remove()):!e&&!t&&this.getAllLi()?.forEach(i=>{if(!i)return;let s=i.getAttribute("index"),l=i.hasAttribute("selected"),n=i.hasAttribute("disabled"),h=l?" checked":"",y=n?" disabled":"";i.querySelector(".list-item-area")?.insertAdjacentHTML("afterbegin",`
+            <ids-checkbox
+             class="list-item-checkbox"
+             label="cb-item-${s}"
+             label-state="hidden"${h}${y}></ids-checkbox>
+          `)})}},_=new WeakMap,ee=new WeakSet,He=function(e){this.container?.insertAdjacentHTML("beforeend",e);let t=this.shadowRoot?.querySelector("#height-tester"),i=t?.offsetHeight;return t?.remove(),i??NaN},q=new WeakSet,le=function(e,t=!1){let i=e?.querySelector(".list-item-checkbox");i&&(i.checked=t)},u=new WeakSet,v=function(e,t={}){this.triggerEvent(e,this,{bubbles:!0,detail:{elem:this,...t}})},B=new WeakSet,re=function(e){if(this.data?.[e]?.disabled)return!0;let t=this.dataIndex(e);if(c(this,m)!==-1){let l=this.ds.findIndex(n=>n.itemActivated);if(d(this,b,!0),l===t)return this.suppressDeactivation?this.isInPage(l)?r(this,E,C).call(this,this.pageIndex(l)):this.deactivateItem(l):!0;if(this.isInPage(l)){if(!r(this,E,C).call(this,this.pageIndex(l)))return!1}else if(!this.deactivateItem(l))return!1}let i=r(this,S,x).call(this,e),s=()=>({item:i,index:e,dataIndex:t,data:this.data[e]});return this.triggerVetoableEvent("beforeitemactivated",{...s()})?(i?.setAttribute("activated",""),d(this,m,t),this.data[e].itemActivated=!0,r(this,u,v).call(this,"itemactivated",{...s()}),this.focusLi(i,!0),!0):!1},E=new WeakSet,C=function(e){if(this.data?.[e]?.disabled||c(this,m)===-1)return!0;let t=this.dataIndex(e);if(c(this,b))d(this,b,!1);else if(this.ds.findIndex(n=>n.itemActivated)===t&&!this.suppressDeactivation)return!1;let i=r(this,S,x).call(this,e),s=()=>({item:i,index:e,dataIndex:t,data:this.data[e]});return this.triggerVetoableEvent("beforeitemdeactivated",{...s()})?(delete this.data[e].itemActivated,i?.removeAttribute("activated"),d(this,m,-1),r(this,u,v).call(this,"itemdeactivated",{...s()}),this.focusLi(i),!0):!1},k=new WeakSet,O=function(e){if(this.data?.[e]?.disabled)return!0;let t=this.dataIndex(e),i=this.selected;if(this.selectable==="single"&&i){let y=i.index===t;if(y&&!this.suppressDeselection)return!0;if(d(this,b,!0),this.isInPage(i.index)){if(!r(this,I,H).call(this,this.pageIndex(i.index)))return!1}else if(!this.deselect(i.index))return!1;if(y)return!0}let s=r(this,S,x).call(this,e),l=s?.querySelector(".list-item-checkbox"),n=this.selectable==="single"?"selectedItem":"selectedItems",h={item:s,index:e,dataIndex:t,data:this.data[e]};return d(this,w,!1),this.triggerVetoableEvent("beforeselected",{...h,[n]:this.selected})?(this.data[e].itemSelected=!0,l&&(l.checked=!0),s?.setAttribute("selected",""),this.selectable==="mixed"&&s?.setAttribute("hide-selected-color",""),r(this,u,v).call(this,"selected",{...h,[n]:this.selected}),this.focusLi(s),!0):(r(this,q,le).call(this,s,!1),!1)},I=new WeakSet,H=function(e){if(this.data?.[e]?.disabled)return!0;let t=this.selected;if(!t||/^(multiple|mixed)$/g.test(String(this.selectable))&&!t.length)return!0;if(this.selectable==="single"){if(c(this,b))d(this,b,!1);else if(this.dataIndex(e)===t.index&&!this.suppressDeselection)return!1}let i=r(this,S,x).call(this,e),s=this.dataIndex(e),l=i?.querySelector(".list-item-checkbox"),n=this.selectable==="single"?"selectedItem":"selectedItems",h={item:i,index:e,dataIndex:s,data:this.data[e]};return d(this,w,!1),this.triggerVetoableEvent("beforedeselected",{...h,[n]:this.selected})?(delete this.data[e].itemSelected,l&&(l.checked=!1),i?.removeAttribute("selected"),i?.removeAttribute("hide-selected-color"),r(this,u,v).call(this,"deselected",{...h,[n]:this.selected}),this.focusLi(i),!0):(r(this,q,le).call(this,i,!0),!1)},N=ae([ne("ids-list-view"),oe(pe)],N);export{N as a};

package/chunks/{ids-chunk-EDDW6MKW.js → ids-chunk-HAB474LR.js}

@@ -1,12 +1,22 @@
-import{f as $}from"./ids-chunk-ZUHWNQKP.js";import{e as f}from"./ids-chunk-TJKIW3GF.js";var g=class{#s(i,s){if(!s)return"";let n;return s.indexOf(".")>-1?n=s.split(".").reduce((e,t)=>e?e[t]:"",i):n=i[s],n==null?"":typeof n!="string"?n:$(n||"")}#r(i,s,n,e){let t=d=>typeof d<"u"&&d!==null&&(typeof d=="boolean"&&d===!0||typeof d=="string"&&d.toLowerCase()==="true"),r=n.disabled;return typeof r=="function"?r(i,s,n,e):t(r)}#i(i,s,n,e){return e?.idstempcanrowdisabled||this.#r(i,s,n,e)}#e(i,s,n,e){let t=n.color;return typeof t=="function"?t(i,s,n,e):t}#n(i,s,n,e){let t=n.readonly;return typeof t=="function"?t(i,s,n,e):t}#t(i,s,n,e){let t=n.size;return typeof t=="function"?t(i,s,n,e):t}text(i,s){return`<span class="text-ellipsis">${this.#s(i,s.field)}</span>`}password(i,s){return`<span class="text-ellipsis">${this.#s(i,s.field).toString().replace(/./g,"\u2022")}</span>`}rowNumber(i,s,n){return`<span class="text-ellipsis">${n+1}</span>`}date(i,s,n,e){let t=this.#s(i,s.field);t=e.localeAPI?.formatDate(t,s.formatOptions)??t.toString();let r=s.editor?.type==="datepicker"?'<ids-icon icon="schedule" class="editor-cell-icon"></ids-icon>':"";return`<span class="text-ellipsis">${t}</span>${r}`}time(i,s,n,e){let t=this.#s(i,s.field);t=e.localeAPI?.formatDate(t,s.formatOptions||{timeStyle:"short"})??t.toString();let r=s.editor?.type==="timepicker"?'<ids-icon icon="clock" class="editor-cell-icon"></ids-icon>':"";return`<span class="text-ellipsis">${t}</span>${r}`}decimal(i,s,n,e){let t=this.#s(i,s.field);return t=e.localeAPI?.formatNumber(t,s.formatOptions||{minimumFractionDigits:2,maximumFractionDigits:2})??t.toString(),`<span class="text-ellipsis">${t==="NaN"?"":t}</span>`}integer(i,s,n,e){let t=this.#s(i,s.field),r=s.formatOptions||{};return r.style="integer",t=e.localeAPI?.formatNumber(t,r)??t.toString(),`<span class="text-ellipsis">${t==="NaN"?"":t}</span>`}hyperlink(i,s,n){let e=s.text||this.#s(i,s.field).toString();if(!e)return"";let t=s.href||"#",d=this.#i(n,e,s,i)?' disabled="true"':"";if(s.href&&typeof s.href=="function"){if(t=s.href(i,s),t==null)return s.text||e}else t=t.replace("{{value}}",e);return`<ids-hyperlink href="${t}" tabindex="-1"${d}>${e}</ids-hyperlink>`}selectionCheckbox(i,s,n){let e=this.#i(n,"",s,i);return`<span class="ids-data-grid-checkbox-container is-selection-checkbox"><span role="checkbox" aria-checked="${i?.rowSelected?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-checkbox${i?.rowSelected?" checked":""}${e?" disabled":""}"></span></span>`}checkbox(i,s,n){let e=this.#i(n,"",s,i),t=this.#s(i,s.field),r=f(t);return r=t==="No"?!1:t,r=t==="Yes"?!1:t,`<span class="ids-data-grid-checkbox-container"><span role="checkbox" aria-checked="${r?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-checkbox${r?" checked":""}${e?" disabled":""}"></span></span>`}selectionRadio(i,s,n){let t=this.#i(n,"",s,i)?" disabled":"";return`<span class="ids-data-grid-radio-container"><span role="radio" aria-checked="${i?.rowSelected?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-radio${i?.rowSelected?" checked":""}${t}"></span></span>`}button(i,s,n){let e=this.#s(i,s.field);return`<ids-button tabindex="-1"${this.#i(n,e,s,i)?" disabled":""}${s.type?` type="${s.type}"`:' appearance="tertiary"'}>
+import{f as $}from"./ids-chunk-ZUHWNQKP.js";import{e as f}from"./ids-chunk-VEAPPKDG.js";var g=class{#s(i,s){if(!s)return"";let n;return s.indexOf(".")>-1?n=s.split(".").reduce((e,t)=>e?e[t]:"",i):n=i[s],n==null?"":typeof n!="string"?n:$(n||"")}#r(i,s,n,e){let t=d=>typeof d<"u"&&d!==null&&(typeof d=="boolean"&&d===!0||typeof d=="string"&&d.toLowerCase()==="true"),r=n.disabled;return typeof r=="function"?r(i,s,n,e):t(r)}#i(i,s,n,e){return e?.idstempcanrowdisabled||this.#r(i,s,n,e)}#e(i,s,n,e){let t=n.color;return typeof t=="function"?t(i,s,n,e):t}#n(i,s,n,e){let t=n.readonly;return typeof t=="function"?t(i,s,n,e):t}#t(i,s,n,e){let t=n.size;return typeof t=="function"?t(i,s,n,e):t}text(i,s){return`<span class="text-ellipsis">${this.#s(i,s.field)}</span>`}password(i,s){return`<span class="text-ellipsis">${this.#s(i,s.field).toString().replace(/./g,"\u2022")}</span>`}rowNumber(i,s,n){return`<span class="text-ellipsis">${n+1}</span>`}date(i,s,n,e){let t=this.#s(i,s.field);t=e.localeAPI?.formatDate(t,s.formatOptions)??t.toString();let r=s.editor?.type==="datepicker"?'<ids-icon icon="schedule" class="editor-cell-icon"></ids-icon>':"";return`<span class="text-ellipsis">${t}</span>${r}`}lookup(i,s){let n=this.#s(i,s.field),e=s.editor?.type==="lookup"?'<ids-icon icon="search-list" class="editor-cell-icon"></ids-icon>':"";return`<span class="text-ellipsis">${n}</span>${e}`}time(i,s,n,e){let t=this.#s(i,s.field);t=e.localeAPI?.formatDate(t,s.formatOptions||{timeStyle:"short"})??t.toString();let r=s.editor?.type==="timepicker"?'<ids-icon icon="clock" class="editor-cell-icon"></ids-icon>':"";return`<span class="text-ellipsis">${t}</span>${r}`}decimal(i,s,n,e){let t=this.#s(i,s.field);return t=e.localeAPI?.formatNumber(t,s.formatOptions||{minimumFractionDigits:2,maximumFractionDigits:2})??t.toString(),`<span class="text-ellipsis">${t==="NaN"?"":t}</span>`}integer(i,s,n,e){let t=this.#s(i,s.field),r=s.formatOptions||{};return r.style="integer",t=e.localeAPI?.formatNumber(t,r)??t.toString(),`<span class="text-ellipsis">${t==="NaN"?"":t}</span>`}hyperlink(i,s,n){let e=s.text||this.#s(i,s.field).toString();if(!e)return"";let t=s.href||"#",d=this.#i(n,e,s,i)?' disabled="true"':"";if(s.href&&typeof s.href=="function"){if(t=s.href(i,s),t==null)return s.text||e}else t=t.replace("{{value}}",e);return`<ids-hyperlink href="${t}" tabindex="-1"${d}>${e}</ids-hyperlink>`}selectionCheckbox(i,s,n){let e=this.#i(n,"",s,i);return`<span class="ids-data-grid-checkbox-container is-selection-checkbox"><span role="checkbox" aria-checked="${i?.rowSelected?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-checkbox${i?.rowSelected?" checked":""}${e?" disabled":""}"></span></span>`}checkbox(i,s,n){let e=this.#i(n,"",s,i),t=this.#s(i,s.field),r=f(t);return r=t==="No"?!1:t,r=t==="Yes"?!1:t,`<span class="ids-data-grid-checkbox-container"><span role="checkbox" aria-checked="${r?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-checkbox${r?" checked":""}${e?" disabled":""}"></span></span>`}selectionRadio(i,s,n){let t=this.#i(n,"",s,i)?" disabled":"";return`<span class="ids-data-grid-radio-container"><span role="radio" aria-checked="${i?.rowSelected?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-radio${i?.rowSelected?" checked":""}${t}"></span></span>`}button(i,s,n){let e=this.#s(i,s.field);return`<ids-button tabindex="-1"${this.#i(n,e,s,i)?" disabled":""}${s.type?` type="${s.type}"`:' appearance="tertiary"'}>
       <span class="audible">${s.text||" Button"}</span>
       ${s.icon?`<ids-icon icon="${s.icon}"></ids-icon>`:""}
       <span class="audible">${s.text||" Button"}</span>
-    </ids-button>`}badge(i,s,n){let e=this.#s(i,s.field);if(!e)return"";let t=this.#e(n,e,s,i),d=this.#i(n,e,s,i)?" disabled":"";return`<ids-badge color="${t||""}"${d}>${e}</ids-badge>`}tree(i,s){let n=this.#s(i,s.field);return`<span class="ids-data-grid-tree-container">${i?.children?`<ids-button tabindex="-1" class="expand-button">
+    </ids-button>`}badge(i,s,n){let e=this.#s(i,s.field);if(!e)return"";let t=this.#e(n,e,s,i),d=this.#i(n,e,s,i)?" disabled":"";return`<ids-badge color="${t||""}"${d}>${e}</ids-badge>`}tree(i,s){let n=this.#s(i,s.field);return`<span class="ids-data-grid-tree-container">
+      ${i?.children?.length?`<ids-button tabindex="-1" class="expand-button">
       <ids-icon icon="plusminus-folder-${i.rowExpanded===!1?"closed":"open"}"></ids-icon>
-    </ids-button>`:"&nbsp;"}<span class="text-ellipsis">${n}</span></span>`}expander(i,s){let n=this.#s(i,s.field);return`<span class="ids-data-grid-tree-container">${`<ids-button tabindex="-1" class="expand-button">
+    </ids-button>`:""}
+      <span class="ids-data-grid-tree-field-container">
+        <span class="text-ellipsis">${n}</span>
+      </span>
+    </span>`}expander(i,s){let n=this.#s(i,s.field);return`<span class="ids-data-grid-tree-container">
+      ${`<ids-button tabindex="-1" class="expand-button">
         <ids-icon icon="plusminus-folder-${i.rowExpanded===!0?"open":"closed"}"></ids-icon>
-      </ids-button>`}<span class="text-ellipsis">${n}</span></span>`}dropdown(i,s){let n=s.field??"",e=s.editor?.editorSettings?.options||[],t=i[n],r=e.find(d=>d.value===t);return`
+      </ids-button>`}
+      <span class="ids-data-grid-tree-field-container">
+        <span class="text-ellipsis">${n}</span>
+      </span>
+    </span>`}dropdown(i,s){let n=s.field??"",e=s.editor?.editorSettings?.options||[],t=i[n],r=e.find(d=>d.value===t);return`
       <span
         class="text-ellipsis dropdown-cell-value"
         data-value="${r?.value??""}"

package/chunks/{ids-chunk-ARK6U5LB.js → ids-chunk-HSAD2Y6Y.js}

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

package/chunks/ids-chunk-ICHQCESW.js

@@ -0,0 +1,10 @@
+import{a as l}from"./ids-chunk-CT5U7IVV.js";import{a as o,b as c}from"./ids-chunk-XE4WFW5M.js";import{a as b}from"./ids-chunk-4WDX2CDM.js";import{a as i}from"./ids-chunk-NSM2KAOK.js";import{a as r}from"./ids-chunk-Y32WUP63.js";var d=`/* Ids Checkbox Group */
+.ids-checkbox-group ids-text {
+  display: block;
+  margin-block-end: var(--ids-space-50);
+}`;var t=class extends l(b){constructor(){super()}static get attributes(){return[...super.attributes,i.LABEL]}template(){return`
+      <div class="ids-checkbox-group" part="checkbox-group">
+        <ids-text font-size="16" type="span">${this.label}</ids-text>
+        <slot></slot>
+      </div>
+    `}get label(){return this.getAttribute("label")||""}set label(e){e?this.setAttribute("label",e.toString()):this.removeAttribute("label");let s=this.container?.querySelector("ids-text");s&&(s.innerHTML=e)}get checkboxes(){return[...this.querySelectorAll("ids-checkbox")]}get checkboxesSelected(){return[...this.querySelectorAll("ids-checkbox[checked]")]}};t=r([o("ids-checkbox-group"),c(d)],t);export{t as a};