ids-enterprise-wc 1.0.0 → 1.2.0

package/chunks/ids-chunk-MG2RGLL2.js

@@ -1,278 +0,0 @@
-import{a as Q}from"./ids-chunk-IPBQXCQF.js";import{a as it}from"./ids-chunk-C3ZUVERH.js";import{b as tt}from"./ids-chunk-NVFH4YX5.js";import{a as J}from"./ids-chunk-USM6DTJ7.js";import{a as j}from"./ids-chunk-RQSY7CHP.js";import{b as Z}from"./ids-chunk-NPCYO4AC.js";import{a as K}from"./ids-chunk-ODLDYR5W.js";import{a as W}from"./ids-chunk-XOZ6M2MH.js";import{a as Y}from"./ids-chunk-XL3HILTJ.js";import{a as z}from"./ids-chunk-5QVZSZ26.js";import{a as q}from"./ids-chunk-T6ZV4PDM.js";import{a as U}from"./ids-chunk-3DA43NO3.js";import{a as X}from"./ids-chunk-HLNMUL3O.js";import{a as N,b as R}from"./ids-chunk-XE4WFW5M.js";import{a as F}from"./ids-chunk-6KDUST23.js";import{b as P,m as _,r as G}from"./ids-chunk-U4XVR5SW.js";import{e as a,j as H}from"./ids-chunk-5Q3WPKMB.js";import{a as e,b as B}from"./ids-chunk-S7XDCBUZ.js";import{a as V,b as p,c as h,d as l,e as k,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-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: -3px;
-}
-.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 ct=it(j(Q(W(J(Z(X(Y(K(z(q(U(F)))))))))))),c,u,b,L,E,st,I,ot,x,rt,y,nt,f,A,w,$,m,M,O,dt,S,lt,D,at,T,pt,C,ht,v=class extends ct{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"),this.maxHeight&&this.listBox&&(this.listBox.maxHeight=this.maxHeight),n(i=n(t=n(this,b,L).call(this),E,st).call(t),I,ot).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=a(this.getAttribute("disabled"))),this.getAttribute("readonly")&&(this.readonly=a(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":"",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
-          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>
-      ${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")??null}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=""]:not([group-label]), ids-list-box-option:not([value]):not([group-label])');let r=[...this.dropdownList?.listBox?.querySelectorAll(o)??[]].at(0);if(r){if(this.setAttribute(e.VALUE,String(t)),this.clearSelected(),this.selectOption(r),this.selectIcon(r),this.selectTooltip(r),this.input?.input){let d=r.textContent?.trim()??"";this.input.value=d,this.input.input.value=d}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}get maxHeight(){return this.getAttribute(e.MAX_HEIGHT)}set maxHeight(t){let i=G(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),h(this,u)&&(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();this.loadDataSet(i),this.typeahead&&k(this,c,i)}this.value&&(this.dropdownList.value=this.value),this.configurePopup(),this.dropdownList.setAttribute(B.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.dropdownList?.querySelector("ids-list-box")||this.querySelector("ids-list-box");s&&(s.innerHTML=""),t.forEach(r=>{i+=n(this,m,M).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(B.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}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||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,t=>{if(!this.dropdownList?.popup?.visible)return;if(this.openedByKeyboard){this.openedByKeyboard=!1;return}this.selected||n(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()}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.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:_(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-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(){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"),()=>{n(this,b,L).call(this)});let t=this.container?.querySelector("slot");return this.offEvent("slotchange.dropdown",t),this.onEvent("slotchange.dropdown",t,()=>{this.configureDropdownList()}),this.attachKeyboardOpenEvent(),this},I=new WeakSet,ot=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.onEvent("input.dropdown",this.input?.input,t=>{this.typeahead?n(this,x,rt).call(this,t.target?.value):n(this,y,nt).call(this,t.target?.value)}),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,$).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 s=n(this,D,at).call(this,t).map(o=>{let r=new RegExp(t,"gi"),d=o.groupLabel?o.label:o.label?.replace(r,g=>`<span class="highlight">${g}</span>`);return n(this,m,M).call(this,{...o,label:d})}).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()),n(this,f,A).call(this,"search"),this.input?.querySelector(".trigger-icon")?.remove()},y=new WeakSet,nt=function(t){let i=H(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,$=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,M=function(t){return`<ids-list-box-option
-      ${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.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(`(${H(t)})`,"gi");if(s.label?.match(r)&&!s.groupLabel){let d=n(this,S,lt).call(this,o),g=i.some(ut=>ut.label===d?.label);return d&&!g?[...i,d,s]:[...i,s]}return i},[])},T=new WeakSet,pt=function(){k(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),tooltip:this.xssSanitize(t.tooltip??"")}},v=V([N("ids-dropdown"),R(et)],v);export{v as a};

package/chunks/ids-chunk-OXNHNTVL.js

@@ -1,14 +0,0 @@
-import{a as E}from"./ids-chunk-HNMLNA3W.js";import{j as u}from"./ids-chunk-X4NATGYL.js";import{e as y}from"./ids-chunk-5Q3WPKMB.js";var o=(s,t)=>{for(let i in t)s[i]=t[i]},I=(s,t)=>{s?.addValidationRule&&t&&(t.type="error",s?.addValidationRule?.(t))},k=async s=>{s.clickEvent?.target?.classList?.contains("editor-cell-icon")?(await s.popup?.show(),s.popup?.focus()):s.input?.focus()},a=(s,t)=>{t.code==="Escape"&&(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault(),s?.cancelCellEdit(),s?.focus())},h=class{type="input";input;init(t){let i=t?.column.editor?.inline;this.input=document.createElement("ids-input"),this.input.colorVariant=i?"in-cell":"borderless",this.input.size=i?"full":"",this.input.fieldHeight=String(t?.dataGrid?.rowHeight)==="xxs"?"xs":String(t?.dataGrid?.rowHeight),this.input.labelState="collapsed";let e=t?.innerText;t.innerHTML="",t?.appendChild(this.input),this.input.addEventListener("keydown",p=>a(t,p)),this.input.value=e,this.input instanceof E&&t&&(i||this.input.shadowRoot?.querySelector("input")?.style.setProperty("width",`${t.offsetWidth-5}px`),o(this.input,t?.column.editor?.editorSettings),I(this.input,t?.column.editor?.editorValidation)),this.input.focus()}save(){return{value:this.input?.value}}destroy(){this.input=void 0}value(){return this.input?.value??""}change(t){this.input&&(this.input.value=String(t))}},l=class{type="checkbox";input;clickEvent;init(t){this.input=document.createElement("ids-checkbox");let i=y(t?.querySelector("[aria-checked]")?.getAttribute("aria-checked"));t.innerHTML="",this.clickEvent||(this.input.noAnimation=!0),this.input.checked=this.clickEvent?!i:i,t?.appendChild(this.input),this.input.addEventListener("keydown",e=>a(t,e)),this.input.focus(),this.clickEvent&&requestAnimationFrame(()=>{t?.endCellEdit(),t?.focus()})}save(){return{value:this.input?.checked}}destroy(){this.input?.offEvent("keydown"),this.input=void 0}value(){return!!this.input?.checked}change(t){this.input&&(this.input.checked=!!t)}},c=class{type="dropdown";input;list;#t;#i;#e=this.stopPropagation.bind(this);clickEvent;init(t){this.#i=t?.querySelector("[data-value]")?.getAttribute("data-value")??t?.value??null;let i=t?.column.editor?.inline,e={...t?.column?.editor?.editorSettings},p={...t?.column?.editor?.editorValidation},r=e?.options??[];this.input=document.createElement("ids-dropdown"),this.list=document.createElement("ids-dropdown-list"),delete e.options,o(this.input,e),this.input.typeahead=!1,t.innerHTML="",t.appendChild(this.input),this.input.addEventListener("keydown",n=>a(t,n)),t.appendChild(this.list),t.classList.add("is-focused"),this.#t=t,this.list.insertAdjacentHTML("beforeend","<ids-list-box></ids-list-box>"),this.list.setAttribute("trigger-type","custom"),this.input.setAttribute("id","ids-dropdown-active-cell"),this.list.setAttribute("id","ids-dropdown-list-active-cell"),this.input.setAttribute("list","#ids-dropdown-list-active-cell"),this.input.loadDataSet(r),this.list.configurePopup(),this.list.setAttribute("slot","menu-container"),this.list.setAttribute("size","full"),this.list.setAttribute("attachment",".ids-data-grid-wrapper"),this.list.appendToTargetParent(),this.list.popup&&(this.list.popup.popupOpenEventsTarget=document.body,this.list.popup.positionStyle="fixed",this.list.popup.alignTarget=this.input,this.list.popup.type="dropdown",this.list.popup.container?.classList.add("dropdown"),this.list.popup.onPlace=n=>{let b=t?.dataGrid?.rowHeight==="xxs"?-3:0;return n.y=(this.input?.getBoundingClientRect().bottom||0)+b,n.x=(this.input?.getBoundingClientRect().x||0)-1,n.width=1e3,n}),this.input.value=this.#i??"",this.input.size="full",this.input.labelState="collapsed",this.input.colorVariant=i?"in-cell":"borderless",this.input.fieldHeight=String(t?.dataGrid?.rowHeight),this.input.container?.querySelector("ids-trigger-field")?.focus(),p&&I(this.input.input,p),this.#s(),this.input?.open()}stopPropagation(t){let i=t.relatedTarget instanceof HTMLElement?t.relatedTarget.tagName:t.relatedTarget;(i==="IDS-DROPDOWN"||i==="IDS-LIST-BOX-OPTION")&&(t.stopPropagation(),t.stopImmediatePropagation())}#s(){this.input?.onEvent("change",this.input,t=>{this.#i=t.detail.value}),this.input?.onEvent("focusout",this.input,this.#e),this.input?.onEvent("click",this.input,()=>{let t=this.list?.popup;t&&(t.visible?this.input?.close():this.input?.open())}),this.list&&(this.list.onOutsideClick=t=>{t.composedPath().includes(this.list)||this.input?.close()},this.list.refreshTriggerEvents(),this.input?.onEvent("selected",this.input,async t=>{if(!t.detail?.elem)return;let e=this.#t;t.target.value=t.detail.value,this.#i=t.detail.value,e&&(e?.endCellEdit(),e.dataGrid.openMenu=null,e.focus())})),this.input?.onEvent("keydown",this.list,t=>{t.key==="Enter"&&t.stopPropagation()})}save(){return{value:this.#i,dirtyCheckValue:this.input?.input?.value}}destroy(){this.input?.offEvent("click"),this.input?.offEvent("change"),this.input?.offEvent("focusout",this.input,this.#e),this.list?.offEvent("keydown"),this.list?.remove(),this.#i=void 0,this.#t.classList.remove("is-focused"),this.#t=void 0}value(){return this.input?.value??""}change(t){this.input&&(this.input.value=String(t))}},g=class{type="datepicker";input;popup;clickEvent;#t;#i="";init(t){this.input=this.#e(t),this.popup=this.#s(t),this.#n(t,t.originalValue),t.innerHTML="",t.appendChild(this.popup),t.appendChild(this.input),this.input.addEventListener("keydown",e=>a(t,e)),this.input.value=this.#i,this.popup?.syncDateAttributes(this.#t??new Date),this.input&&(this.input.autoselect=!0);let i=t?.column.editor?.editorValidation;if(i&&I(this.input,i),this.popup){let e=this.popup;this.popup.value=this.#i,this.popup.attachment=".ids-data-grid-wrapper",this.popup.slot="menu-container",this.popup.appendToTargetParent(),this.popup.popup&&(this.popup.popup.popupOpenEventsTarget=document.body,this.popup.popup.onOutsideClick=p=>{p.composedPath().includes(e)||e.hide()}),this.popup.id=`${t.column.field}-date-picker-popup`,this.popup.triggerType="click",this.popup.triggerElem=`#${t.column.field}-date-picker-btn`,this.popup.target=`#${t.column.field}-date-picker`,this.popup.popup.arrowTarget=`#${t.column.field}-date-picker-btn`,this.popup.popup.y=16,this.popup.refreshTriggerEvents(),k(this)}this.#o(t)}#e(t){let i=document.createElement("ids-trigger-field");return o(i,t?.column.editor?.editorSettings),i.id=`${t.column.field}-date-picker`,i.fieldHeight=String(t?.dataGrid?.rowHeight)==="xxs"?"xs":String(t?.dataGrid?.rowHeight),i.labelState="collapsed",i.colorVariant="borderless",i.size="full",i.mask=!0,i.insertAdjacentHTML("beforeend",`<ids-trigger-button
-        class="ids-trigger-field-slot-trigger-end"
-        id="${t.column.field}-date-picker-btn"
-        slot="trigger-end"
-        icon="calendar"></ids-trigger-button>`),i}#s(t){let i=document.createElement("ids-date-picker-popup");return o(i,t?.column.editor?.editorSettings),i}#n(t,i){let e=t?.dataGrid.localeAPI.parseDate(i);if(!i||!u(e)){this.#i=i,this.#t=void 0;return}this.#t instanceof Date?(this.#t.setFullYear(e.getFullYear()),this.#t.setMonth(e.getMonth()),this.#t.setDate(e.getDate())):this.#t=e,this.#i=t.dataGrid.localeAPI.formatDate(this.#t)}#p(t){this.input?.popup?.hidden===!1&&t.stopImmediatePropagation()}#o(t){let i=e=>this.#p(e);this.input?.onEvent("focusout",this.input,i,{capture:!0}),this.popup?.onEvent("hide",this.popup,()=>{t.contains(t.dataGrid.shadowRoot.activeElement)||t?.focus()})}save(t){return this.#n(t,t?.value),{value:this.#t?.toISOString()??"",dirtyCheckValue:this.#i}}destroy(){this.input?.offEvent("focusout"),this.input?.offEvent("outsideclick.datepicker"),this.popup?.offEvent("hide"),this.popup?.remove(),this.#t=void 0,this.#i=""}value(){return this.input?.input?.value??""}change(t){this.input?.input&&(this.input.input.value=String(t))}},m=class{type="timepicker";input;popup;clickEvent;#t;init(t){this.input=this.#i(t),this.popup=this.#e(t);let i=t.originalValue??"",e=t.dataGrid.localeAPI.parseDate(i,void 0,!0),p=u(e);if(this.#t=p?e:void 0,this.input.value=p?t.dataGrid.localeAPI.formatDate(this.#t,{pattern:this.input.format}):"",t.innerHTML="",t.appendChild(this.popup),t.appendChild(this.input),this.input.addEventListener("keydown",r=>a(t,r)),this.input.autoselect=!0,this.popup){let r=this.popup;if(this.popup.attachment=".ids-data-grid-wrapper",this.popup.slot="menu-container",this.popup.appendToTargetParent(),this.popup.popup&&(this.popup.popup.popupOpenEventsTarget=document.body,this.popup.popup.onOutsideClick=async n=>{n.composedPath().includes(r)||await r.hide()}),this.popup.id=`${t.column.field}-time-picker-popup`,this.popup.triggerType="click",this.popup.triggerElem=`#${t.column.field}-time-picker-btn`,this.popup.target=`#${t.column.field}-time-picker`,this.popup.popup.arrowTarget=`#${t.column.field}-time-picker-btn`,this.popup.popup.y=16,this.popup.refreshTriggerEvents(),this.#t){let n=this.#t.getHours();this.popup.hours=n>11?n-12:n,this.popup.minutes=this.#t.getMinutes(),this.popup.seconds=this.#t.getSeconds(),this.popup.period=n>11?"PM":"AM"}k(this)}this.#s(t)}#i(t){let i=document.createElement("ids-trigger-field");return o(i,t?.column.editor?.editorSettings),i.id=`${t.column.field}-time-picker`,i.fieldHeight=String(t?.dataGrid?.rowHeight)==="xxs"?"xs":String(t?.dataGrid?.rowHeight),i.labelState="collapsed",i.colorVariant="borderless",i.size="full",i.mask=!0,i.insertAdjacentHTML("beforeend",`<ids-trigger-button
-        class="ids-trigger-field-slot-trigger-end"
-        id="${t.column.field}-time-picker-btn"
-        slot="trigger-end"
-        icon="clock"></ids-trigger-button>`),i}#e(t){let i=document.createElement("ids-time-picker-popup");return o(i,t?.column.editor?.editorSettings),i}#s(t){this.popup?.onEvent("hide",this.popup,()=>{t.contains(t.dataGrid.shadowRoot.activeElement)||t?.focus()})}save(t){let i,e=this.input.value;return e&&(i=t.dataGrid.localeAPI.parseDate(e,{pattern:this.input.format},!0),this.#t&&(this.#t.getMonth()!==i.getMonth()||this.#t.getFullYear()!==i.getFullYear()||this.#t.getDate()!==i.getDate())&&(i.setMonth(this.#t.getMonth()),i.setFullYear(this.#t.getFullYear()),i.setDate(this.#t.getDate()))),{value:i&&u(i)?i.toISOString():void 0,dirtyCheckValue:e}}destroy(){this.input?.offEvent("focusout"),this.input?.detachAllListeners(),this.input?.remove(),this.popup?.offEvent("hide"),this.popup?.detachAllListeners(),this.popup?.remove(),this.#t=void 0}value(){return this.input?.value??""}change(t){this.input&&(this.input.value=String(t))}},f=class extends h{expandButton;fieldContainer;init(t){super.init(t);let i=this.#i(t)?`<ids-button class="expand-button" disabled="true">
-      <ids-icon icon="plusminus-folder-${this.#t(t)?"open":"closed"}"></ids-icon>
-    </ids-button>`:"";t.insertAdjacentHTML("afterbegin",`<span class="ids-data-grid-tree-container">
-      ${i}
-      <span class="ids-data-grid-tree-field-container"></span>
-    </span>`),this.expandButton=t.querySelector(".expand-button"),this.fieldContainer=t.querySelector(".ids-data-grid-tree-field-container"),this.fieldContainer.appendChild(this.input)}#t(t){return t.dataGrid.rows[t.rowIndex].getAttribute("aria-expanded")==="true"}#i(t){return t.dataGrid.data[t.rowIndex].childCount}destroy(){super.destroy(),this.expandButton?.remove(),this.fieldContainer?.remove(),this.expandButton=void 0,this.fieldContainer=void 0}},v=class{type="lookup";input;popup;clickEvent;init(t){let i=t?.column.editor?.inline;this.input=document.createElement("ids-lookup"),this.input.size=i?"full":"",this.input.fieldHeight=String(t?.dataGrid?.rowHeight)==="xxs"?"xs":String(t?.dataGrid?.rowHeight),this.input.labelState="collapsed";let e=t?.innerText??"";t.innerHTML="",t?.appendChild(this.input),this.input.addEventListener("keydown",p=>a(t,p)),this.input.input.noMargins=!0,this.input.value=e,this.popup=this.input.modal??void 0,o(this.input,{...t?.column.editor?.editorSettings}),k(this)}value(){return this.input?.value??""}change(t){this.input&&(this.input.value=String(t))}save(){return{value:this.input?.value,dirtyCheckValue:this.input?.input?.value}}destroy(){this.input?.offEvent("keydown"),this.input=void 0}},d=[];d.push({type:"input",editor:new h});d.push({type:"checkbox",editor:new l});d.push({type:"dropdown",editor:new c});d.push({type:"datepicker",editor:new g});d.push({type:"timepicker",editor:new m});d.push({type:"tree",editor:new f});d.push({type:"lookup",editor:new v});export{h as a,l as b,c,g as d,m as e,f,v as g,d as h};

package/chunks/ids-chunk-PHV5XHFI.js

@@ -1,124 +0,0 @@
-import{a as g}from"./ids-chunk-T6ZV4PDM.js";import{a as b}from"./ids-chunk-3DA43NO3.js";import{a,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as m}from"./ids-chunk-6KDUST23.js";import{e as n}from"./ids-chunk-5Q3WPKMB.js";import{a as o}from"./ids-chunk-S7XDCBUZ.js";import{a as p,b as r,d as c,g as l}from"./ids-chunk-Y32WUP63.js";var f=`/* Ids Color Component */
-:host {
-  overflow: visible;
-  display: inline-flex;
-  height: fit-content;
-  width: fit-content;
-  padding: 1px;
-}
-:host .ids-color {
-  background-color: transparent;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 2px;
-}
-:host .no-color {
-  border: 1px solid #bbb;
-  border-radius: 2px;
-  position: relative;
-}
-:host .no-color::before {
-  transform: rotate(-45deg);
-  border-top: 2px solid var(--ids-color-error-default);
-  content: "";
-  left: 0;
-  right: 0;
-  overflow: hidden;
-  position: absolute;
-  width: 100%;
-}
-:host .no-color .color-check {
-  opacity: 0;
-  visibility: hidden;
-}
-
-:host(.outlined:hover),
-:host(.outlined:focus),
-:host(.outlined:focus-visible),
-:host(.outlined:focus-within) {
-  box-shadow: 0 0 3px 2px rgba(0, 114, 237, 0.3019607843);
-  outline: 1px solid var(--ids-color-border-focus);
-}
-
-:host([disabled]) {
-  opacity: 0.5;
-}
-:host([disabled]) .ids-color {
-  cursor: default;
-}
-
-:host([clickable=false]) .ids-color {
-  cursor: default;
-}
-
-:host([size=full]) {
-  width: 100%;
-}
-:host([size=full]) .ids-color {
-  border: 1px solid rgba(0, 0, 0, 0.2);
-}
-
-.ids-color {
-  background-color: var(--ids-color-gray-100);
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 18px;
-  width: 18px;
-  height: 18px;
-  margin: 0;
-  padding: 0;
-}
-.ids-color.xs {
-  height: 18px;
-  min-width: 18px;
-  width: 18px;
-}
-.ids-color.sm {
-  height: 20px;
-  min-width: 20px;
-  width: 20px;
-}
-.ids-color.mm {
-  height: 22px;
-  min-width: 22px;
-  width: 24px;
-}
-.ids-color.md {
-  height: 32px;
-  min-width: 32px;
-  width: 32px;
-}
-.ids-color.lg {
-  height: 42px;
-  min-width: 42px;
-  width: 42px;
-}
-.ids-color.full {
-  height: 55px;
-  margin: 8px 0 18px;
-  width: 100%;
-}
-.ids-color ids-text {
-  align-self: end;
-  position: relative;
-  top: 22px;
-}
-
-.color-check {
-  color: var(--ids-color-white-100);
-  opacity: 0;
-}
-
-:host(.light) .color-check {
-  color: var(--ids-color-gray-100);
-}
-
-:host([checked]) .color-check {
-  opacity: 1;
-}`;var L=g(b(m)),x=["xs","sm","mm","md","lg","full"],h,w,s,d,i=class extends L{constructor(){super();c(this,h);c(this,s);r(this,"swatch",null);r(this,"icon",null);r(this,"popup",null)}connectedCallback(){super.connectedCallback(),l(this,h,w).call(this);let t=this.shadowRoot;this.swatch=t.querySelector(".ids-color"),this.icon=t.querySelector("ids-icon"),this.popup=t.querySelector("ids-tooltip"),this.hex&&(this.hex=this.getAttribute(o.HEX)),this.color&&(this.color=this.getAttribute(o.COLOR))}disconnectedCallback(){super.disconnectedCallback(),l(this,s,d).call(this)}static get attributes(){return[...super.attributes,o.COLOR,o.CLICKABLE,o.DISABLED,o.HEX,o.LABEL,o.SIZE,o.SHOW_LABEL,o.TOOLTIP]}template(){return`<ids-tooltip>${this.tooltip} ${this.hex}</ids-tooltip>
-      <div class="ids-color ${this.size} no-color" tabindex="0" part="color">
-        ${this.clickable?'<ids-icon class="color-check" icon="check" size="small" part="hex"></ids-icon>':""}
-        ${this.showLabel?`<ids-text font-size="14" type="span" align="center">${this.label}</ids-text>`:""}
-      </div>
-    `}set disabled(t){n(t)?this.setAttribute(o.DISABLED,""):this.removeAttribute(o.DISABLED)}get disabled(){return this.hasAttribute(o.DISABLED)}set hex(t){this.setAttribute(o.HEX,t?.trim()),this.container?.classList.remove("no-color"),!t||t.toLowerCase()==="transparent"?(t="",this.container?.classList.add("no-color"),this.container?.style.setProperty("background-color","transparent")):this.container?.style.setProperty("background-color",t?.trim())}get hex(){return this.getAttribute(o.HEX)||""}set label(t){this.setAttribute(o.LABEL,t);let e=this.container?.querySelector("ids-text");e&&(e.textContent=t)}get label(){return this.getAttribute(o.LABEL)||""}set showLabel(t){this.setAttribute(o.SHOW_LABEL,t.toString())}get showLabel(){return n(this.getAttribute(o.SHOW_LABEL))||!1}set tooltip(t){this.setAttribute(o.TOOLTIP,t)}get tooltip(){return this.disabled?"":String(this.getAttribute(o.TOOLTIP)??"").trim()}set size(t){this.swatch?.classList.remove(...x),x.includes(t)&&(this.swatch?.classList.add(t),this.setAttribute(o.SIZE,t))}get size(){return this.getAttribute(o.SIZE)??""}set clickable(t){this.setAttribute(o.CLICKABLE,t.toString())}get clickable(){return n(this.getAttribute(o.CLICKABLE)||!0)}set color(t){if(t){this.container?.classList.remove("no-color");let e=["--ids-color-error","--ids-color-warning","--ids-color-caution","--ids-color-success","--ids-color-info"].includes(t);this.swatch?.style.setProperty("background-color",t.indexOf("hsl")>-1?`${t}`:`var(${t}${e?"-default":""})`),this.setAttribute(o.COLOR,t)}else this.container?.classList.add("no-color"),this.swatch?.style.setProperty("background-color",""),this.removeAttribute(o.COLOR)}get color(){return this.getAttribute(o.COLOR)}showTooltip(){this.disabled||!this.popup||!this.tooltip||(this.popup.target=this,this.popup.innerText=String(this.tooltip).toLowerCase(),this.popup.popup&&(this.popup.popup.positionStyle="fixed"),this.popup.innerText=String(this.tooltip).trim(),this.popup.visible=!0)}hideTooltip(){this.popup&&(this.popup.visible=!1)}};h=new WeakSet,w=function(){l(this,s,d).call(this),this.onEvent("mouseenter.ids-color-tooltip",this,this.showTooltip),this.onEvent("mouseover.ids-color-tooltip",this,this.showTooltip),this.onEvent("mouseout.ids-color-tooltip",this,this.hideTooltip),this.onEvent("mouseleave.ids-color-tooltip",this,this.hideTooltip),this.onEvent("click.ids-color-tooltip",this,this.hideTooltip)},s=new WeakSet,d=function(){this.offEvent("mouseenter.ids-color-tooltip",this),this.offEvent("mouseover.ids-color-tooltip",this),this.offEvent("mouseout.ids-color-tooltip",this),this.offEvent("mouseleave.ids-color-tooltip",this)},i=p([a("ids-color"),u(f)],i);export{i as a};

package/chunks/ids-chunk-QXKLZNLP.js

@@ -1,53 +0,0 @@
-import{a as x}from"./ids-chunk-T6ZV4PDM.js";import{a as P}from"./ids-chunk-3DA43NO3.js";import{a as D,b as I}from"./ids-chunk-XE4WFW5M.js";import{a as C}from"./ids-chunk-6KDUST23.js";import{e as E,f as a}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-S7XDCBUZ.js";import{a as v,b as m,c as A,d as l,e as c,g as u}from"./ids-chunk-Y32WUP63.js";var B=`/* Ids Pager Input Component */
-:host(ids-pager-input) {
-  display: inline-flex;
-  align-items: center;
-}
-
-.ids-pager-input,
-ids-input::part(container) {
-  margin-inline-start: 4px;
-  margin-inline-end: 4px;
-  margin-block-end: 0;
-}
-
-.ids-pager-input input,
-ids-input::part(input) {
-  padding-block-start: 0;
-  padding-block-end: 0;
-  margin-block-end: 0;
-  min-width: 40px;
-}
-
-.ids-pager-input label,
-ids-input::part(label) {
-  margin-block-end: 0;
-  height: 0;
-}
-
-.ids-pager-input,
-ids-input::part(field-container) {
-  margin-block-end: 0;
-}
-
-ids-text {
-  margin-inline-start: 4px;
-  margin-inline-end: 4px;
-}
-
-ids-input[size=xs]::part(field-container),
-.ids-input.xs .field-container {
-  width: auto;
-}`;var T=x(P(C)),o,d,N,p,g,b,f,h=class extends T{constructor(){super();l(this,d);l(this,p);l(this,b);m(this,"DEFAULT_PAGE_SIZE",10);m(this,"rootNode");m(this,"input");l(this,o,!1)}template(){let e=this.pageCount!==null?this.pageCount:"N/A",i=`label ${this.disabledOverall?" disabled":""}`;return`<ids-text ${i}>Page</ids-text>&nbsp;
-      <ids-input
-        value="${this.pageNumber}"
-        label="Input for page number"
-        label-state="hidden"
-        text-align="center"
-        mask="number"
-        size="xs"
-        ${this.disabled?"disabled":""}
-      ></ids-input>
-      <ids-text ${i}>&nbsp;of&nbsp;
-        <span class="page-count">${e}</span>
-      </ids-text>`}static get attributes(){return[t.DISABLED,t.PAGE_NUMBER,t.PARENT_DISABLED,t.TOTAL,t.PAGE_SIZE]}attributeChangedCallback(e,i,s){super.attributeChangedCallback(e,i,s),[t.DISABLED,t.PAGE_NUMBER,t.PAGE_SIZE,t.STEP,t.TOTAL,t.TYPE].includes(e)&&i!==s&&this.connectedCallback()}connectedCallback(){super.connectedCallback(),this.pager&&(this.disabled=this.pager.disabled,this.pageNumber=this.pager.pageNumber,this.pageSize=this.pager.pageSize,this.total=this.pager.total),this.input=this.shadowRoot?.querySelector("ids-input"),this.offEvent("change.pagerinput",this.input),this.onEvent("change.pagerinput",this.input,()=>u(this,d,N).call(this)),this.offEvent("blur.pagerinput",this.input),this.onEvent("blur.pagerinput",this.input,()=>{A(this,o)||u(this,d,N).call(this),c(this,o,!1)}),this.offEvent("Enter.pagerinput",this.input),this.listen("Enter.pagerinput",this.input,()=>{this.input?.dispatchEvent(new Event("change",{bubbles:!0}))}),!this.hasAttribute(t.PAGE_NUMBER)&&this.pager?.pageNumber&&this.setAttribute(t.PAGE_NUMBER,String(this.pager.pageNumber)),u(this,p,g).call(this)}get pager(){return this.rootNode||(this.rootNode=this.getRootNode?.()?.host),this.rootNode?.nodeName!=="IDS-PAGER"&&(this.rootNode=this.closest("ids-pager")),this.rootNode}set pageSize(e){let i=this.isValidPageSize(e);this.setAttribute(t.PAGE_SIZE,String(i)),u(this,p,g).call(this)}get pageSize(){return this.pager?.pageSize??this.isValidPageSize(this.getAttribute(t.PAGE_SIZE))}isValidPageSize(e){let i=a(e);return!Number.isNaN(i)&&i>0?i:this.DEFAULT_PAGE_SIZE}set pageNumber(e){let i=this.input,s=i?.input,r=a(s?.value),n=a(e);if(Number.isNaN(n)||n<1)n=1;else{let S=a(this.pageCount);if(Number.isNaN(S))return;n=Math.min(n,S)}s?.style.setProperty("width",`${String(n).length}em`),!(Number.isNaN(r)||n===r)&&(i&&(i.value=String(n),!A(this,o)&&n!==this.pageNumber&&this.triggerEvent("pagenumberchange",this,{bubbles:!0,detail:{elem:this,value:n}}),c(this,o,!1)),this.setAttribute(t.PAGE_NUMBER,String(n)),u(this,p,g).call(this))}get pageNumber(){let e=a(this.getAttribute(t.PAGE_NUMBER)??1);return this.pager?.pageNumber??e}set total(e){let i=a(e);(Number.isNaN(i)||i<1)&&(i=1),this.setAttribute(t.TOTAL,String(i)),u(this,p,g).call(this)}get total(){let e=a(this.getAttribute(t.TOTAL));return this.pager?.total??e}get pageCount(){let e=this.hasAttribute(t.TOTAL)?Math.ceil(this.total/this.pageSize):null;return this.pager?.pageCount??e}set disabled(e){E(e)?this.setAttribute(t.DISABLED,""):this.removeAttribute(t.DISABLED),u(this,b,f).call(this)}get disabled(){return this.hasAttribute(t.DISABLED)}set parentDisabled(e){E(e)?this.setAttribute(t.PARENT_DISABLED,""):this.removeAttribute(t.PARENT_DISABLED),u(this,b,f).call(this)}get parentDisabled(){return this.hasAttribute(t.PARENT_DISABLED)}get disabledOverall(){return this.hasAttribute(t.DISABLED)||this.hasAttribute(t.PARENT_DISABLED)}};o=new WeakMap,d=new WeakSet,N=function(){let e=a(this.pageCount);if(this.input&&!Number.isNaN(e)&&e>1){let i=this.pageNumber,s=a(this.input.value),r=Math.max(1,Math.min(s,e));r&&r!==s&&(this.input.value=`${r}`),r!==i&&(Number.isNaN(r)?this.input&&(this.input.value=`${i}`):(c(this,o,!0),this.triggerEvent("pagenumberchange",this,{bubbles:!0,detail:{elem:this,value:r}})))}},p=new WeakSet,g=function(){let e=this.pageCount,i=e===null?"N/A":e,s=this.shadowRoot?.querySelector("span.page-count");s&&(s.textContent=String(i))},b=new WeakSet,f=function(){let e=this.shadowRoot?.querySelectorAll("ids-text")??[];if(this.disabledOverall){this.input?.setAttribute(t.DISABLED,"");for(let i of e)i.setAttribute(t.DISABLED,"")}else{this.input?.removeAttribute(t.DISABLED);for(let i of e)i.removeAttribute(t.DISABLED)}},h=v([D("ids-pager-input"),I(B)],h);export{h as a};