ids-enterprise-wc 1.4.1 → 1.5.0

package/chunks/ids-chunk-E74UAOQT.js

@@ -1,284 +0,0 @@
-import{a as tt}from"./ids-chunk-IPBQXCQF.js";import{a as et}from"./ids-chunk-5SFA4OQD.js";import{b as it}from"./ids-chunk-ULW375BU.js";import{a as Q}from"./ids-chunk-YRTW3Z3G.js";import{a as Z}from"./ids-chunk-P4L2CJE3.js";import{b as J}from"./ids-chunk-SKNTOYJ6.js";import{a as F}from"./ids-chunk-6ZXWMMZ6.js";import{a as j}from"./ids-chunk-WBEPRO3G.js";import{a as W}from"./ids-chunk-ETSNT6ZD.js";import{a as q}from"./ids-chunk-CMTTSJWO.js";import{a as K}from"./ids-chunk-T6ZV4PDM.js";import{a as U}from"./ids-chunk-3DA43NO3.js";import{a as X}from"./ids-chunk-ZE7KS3QK.js";import{a as N,b as R}from"./ids-chunk-XE4WFW5M.js";import{a as Y}from"./ids-chunk-EV6LM7KM.js";import{b as P,d as _,m as G,r as z}from"./ids-chunk-U4XVR5SW.js";import{e as p,j as C}from"./ids-chunk-5Q3WPKMB.js";import{a as e,b as k}from"./ids-chunk-4O5N6MTO.js";import{a as M,b as a,c as u,d,g as r}from"./ids-chunk-Y32WUP63.js";var st=`/* 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-xxs);
-}
-.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-xxs);
-}
-.validation-message.alert {
-  color: var(--ids-color-caution-default);
-}
-.validation-message.alert.disabled {
-  color: var(--ids-color-yellow-30);
-}
-.validation-message.warning {
-  color: var(--ids-color-warning-default);
-}
-.validation-message.warning.disabled {
-  color: var(--ids-color-orange-30);
-}
-.validation-message.error {
-  color: var(--ids-color-error-default);
-}
-.validation-message.error.disabled {
-  color: var(--ids-color-red-30);
-}
-.validation-message.info {
-  color: var(--ids-color-info-default);
-}
-.validation-message.info.disabled {
-  color: var(--ids-color-blue-30);
-}
-.validation-message.success {
-  color: var(--ids-color-success-default);
-}
-.validation-message.success.disabled {
-  color: var(--ids-color-green-30);
-}
-.validation-message[hidden] {
-  display: none;
-}
-
-: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: 0;
-}
-
-: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: -1px;
-}
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container) {
-  box-shadow: none !important;
-}
-.ids-dropdown.color-variant-borderless .ids-trigger-field-slot-trigger-end,
-.ids-dropdown.color-variant-borderless ::slotted(*[slot=trigger-end]:last-of-type:not([inline]):not([compact]):not([field-height=xs])) {
-  margin-inline-end: -4px;
-  margin-block-start: -2px;
-}
-.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-borderless.field-height-xxs ids-trigger-field::part(input) {
-  padding-inline: 2px;
-  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 gt=et(Z(tt(j(Q(J(X(W(F(q(K(U(Y)))))))))))),h,g,L,A,ot,E,rt,x,nt,f,B,v,H,I,dt,w,$,m,V,y,lt,S,at,O,pt,D,ht,T,ut,b=class extends gt{constructor(){super();d(this,g);d(this,A);d(this,E);d(this,x);d(this,f);d(this,v);d(this,I);d(this,w);d(this,m);d(this,y);d(this,S);d(this,O);d(this,D);d(this,T);a(this,"isFormComponent",!0);a(this,"hasIcons",!1);a(this,"dropdownList");a(this,"trigger");a(this,"listBox");a(this,"labelClicked");a(this,"labelEl");a(this,"openedByKeyboard",!1);a(this,"closedByKeyboard",!1);a(this,"optionsData",[]);d(this,h,this.nodeName==="IDS-MULTISELECT");a(this,"colorVariants",it);a(this,"onLanguageChange",()=>{r(this,g,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"),this.maxHeight&&this.listBox&&(this.listBox.maxHeight=this.maxHeight),r(i=r(t=r(this,g,L).call(this),E,rt).call(t),x,nt).call(i),this.hasAttribute(e.VALUE)&&(this.value=this.getAttribute(e.VALUE)),this.container?.classList.toggle("typeahead",this.typeahead),this.listBox?.setAttribute(e.SIZE,this.size),this.getAttribute("disabled")&&(this.disabled=p(this.getAttribute("disabled"))),this.getAttribute("readonly")&&(this.readonly=p(this.getAttribute("readonly")))}disconnectedCallback(){super.disconnectedCallback(),this.dropdownList?.hide()}static get attributes(){return[...super.attributes,e.MAX_HEIGHT,e.VALIDATE]}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":"",n=this.noMargins?" no-margins":"",l=this.list?"":this.templateDropdownList(),c="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="${c}"
-        ${t}${i}${o}${n}${s}
-        ${this.validate?` validate="${this.validate}"`:""}
-        ${this.validate&&this.validationEvents?` validation-events="${this.validationEvents}"`:""}
-      >
-        <ids-trigger-button
-          class="ids-trigger-field-slot-trigger-end"
-          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>
-      ${l}
-    </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")??null}get popup(){return this.dropdownList?.popup}set value(t){t=(Array.isArray(t)?t[0]:t)||"";let i=this.labels,s=String(t);i.includes(s)&&(t=this.optionValues[i.indexOf(s)]),r(this,f,B).call(this,t)}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(p(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 p(this.getAttribute(e.READONLY))||!1}set disabled(t){if(p(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 p(this.getAttribute(e.DISABLED))||!1}get maxHeight(){return this.getAttribute(e.MAX_HEIGHT)}set maxHeight(t){let i=z(t);i?this.setAttribute(e.MAX_HEIGHT,i):this.removeAttribute(e.MAX_HEIGHT),this.popup&&(this.popup.maxHeight=t)}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)return;this.dropdownList.removeTriggerEvents(),this.dropdownList.appendToTargetParent(),this.dropdownList?.popup&&(this.dropdownList.popup.onOutsideClick=this.onOutsideClick.bind(this)),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&&(this.dropdownList.popup.alignTarget=this.input?.fieldContainer||this.dropdownList||this);let s=this.localeAPI.isRTL();this.dropdownList.popup.align=`bottom, ${s||["lg","full"].includes(this.size)?"right":"left"}`,this.dropdownList.popup.alignEdge="bottom",this.input&&(this.dropdownList.value=this.input.value),u(this,h)&&(this.dropdownList.isMultiSelect=!0)}onOutsideClick(t){this.dropdownList&&(t.composedPath()?.includes(this.dropdownList)||this.close(!0))}async open(t=!1){if(!(!this.dropdownList||this.disabled||this.readonly)){if(typeof this.state.beforeShow=="function"){let i=await this.state.beforeShow();i&&(this.loadDataSet(i),this.typeahead&&(this.optionsData=i))}else this.setOptionsData();this.value&&(this.dropdownList.value=this.value),this.configurePopup(),this.dropdownList.setAttribute(k.ARIA_EXPANDED,"true"),this.dropdownList.removeAttribute(e.TABINDEX),this.dropdownList.show(),this.input&&(this.input.active=!0),this.typeahead&&(r(this,A,ot).call(this),this.input?.removeAttribute(e.READONLY),this.input?.focus(),this.searchField?.input?.focus(),r(this,T,ut).call(this)),t&&this.input?.input?.select(),this.container?.classList.add("is-open"),this.attachOpenEvents(),this.triggerOpenEvent()}}loadDataSet(t){let i="",s=this.dropdownList?.querySelector("ids-list-box")||this.querySelector("ids-list-box");if(s&&(s.innerHTML=""),t.forEach(o=>{i+=r(this,m,V).call(this,r(this,D,ht).call(this,o))}),s?.insertAdjacentHTML("afterbegin",i),this.dropdownList?.configureBlank(),!u(this,h)){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(k.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(this.optionsData),window.getSelection().removeAllRanges(),this.replaceTriggerIcon(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}let i=!!this.dropdownList?.popup?.visible;i||t.key==="Enter"&&!i||t.key===" "&&this.typeahead||(this.openedByKeyboard=!0,this.open(this.typeahead))})}attachClickEvent(){this.list||(this.offEvent("click.dropdown-input"),this.onEvent("click.dropdown-input",this.input,t=>{t instanceof MouseEvent&&this.dropdownList?.onTriggerClick?.(t)})),this.dropdownList&&(this.offEvent("open.dropdown-list"),this.offEvent("close.dropdown-list"),this.onEvent("open.dropdown-list",this.dropdownList,async t=>{t.stopPropagation(),await this.open()}),this.onEvent("close.dropdown-list",this.dropdownList,t=>{t.stopPropagation(),this.close(t.detail.operation==="cancel")})),this.input?.fieldContainer&&(this.offEvent("selected.dropdown-list"),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.input),this.onEvent("change.list",this.input,()=>{this.dropdownList?.popup?.visible&&!this.typeahead&&this.close()})}attachOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.attachKeyboardSelectionEvent(),this.listen(["Tab"],this,t=>{if(!this.dropdownList?.popup?.visible||u(this,h))return;t.shiftKey&&this.input?.focus();let i=this.selected;this.value=i?.getAttribute(e.VALUE)||"",this.close(!0)})}attachKeyboardSelectionEvent(){u(this,h)||this.listen(["Enter"],this,t=>{if(!this.dropdownList?.popup?.visible)return;if(this.openedByKeyboard){this.openedByKeyboard=!1;return}this.selected||r(this,w,$).call(this);let i=this.selected?.getAttribute(e.VALUE)||"";t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.value=i,this.closedByKeyboard=!0,this.close()})}removeOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.unlisten("Tab"),this.openedByKeyboard=!1,this.attachKeyboardOpenEvent()}replaceTriggerIcon(t){let i=this.container?.querySelector("ids-trigger-button")?.querySelector("ids-icon");i?.icon&&i.icon!==t&&(i.icon=t)}setOptionsData(){this.optionsData=[...this.options].map(t=>({id:t.id,label:t.textContent?.trim()||t.querySelector("ids-checkbox")?.label||"",value:t.getAttribute(e.VALUE),icon:t.querySelector("ids-icon")?.icon,groupLabel:t.hasAttribute(e.GROUP_LABEL),isCheckbox:!!t.querySelector("ids-checkbox"),selected:t.querySelector("ids-checkbox")?.checked}))}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=P(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.dropdownList&&this.value&&this.dropdownList.setAttribute(e.VALUE,this.value),this.onSizeChange(this.size),_(this,"ids-modal, ids-popup, ids-action-panel")&&this.dropdownList?.setAttribute(e.POSITION_STYLE,"fixed"),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(p(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 p(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=p(t);i?(this.setAttribute(e.TYPEAHEAD,String(i)),this.setOptionsData()):this.removeAttribute(e.TYPEAHEAD),this.container?.classList.toggle("typeahead",i)}get typeahead(){return p(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=p(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 p(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&&(this.replaceTriggerIcon(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}get searchField(){return this.popup?.querySelector("ids-search-field")||null}};h=new WeakMap,g=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-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},A=new WeakSet,ot=function(){this.onEvent("input.dropdown",this.input?.input,t=>{this.typeahead?r(this,v,H).call(this,t.target?.value):r(this,I,dt).call(this,t.target?.value)})},E=new WeakSet,rt=function(){this.attachClickEvent(),this.offEvent("click.dropdown-label"),this.onEvent("click.dropdown-label",this.labelEl,i=>{i.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"),()=>{r(this,g,L).call(this)});let t=this.container?.querySelector("slot");return this.offEvent("slotchange.dropdown",t),this.onEvent("slotchange.dropdown",t,()=>{this.configureDropdownList(),this.value&&r(this,f,B).call(this,this.value)}),this.attachKeyboardOpenEvent(),this},x=new WeakSet,nt=function(){return this.onEvent("keydown.dropdown-typeahead",this,t=>{let i=t.key||"Space";if(!["Backspace","Delete","Enter","Escape","Shift","Tab"].includes(i)&&!this.dropdownList?.popup?.visible){if(["Alt","Backspace","CapsLock","Control","Delete","Enter","Escape","Meta","Shift","Tab"].includes(i))return;this.open(!0)}}),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){u(this,h)||(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&&r(this,w,$).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=u(this,h)?[]:"",this.input&&(this.input.value=""),this.selectIcon(null),this.selectTooltip(null)),this.input?.focus())}),this},f=new WeakSet,B=function(t){let i=`ids-list-box-option[value="${t}"]`;(t===" "||!t)&&(i='ids-list-box-option[value=""]:not([group-label]), ids-list-box-option:not([value]):not([group-label])');let s=[...this.dropdownList?.listBox?.querySelectorAll(i)??[]].at(0);if(s){if(this.setAttribute(e.VALUE,String(t)),this.clearSelected(),this.selectOption(s),this.selectIcon(s),this.selectTooltip(s),this.input?.input){let o=s.textContent?.trim()??"";this.input.value=o,this.input.input.value=o}this.state.selectedIndex=[...s?.parentElement?.children||[]].indexOf(s)}},v=new WeakSet,H=function(t){let s=r(this,O,pt).call(this,t).map(o=>{let n=new RegExp(t,"gi"),l=o.groupLabel?o.label:o.label?.replace(n,c=>c?`<span class="highlight">${c}</span>`:"");return r(this,m,V).call(this,{...o,label:l})}).join("");this.dropdownList&&(this.dropdownList.listBox&&(s?this.dropdownList.listBox.innerHTML=s:this.dropdownList.listBox.innerHTML=`<ids-list-box-option>${this.localeAPI.translate("NoResults")}</ids-list-box-option>`),this.dropdownList.popup?.place()),this.replaceTriggerIcon("search"),this.input?.querySelector(".trigger-icon")?.remove()},I=new WeakSet,dt=function(t){let i=C(t)?.trim();if(!i)return;let s=this.options.filter(n=>!n.hasAttribute(e.GROUP_LABEL)).find(n=>{let l=new RegExp(`^(${i})`,"i");return(u(this,h)?n.querySelector("ids-checkbox")?.label:n.textContent?.trim())?.match(l)});if(this.dropdownList?.popup?.visible&&s){this.deselectOption(this.selected),this.selectOption(s);return}let o=s?.getAttribute(e.VALUE);if(o)if(u(this,h)){let n=this.value.filter(l=>l!==o);this.value=[...n,o]}else this.value=o},w=new WeakSet,$=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
-      ${u(this,h)?'class="multiselect-option multiselect-loaded"':""}
-      ${t.id?`id=${t.id}`:""}
-      ${t.value?`value="${t.value}"`:""}
-      ${t.tooltip?`tooltip="${t.tooltip}"`:""}
-      ${t.groupLabel?"group-label":""}>${t.icon?`
-        <ids-icon icon="${t.icon}"></ids-icon>
-      `:""}${t.isCheckbox?`
-        <ids-checkbox no-margin no-animation class="justify-center multiselect-checkbox multiselect-loaded"${t.selected?" checked":""}></ids-checkbox><ids-text>${t.label||""}</ids-text>
-      `:`<ids-text>${t.label||""}</ids-text>`}</ids-list-box-option>`},y=new WeakSet,lt=function(t,i){return t.reduce((s,o,n)=>o<i&&(t[n+1]>i||!t[n+1])?o:s,-1)},S=new WeakSet,at=function(t){let i=this.optionsData.reduce((o,n,l)=>n?.groupLabel?[...o,l]:o,[]),s=r(this,y,lt).call(this,i,t);return this.optionsData[s]},O=new WeakSet,pt=function(t){return this.optionsData.reduce((i,s,o)=>{let n=new RegExp(`(${C(t)})`,"gi");if(s.label?.match(n)&&!s.groupLabel){let l=r(this,S,at).call(this,o),c=i.some(ct=>ct.label===l?.label);return l&&!c?[...i,l,s]:[...i,s]}return i},[])},D=new WeakSet,ht=function(t){return{...t,id:this.xssSanitize(t?.id??""),value:this.xssSanitize(t.value),label:this.xssSanitize(t.label),tooltip:this.xssSanitize(t.tooltip??"")}},T=new WeakSet,ut=function(){this.searchField&&(this.searchField.onSearch=t=>{r(this,v,H).call(this,t)})},b=M([N("ids-dropdown"),R(st)],b);export{b as a};

package/chunks/ids-chunk-EV6LM7KM.js

@@ -1,10 +0,0 @@
-import{a}from"./ids-chunk-T7DR3MSB.js";import{a as f}from"./ids-chunk-5Q3WPKMB.js";var c=class extends HTMLElement{constructor(e){super();this.args=e;e?.noShadowRoot||(this.#e(),this.#t(),this.render())}name;state={};cachedNonce="";container=null;hasStyles=!1;connectedCallback(){requestAnimationFrame(()=>{this.mountedCallback()})}mountedCallback(){}#e(){this.name=this.nodeName?.toLowerCase()}attributeChangedCallback(e,n,t){if(n===t)return;let s=this,r={id:s.onIdChange,hidden:s.onHiddenChange,title:s.onTitleChange}[e];if(typeof r=="function"){r.call(this,t);return}let l=d=>{switch(d){case"tabindex":return typeof this.tabIndex=="number"?"tabIndex":"tabindex";default:return f(d)}};this[l(e)]=t}disconnectedCallback(){this.cssStyles=null,this.popupOpenEventsTarget=null}static get observedAttributes(){return this.attributes}static get attributes(){return[]}render(e){if((!this.template||this.shadowRoot)&&!e)return this;let n=this.template();if(!n)return this;let t=document.createElement("template");if(this.shadowRoot?.innerHTML)for(let s of this.shadowRoot.children)s.nodeName!=="STYLE"&&s.remove();return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=n,this.shadowRoot?.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot?.querySelector(`.${this.name}`),this.shadowRoot?.firstElementChild?.nodeName==="STYLE"&&!this.container&&(this.container=this.shadowRoot?.firstElementChild.nextElementSibling),this.shadowRoot?.firstElementChild?.nodeName!=="STYLE"&&!this.container&&(this.container=this.shadowRoot?.firstElementChild),this}template(){return""}get nonce(){let e=document;if(!e.nonce){let n=document.querySelector('meta[http-equiv="Content-Security-Policy"]');if(n){let t=n.getAttribute("content").match(/'nonce-(.*?)'/g);t=t?t[0]?.replace("'nonce-","").replace("'",""):void 0,e.nonce=t}}return e.nonce||"0a59a005"}appendStyles(){if(this.hasStyles||this.args?.noStyles)return;let e=document.createElement("style");e.textContent=this.cssStyles,this.nonce&&e.setAttribute("nonce",this.nonce),this.shadowRoot?.appendChild(e),this.hasStyles=!0}#t(){let e=window;e.idsStylesAdded||(e.idsStylesAdded=!0,this.theme="default-light")}set theme(e){this.loadTheme(e),document.body.querySelector("ids-theme-switcher")?.setAttribute("theme",e)}lastTheme="";async loadTheme(e){if(a.themeName===e)return;a.themeName=e;let n=a.onThemeLoaded();document.querySelector("ids-container")?.setAttribute("hidden","");let t=document.querySelector('link[href*="ids-theme"]');if(t){let i=t.getAttribute("href"),p=i?.replace(/^.*[\\/]/,"")||"";t.setAttribute("href",i?.replace(p,`ids-theme-${e}.css`)||""),setTimeout(()=>{document.querySelector("ids-container")?.removeAttribute("hidden"),n.resolve()},150);return}if(document.querySelector("ids-theme-switcher[self-managed]"))return;let l=document.querySelector("base")?.getAttribute("href")||"/",u=await(await fetch(`..${l}themes/ids-theme-${e}.css`,{cache:"default"})).text(),h=document.head,m=document.querySelector("#ids-theme"),o=m||document.createElement("style"),y=`
-      html[lang='ar'] {--ids-font-family-default: var(--ids-font-family-ar)}
-      html[lang='he'] {--ids-font-family-default: var(--ids-font-family-he)}
-      html[lang='hi'] {--ids-font-family-default: var(--ids-font-family-hi)}
-      html[lang='ja'] {--ids-font-family-default: var(--ids-font-family-ja)}
-      html[lang='ko'] {--ids-font-family-default: var(--ids-font-family-ko)}
-      html[lang='th'] {--ids-font-family-default: var(--ids-font-family-th)}
-      html[lang='zh-Hans'] {--ids-font-family-default: var(--ids-font-family-zh-hans)}
-      html[lang='zh-Hant'] {--ids-font-family-default: var(--ids-font-family-zh-hant)}
-    `;if(o.textContent=`${u}${y}`,o.id="ids-theme",this.nonce&&o.setAttribute("nonce",this.nonce),!m){let i=h.querySelector("title");i?h.insertBefore(o,i.nextElementSibling):h.insertAdjacentHTML("beforeend",o)}this.loadLegacyTheme(e),setTimeout(()=>{document.querySelector("ids-container")?.removeAttribute("hidden"),n.resolve()},150)}loadLegacyTheme(e){let n=document.querySelector("#stylesheet");if(n||(n=document.querySelector("#sohoxi-stylesheet")),!n)return;let t=n?.getAttribute("href"),s=e.replace("default","theme-new");t&&n?.setAttribute("href",t.replace("theme-new-light",s).replace("theme-new-dark",s).replace("theme-new-contrast",s))}};export{c as a};

package/chunks/ids-chunk-EVVAXWCW.js

@@ -1,99 +0,0 @@
-import{a as u}from"./ids-chunk-ETSNT6ZD.js";import{a}from"./ids-chunk-3DA43NO3.js";import{a as l,b as c}from"./ids-chunk-XE4WFW5M.js";import{a as h}from"./ids-chunk-EV6LM7KM.js";import{e as o}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-4O5N6MTO.js";import{a as s,d,g as n}from"./ids-chunk-Y32WUP63.js";var m=`/* Ids List Box Component */
-:host {
-  color: var(--ids-dropdown-color-text-default);
-  cursor: var(--ids-cursor-pointer);
-  display: block;
-  font-family: var(--ids-font-family-default);
-  font-size: 16px;
-  line-height: 35px;
-  outline: none;
-  min-height: 32px;
-  padding: 0;
-  text-indent: 8px;
-  user-select: none;
-  min-width: calc(var(--ids-input-width-10) - 2px);
-  text-overflow: ellipsis;
-  width: 100%;
-  white-space: nowrap;
-}
-
-:host(.multiselect-option) {
-  display: flex;
-}
-:host(.multiselect-option) ::slotted(ids-icon) {
-  margin: 0;
-  margin-inline-start: var(--ids-dropdown-space-text);
-}
-
-:host(.multiselect-loaded) {
-  align-items: center;
-}
-
-:host([disabled]:not([disabled=false])) {
-  cursor: var(--ids-cursor-default);
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-:host(.is-selected:not(.multiselect-option)) {
-  background-color: var(--ids-dropdown-color-background-selected);
-  color: var(--ids-dropdown-color-text-selected);
-}
-
-:host(:hover:not(.is-selected):not([group-label]):not(.multiselect-option)),
-:host(.is-focused),
-:host(.multiselect-option:focus),
-:host(.multiselect-option.is-selected),
-:host(.multiselect-option:hover) {
-  background-color: var(--ids-dropdown-color-background-hover);
-}
-
-::slotted(ids-icon) {
-  vertical-align: middle;
-  margin: 0 var(--ids-dropdown-space-text) 2px 0;
-}
-
-::slotted(ids-icon[dir=rtl]) {
-  margin: 0 0 2px var(--ids-dropdown-space-text);
-}
-
-::slotted(ids-check-box) {
-  line-height: normal;
-}
-
-::slotted(.highlight) {
-  font-weight: var(--ids-font-weight-bold);
-}
-
-:host([group-label]) {
-  cursor: var(--ids-cursor-default);
-  color: var(--ids-dropdown-group-color-text);
-  font-weight: var(--ids-font-weight-semibold);
-}
-
-:host([group-label]:not(:first-child)),
-:host(.multiselect-border) {
-  border-top: 1px solid var(--ids-dropdown-group-color-border);
-  margin-top: var(--ids-dropdown-group-padding);
-}
-
-:host(.module-nav) {
-  color: var(--ids-module-nav-settings-menu-item-text-color);
-  min-height: var(--ids-module-nav-item-height);
-  padding-block: var(--ids-module-nav-switcher-dropdown-item-margin-block);
-}
-
-:host(.module-nav) ::slotted(ids-icon) {
-  margin-inline-end: 8px;
-  margin-block-end: 1px;
-}
-
-:host(.module-nav:hover) {
-  background-color: var(--ids-module-nav-item-hover-bg-color);
-  color: var(--ids-module-nav-item-hover-text-color);
-}
-
-:host(.module-nav.is-selected) {
-  background-color: var(--ids-module-nav-item-hover-bg-color);
-  color: var(--ids-module-nav-item-hover-text-color);
-}`;var b=u(a(h)),r,p,i=class extends b{constructor(){super();d(this,r)}static get attributes(){return[...super.attributes,t.DISABLED,t.GROUP_LABEL,t.ROW_INDEX,t.SELECTED,t.TOOLTIP,t.VALUE]}connectedCallback(){super.connectedCallback(),this.setAttribute("role",this.groupLabel?"none":"option"),this.setAttribute("tabindex","-1"),n(this,r,p).call(this)}template(){return"<slot></slot>"}get childCheckbox(){return this?.querySelector("ids-checkbox")??void 0}get childIcon(){return this.querySelector("ids-icon")??void 0}get label(){return this.textContent?.trim()||this.childCheckbox?.label||""}get groupLabel(){return this.hasAttribute(t.GROUP_LABEL)}set groupLabel(e){o(e)?this.setAttribute(t.GROUP_LABEL,"true"):this.removeAttribute(t.GROUP_LABEL)}set value(e){this.setAttribute(t.VALUE,`${e??""}`)}get value(){return this.getAttribute(t.VALUE)??""}set selected(e){o(e)?(this.setAttribute(t.SELECTED,"true"),this.container?.classList.add("is-selected"),this.childCheckbox&&(this.childCheckbox.checked=!0)):(this.removeAttribute(t.SELECTED),this.container?.classList.remove("is-selected"),this.childCheckbox&&(this.childCheckbox.checked=!1))}get selected(){return o(this.getAttribute(t.SELECTED))}set rowIndex(e){e!==null&&e>=0?this.setAttribute(t.ROW_INDEX,String(e)):this.removeAttribute(t.ROW_INDEX)}get rowIndex(){return Number(this.getAttribute(t.ROW_INDEX)??-1)}set disabled(e){o(e)?(this.setAttribute("aria-disabled","true"),this.setAttribute(t.DISABLED,"true")):(this.removeAttribute("aria-disabled"),this.removeAttribute(t.DISABLED))}get disabled(){return this.hasAttribute(t.DISABLED)}};r=new WeakSet,p=function(){let e=this.nextElementSibling;this.hidden=this.groupLabel&&(!e||e.groupLabel)},i=s([l("ids-list-box-option"),c(m)],i);export{i as a};