@nova-design-system/nova-webcomponents 3.0.0-beta.38 → 3.0.0-beta.39

package/dist/native/{p-3c004551.entry.js → p-833af1bf.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as t,a as i,g as o}from"./p-5439afb8.js";import{v as l}from"./p-f5ff676c.js";const s='nv-fieldselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fieldselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[display-value]:not([display-value=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fieldselect[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldselect[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input:read-only{opacity:0.5;background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select option{background-color:var(--nv-field-background);color:var(--components-form-field-content-text, #1d1d1d);font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:500;line-height:var(--form-field-line-height, 24px)}nv-fieldselect .select-wrapper .select-container select option:checked{background-color:var(--color-orange-500);color:var(--color-content-high-text);font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:500;line-height:var(--form-field-line-height, 24px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const n=s;const a=class{constructor(t){e(this,t);this.valueChanged=r(this,"valueChanged",7);this.computedDisplayValue="";this.internalReadonly=false;this.parsedOptions=[];this.inputId=l();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.multiple=false;this.value="";this.displayValue=false;this.handleSelectChange=e=>{const r=e.target;let t=Array.from(r.selectedOptions).map((e=>e.value));if(!this.multiple){t=t.slice(0,1)}this.value=this.multiple?t.join(", "):t[0]||"";this.valueChanged.emit(this.value);this.setFormValue()};this.handleSelectContainerClick=()=>{if(!this.internalReadonly&&this.selectElement){this.selectElement.focus()}}}updateDisplayValueWatcher(e){this.updateDisplayValue();if(this.selectElement){const r=e.split(",").map((e=>e.trim()));const t=this.selectElement.options;if(t){Array.from(t).forEach((e=>{e.selected=this.multiple?r.includes(e.value):e.value===r[0]}));if(!this.multiple){this.selectElement.value=e}}else{this.selectElement.value=r[0]||""}}this.setFormValue()}handleDisplayValueChange(e){this.internalReadonly=e;if(this.readonly){this.internalReadonly=true}}handleReadonlyChange(e){this.internalReadonly=e;if(this.displayValue){this.internalReadonly=true}}handleOptionsChange(e){if(typeof e==="string"){try{const r=JSON.parse(e);this.parsedOptions=[...r];const t=r.find((e=>e.selected));if(t){this.value=t.value}}catch(e){console.error("Error parsing options:",e);this.parsedOptions=[]}}}updateDisplayValue(){if(this.internalReadonly&&!this.displayValue){if(this.multiple){const e=this.value.split(",").map((e=>e.trim())).map((e=>this.getLabelFromId(e)||"")).filter((e=>e!==""));this.computedDisplayValue=e.join(", ")||""}else{this.computedDisplayValue=this.getLabelFromId(this.value)||""}}else if(this.internalReadonly&&this.displayValue){this.computedDisplayValue=this.value||""}}getLabelFromId(e){this.ensureSelectElement();if(!this.selectElement){return""}const r=this.selectElement.options;if(r){const t=Array.from(r).find((r=>r.value===e));return t?t.textContent.trim()||"":""}else{return""}}setFormValue(){this.internals.setFormValue(this.value)}ensureSelectElement(){if(!this.selectElement){this.selectElement=this.el.querySelector("select")}}componentWillRender(){this.updateDisplayValue();if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}componentWillLoad(){this.internalReadonly=this.readonly;if(this.displayValue){this.internalReadonly=true}if("attachInternals"in this.el){this.internals=this.el.attachInternals()}else{this.internals={setFormValue:e=>{const r=this.el.closest("form");if(r){const t=document.createElement("input");t.type="hidden";t.name=this.name;t.value=e;r.appendChild(t)}}}}if(this.multiple&&typeof this.value!=="string"){this.value=""}if(this.options){this.handleOptionsChange(this.options)}}componentDidLoad(){this.updateDisplayValue();if(this.selectElement){if(!this.multiple){this.selectElement.value=this.value}const e=this.multiple?this.value.split(",").map((e=>e.trim())):[this.value];const r=this.selectElement.options;if(r){Array.from(r).forEach((r=>{r.selected=this.multiple?e.includes(r.value):r.value===e[0]}))}else{this.selectElement.value=e[0]||""}}this.setFormValue()}render(){return t(i,{key:"ace27d52d50f0c22b6f9f54f3da24873f7c474c4"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"96665d80aec4cd4d8d0443c213a527d04a180f18",htmlFor:this.inputId},t("slot",{key:"829c2f8afee3c36ed9706fc8de20c618334d1ed4",name:"label"},this.label)),t("div",{key:"e86b1e70ead3e7417db02d2b61c7df03872e7550",class:"select-wrapper"},t("slot",{key:"ab92d514336802ce38524abaac3b0ad4603a827a",name:"before-input"}),t("div",{key:"ae6a3d57989cf64d8d443c81b02ef69b0421e0cd",class:"select-container",onClick:this.handleSelectContainerClick},t("slot",{key:"3bb4e745a7b54377033814ecf8a85d2a041d0f83",name:"leading-input"}),this.internalReadonly&&t("input",{key:"7561e654ffd9eb3a50e4964bdca878e884c5fbaa",id:this.inputId+"-readonly",type:"text",value:this.computedDisplayValue,readonly:true,class:"readonly-input","aria-readonly":"true","aria-label":this.label,"aria-describedby":this.error?`${this.inputId}-error`:`${this.inputId}-description`}),t("select",{key:"85057141cc87b490cb61f57d7b04d2fec9587f7f",id:this.inputId,ref:e=>this.selectElement=e,name:this.name,disabled:this.disabled,required:this.required,multiple:this.multiple,onChange:this.handleSelectChange,class:this.internalReadonly?"hidden":"","aria-label":this.label,"aria-describedby":this.error?`${this.inputId}-error`:`${this.inputId}-description`},this.parsedOptions.length>0?this.parsedOptions.map((e=>t("option",{value:e.value,selected:e.selected,disabled:e.disabled},e.label))):t("slot",null)),this.internalReadonly&&t("nv-icon",{key:"457ce2cf6de8979791e6f5e7c5e1007e91c2cc8a",name:"chevron-down",class:"readonly-icon",size:"sm"}),this.error&&t("nv-icon",{key:"65db640022a44074f0d2a8bad386ca0222f4abd9",name:"alert-circle",class:"validation",size:"sm"}),this.success&&t("nv-icon",{key:"bed81f83509df49579e727899ecd9ddb4a3aae82",name:"circle-check",class:"validation",size:"sm"})),t("slot",{key:"080b73f51093d4419eee7e78d66bd8dd61eb10c4",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"b4a180bf9df7061db893835f0a9438893f0b89de",class:"description",id:`${this.inputId}-description`},t("slot",{key:"14b4e339fb55ca87340bfa712b2280a965408935",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"fd838c220f354e5ad3984780c04c372b540439e1",class:"error-description",id:`${this.inputId}-error`},t("slot",{key:"e8c632c8966283d581bd03d69ff9b6cd5e38e14f",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:["updateDisplayValueWatcher"],displayValue:["handleDisplayValueChange"],readonly:["handleReadonlyChange"],options:["handleOptionsChange"]}}};a.style=n;export{a as nv_fieldselect};
-//# sourceMappingURL=p-3c004551.entry.js.map
+import{r as e,c as r,h as t,a as i,g as o}from"./p-5439afb8.js";import{v as l}from"./p-f5ff676c.js";const s='nv-fieldselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fieldselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[display-value]:not([display-value=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fieldselect[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldselect[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input:read-only{opacity:0.5;background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select option{background-color:var(--nv-field-background);color:var(--components-form-field-content-text, #1d1d1d);font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:500;line-height:var(--form-field-line-height, 24px)}nv-fieldselect .select-wrapper .select-container select option:checked{background-color:var(--color-orange-500);color:var(--color-content-high-text);font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:500;line-height:var(--form-field-line-height, 24px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const n=s;const a=class{constructor(t){e(this,t);this.valueChanged=r(this,"valueChanged",7);this.computedDisplayValue="";this.internalReadonly=false;this.parsedOptions=[];this.inputId=l();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.multiple=false;this.value="";this.displayValue=false;this.autofocus=false;this.handleSelectChange=e=>{const r=e.target;let t=Array.from(r.selectedOptions).map((e=>e.value));if(!this.multiple){t=t.slice(0,1)}this.value=this.multiple?t.join(", "):t[0]||"";this.valueChanged.emit(this.value);this.setFormValue()};this.handleSelectContainerClick=()=>{if(!this.internalReadonly&&this.selectElement){this.selectElement.focus()}}}updateDisplayValueWatcher(e){this.updateDisplayValue();if(this.selectElement){const r=e.split(",").map((e=>e.trim()));const t=this.selectElement.options;if(t){Array.from(t).forEach((e=>{e.selected=this.multiple?r.includes(e.value):e.value===r[0]}));if(!this.multiple){this.selectElement.value=e}}else{this.selectElement.value=r[0]||""}}this.setFormValue()}handleDisplayValueChange(e){this.internalReadonly=e;if(this.readonly){this.internalReadonly=true}}handleReadonlyChange(e){this.internalReadonly=e;if(this.displayValue){this.internalReadonly=true}}handleOptionsChange(e){if(typeof e==="string"){try{const r=JSON.parse(e);this.parsedOptions=[...r];const t=r.find((e=>e.selected));if(t){this.value=t.value}}catch(e){console.error("Error parsing options:",e);this.parsedOptions=[]}}}updateDisplayValue(){if(this.internalReadonly&&!this.displayValue){if(this.multiple){const e=this.value.split(",").map((e=>e.trim())).map((e=>this.getLabelFromId(e)||"")).filter((e=>e!==""));this.computedDisplayValue=e.join(", ")||""}else{this.computedDisplayValue=this.getLabelFromId(this.value)||""}}else if(this.internalReadonly&&this.displayValue){this.computedDisplayValue=this.value||""}}getLabelFromId(e){this.ensureSelectElement();if(!this.selectElement){return""}const r=this.selectElement.options;if(r){const t=Array.from(r).find((r=>r.value===e));return t?t.textContent.trim()||"":""}else{return""}}setFormValue(){this.internals.setFormValue(this.value)}ensureSelectElement(){if(!this.selectElement){this.selectElement=this.el.querySelector("select")}}componentWillRender(){this.updateDisplayValue();if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}componentWillLoad(){this.internalReadonly=this.readonly;if(this.displayValue){this.internalReadonly=true}if("attachInternals"in this.el){this.internals=this.el.attachInternals()}else{this.internals={setFormValue:e=>{const r=this.el.closest("form");if(r){const t=document.createElement("input");t.type="hidden";t.name=this.name;t.value=e;r.appendChild(t)}}}}if(this.multiple&&typeof this.value!=="string"){this.value=""}if(this.options){this.handleOptionsChange(this.options)}}componentDidLoad(){this.updateDisplayValue();if(this.selectElement){if(!this.multiple){this.selectElement.value=this.value}const e=this.multiple?this.value.split(",").map((e=>e.trim())):[this.value];const r=this.selectElement.options;if(r){Array.from(r).forEach((r=>{r.selected=this.multiple?e.includes(r.value):r.value===e[0]}))}else{this.selectElement.value=e[0]||""}}this.setFormValue()}render(){return t(i,{key:"ec04f194be75e170699c357326154d7941fec6ce"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"0edc03d998e48060f9ceb0f164df1870226d8f7a",htmlFor:this.inputId},t("slot",{key:"8a30ef1179797c99439e817d361e64eb7d5ad49e",name:"label"},this.label)),t("div",{key:"06a59d0d207252a48a8a1b15592261c684eae329",class:"select-wrapper"},t("slot",{key:"1a00c30cb8b3052e889dc15ba4581d58c88bb199",name:"before-input"}),t("div",{key:"5f405ab2666cf72dda3efa7a38d72d9d1febc964",class:"select-container",onClick:this.handleSelectContainerClick},t("slot",{key:"711c23d7209a67a98c5b4915b02747e6c3dbaccf",name:"leading-input"}),this.internalReadonly&&t("input",{key:"ab155f3f4fb064f9140f92a5d355388b2da38192",id:this.inputId+"-readonly",type:"text",value:this.computedDisplayValue,readonly:true,class:"readonly-input","aria-readonly":"true","aria-label":this.label,"aria-describedby":this.error?`${this.inputId}-error`:`${this.inputId}-description`}),t("select",{key:"59927b0fc45656c38e665fecfee870db6bfff228",id:this.inputId,ref:e=>this.selectElement=e,name:this.name,autofocus:this.autofocus,disabled:this.disabled,required:this.required,multiple:this.multiple,onChange:this.handleSelectChange,class:this.internalReadonly?"hidden":"","aria-label":this.label,"aria-describedby":this.error?`${this.inputId}-error`:`${this.inputId}-description`},this.parsedOptions.length>0?this.parsedOptions.map((e=>t("option",{value:e.value,selected:e.selected,disabled:e.disabled},e.label))):t("slot",null)),this.internalReadonly&&t("nv-icon",{key:"cf35aab9fe5c8d0f684f96de13264c11a86d2847",name:"chevron-down",class:"readonly-icon",size:"sm"}),this.error&&t("nv-icon",{key:"20dc8da6bfc7eeb8f458392d7cdacc94f27d594c",name:"alert-circle",class:"validation",size:"sm"}),this.success&&t("nv-icon",{key:"a590386f8d19ada1b9aebe07cc4129a301bb4b50",name:"circle-check",class:"validation",size:"sm"})),t("slot",{key:"063a1fdcf06ab8cff2890f932a04757f7a1b0eea",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"5a539edf1387e5fa5e6ff14e8739f42d1d1dd44a",class:"description",id:`${this.inputId}-description`},t("slot",{key:"6fa1cbff90c6df1f2fdf77e86f762d7dd6ee1ba3",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"57b89f5a7f9149fcd9c65f75defd25e2259f27d8",class:"error-description",id:`${this.inputId}-error`},t("slot",{key:"a3e85418965c828f241679d4b7359d04ac3801ac",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:["updateDisplayValueWatcher"],displayValue:["handleDisplayValueChange"],readonly:["handleReadonlyChange"],options:["handleOptionsChange"]}}};a.style=n;export{a as nv_fieldselect};
+//# sourceMappingURL=p-833af1bf.entry.js.map

package/dist/native/p-833af1bf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldselectCss","NvFieldselectStyle0","NvFieldselect","constructor","hostRef","this","computedDisplayValue","internalReadonly","parsedOptions","inputId","uuidv4","disabled","readonly","required","error","success","multiple","value","displayValue","autofocus","handleSelectChange","event","select","target","selectedValues","Array","from","selectedOptions","map","option","slice","join","valueChanged","emit","setFormValue","handleSelectContainerClick","selectElement","focus","updateDisplayValueWatcher","newValue","updateDisplayValue","split","val","trim","options","forEach","selected","includes","handleDisplayValueChange","handleReadonlyChange","handleOptionsChange","parsedOpts","JSON","parse","selectedOption","find","opt","console","selectedLabels","key","getLabelFromId","filter","label","ensureSelectElement","textContent","internals","el","querySelector","componentWillRender","message","description","validation","errorDescription","componentWillLoad","attachInternals","formElement","closest","input","document","createElement","type","name","appendChild","componentDidLoad","v","render","h","Host","htmlFor","class","onClick","id","ref","onChange","length","size"],"sources":["src/components/nv-fieldselect/nv-fieldselect.scss?tag=nv-fieldselect","src/components/nv-fieldselect/nv-fieldselect.tsx"],"sourcesContent":["@import \"../../styles/form-field\";\n\n@mixin form-field-select-wrapper() {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\n\n@mixin form-field-select-container() {\n  display: flex;\n  flex-grow: 1;\n  padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n  justify-content: center;\n  align-items: center;\n  gap: var(--form-field-gap);\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n\n  &:hover {\n    border-color: var(--nv-field-border-hover);\n  }\n\n  &:focus-within {\n    border-color: var(--nv-field-border-focus);\n    box-shadow: 0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n  }\n\n  &:has(select:disabled) {\n    // opacity: var(--components-form-opacity-disabled, 0.5); broken token generation, is 50px instead of 0.5\n    opacity: 0.5;\n    background-color: var(--components-form-field-background-disabled);\n    border-color: var(--nv-field-border-disabled);\n  }\n}\n\n@mixin form-field-select() {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  text-overflow: ellipsis;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-field-line-height);\n\n  &:focus {\n    outline: none;\n  }\n\n  &::placeholder {\n    overflow: hidden;\n    color: var(--components-form-field-content-placeholder);\n    text-overflow: ellipsis;\n    font-family: \"TT Norms Pro\", sans-serif;\n    font-size: var(--form-field-font-size);\n    font-style: normal;\n    font-weight: 400;\n    line-height: var(--form-field-line-height);\n  }\n}\n\nnv-fieldselect {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly=\"false\"]) {\n    @include form-field-readonly-variables();\n  }\n\n  &[display-value]:not([display-value=\"false\"]) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error=\"false\"]) {\n    @include form-field-error-variables();\n  }\n\n  &[success]:not([success=\"false\"]) {\n    @include form-field-success-variables();\n  }\n\n  &[required]:not([required=\"false\"]) label {\n    @include form-field-label-required();\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  .select-wrapper {\n    @include form-field-select-wrapper();\n\n    .select-container {\n      @include form-field-select-container();\n\n      input {\n        @include form-field-input();\n\n        &:read-only {\n          // opacity: var(--components-form-opacity-disabled, 0.5); broken token generation, is 50px instead of 0.5\n          opacity: 0.5;\n          background-color: var(--components-form-field-background-readonly, rgb(0 0 0 / 10%));\n          border-color: var(--nv-field-border-readonly);\n        }\n      }\n\n      select {\n        @include form-field-select();\n\n        & option {\n          background-color: var(--nv-field-background);\n          color: var(--components-form-field-content-text, #1d1d1d);\n          font-size: var(--form-field-font-size, 16px);\n          font-style: normal;\n          font-weight: 500;\n          line-height: var(--form-field-line-height, 24px);\n\n          &:checked {\n            background-color: var(--color-orange-500);\n            color: var(--color-content-high-text);\n            font-size: var(--form-field-font-size, 16px);\n            font-style: normal;\n            font-weight: 500;\n            line-height: var(--form-field-line-height, 24px);\n          }\n        }\n\n        &.hidden {\n          display: none;\n        }\n      }\n\n      nv-icon.readonly-icon {\n        @include form-field-icon();\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Watch,\n  Element,\n  State,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Content to be placed inside the select element.\n * @slot leading-input - Content to be placed before the select input, within the select container.\n * @slot before-input - Content to be placed before the select input, outside the select container.\n * @slot after-input - Content to be placed after the select input, outside the select container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fieldselect',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-fieldselect.scss',\n})\nexport class NvFieldselect {\n  @Element() el: HTMLNvFieldselectElement;\n  private selectElement!: HTMLSelectElement;\n  private internals: ElementInternals;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the Select Field.\n   * @deprecated Use `description` instead.\n   */\n  @Prop()\n  readonly message: string;\n\n  /**\n   * Add the message to the validation state.\n   * @deprecated Use `errorDescription` and set the error prop instead.\n   */\n  @Prop()\n  readonly validation: string;\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  private computedDisplayValue: string = '';\n\n  @State()\n  private internalReadonly: boolean = false;\n\n  /**\n   * Options to display in the select. Can be passed as a JSON string.\n   * Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]\n   */\n  @Prop()\n  readonly options?: string;\n\n  /**\n   * Parsed options stored internally\n   */\n  @State()\n  private parsedOptions: Array<{\n    /**\n     * The label of the option\n     */\n    label: string;\n    /**\n     * The value of the option\n     */\n    value: string;\n    /**\n     * Whether the option is selected\n     */\n    selected?: boolean;\n    /**\n     * Whether the option is disabled\n     */\n    disabled?: boolean;\n  }> = [];\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the select element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should choose in the\n   * select field. It’s a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * Add helpful hints or extra information under the select field. This is\n   * where you can clarify what users should choose or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true, mutable: true })\n  description?: string;\n\n  /**\n   * Defines the name attribute of the select field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the selected data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * The disabled prop lets you turn off the select field so that users can’t\n   * choose something. When disabled, the field is grayed out and won’t respond to\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Display the select field’s content without allowing users to change it.\n   * Users can still click on it, select, and copy the text, but they won’t be\n   * able to change or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the select field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Alters the select field’s appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true, mutable: true })\n  error: boolean = false;\n\n  /**\n   * Show a helpful message under the select field when there’s a problem. It\n   * explains what’s wrong and how users can fix it, making the error easier to\n   * understand and resolve.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription: string;\n\n  /**\n   * Changes the select field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * When enabled, allows the select to handle multiple selections.\n   */\n  @Prop({ reflect: true })\n  readonly multiple: boolean = false;\n\n  /**\n   * The value of the select field.\n   * - If `multiple` is `false`, it's a single string.\n   * - If `multiple` is `true`, it's a comma-separated string of selected values.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string = '';\n\n  /**\n   * When enabled, displays the value element instead of the label when readonly.\n   * By default, the label is displayed in readonly mode. Also it automatically\n   * sets the component to readonly.\n   */\n  @Prop({ reflect: true })\n  readonly displayValue: boolean = false;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on a <select>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the selected value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>; // Emit as a string\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Updates the display value when the value property changes. This watcher is\n   * used to update the display value when the selected value changes. This is\n   * necessary for readonly select fields to display the selected value.\n   * @internal This watcher is not intended to be called outside of the component.\n   * @param {string} newValue - The new value of the select field.\n   */\n  @Watch('value')\n  updateDisplayValueWatcher(newValue: string) {\n    this.updateDisplayValue();\n\n    if (this.selectElement) {\n      const selectedValues = newValue.split(',').map(val => val.trim());\n      const options = this.selectElement.options;\n\n      if (options) {\n        Array.from(options).forEach(option => {\n          option.selected = this.multiple\n            ? selectedValues.includes(option.value)\n            : option.value === selectedValues[0];\n        });\n\n        if (!this.multiple) {\n          this.selectElement.value = newValue; // Only set when not multiple\n        }\n      } else {\n        this.selectElement.value = selectedValues[0] || '';\n      }\n    }\n\n    // Update form value\n    this.setFormValue();\n  }\n\n  /**\n   * Watcher for the displayValue prop to ensure internalReadonly is true when displayValue is true.\n   * @param {boolean} newValue - The new value of displayValue.\n   */\n  @Watch('displayValue')\n  handleDisplayValueChange(newValue: boolean) {\n    this.internalReadonly = newValue; // Set internalReadonly to true if displayValue is true\n\n    if (this.readonly) {\n      this.internalReadonly = true;\n    }\n  }\n\n  /**\n   * Watcher for the readonly prop to ensure internalReadonly is true when readonly is true.\n   * @param {boolean} newValue - The new value of readonly.\n   */\n  @Watch('readonly')\n  handleReadonlyChange(newValue: boolean) {\n    this.internalReadonly = newValue; // Set internalReadonly to true if displayValue is true\n\n    if (this.displayValue) {\n      this.internalReadonly = true;\n    }\n  }\n\n  /**\n   * Parse options and update the internal state\n   * @param {string} newValue - The new value of options\n   */\n  @Watch('options')\n  handleOptionsChange(newValue: string) {\n    if (typeof newValue === 'string') {\n      try {\n        const parsedOpts = JSON.parse(newValue);\n        this.parsedOptions = [...parsedOpts];\n\n        // Update the value if an option is pre-selected\n        const selectedOption = parsedOpts.find(opt => opt.selected);\n        if (selectedOption) {\n          this.value = selectedOption.value;\n        }\n      } catch (error) {\n        console.error('Error parsing options:', error);\n        this.parsedOptions = [];\n      }\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the change event on the select element. This method is used to\n   * update the value property when the selected options change. It is also\n   * used to emit the selectChanged event when the selected value changes.\n   * @param {Event} event - The change event on the select element.\n   * @emits selectChanged\n   */\n  private readonly handleSelectChange = (event: Event) => {\n    const select = event.target as HTMLSelectElement;\n    let selectedValues: string[] = Array.from(select.selectedOptions).map(\n      option => option.value,\n    );\n\n    if (!this.multiple) {\n      selectedValues = selectedValues.slice(0, 1);\n    }\n\n    this.value = this.multiple\n      ? selectedValues.join(', ')\n      : selectedValues[0] || '';\n    this.valueChanged.emit(this.value);\n\n    // Update form value\n    this.setFormValue();\n  };\n\n  /**\n   * Handles focus when the select container is clicked.\n   */\n  private readonly handleSelectContainerClick = () => {\n    if (!this.internalReadonly && this.selectElement) {\n      this.selectElement.focus();\n    }\n  };\n\n  /**\n   * Updates the display value of the select field. This method is used to\n   * update the display value when the selected value changes. This is necessary\n   * for readonly select fields to display the selected value. This method is\n   * called in the componentDidLoad lifecycle hook and the updateDisplayValueWatcher\n   * watcher.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private updateDisplayValue(): void {\n    if (this.internalReadonly && !this.displayValue) {\n      if (this.multiple) {\n        const selectedLabels = this.value\n          .split(',')\n          .map(key => key.trim())\n          .map(key => this.getLabelFromId(key) || '')\n          .filter(label => label !== '');\n        this.computedDisplayValue = selectedLabels.join(', ') || '';\n      } else {\n        this.computedDisplayValue = this.getLabelFromId(this.value) || '';\n      }\n    } else if (this.internalReadonly && this.displayValue) {\n      this.computedDisplayValue = this.value || '';\n    }\n  }\n\n  /**\n   * Retrieves the label from the <option> elements based on the provided key (value).\n   * This method uses the id or value attribute directly from the <select> options.\n   * @param {string} key - The key (value) for which to find the corresponding label.\n   * @returns {string} The label if found; otherwise, an empty string.\n   */\n  private getLabelFromId(key: string): string {\n    this.ensureSelectElement();\n    if (!this.selectElement) {\n      return '';\n    }\n\n    // Cache the option list\n    const options = this.selectElement.options;\n\n    if (options) {\n      const option = Array.from(options).find(option => option.value === key);\n      return option ? option.textContent.trim() || '' : '';\n    } else {\n      return '';\n    }\n  }\n\n  /**\n   * Sets the value of the form element for form submission. This method is\n   * called when the selected value changes or when the value property is set.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private setFormValue(): void {\n    this.internals.setFormValue(this.value);\n  }\n\n  /**\n   * Ensures the select element is available. This method is used to ensure\n   * the select element is available before attempting to access it.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private ensureSelectElement(): void {\n    if (!this.selectElement) {\n      this.selectElement = this.el.querySelector('select') as HTMLSelectElement;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    this.updateDisplayValue(); // Ensure display value is updated before render\n\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  /**\n   * Lifecycle method that is called before the component is rendered. This is\n   * where the internal state is set up before rendering occurs.\n   */\n  componentWillLoad() {\n    // Set internalReadonly based on the readonly prop\n    this.internalReadonly = this.readonly;\n\n    // Ensure internalReadonly is true if displayValue is true during loading\n    if (this.displayValue) {\n      this.internalReadonly = true;\n    }\n\n    if ('attachInternals' in this.el) {\n      this.internals = (\n        this.el as HTMLElement & {\n          /**\n           * Attach the element to the form internals.\n           * @returns {ElementInternals} - The element internals object.\n           */\n          attachInternals: () => ElementInternals;\n        }\n      ).attachInternals();\n    } else {\n      // Fallback logic for browsers without attachInternals support\n      this.internals = {\n        setFormValue: (value: string) => {\n          const formElement = this.el.closest('form');\n          if (formElement) {\n            const input = document.createElement('input');\n            input.type = 'hidden';\n            input.name = this.name;\n            input.value = value;\n            formElement.appendChild(input);\n          }\n        },\n      } as ElementInternals;\n    }\n\n    // Initialize value as an empty string if multiple is true\n    if (this.multiple && typeof this.value !== 'string') {\n      this.value = '';\n    }\n\n    // Parse initial options if present\n    if (this.options) {\n      this.handleOptionsChange(this.options);\n    }\n  }\n\n  /**\n   * Lifecycle method that is called after the component has been rendered.\n   * This is where the display value is updated and the initial select element's\n   * state is set.\n   */\n  componentDidLoad() {\n    this.updateDisplayValue();\n\n    if (this.selectElement) {\n      // Only set the value for single selection, skip for multiple\n      if (!this.multiple) {\n        this.selectElement.value = this.value;\n      }\n\n      const selectedValues = this.multiple\n        ? this.value.split(',').map(v => v.trim())\n        : [this.value];\n\n      const options = this.selectElement.options;\n\n      if (options) {\n        Array.from(options).forEach(option => {\n          option.selected = this.multiple\n            ? selectedValues.includes(option.value)\n            : option.value === selectedValues[0];\n        });\n      } else {\n        // Handle case where there are no options\n        this.selectElement.value = selectedValues[0] || '';\n      }\n    }\n\n    // Set the initial form value\n    this.setFormValue();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDERING\n\n  /**\n   * The render method creates the HTML structure for the component, including\n   * the label, select element, and any error or description messages. It also\n   * applies the appropriate CSS classes based on the readonly state and\n   * displayValue prop. This method is called when the component is rendered.\n   * @returns {HTMLStencilElement} The HTML element to render.\n   */\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"select-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div\n            class=\"select-container\"\n            onClick={this.handleSelectContainerClick}\n          >\n            <slot name=\"leading-input\"></slot>\n\n            {this.internalReadonly && (\n              <input\n                id={this.inputId + '-readonly'}\n                type=\"text\"\n                value={this.computedDisplayValue}\n                readonly\n                class=\"readonly-input\"\n                aria-readonly=\"true\"\n                aria-label={this.label}\n                aria-describedby={\n                  this.error\n                    ? `${this.inputId}-error`\n                    : `${this.inputId}-description`\n                }\n              />\n            )}\n\n            <select\n              id={this.inputId}\n              ref={el => (this.selectElement = el)}\n              name={this.name}\n              autofocus={this.autofocus}\n              disabled={this.disabled}\n              required={this.required}\n              multiple={this.multiple}\n              onChange={this.handleSelectChange}\n              class={this.internalReadonly ? 'hidden' : ''}\n              aria-label={this.label}\n              aria-describedby={\n                this.error\n                  ? `${this.inputId}-error`\n                  : `${this.inputId}-description`\n              }\n            >\n              {this.parsedOptions.length > 0 ? (\n                this.parsedOptions.map(option => (\n                  <option\n                    value={option.value}\n                    selected={option.selected}\n                    disabled={option.disabled}\n                  >\n                    {option.label}\n                  </option>\n                ))\n              ) : (\n                <slot />\n              )}\n            </select>\n\n            {this.internalReadonly && (\n              <nv-icon name=\"chevron-down\" class=\"readonly-icon\" size=\"sm\" />\n            )}\n            {this.error && (\n              <nv-icon name=\"alert-circle\" class=\"validation\" size=\"sm\" />\n            )}\n            {this.success && (\n              <nv-icon name=\"circle-check\" class=\"validation\" size=\"sm\" />\n            )}\n          </div>\n\n          <slot name=\"after-input\"></slot>\n        </div>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\" id={`${this.inputId}-description`}>\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div class=\"error-description\" id={`${this.inputId}-error`}>\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDERING\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-87bd53df.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,a as s,g as o}from"./p-5439afb8.js";import{v as n}from"./p-f5ff676c.js";const r='nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fieldmultiselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fieldmultiselect[required]:not([required=false])>label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldmultiselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{width:100%;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative;width:100%;min-height:40px;}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .input-container-multiselect:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;padding-right:2rem;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect .toggle-dropdown-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}.no-results-message{text-align:center;padding:10px;color:var(--components-form-text-description-error)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0}';const l=r;const h=class{constructor(i){t(this,i);this.valueChanged=e(this,"valueChanged",7);this.multiselectChange=e(this,"multiselectChange",7);this.inputId=n();this.maxHeight="200px";this.badgeLabel="";this.emptyResult="No results found";this.required=false;this.error=false;this.readonly=false;this.disabled=false;this.autocomplete="off";this.filterable=false;this.open=false;this.parsedOptions=[];this.selectedValues=[];this.sortedOptions=[];this.filterText="";this.isFilterable=this.filterable;this.debounceDelay=300;this.modeState="options";this.isHandlingEscape=false;this.autofocus=false;this.handleBadgeCloseOptions=()=>{this.selectedValues=[];this.multiselectChange.emit(this.selectedValues);const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.checked=false;t.style.display=""}));this.parsedOptions=this.parsedOptions.filter((t=>!t.isDivider));this.reorderOptionsContent()};this.handleBadgeCloseSlots=()=>{this.selectedValues=[];this.multiselectChange.emit(this.selectedValues);const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.checked=false;t.style.display=""}));this.reorderSlotContent()};this.handlePopoverClose=()=>{if(this.isHandlingEscape){return}this.open=false;this.filterText="";if(this.modeState==="options"){this.reorderOptionsContent()}else{this.reorderSlotContent()}if(this.filterable){this.resetFilter()}};this.handleInputBlurOptions=()=>{setTimeout((()=>{if(!this.el.contains(document.activeElement)){this.open=false;this.popoverElement.hide();if(this.filterable){this.filterText="";this.resetFilter()}}}),150)};this.handleInputContainerClickOptions=t=>{if(this.disabled||this.readonly){return}const e=t.target;if(e.tagName==="P"||e.tagName==="SPAN"){this.open=true;this.popoverElement.show();const t=this.el.querySelector(".input-container");if(t){t.classList.add("focus-within");const e=()=>{t.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",e)}}};this.handleInputContainerClickSlots=t=>{if(this.disabled||this.readonly){return}const e=t.target;if(e.tagName==="P"||e.tagName==="SPAN"){this.open=true;this.popoverElement.show();const t=this.el.querySelector(".input-container");if(t){t.classList.add("focus-within");const e=()=>{t.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",e)}}};this.handleInputOptions=t=>{if(!this.filterable)return;if(this.disabled||this.readonly){return}const e=t.target;this.value=e.value;this.valueChanged.emit(this.value);if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterText=e.value.toLowerCase();this.filterItemsOption()}),this.debounceDelay)};this.handleInputSlots=t=>{if(!this.filterable)return;if(this.disabled||this.readonly)return;const e=t.target;this.value=e.value;this.valueChanged.emit(this.value);if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterText=e.value.toLowerCase();this.filterSlotsItems()}),this.debounceDelay)};this.handleInputFocusOptions=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputFocusSlots=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputBlurSlots=()=>{setTimeout((()=>{if(!this.el.contains(document.activeElement)){this.open=false;this.popoverElement.hide();if(this.filterable){this.filterText="";this.resetFilter()}}}),150)};this.togglePopoverOptions=()=>{if(this.disabled||this.readonly){return}if(this.open){this.handlePopoverClose()}else{this.open=true;this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}}};this.togglePopoverSlots=()=>{if(this.disabled||this.readonly){return}if(this.open){this.handlePopoverClose()}else{this.open=true;this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}}}}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this))}componentWillLoad(){this.modeState=this.mode;if(this.modeState==="options"){this.handleOptionsChange(this.options)}requestAnimationFrame((()=>{if(this.popoverElement){this.popoverElement.addEventListener("hide",(()=>{this.handlePopoverClose()}))}}));if(this.modeState==="slots"){Promise.resolve().then((()=>{const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));this.selectedValues=t.filter((t=>t.hasAttribute("checked"))).map((t=>t.getAttribute("value")||""));requestAnimationFrame((()=>{this.reorderSlotContent()}))}))}if(this.modeState==="options"){this.sortedOptions=[...this.parsedOptions]}if(this.filterable&&this.value){this.filterText=String(this.value).toLocaleLowerCase();this.filterItems()}else{this.resetFilter()}}componentDidLoad(){if(this.modeState==="options"){requestAnimationFrame((()=>{this.reorderOptionsContent()}))}}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this));if(this.popoverElement){this.popoverElement.removeEventListener("hide",(()=>{this.handlePopoverClose()}))}}handleOpenChanged(t){this.open=t.detail;if(this.open){if(this.filterText){this.filterItems()}}else if(this.modeState==="options"){this.reorderOptionsContent()}else{this.reorderSlotContent()}}handleItemChecked(t){if(this.disabled||this.readonly){return}const{value:e,checked:i}=t.detail;if(e!==undefined&&e!==null){const t=[...this.selectedValues];const s=t.indexOf(e);if(i&&s===-1){t.push(e)}else if(!i&&s>-1){t.splice(s,1)}if(JSON.stringify(this.selectedValues)!==JSON.stringify(t)){this.selectedValues=t;requestAnimationFrame((()=>{this.multiselectChange.emit(this.selectedValues)}))}}else{console.warn("Received itemChecked event with undefined or null value")}}handleOptionsChange(t){if(typeof t==="string"){try{const e=JSON.parse(t);this.selectedValues=e.filter((t=>t.checked)).map((t=>t.value));this.parsedOptions=[...e]}catch(t){console.error("Error parsing options:",t);this.parsedOptions=[]}}else if(Array.isArray(t)){this.selectedValues=t.filter((t=>t.checked)).map((t=>t.value));this.parsedOptions=[...t]}else{this.parsedOptions=[]}Promise.resolve().then((()=>{requestAnimationFrame((()=>{if(this.modeState==="options"){this.reorderOptionsContent()}}))}))}watchValueHandler(){this.setInitialSelection()}watchFilterableHandler(t){this.isFilterable=t;this.filterable=t}handleSlotChange(t){const e=t.target;if(e&&e.name==="content"){requestAnimationFrame((()=>{this.reorderSlotContent()}))}}async getFilterText(){return this.filterText}setInitialSelection(){var t;const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const i=e.find((t=>{var e;return t.getAttribute("label")===this.value||t.getAttribute("value")===this.value||((e=t.textContent)===null||e===void 0?void 0:e.trim())===this.value}));e.forEach((t=>{t.removeAttribute("selected");t.classList.remove("selected")}));if(i){i.setAttribute("selected","true");i.classList.add("selected");this.value=i.getAttribute("label")||i.getAttribute("value")||((t=i.textContent)===null||t===void 0?void 0:t.trim())||"";if(this.inputElement){this.inputElement.value=this.value}}}async resetFilter(){const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.style.display=""}));const e=this.el.querySelector("ul");if(e){const i=e.querySelector("[data-empty]");if(i)i.remove();const s=t.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const o=t.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));if(s.length>0){this.manageDivider(e,s,o)}}}async getSelectedValues(){return this.selectedValues}reorderSlotContent(){if(this.modeState==="options")return;const t=this.el.querySelector("ul");if(!t)return;t.querySelectorAll("hr.multiselect-divider").forEach((t=>t.remove()));const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>t.style.display!=="none"));const i=t.querySelector("[data-empty]");if(i){return}const s=e.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const o=e.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));s.forEach((e=>{t.appendChild(e)}));if(s.length>0&&o.length>0){const e=document.createElement("hr");e.className="multiselect-divider";t.appendChild(e)}o.forEach((e=>{t.appendChild(e)}))}reorderOptionsContent(){const t=this.el.querySelector('ul[role="content"]');if(!t)return;const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>t.style.display!=="none"));const i=e.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const s=e.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));i.forEach((e=>t.appendChild(e)));s.forEach((e=>t.appendChild(e)));this.manageDivider(t,i,s)}filterItems(){const t=this.el.querySelector("ul");if(!t)return;const e=t.querySelector("[data-empty]");if(e){e.remove()}if(!this.filterText.trim()){if(this.parsedOptions&&this.parsedOptions.length>0){const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((t=>{t.style.display=""}))}else{const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.style.display=""}))}const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));const i=e.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const s=e.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,i,s);return}const i=this.normalizeText(this.filterText);let s=false;if(this.parsedOptions&&this.parsedOptions.length>0){const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((t=>{const e=this.parsedOptions.find((e=>e.value===t.getAttribute("value")));if(e&&!e.isDivider){const o=this.normalizeText(e.label).includes(i)||this.normalizeText(e.value).includes(i);t.style.display=o?"":"none";if(o)s=true}}));const o=e.filter((t=>t.style.display!=="none"));const n=o.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const r=o.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,n,r)}else{const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{const e=t.getAttribute("label")||"";const o=t.getAttribute("value")||"";const n=t.textContent||"";const r=this.normalizeText(e).includes(i)||this.normalizeText(o).includes(i)||this.normalizeText(n).includes(i);t.style.display=r?"":"none";if(r)s=true}))}if(!s){const e=document.createElement("li");e.setAttribute("data-empty","true");e.textContent=this.emptyResult;e.classList.add("no-results-message");t.appendChild(e)}this.reorderSlotContent()}filterItemsOption(){const t=this.el.querySelector("ul");if(!t)return;const e=this.normalizeText(this.filterText);let i=false;const s=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck"));if(!this.filterText.trim()){this.removeEmptyMessageOption(t);s.forEach((t=>t.style.display=""));this.reorderOptionsContent();return}s.forEach((t=>{const s=t.getAttribute("label")||"";const o=t.getAttribute("value")||"";const n=this.normalizeText(s).includes(e)||this.normalizeText(o).includes(e);t.style.display=n?"":"none";if(n)i=true}));const o=s.filter((t=>t.style.display!=="none"));const n=o.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));const r=o.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,n,r);if(!i){this.addEmptyMessageOption(t)}else{this.removeEmptyMessageOption(t)}}filterSlotsItems(){if(this.modeState==="options")return;const t=this.el.querySelector("ul");if(!t)return;const e=t.querySelector("[data-empty]");if(e){e.remove()}if(!this.filterText.trim()){this.resetFilter();return}const i=this.normalizeText(this.filterText);let s=false;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));o.forEach((t=>{var e;const o=t.getAttribute("label")||"";const n=t.getAttribute("value")||"";const r=((e=t.textContent)===null||e===void 0?void 0:e.trim())||"";const l=this.normalizeText(o).includes(i)||this.normalizeText(n).includes(i)||this.normalizeText(r).includes(i);t.style.display=l?"":"none";if(l)s=true}));const n=o.filter((t=>t.style.display!=="none"));const r=n.filter((t=>this.selectedValues.includes(t.getAttribute("value")||"")));this.manageDivider(t,r,n.filter((t=>!this.selectedValues.includes(t.getAttribute("value")||""))));if(!s){const e=document.createElement("li");e.setAttribute("data-empty","true");e.textContent=this.emptyResult;e.classList.add("no-results-message");t.appendChild(e)}}normalizeText(t){return t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase().trim()}handleClickOutside(t){if(this.el.contains(t.target)||this.inputElement&&this.inputElement.contains(t.target)){return}this.handlePopoverClose()}async handleKeyDown(t){if(!this.open){if(t.key==="ArrowDown"){this.open=true;this.popoverElement.show();if(!this.filterable){requestAnimationFrame((()=>{this.focusFirstItem()}))}t.preventDefault();return}return}const e=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style*="display: none"])'));if(e.length===0){console.warn("No visible items found to navigate");return}let i=e.findIndex((t=>t.classList.contains("highlighted")));if(t.key==="ArrowDown"){t.preventDefault();i=i===-1?0:(i+1)%e.length;this.updateHighlightedItem(e,i)}else if(t.key==="ArrowUp"){t.preventDefault();i=i===-1?e.length-1:(i-1+e.length)%e.length;this.updateHighlightedItem(e,i)}else if(t.key==="Enter"&&i>=0){t.preventDefault();const s=e[i];const o=s.hasAttribute("checked");s.checked=!o;s.dispatchEvent(new MouseEvent("click",{view:window,bubbles:true,cancelable:true}))}else if(t.key==="Escape"){t.preventDefault();t.stopPropagation();const e=async()=>{this.isHandlingEscape=true;if(this.modeState==="options"){this.reorderOptionsContent()}else{this.reorderSlotContent()}await new Promise((t=>setTimeout(t,100)));setTimeout((()=>{this.isHandlingEscape=false;this.open=false;this.popoverElement.hide()}),150);if(this.inputElement){this.inputElement.blur()}};await e()}}updateHighlightedItem(t,e){t.forEach(((t,i)=>{if(i===e){t.classList.add("highlighted");t.setAttribute("tabindex","0");t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");if(e){e.focus()}}else{t.classList.remove("highlighted");t.setAttribute("tabindex","-1")}}))}focusFirstItem(){const t=this.el.querySelector('nv-fielddropdownitemcheck:not([style*="display: none"])');if(t){t.setAttribute("tabindex","0");t.classList.add("highlighted");t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");if(e){e.focus()}}else{console.warn("No visible first item found to focus")}}addEmptyMessageOption(t){const e=t.querySelector("[data-empty]");if(e)return;const i=document.createElement("li");i.setAttribute("data-empty","true");i.textContent=this.emptyResult;i.classList.add("no-results-message");t.appendChild(i)}removeEmptyMessageOption(t){const e=t.querySelector("[data-empty]");if(e)e.remove()}handleModeChange(t){this.modeState=t}manageDivider(t,e,i){let s=t.querySelector("hr.multiselect-divider");if(!s){s=document.createElement("hr");s.className="multiselect-divider";t.appendChild(s)}const o=e.length>0&&i.length>0;if(o){const t=e[e.length-1];t.after(s);s.style.display=""}else{s.style.display="none"}}renderOptionsMode(){return i(s,null,(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect"},i("slot",{name:"leading-input"}),i("nv-badge",{slot:"leading-input","prevent-auto-close":"true",color:"10",dismissible:this.selectedValues.length>0,hidden:this.selectedValues.length<=0,label:`${this.selectedValues.length} ${this.badgeLabel}`,"aria-label":`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseOptions}),this.isFilterable||this.disabled||this.readonly?i("input",{id:this.inputId,ref:t=>this.inputElement=t,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.value,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputOptions,onFocus:this.handleInputFocusOptions,onBlur:this.handleInputBlurOptions,onKeyDown:this.handleKeyDown}):i("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickOptions,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusOptions,role:"combobox","aria-expanded":this.open},i("span",null,this.value||this.placeholder)),i("nv-iconbutton",{class:"toggle-dropdown-icon",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopoverOptions})),i("slot",{name:"after-input"})),i("div",{slot:"content",role:"listbox","aria-multiselectable":"true",style:{"max-height":this.maxHeight,"overflow-y":"auto"}},i("ul",{role:"content"},this.parsedOptions.map((t=>i("nv-fielddropdownitemcheck",{label:t.label,description:t.description,value:t.value,checked:this.selectedValues.includes(t.value),disabled:t.disabled}))),i("hr",{class:"multiselect-divider",style:{display:"none"}})))),this.renderDescriptions())}renderSlotsMode(){return i(s,null,(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect",onClick:this.handleInputContainerClickSlots},i("slot",{name:"leading-input"},i("p",null,"No leading input")),i("nv-badge",{slot:"leading-input","prevent-auto-close":"true",color:"10",dismissible:this.selectedValues.length>0,hidden:this.selectedValues.length<=0,label:`${this.selectedValues.length} ${this.badgeLabel}`,"aria-label":`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseSlots}),this.isFilterable||this.disabled||this.readonly?i("input",{id:this.inputId,ref:t=>this.inputElement=t,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.value,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputSlots,onFocus:this.handleInputFocusSlots,onBlur:this.handleInputBlurSlots,onKeyDown:this.handleKeyDown}):i("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickSlots,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusSlots,role:"combobox","aria-expanded":this.open},i("span",null,this.value||this.placeholder)),i("nv-iconbutton",{class:"toggle-dropdown-icon",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopoverSlots})),i("slot",{name:"after-input"})),i("div",{slot:"content",role:"listbox","aria-multiselectable":"true",style:{"max-height":this.maxHeight,"overflow-y":"auto"}},i("slot",{name:"content"}))),this.renderDescriptions())}renderDescriptions(){return[(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{class:"description"},i("slot",{name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{hidden:!this.error,class:"error-description"},i("slot",{name:"error-description"},this.errorDescription))]}render(){return this.modeState==="options"?this.renderOptionsMode():this.renderSlotsMode()}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{options:["handleOptionsChange"],value:["watchValueHandler"],filterable:["watchFilterableHandler"],mode:["handleModeChange"]}}};h.style=l;export{h as nv_fieldmultiselect};
+//# sourceMappingURL=p-87bd53df.entry.js.map

package/dist/native/p-87bd53df.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldmultiselectCss","NvFieldmultiselectStyle0","NvFieldmultiselect","constructor","hostRef","this","inputId","uuidv4","maxHeight","badgeLabel","emptyResult","required","error","readonly","disabled","autocomplete","filterable","open","parsedOptions","selectedValues","sortedOptions","filterText","isFilterable","debounceDelay","modeState","isHandlingEscape","autofocus","handleBadgeCloseOptions","multiselectChange","emit","items","Array","from","el","querySelectorAll","forEach","item","checked","style","display","filter","option","isDivider","reorderOptionsContent","handleBadgeCloseSlots","reorderSlotContent","handlePopoverClose","resetFilter","handleInputBlurOptions","setTimeout","contains","document","activeElement","popoverElement","hide","handleInputContainerClickOptions","event","target","tagName","show","inputContainer","querySelector","classList","add","removeFocusWithin","remove","addEventListener","handleInputContainerClickSlots","handleInputOptions","input","value","valueChanged","debounceTimer","window","clearTimeout","toLowerCase","filterItemsOption","handleInputSlots","filterSlotsItems","handleInputFocusOptions","handleInputFocusSlots","handleInputBlurSlots","togglePopoverOptions","focusFirstItem","togglePopoverSlots","connectedCallback","handleClickOutside","bind","componentWillLoad","mode","handleOptionsChange","options","requestAnimationFrame","Promise","resolve","then","hasAttribute","map","getAttribute","String","toLocaleLowerCase","filterItems","componentDidLoad","disconnectedCallback","removeEventListener","handleOpenChanged","detail","handleItemChecked","undefined","newSelectedValues","valueIndex","indexOf","push","splice","JSON","stringify","console","warn","newValue","parsedOpts","parse","isArray","watchValueHandler","setInitialSelection","watchFilterableHandler","handleSlotChange","slot","name","getFilterText","selectedItem","find","_a","textContent","trim","removeAttribute","setAttribute","inputElement","ul","emptyMessage","selectedItems","includes","unselectedItems","length","manageDivider","getSelectedValues","divider","hasEmptyMessage","appendChild","createElement","className","existingEmptyMessage","normalizedFilter","normalizeText","hasVisibleItems","opt","matchesFilter","label","visibleItems","visibleSelected","visibleUnselected","removeEmptyMessageOption","addEmptyMessageOption","visibleSelectedItems","text","normalize","replace","handleKeyDown","key","preventDefault","currentIndex","findIndex","updateHighlightedItem","isCurrentlyChecked","dispatchEvent","MouseEvent","view","bubbles","cancelable","stopPropagation","handleEscape","async","blur","index","i","scrollIntoView","block","checkbox","focus","firstItem","existingMessage","handleModeChange","shouldShowDivider","lastSelectedItem","after","renderOptionsMode","h","Host","htmlFor","ref","triggerMode","placement","class","color","dismissible","hidden","onCloseClicked","id","e","placeholder","readOnly","onInput","onFocus","onBlur","onKeyDown","onClick","tabIndex","role","size","emphasis","toString","description","renderDescriptions","renderSlotsMode","errorDescription","render"],"sources":["src/components/nv-fieldmultiselect/nv-fieldmultiselect.scss?tag=nv-fieldmultiselect","src/components/nv-fieldmultiselect/nv-fieldmultiselect.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fieldmultiselect {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[required]:not([required='false']) {\n    > label {\n      @include form-field-label-required();\n    }\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    @include form-field-popover();\n  }\n\n  .input-wrapper-multiselect {\n    @include form-field-input-wrapper();\n    width: 100%;\n  }\n\n  .input-container-multiselect {\n    @include form-field-input-container();\n    position: relative;\n    width: 100%;\n    min-height: 40px;\n\n    input,\n    p.non-filterable-text {\n      @include form-field-input();\n      width: 100%;\n      padding-right: 2rem;\n      flex-grow: 1;\n      margin: 0;\n      min-height: 100%;\n      box-sizing: border-box;\n    }\n\n    .toggle-dropdown-icon {\n      position: absolute;\n      right: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: 2;\n    }\n\n    nv-icon.validation {\n      @include form-field-icon();\n      position: absolute;\n      right: 50px;\n    }\n/*\n    &:hover{\n      border-color: var(--components-form-field-border-hover);\n    }\n\n    &:focus-visible,\n    &:focus-within,\n    &:focus,\n    &.focus-within  {\n      border-color: var(--components-form-field-border-focus);\n      box-shadow: 0px 0px 0px var(--focus-field-stroke)\n      var(--nv-field-focus-box-shadow);\n    }*/\n  }\n\n  .non-filterable-text {\n    display: block;\n    border-radius: var(--form-field-radius);\n    background-color: var(--nv-field-background);\n    color: var(--components-form-field-content-text);\n    font-size: var(--form-field-font-size);\n    font-weight: 500;\n    line-height: var(--form-field-line-height);\n    box-sizing: border-box;\n    cursor: pointer;\n    height: 100%;\n    min-height: 40px;\n\n    span {\n      display: inline-block;\n      width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n\n.no-results-message {\n  text-align: center;\n  padding: 10px;\n  color: var(--components-form-text-description-error);\n}\n\n.multiselect-divider {\n  display: block;\n  width: 100%;\n  height: 1px;\n  background-color: var(--components-list-dropdown-separator);\n  margin: var(--list-dropdown-item-padding-y) 0;\n  border: 0;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  State,\n  Listen,\n  Event,\n  EventEmitter,\n  Watch,\n  Method,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot content - The content of the list.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fieldmultiselect',\n  styleUrl: 'nv-fieldmultiselect.scss',\n  formAssociated: true,\n  shadow: false,\n})\nexport class NvFieldmultiselect {\n  @Element() el: HTMLNvFieldmultiselectElement;\n  private inputElement!: HTMLInputElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  /**\n   * Timer for debouncing input events.\n   * Private property preferred over @State as it:\n   * - Doesn't need to trigger re-renders\n   * - Is purely for internal logic\n   * - Improves performance by avoiding Stencil's reactivity system\n   */\n  private debounceTimer: number;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Defines the name attribute of the input field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the input's data in form submissions. It should be\n   * unique within the form to avoid conflicts.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Lets you define the text that explains what users should enter in the text\n   * input field. It's a crucial element for making forms clear and user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Add helpful hints or extra information under the text input field.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Display temporary text inside the input field.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Defines the maximum height of the multiselect list when open.\n   */\n  @Prop({ reflect: true })\n  readonly maxHeight: string = '200px';\n\n  /**\n   * Text for the badge showing the number of selected items.\n   */\n  @Prop({ reflect: true })\n  readonly badgeLabel: string = '';\n\n  /**\n   * The text to display when no items match the filter.\n   */\n  @Prop({ reflect: true })\n  readonly emptyResult: string = 'No results found';\n\n  /**\n   * Marks the input field as required.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Alters the input field's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the multiselect\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Display the input field's content without allowing users to change it.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Disables the input field.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * The autocomplete prop for faster input filling.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n  /**\n   * Enables or disables the filtering feature for the multiselect items.\n   */\n  @Prop({ reflect: true, mutable: true })\n  filterable: boolean = false;\n\n  /**\n   * Specifies the value of the input field.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * State of the multiselect popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * Multiselect mode: 'options' (JSON data) or 'slots' (custom items).\n   * This property is now reflected in the modeState.\n   */\n  @Prop({ reflect: true })\n  readonly mode: 'options' | 'slots';\n\n  /**\n   * List of options available in the multiselect.\n   * @description The options are passed as a JSON string.\n   * @example options='[{\"label\": \"Option 1\", \"value\": \"option1\"}, {\"label\": \"Option 2\", \"value\": \"option2\"}]'\n   */\n  @Prop({ reflect: true })\n  readonly options?: string;\n\n  /**\n   * Options configuration for the multiselect items.\n   */\n  @State()\n  parsedOptions: Array<{\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is a divider */\n    isDivider?: boolean;\n    /** Whether this option is disabled */\n    disabled?: boolean;\n    /** Additional description for the option */\n    description?: string;\n    /** Whether this option is pre-checked */\n    checked?: boolean;\n  }> = [];\n\n  /**\n   * List of selected values in the multiselect.\n   */\n  @State()\n  selectedValues: string[] = [];\n\n  /**\n   * Sorted options for display.\n   */\n  @State()\n  sortedOptions: Array<{\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is a divider */\n    isDivider?: boolean;\n  }> = [];\n\n  /**\n   * The text entered by the user for filtering multiselect items.\n   */\n  @State()\n  filterText: string = '';\n\n  /**\n   * Determines whether the multiselect is filterable.\n   */\n  @State()\n  isFilterable: boolean = this.filterable;\n\n  /**\n   * Delay in milliseconds before the search is triggered when typing in the filter input.\n   * @default 300\n   */\n  @Prop({ reflect: true })\n  readonly debounceDelay: number = 300;\n\n  /**\n   * State for the mode of the multiselect.\n   * @type {'options' | 'slots'}\n   * @default 'options'\n   */\n  @State()\n  modeState: 'options' | 'slots' = 'options'; // Default value\n\n  @State()\n  private isHandlingEscape: boolean = false;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Subscribe to click outside event.\n   */\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  /**\n   * Set the mode state and handle options change.\n   */\n  componentWillLoad() {\n    this.modeState = this.mode;\n\n    // Don't call handleOptionsChange if we are in slots mode\n    if (this.modeState === 'options') {\n      this.handleOptionsChange(this.options);\n    }\n\n    // Add the listener for the hide event\n    requestAnimationFrame(() => {\n      if (this.popoverElement) {\n        this.popoverElement.addEventListener('hide', () => {\n          this.handlePopoverClose();\n        });\n      }\n    });\n\n    // Specific initialization for slots mode\n    if (this.modeState === 'slots') {\n      Promise.resolve().then(() => {\n        const items = Array.from(\n          this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n\n        // Initialize selectedValues with checked items\n        this.selectedValues = items\n          .filter(item => item.hasAttribute('checked'))\n          .map(item => item.getAttribute('value') || '');\n\n        // Force a reorder after initialization\n        requestAnimationFrame(() => {\n          this.reorderSlotContent();\n        });\n      });\n    }\n\n    // Initialize the sorted options array with the parsed options for initial rendering\n    if (this.modeState === 'options') {\n      this.sortedOptions = [...this.parsedOptions];\n    }\n\n    // Apply filtering if the multiselect is filterable and there is a value\n    if (this.filterable && this.value) {\n      this.filterText = String(this.value).toLocaleLowerCase();\n      this.filterItems();\n    } else {\n      // Reset visibility state of all dropdown items\n      this.resetFilter();\n    }\n  }\n\n  /**\n   * Force reorder if options mode in componentDidLoad because of the initial render not trigger @watch\n   */\n  componentDidLoad() {\n    if (this.modeState === 'options') {\n      requestAnimationFrame(() => {\n        this.reorderOptionsContent();\n      });\n    }\n  }\n\n  /**\n   * Unsubscribe from click outside event.\n   */\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside.bind(this));\n\n    // Remove the listener for the hide event\n    if (this.popoverElement) {\n      this.popoverElement.removeEventListener('hide', () => {\n        this.handlePopoverClose();\n      });\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  /**\n   * Event emitted when the selection changes in the multiselect.\n   * Emits the current list of selected values.\n   */\n  @Event()\n  multiselectChange: EventEmitter<string[]>;\n\n  /**\n   * Emitted when the input loses focus.\n   * @param {CustomEvent<boolean>} event - The event object containing the focus state.\n   */\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    // Update the open state of popover\n    this.open = event.detail;\n\n    if (this.open) {\n      if (this.filterText) {\n        this.filterItems();\n      }\n    } else if (this.modeState === 'options') {\n      this.reorderOptionsContent();\n    } else {\n      this.reorderSlotContent();\n    }\n  }\n\n  /**\n   * Listen for the `itemChecked` event emitted by child items.\n   * @param {CustomEvent<{ value: string; checked: boolean }>} event - The event object containing the selected value and its checked state.\n   */\n  @Listen('itemChecked')\n  handleItemChecked(\n    event: CustomEvent<{\n      /** Value associated with the option */\n      value: string;\n      /** Whether this option is checked */\n      checked: boolean;\n    }>,\n  ) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const { value, checked } = event.detail;\n\n    if (value !== undefined && value !== null) {\n      const newSelectedValues = [...this.selectedValues];\n      const valueIndex = newSelectedValues.indexOf(value);\n\n      if (checked && valueIndex === -1) {\n        newSelectedValues.push(value);\n      } else if (!checked && valueIndex > -1) {\n        newSelectedValues.splice(valueIndex, 1);\n      }\n\n      // Update the state and emit the event only if the selection has changed\n      if (\n        JSON.stringify(this.selectedValues) !==\n        JSON.stringify(newSelectedValues)\n      ) {\n        this.selectedValues = newSelectedValues;\n\n        // Use requestAnimationFrame to ensure the state is updated before emitting the event\n        requestAnimationFrame(() => {\n          this.multiselectChange.emit(this.selectedValues);\n        });\n      }\n    } else {\n      console.warn('Received itemChecked event with undefined or null value'); // Warning log\n    }\n  }\n\n  /**\n   * Emitted when the options change.\n   * @param {string | Array<{label: string, value: string, isDivider?: boolean, disabled?: boolean, description?: string, checked?: boolean}>} newValue - The new value of the options.\n   */\n  @Watch('options')\n  handleOptionsChange(\n    newValue:\n      | string\n      | Array<{\n          /** Label to display for the option */\n          label: string;\n          /** Value associated with the option */\n          value: string;\n          /** Whether this option is a divider */\n          isDivider?: boolean;\n          /** Whether this option is disabled */\n          disabled?: boolean;\n          /** Additional description for the option */\n          description?: string;\n          /** Whether this option is pre-checked */\n          checked?: boolean;\n        }>,\n  ) {\n    if (typeof newValue === 'string') {\n      try {\n        const parsedOpts = JSON.parse(newValue);\n        this.selectedValues = parsedOpts\n          .filter(option => option.checked)\n          .map(option => option.value);\n        this.parsedOptions = [...parsedOpts];\n      } catch (error) {\n        console.error('Error parsing options:', error);\n        this.parsedOptions = [];\n      }\n    } else if (Array.isArray(newValue)) {\n      this.selectedValues = newValue\n        .filter(option => option.checked)\n        .map(option => option.value);\n      this.parsedOptions = [...newValue];\n    } else {\n      this.parsedOptions = [];\n    }\n\n    // Wait for the options to be fully loaded\n    Promise.resolve().then(() => {\n      requestAnimationFrame(() => {\n        if (this.modeState === 'options') {\n          this.reorderOptionsContent();\n        }\n      });\n    });\n  }\n\n  /**\n   * Emitted when the value changes.\n   */\n  @Watch('value')\n  watchValueHandler() {\n    // Handle value change and update the corresponding multiselect item if it exists\n    this.setInitialSelection();\n  }\n\n  /**\n   * Emitted when the filterable property changes.\n   * @param {boolean} newValue - The new value of the filterable property.\n   */\n  @Watch('filterable')\n  watchFilterableHandler(newValue: boolean) {\n    this.isFilterable = newValue;\n    this.filterable = newValue;\n  }\n\n  // Add a listener for the slot content\n  @Listen('slotchange')\n  handleSlotChange(event: Event) {\n    // Check: we only want to reorder if it's the \"content\" slot\n    const slot = event.target as HTMLSlotElement;\n    if (slot && slot.name === 'content') {\n      // To give other platforms (VueJS, React, etc.) time to insert all their items,\n      // we place the reorder in a requestAnimationFrame\n      requestAnimationFrame(() => {\n        this.reorderSlotContent();\n      });\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Retrieves the current filter text entered by the user.\n   * @returns {string} The filter text.\n   */\n  @Method()\n  async getFilterText(): Promise<string> {\n    return this.filterText;\n  }\n\n  /**\n   * Set the initial selection based on the current value and update the inputElement value.\n   */\n  private setInitialSelection() {\n    const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitem'));\n\n    const selectedItem = items.find(\n      item =>\n        item.getAttribute('label') === this.value ||\n        item.getAttribute('value') === this.value ||\n        item.textContent?.trim() === this.value,\n    );\n\n    // Remove 'selected' from all items first to reset the state\n    items.forEach(item => {\n      item.removeAttribute('selected');\n      item.classList.remove('selected');\n    });\n\n    if (selectedItem) {\n      // Add the `selected` attribute and `selected` class for visual styling\n      selectedItem.setAttribute('selected', 'true');\n      selectedItem.classList.add('selected');\n\n      // Update the value and inputElement value to reflect the pre-selected item\n      this.value =\n        selectedItem.getAttribute('label') ||\n        selectedItem.getAttribute('value') ||\n        selectedItem.textContent?.trim() ||\n        '';\n      if (this.inputElement) {\n        this.inputElement.value = this.value;\n      }\n    }\n  }\n\n  /**\n   * Reset the filter and make all items visible.\n   */\n  @Method()\n  async resetFilter(): Promise<void> {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    // Reset visibility state of all dropdown items\n    items.forEach(item => {\n      item.style.display = '';\n    });\n\n    // Clean up filter-related UI elements\n    const ul = this.el.querySelector('ul');\n    if (ul) {\n      const emptyMessage = ul.querySelector('[data-empty]');\n      if (emptyMessage) emptyMessage.remove();\n\n      // Reorder with divider if needed\n      const selectedItems = items.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n\n      if (selectedItems.length > 0) {\n        this.manageDivider(ul as HTMLElement, selectedItems, unselectedItems);\n      }\n    }\n  }\n\n  /**\n   * Returns the list of selected values.\n   * @returns {string[]} The selected values.\n   */\n  @Method()\n  async getSelectedValues(): Promise<string[]> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Reorder the content of the slot.\n   */\n  private reorderSlotContent() {\n    if (this.modeState === 'options') return;\n\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove all existing <hr class=\"multiselect-divider\">\n    ul.querySelectorAll('hr.multiselect-divider').forEach(divider =>\n      divider.remove(),\n    );\n\n    // Retrieve all items (not hidden)\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    ).filter(item => item.style.display !== 'none');\n\n    // If you possibly have a \"No results\" message:\n    const hasEmptyMessage = ul.querySelector('[data-empty]');\n    if (hasEmptyMessage) {\n      // if there is a \"No results found\" message, do not reorder\n      return;\n    }\n\n    // Separate checked vs unchecked\n    const selectedItems = items.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    // Reinsert CHECKED items FIRST\n    // appendChild() moves the element without recreating it\n    // this is not trigger a re-rendering of the component in the platforms\n    selectedItems.forEach(item => {\n      ul.appendChild(item); // <-- The <li> (or <nv-fielddropdownitemcheck>) is just \"moved\" to the end of the list\n    });\n\n    // Add a divider if needed\n    if (selectedItems.length > 0 && unselectedItems.length > 0) {\n      const divider = document.createElement('hr');\n      divider.className = 'multiselect-divider';\n      ul.appendChild(divider);\n    }\n\n    // Reinsert UNCHECKED items at the end\n    unselectedItems.forEach(item => {\n      ul.appendChild(item);\n    });\n  }\n\n  /**\n   * Reorder the content for options mode with async handling\n   */\n  private reorderOptionsContent() {\n    const ul = this.el.querySelector('ul[role=\"content\"]') as HTMLElement;\n    if (!ul) return;\n\n    const items = Array.from(\n      ul.querySelectorAll('nv-fielddropdownitemcheck'),\n    ).filter(item => item.style.display !== 'none');\n\n    const selectedItems = items.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    // Reorder the elements\n    selectedItems.forEach(item => ul.appendChild(item));\n    unselectedItems.forEach(item => ul.appendChild(item));\n\n    // Manage the divider after the reordering\n    this.manageDivider(ul, selectedItems, unselectedItems);\n  }\n\n  /**\n   * Filter multiselect items based on the text entered by the user.\n   */\n  private filterItems() {\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove existing empty message if any\n    const existingEmptyMessage = ul.querySelector('[data-empty]');\n    if (existingEmptyMessage) {\n      existingEmptyMessage.remove();\n    }\n\n    if (!this.filterText.trim()) {\n      if (this.parsedOptions && this.parsedOptions.length > 0) {\n        // Reset options display\n        const items = Array.from(\n          ul.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n        items.forEach(item => {\n          item.style.display = '';\n        });\n      } else {\n        // Reset slot items display\n        const items = Array.from(\n          this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n        items.forEach(item => {\n          item.style.display = '';\n        });\n      }\n\n      // Reorder with divider\n      const items = Array.from(\n        ul.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n      const selectedItems = items.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      this.manageDivider(ul, selectedItems, unselectedItems);\n      return;\n    }\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    if (this.parsedOptions && this.parsedOptions.length > 0) {\n      // Filter options mode\n      const items = Array.from(\n        ul.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n\n      items.forEach(item => {\n        const option = this.parsedOptions.find(\n          opt => opt.value === item.getAttribute('value'),\n        );\n        if (option && !option.isDivider) {\n          const matchesFilter =\n            this.normalizeText(option.label).includes(normalizedFilter) ||\n            this.normalizeText(option.value).includes(normalizedFilter);\n\n          item.style.display = matchesFilter ? '' : 'none';\n          if (matchesFilter) hasVisibleItems = true;\n        }\n      });\n\n      // Manage the divider with the visible items\n      const visibleItems = items.filter(item => item.style.display !== 'none');\n      const visibleSelected = visibleItems.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const visibleUnselected = visibleItems.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      this.manageDivider(ul, visibleSelected, visibleUnselected);\n    } else {\n      // Filter slot items mode\n      const items = Array.from(\n        this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n\n      items.forEach(item => {\n        const label = item.getAttribute('label') || '';\n        const value = item.getAttribute('value') || '';\n        const textContent = item.textContent || '';\n\n        const matchesFilter =\n          this.normalizeText(label).includes(normalizedFilter) ||\n          this.normalizeText(value).includes(normalizedFilter) ||\n          this.normalizeText(textContent).includes(normalizedFilter);\n\n        item.style.display = matchesFilter ? '' : 'none';\n        if (matchesFilter) hasVisibleItems = true;\n      });\n    }\n\n    // Add empty message if no items match the filter\n    if (!hasVisibleItems) {\n      const emptyMessage = document.createElement('li');\n      emptyMessage.setAttribute('data-empty', 'true');\n      emptyMessage.textContent = this.emptyResult;\n      emptyMessage.classList.add('no-results-message');\n      ul.appendChild(emptyMessage);\n    }\n\n    this.reorderSlotContent();\n  }\n\n  /**\n   * Filter multiselect items in options mode.\n   */\n  private filterItemsOption() {\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));\n\n    // Reset items if the filter text is empty\n    if (!this.filterText.trim()) {\n      // Remove the empty message if it exists\n      this.removeEmptyMessageOption(ul);\n      items.forEach(item => (item.style.display = ''));\n      this.reorderOptionsContent(); // Reorder after reset\n      return;\n    }\n\n    // Filter the items\n    items.forEach(item => {\n      const label = item.getAttribute('label') || '';\n      const value = item.getAttribute('value') || '';\n\n      const matchesFilter =\n        this.normalizeText(label).includes(normalizedFilter) ||\n        this.normalizeText(value).includes(normalizedFilter);\n\n      item.style.display = matchesFilter ? '' : 'none';\n      if (matchesFilter) hasVisibleItems = true;\n    });\n\n    // Manage the divider with the visible items\n    const visibleItems = items.filter(item => item.style.display !== 'none');\n    const visibleSelected = visibleItems.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const visibleUnselected = visibleItems.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(ul, visibleSelected, visibleUnselected);\n\n    // Add or remove the empty message based on the case\n    if (!hasVisibleItems) {\n      this.addEmptyMessageOption(ul);\n    } else {\n      this.removeEmptyMessageOption(ul);\n    }\n  }\n\n  /**\n   * Filter multiselect items in slots mode\n   */\n  private filterSlotsItems() {\n    if (this.modeState === 'options') return;\n\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove existing empty message if any\n    const existingEmptyMessage = ul.querySelector('[data-empty]');\n    if (existingEmptyMessage) {\n      existingEmptyMessage.remove();\n    }\n\n    // If filter text is empty, reset all items visibility\n    if (!this.filterText.trim()) {\n      this.resetFilter();\n      return;\n    }\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    // Get all items and preserve them in the DOM\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    // Instead of removing/reordering, just hide/show items\n    items.forEach(item => {\n      const label = item.getAttribute('label') || '';\n      const value = item.getAttribute('value') || '';\n      const textContent = item.textContent?.trim() || '';\n\n      const matchesFilter =\n        this.normalizeText(label).includes(normalizedFilter) ||\n        this.normalizeText(value).includes(normalizedFilter) ||\n        this.normalizeText(textContent).includes(normalizedFilter);\n\n      item.style.display = matchesFilter ? '' : 'none';\n      if (matchesFilter) hasVisibleItems = true;\n    });\n\n    // Get visible items after filtering\n    const visibleItems = items.filter(item => item.style.display !== 'none');\n    const visibleSelectedItems = visibleItems.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(\n      ul,\n      visibleSelectedItems,\n      visibleItems.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      ),\n    );\n\n    // Add empty message if no items match the filter\n    if (!hasVisibleItems) {\n      const emptyMessage = document.createElement('li');\n      emptyMessage.setAttribute('data-empty', 'true');\n      emptyMessage.textContent = this.emptyResult;\n      emptyMessage.classList.add('no-results-message');\n      ul.appendChild(emptyMessage);\n    }\n  }\n\n  /**x\n   * Handle badge close for options mode.\n   */\n  private handleBadgeCloseOptions = (): void => {\n    this.selectedValues = [];\n    this.multiselectChange.emit(this.selectedValues);\n\n    // Uncheck all elements\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    items.forEach(item => {\n      item.checked = false;\n      item.style.display = '';\n    });\n\n    // Reorder options without the divider since there are no selected elements\n    this.parsedOptions = this.parsedOptions.filter(option => !option.isDivider);\n\n    // Reorder options without the divider since there are no selected elements\n    this.reorderOptionsContent();\n  };\n\n  /**\n   * Handle badge close for slots mode.\n   */\n  private handleBadgeCloseSlots = (): void => {\n    this.selectedValues = [];\n    this.multiselectChange.emit(this.selectedValues);\n\n    // Uncheck all elements\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    items.forEach(item => {\n      item.checked = false;\n      item.style.display = '';\n    });\n\n    // Reorder slot content\n    this.reorderSlotContent();\n  };\n\n  /**\n   * Normalizes text by removing accents and converting to lowercase\n   * @param {string} text - The text to normalize\n   * @returns {string} The normalized text\n   *\n   * @example\n   * normalizeText(\"Café Latte\") => \"cafe latte\"\n   *\n   * @description\n   * This function performs text normalization in three steps:\n   * 1. Decomposes characters into their base form and combining characters (NFD)\n   * 2. Removes all diacritical marks (accents, umlauts, etc.)\n   * 3. Converts to lowercase and trims whitespace\n   *\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize} - MDN documentation on String.normalize()\n   * @see {@link https://en.wikipedia.org/wiki/Unicode_equivalence#Normal_forms} - More info about Unicode normalization forms\n   */\n  private normalizeText(text: string): string {\n    return text\n      .normalize('NFD') // Decompose characters into base + combining characters (e.g., é => e + ´)\n      .replace(/[\\u0300-\\u036f]/g, '') // Remove all diacritical marks (Unicode range for combining characters)\n      .toLowerCase() // Convert to lowercase\n      .trim(); // Remove leading and trailing whitespace\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    if (\n      this.el.contains(event.target as Node) ||\n      (this.inputElement && this.inputElement.contains(event.target as Node))\n    ) {\n      return;\n    }\n\n    // Use handlePopoverClose for all cases\n    this.handlePopoverClose();\n  }\n\n  /**\n   * Handle popover close\n   */\n  private handlePopoverClose = () => {\n    // If we are handling Escape, ignore this event\n    if (this.isHandlingEscape) {\n      return;\n    }\n\n    this.open = false;\n    this.filterText = '';\n\n    // Only reorder based on the mode\n    if (this.modeState === 'options') {\n      this.reorderOptionsContent();\n    } else {\n      this.reorderSlotContent();\n    }\n\n    // Reset filter if needed\n    if (this.filterable) {\n      this.resetFilter();\n    }\n  };\n\n  /**\n   * Handle input blur for options mode.\n   */\n  private handleInputBlurOptions = () => {\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        // Close the popover without affecting the divider\n        this.open = false;\n        this.popoverElement.hide();\n\n        // Reset filter if needed\n        if (this.filterable) {\n          this.filterText = '';\n          this.resetFilter();\n        }\n      }\n    }, 150);\n  };\n\n  /**\n   * Handle keyboard events & arrow key navigation.\n   * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.\n   * If the multiselect is open, handles arrow key navigation and closes it if the focus is outside the component.\n   * @param {KeyboardEvent} event - The keyboard event.\n   */\n  @Listen('keydown', { passive: false })\n  async handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n        this.popoverElement.show();\n\n        // Focus on the first item if the list is not filterable\n        if (!this.filterable) {\n          requestAnimationFrame(() => {\n            this.focusFirstItem();\n          });\n        }\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll(\n        'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n      ),\n    ) as HTMLNvFielddropdownitemcheckElement[];\n\n    if (items.length === 0) {\n      console.warn('No visible items found to navigate');\n      return;\n    }\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex =\n        currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex =\n        currentIndex === -1\n          ? items.length - 1\n          : (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Enter' && currentIndex >= 0) {\n      event.preventDefault();\n      const selectedItem = items[currentIndex];\n\n      // Toggle the checked state\n      const isCurrentlyChecked = selectedItem.hasAttribute('checked');\n      selectedItem.checked = !isCurrentlyChecked;\n\n      // Trigger a click event to ensure proper event handling\n      selectedItem.dispatchEvent(\n        new MouseEvent('click', {\n          view: window,\n          bubbles: true,\n          cancelable: true,\n        }),\n      );\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation(); // Prevent the event from propagating to the popover\n\n      // Do the reorder and wait a bit before closing\n      const handleEscape = async () => {\n        this.isHandlingEscape = true; // Disable the hide listener\n\n        if (this.modeState === 'options') {\n          this.reorderOptionsContent();\n        } else {\n          this.reorderSlotContent();\n        }\n\n        // Wait for the reorder to be applied\n        await new Promise(resolve => setTimeout(resolve, 100));\n\n        // Reactivate the hide listener after a short delay\n        setTimeout(() => {\n          this.isHandlingEscape = false;\n          this.open = false;\n          this.popoverElement.hide();\n        }, 150);\n\n        if (this.inputElement) {\n          this.inputElement.blur();\n        }\n      };\n\n      await handleEscape();\n    }\n  }\n\n  /**\n   * Updates the highlighted item in the dropdown list.\n   *\n   * @param {(HTMLNvFielddropdownitemElement | HTMLNvFielddropdownitemcheckElement)[]} items - The items to update.\n   * @param {number} index - The index of the item to highlight.\n   */\n  private updateHighlightedItem(\n    items: (\n      | HTMLNvFielddropdownitemElement\n      | HTMLNvFielddropdownitemcheckElement\n    )[],\n    index: number,\n  ) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.setAttribute('tabindex', '0');\n        item.scrollIntoView({ block: 'nearest' });\n        // Focus on the nv-fieldcheckbox inside\n        const checkbox = item.querySelector('nv-fieldcheckbox');\n        if (checkbox) {\n          (checkbox as HTMLElement).focus();\n        }\n      } else {\n        item.classList.remove('highlighted');\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  /**\n   * Focus on the first item in the dropdown list.\n   */\n  private focusFirstItem() {\n    const firstItem = this.el.querySelector(\n      'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n    ) as HTMLNvFielddropdownitemcheckElement;\n\n    if (firstItem) {\n      firstItem.setAttribute('tabindex', '0');\n      firstItem.classList.add('highlighted');\n      firstItem.scrollIntoView({ block: 'nearest' });\n      // Focus on the nv-fieldcheckbox inside\n      const checkbox = firstItem.querySelector('nv-fieldcheckbox');\n      if (checkbox) {\n        (checkbox as HTMLElement).focus();\n      }\n    } else {\n      console.warn('No visible first item found to focus');\n    }\n  }\n\n  /**\n   * Handle click on the input container for options mode.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClickOptions = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n      this.popoverElement.show();\n\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  /**\n   * Handle click on the input container for slots mode.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClickSlots = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n      this.popoverElement.show();\n\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  /**\n   * Handle input change for options mode.\n   * @param {Event} event - The input event.\n   */\n  private readonly handleInputOptions = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.valueChanged.emit(this.value);\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterText = input.value.toLowerCase();\n      this.filterItemsOption();\n    }, this.debounceDelay);\n  };\n\n  private addEmptyMessageOption(ul: HTMLElement) {\n    const existingMessage = ul.querySelector('[data-empty]');\n    if (existingMessage) return;\n\n    const emptyMessage = document.createElement('li');\n    emptyMessage.setAttribute('data-empty', 'true');\n    emptyMessage.textContent = this.emptyResult;\n    emptyMessage.classList.add('no-results-message');\n    ul.appendChild(emptyMessage);\n  }\n\n  private removeEmptyMessageOption(ul: HTMLElement) {\n    const existingMessage = ul.querySelector('[data-empty]');\n    if (existingMessage) existingMessage.remove();\n  }\n\n  /**\n   * Handle input change for slots mode\n   * @param {Event} event - The input event.\n   */\n  private readonly handleInputSlots = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) return;\n\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.valueChanged.emit(this.value);\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterText = input.value.toLowerCase();\n      this.filterSlotsItems();\n    }, this.debounceDelay);\n  };\n\n  /**\n   * Handle input focus for options mode.\n   */\n  private handleInputFocusOptions = () => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.open = true;\n  };\n\n  /**\n   * Handle input focus for slots mode.\n   */\n  private handleInputFocusSlots = () => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.open = true;\n  };\n\n  /**\n   * Handle input blur for slots mode.\n   */\n  private handleInputBlurSlots = () => {\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        // Close the popover without affecting the divider\n        this.open = false;\n        this.popoverElement.hide();\n\n        // Reset filter if needed\n        if (this.filterable) {\n          this.filterText = '';\n          this.resetFilter();\n        }\n      }\n    }, 150);\n  };\n\n  /**\n   * Toggle the multiselect popover for options mode.\n   */\n  private togglePopoverOptions = (): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.open) {\n      this.handlePopoverClose();\n    } else {\n      this.open = true;\n      this.popoverElement.show();\n\n      if (!this.filterable) {\n        this.focusFirstItem();\n      }\n    }\n  };\n\n  /**\n   * Toggle the multiselect popover for slots mode.\n   */\n  private togglePopoverSlots = (): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.open) {\n      this.handlePopoverClose();\n    } else {\n      this.open = true;\n      this.popoverElement.show();\n\n      if (!this.filterable) {\n        this.focusFirstItem();\n      }\n    }\n  };\n\n  /**\n   * Watch for changes in the mode prop and update modeState accordingly\n   * @param {string} newValue - The new mode value\n   */\n  @Watch('mode')\n  handleModeChange(newValue: 'options' | 'slots') {\n    this.modeState = newValue;\n  }\n\n  private manageDivider(\n    ul: HTMLElement,\n    selectedItems: Element[],\n    unselectedItems: Element[],\n  ) {\n    let divider = ul.querySelector('hr.multiselect-divider') as HTMLElement;\n    if (!divider) {\n      divider = document.createElement('hr');\n      divider.className = 'multiselect-divider';\n      ul.appendChild(divider);\n    }\n\n    const shouldShowDivider =\n      selectedItems.length > 0 && unselectedItems.length > 0;\n\n    if (shouldShowDivider) {\n      // Place the divider after the last selected item\n      const lastSelectedItem = selectedItems[selectedItems.length - 1];\n      lastSelectedItem.after(divider);\n      divider.style.display = '';\n    } else {\n      divider.style.display = 'none';\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  /**\n   * Renders the component in options mode\n   * @returns {any} The JSX for options mode\n   */\n  private renderOptionsMode() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div class=\"input-container-multiselect\">\n              <slot name=\"leading-input\"></slot>\n\n              <nv-badge\n                slot=\"leading-input\"\n                prevent-auto-close=\"true\"\n                color=\"10\"\n                dismissible={this.selectedValues.length > 0}\n                hidden={this.selectedValues.length <= 0}\n                label={`${this.selectedValues.length} ${this.badgeLabel}`}\n                aria-label={`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`}\n                onCloseClicked={this.handleBadgeCloseOptions}\n              ></nv-badge>\n\n              {this.isFilterable || this.disabled || this.readonly ? (\n                <input\n                  id={this.inputId}\n                  ref={e => (this.inputElement = e)}\n                  autofocus={this.autofocus}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.value}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInputOptions}\n                  onFocus={this.handleInputFocusOptions}\n                  onBlur={this.handleInputBlurOptions}\n                  onKeyDown={this.handleKeyDown}\n                />\n              ) : (\n                <p\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClickOptions}\n                  tabIndex={0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocusOptions}\n                  role=\"combobox\"\n                  aria-expanded={this.open}\n                >\n                  <span>{this.value || this.placeholder}</span>\n                </p>\n              )}\n\n              <nv-iconbutton\n                class=\"toggle-dropdown-icon\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopoverOptions}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            style={{ 'max-height': this.maxHeight, 'overflow-y': 'auto' }}\n          >\n            <ul role=\"content\">\n              {this.parsedOptions.map(option => (\n                <nv-fielddropdownitemcheck\n                  label={option.label}\n                  description={option.description}\n                  value={option.value}\n                  checked={this.selectedValues.includes(option.value)}\n                  disabled={option.disabled}\n                ></nv-fielddropdownitemcheck>\n              ))}\n              <hr class=\"multiselect-divider\" style={{ display: 'none' }} />\n            </ul>\n          </div>\n        </nv-popover>\n\n        {this.renderDescriptions()}\n      </Host>\n    );\n  }\n\n  /**\n   * Renders the component in slots mode\n   * @returns {any} The JSX for slots mode\n   */\n  private renderSlotsMode() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div\n              class=\"input-container-multiselect\"\n              onClick={this.handleInputContainerClickSlots}\n            >\n              <slot name=\"leading-input\">\n                <p>No leading input</p>\n              </slot>\n\n              <nv-badge\n                slot=\"leading-input\"\n                prevent-auto-close=\"true\"\n                color=\"10\"\n                dismissible={this.selectedValues.length > 0}\n                hidden={this.selectedValues.length <= 0}\n                label={`${this.selectedValues.length} ${this.badgeLabel}`}\n                aria-label={`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`}\n                onCloseClicked={this.handleBadgeCloseSlots}\n              ></nv-badge>\n\n              {this.isFilterable || this.disabled || this.readonly ? (\n                <input\n                  id={this.inputId}\n                  ref={e => (this.inputElement = e)}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.value}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInputSlots}\n                  onFocus={this.handleInputFocusSlots}\n                  onBlur={this.handleInputBlurSlots}\n                  onKeyDown={this.handleKeyDown}\n                />\n              ) : (\n                <p\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClickSlots}\n                  tabIndex={0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocusSlots}\n                  role=\"combobox\"\n                  aria-expanded={this.open}\n                >\n                  <span>{this.value || this.placeholder}</span>\n                </p>\n              )}\n\n              <nv-iconbutton\n                class=\"toggle-dropdown-icon\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopoverSlots}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            style={{ 'max-height': this.maxHeight, 'overflow-y': 'auto' }}\n          >\n            <slot name=\"content\"></slot>\n          </div>\n        </nv-popover>\n\n        {this.renderDescriptions()}\n      </Host>\n    );\n  }\n\n  /**\n   * Renders description and error description sections\n   * @returns {any} The JSX for descriptions\n   */\n  private renderDescriptions() {\n    return [\n      (this.description || this.el.querySelector('[slot=\"description\"]')) && (\n        <div class=\"description\">\n          <slot name=\"description\">{this.description}</slot>\n        </div>\n      ),\n      (this.errorDescription ||\n        this.el.querySelector('[slot=\"error-description\"]')) && (\n        <div hidden={!this.error} class=\"error-description\">\n          <slot name=\"error-description\">{this.errorDescription}</slot>\n        </div>\n      ),\n    ];\n  }\n\n  /**\n   * Main render method that decides which mode to render\n   * @returns {any} The JSX for the component\n   */\n  render() {\n    return this.modeState === 'options'\n      ? this.renderOptionsMode()\n      : this.renderSlotsMode();\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-8b323a15.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as c,a}from"./p-5439afb8.js";const b="";const s=b;const t=class{constructor(c){e(this,c)}render(){return c(a,{key:"cdf37e086d4194bdcb941942226d17ba38ec7dc7"},c("tbody",{key:"3a8f72860faed461685b8184aeb274eec59188ba"},c("slot",{key:"f7450cf4858bc7452e4cb840ac7e06e5848dc75f"})))}};t.style=s;export{t as nv_tablebody};
+//# sourceMappingURL=p-8b323a15.entry.js.map

package/dist/native/{p-10ba289c.entry.js.map → p-8b323a15.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvTablebodyCss","NvTablebodyStyle0","NvTablebody","render","h","Host","key"],"sources":["src/components/nv-tablebody/nv-tablebody.scss?tag=nv-tablebody","src/components/nv-tablebody/nv-tablebody.tsx"],"sourcesContent":["// No need for the moment\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot default - Use this slot to insert HTML into the table body.\n */\n@Component({\n  tag: 'nv-tablebody',\n  styleUrl: 'nv-tablebody.scss',\n  shadow: false,\n})\nexport class NvTablebody {\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <tbody>\n          <slot></slot>\n        </tbody>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,GACvB,MAAAC,EAAeD,E,MCSFE,EAAW,M,yBAItB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["nvTablebodyCss","NvTablebodyStyle0","NvTablebody","render","h","Host","key"],"sources":["src/components/nv-tablebody/nv-tablebody.scss?tag=nv-tablebody","src/components/nv-tablebody/nv-tablebody.tsx"],"sourcesContent":["// No need for the moment\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot default - Use this slot to insert HTML into the table body.\n */\n@Component({\n  tag: 'nv-tablebody',\n  styleUrl: 'nv-tablebody.scss',\n  shadow: false,\n})\nexport class NvTablebody {\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <tbody>\n          <slot></slot>\n        </tbody>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"6CAAA,MAAMA,EAAiB,GACvB,MAAAC,EAAeD,E,MCSFE,EAAW,M,yBAItB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/native/p-943a19a5.entry.js

@@ -0,0 +1,2 @@
+import{r as c,h as l,a}from"./p-5439afb8.js";import{c as t}from"./p-8a1a6e56.js";const i="nv-col{display:block;flex:1 1 0%;padding-left:calc(var(--spacing-4) / 2);padding-right:calc(var(--spacing-4) / 2)}nv-col[class*=w-]{flex:none}nv-col.w-1\\/12{width:calc(100% * 1 / 12)}nv-col.w-2\\/12{width:calc(100% * 2 / 12)}nv-col.w-3\\/12{width:calc(100% * 3 / 12)}nv-col.w-4\\/12{width:calc(100% * 4 / 12)}nv-col.w-5\\/12{width:calc(100% * 5 / 12)}nv-col.w-6\\/12{width:calc(100% * 6 / 12)}nv-col.w-7\\/12{width:calc(100% * 7 / 12)}nv-col.w-8\\/12{width:calc(100% * 8 / 12)}nv-col.w-9\\/12{width:calc(100% * 9 / 12)}nv-col.w-10\\/12{width:calc(100% * 10 / 12)}nv-col.w-11\\/12{width:calc(100% * 11 / 12)}nv-col.w-12\\/12{width:calc(100% * 12 / 12)}";const n=i;const o=class{constructor(l){c(this,l)}getColSize(){if(this.size){if(this.size<1||this.size>12)return;return`w-${this.size}/12`}}render(){return l(a,{key:"f9a8dd28d7675648ecb3b9cf4d1e196040f4237f",class:t(this.getColSize())},l("slot",{key:"94c16b6e2df73cb21263423d378ab5fe285a7859"}))}};o.style=n;export{o as nv_col};
+//# sourceMappingURL=p-943a19a5.entry.js.map

package/dist/native/{p-8ee30013.entry.js.map → p-943a19a5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvColCss","NvColStyle0","NvCol","getColSize","this","size","render","h","Host","key","class","clsx"],"sources":["src/components/nv-col/nv-col.scss?tag=nv-col","src/components/nv-col/nv-col.tsx"],"sourcesContent":["@function calculate-width($columns) {\n  $total-columns: 12;\n  @return calc(100% * #{$columns} / #{$total-columns});\n}\n\nnv-col {\n  display: block;\n  flex: 1 1 0%;\n  padding-left: calc(var(--spacing-4) / 2);\n  padding-right: calc(var(--spacing-4) / 2);\n\n  &[class*=\"w-\"] {\n    flex: none;\n  }\n\n  @for $i from 1 through 12 {\n    &.w-#{$i}\\/12 {\n      width: calculate-width($i);\n    }\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @slot default - The column content.\n */\n@Component({\n  tag: 'nv-col',\n  styleUrl: './nv-col.scss',\n  shadow: false,\n})\nexport class NvCol {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Defines the column size based on a 12 column grid system.\n   */\n  @Prop({ reflect: true })\n  readonly size: number;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Get the column size class.\n   * @returns {string | undefined} The column size class.\n   */\n  private getColSize() {\n    if (this.size) {\n      if (this.size < 1 || this.size > 12) return;\n      return `w-${this.size}/12`;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host class={clsx(this.getColSize())}>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"sFAAA,MAAMA,EAAW,+oBACjB,MAAAC,EAAeD,E,MCUFE,EAAK,M,yBAkBR,UAAAC,GACN,GAAIC,KAAKC,KAAM,CACb,GAAID,KAAKC,KAAO,GAAKD,KAAKC,KAAO,GAAI,OACrC,MAAO,KAAKD,KAAKC,S,EAQrB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAAKP,KAAKD,eACrBI,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["nvColCss","NvColStyle0","NvCol","getColSize","this","size","render","h","Host","key","class","clsx"],"sources":["src/components/nv-col/nv-col.scss?tag=nv-col","src/components/nv-col/nv-col.tsx"],"sourcesContent":["@function calculate-width($columns) {\n  $total-columns: 12;\n  @return calc(100% * #{$columns} / #{$total-columns});\n}\n\nnv-col {\n  display: block;\n  flex: 1 1 0%;\n  padding-left: calc(var(--spacing-4) / 2);\n  padding-right: calc(var(--spacing-4) / 2);\n\n  &[class*=\"w-\"] {\n    flex: none;\n  }\n\n  @for $i from 1 through 12 {\n    &.w-#{$i}\\/12 {\n      width: calculate-width($i);\n    }\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @slot default - The column content.\n */\n@Component({\n  tag: 'nv-col',\n  styleUrl: './nv-col.scss',\n  shadow: false,\n})\nexport class NvCol {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Defines the column size based on a 12 column grid system.\n   */\n  @Prop({ reflect: true })\n  readonly size: number;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Get the column size class.\n   * @returns {string | undefined} The column size class.\n   */\n  private getColSize() {\n    if (this.size) {\n      if (this.size < 1 || this.size > 12) return;\n      return `w-${this.size}/12`;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host class={clsx(this.getColSize())}>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"iFAAA,MAAMA,EAAW,+oBACjB,MAAAC,EAAeD,E,MCUFE,EAAK,M,yBAkBR,UAAAC,GACN,GAAIC,KAAKC,KAAM,CACb,GAAID,KAAKC,KAAO,GAAKD,KAAKC,KAAO,GAAI,OACrC,MAAO,KAAKD,KAAKC,S,EAQrB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAAKP,KAAKD,eACrBI,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/native/{p-2f62f097.entry.js → p-9c8eadde.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,a,g as e}from"./p-5439afb8.js";const l="nv-table table{border-collapse:collapse;border-color:inherit;text-indent:0}";const n=l;const r=class{constructor(s){t(this,s);this.parsedColumns=[];this.parsedData=[];this.hasSlotHead=false;this.hasSlotBody=false;this.columns=[];this.data=[];this.noDataMessage="No data available";this.noColumnsNoDataMessage="No data or columns available to display."}parseColumns(t,s){this.parseColumnsArray(t,s)}parseJsonColumns(t){try{const s=t?JSON.parse(t):[];this.parseColumnsArray(s,this.parsedColumns)}catch(t){console.error("Invalid JSON format for columnsJson:",t.message);this.parsedColumns=[]}}parseData(t,s){this.parseDataArray(t,s)}parseJsonData(t){try{const s=t?JSON.parse(t):[];this.parseDataArray(s,this.parsedData)}catch(t){console.error("Invalid JSON format for dataJson:",t.message);this.parsedData=[]}}parseColumnsArray(t,s){if(JSON.stringify(t)===JSON.stringify(s))return;this.parsedColumns=Array.isArray(t)?t:[]}parseDataArray(t,s){if(JSON.stringify(t)===JSON.stringify(s))return;this.parsedData=Array.isArray(t)?t:[]}componentWillLoad(){this.hasSlotHead=!!this.el.querySelector('[slot="head"]');this.hasSlotBody=!!this.el.querySelector('[slot="body"]');if(this.columnsJson){this.parseJsonColumns(this.columnsJson)}else{this.parseColumns(this.columns,this.parsedColumns)}if(this.dataJson){this.parseJsonData(this.dataJson)}else{this.parseData(this.data,this.parsedData)}}render(){const t=this.hasSlotHead?Array.from(this.el.querySelector('[slot="head"]').querySelectorAll("nv-tablerow")):[];const e=this.hasSlotBody?Array.from(this.el.querySelector('[slot="body"]').querySelectorAll("nv-tablerow")):[];return s(a,{key:"9372fd6501e5f4b069bf82845357c86cfbea5be1"},s("div",{key:"bcf46dcec109ca3410c412094c8111b952e68b55",class:"hidden"},s("slot",{key:"0bff60d688bd816a292a0ac4f79b1dfc9c7e7064"}),s("slot",{key:"5dc70dac8bcba2ff8406420f6bc42d8ad65ae8fe",name:"head"}),s("slot",{key:"c2d2240cb24d776da41e335598038227a4909949",name:"body"})),s("slot",{key:"a36a96d5c0ef08008db29a6394b186b1034f3081",name:"before"}),this.parsedColumns.length===0&&this.parsedData.length===0&&t.length===0&&e.length===0?s("p",null,this.noColumnsNoDataMessage):s("table",null,this.parsedColumns.length>0?s("thead",null,s("tr",null,this.parsedColumns.map((t=>s("th",null,t))))):t.length>0?s("thead",null,t.map((t=>{const a=Array.from(t.querySelectorAll("nv-tablecolumn"));return s("tr",null,a.map((t=>s("th",{colSpan:t.colspan,rowSpan:t.rowspan,headers:t.headers,scope:t.scope,innerHTML:t.innerHTML}))))}))):null,s("tbody",null,this.parsedData.length===0&&e.length===0?s("tr",null,s("td",{colSpan:this.parsedColumns.length||12},this.noDataMessage)):this.parsedData.length>0?this.parsedData.map((t=>s("tr",null,this.parsedColumns.length>0?this.parsedColumns.map((a=>s("td",null,t[a.toLowerCase()]||""))):Object.values(t).map((t=>s("td",null,t)))))):e.length>0?e.map((t=>{const a=Array.from(t.querySelectorAll("nv-tabledatacell"));return s("tr",null,a.map((t=>s("td",{colSpan:t.colspan,rowSpan:t.rowspan,headers:t.headers,innerHTML:t.innerHTML}))))})):null)),s("slot",{key:"786406a13707dbf9374c3c0db485d956af9677ae",name:"after"}))}get el(){return e(this)}static get watchers(){return{columns:["parseColumns"],columnsJson:["parseJsonColumns"],data:["parseData"],dataJson:["parseJsonData"]}}};r.style=n;export{r as nv_table};
-//# sourceMappingURL=p-2f62f097.entry.js.map
+import{r as t,h as s,a,g as e}from"./p-5439afb8.js";const l="nv-table table{border-collapse:collapse;border-color:inherit;text-indent:0}";const n=l;const r=class{constructor(s){t(this,s);this.parsedColumns=[];this.parsedData=[];this.hasSlotHead=false;this.hasSlotBody=false;this.columns=[];this.data=[];this.noDataMessage="No data available";this.noColumnsNoDataMessage="No data or columns available to display."}parseColumns(t,s){this.parseColumnsArray(t,s)}parseJsonColumns(t){try{const s=t?JSON.parse(t):[];this.parseColumnsArray(s,this.parsedColumns)}catch(t){console.error("Invalid JSON format for columnsJson:",t.message);this.parsedColumns=[]}}parseData(t,s){this.parseDataArray(t,s)}parseJsonData(t){try{const s=t?JSON.parse(t):[];this.parseDataArray(s,this.parsedData)}catch(t){console.error("Invalid JSON format for dataJson:",t.message);this.parsedData=[]}}parseColumnsArray(t,s){if(JSON.stringify(t)===JSON.stringify(s))return;this.parsedColumns=Array.isArray(t)?t:[]}parseDataArray(t,s){if(JSON.stringify(t)===JSON.stringify(s))return;this.parsedData=Array.isArray(t)?t:[]}componentWillLoad(){this.hasSlotHead=!!this.el.querySelector('[slot="head"]');this.hasSlotBody=!!this.el.querySelector('[slot="body"]');if(this.columnsJson){this.parseJsonColumns(this.columnsJson)}else{this.parseColumns(this.columns,this.parsedColumns)}if(this.dataJson){this.parseJsonData(this.dataJson)}else{this.parseData(this.data,this.parsedData)}}render(){const t=this.hasSlotHead?Array.from(this.el.querySelector('[slot="head"]').querySelectorAll("nv-tablerow")):[];const e=this.hasSlotBody?Array.from(this.el.querySelector('[slot="body"]').querySelectorAll("nv-tablerow")):[];return s(a,{key:"b445be90862bb95df560d26215d0a175b2c5f02d"},s("div",{key:"fc50c87d2b4e9d233bc90ef16c9c6701fbca0467",class:"hidden"},s("slot",{key:"03429a816585ffa3e36066bfd06d2d320714b9b5"}),s("slot",{key:"06d30f5c55e34f0be4212c3153874475fc93be2c",name:"head"}),s("slot",{key:"64d73c406a6d72187ab0cb7434ed8c5894564076",name:"body"})),s("slot",{key:"038d7e7f5fd6125b101c286558e61afb3b493d88",name:"before"}),this.parsedColumns.length===0&&this.parsedData.length===0&&t.length===0&&e.length===0?s("p",null,this.noColumnsNoDataMessage):s("table",null,this.parsedColumns.length>0?s("thead",null,s("tr",null,this.parsedColumns.map((t=>s("th",null,t))))):t.length>0?s("thead",null,t.map((t=>{const a=Array.from(t.querySelectorAll("nv-tablecolumn"));return s("tr",null,a.map((t=>s("th",{colSpan:t.colspan,rowSpan:t.rowspan,headers:t.headers,scope:t.scope,innerHTML:t.innerHTML}))))}))):null,s("tbody",null,this.parsedData.length===0&&e.length===0?s("tr",null,s("td",{colSpan:this.parsedColumns.length||12},this.noDataMessage)):this.parsedData.length>0?this.parsedData.map((t=>s("tr",null,this.parsedColumns.length>0?this.parsedColumns.map((a=>s("td",null,t[a.toLowerCase()]||""))):Object.values(t).map((t=>s("td",null,t)))))):e.length>0?e.map((t=>{const a=Array.from(t.querySelectorAll("nv-tabledatacell"));return s("tr",null,a.map((t=>s("td",{colSpan:t.colspan,rowSpan:t.rowspan,headers:t.headers,innerHTML:t.innerHTML}))))})):null)),s("slot",{key:"d24abb3236e2d1019d2316da1d1cc2f19d33902b",name:"after"}))}get el(){return e(this)}static get watchers(){return{columns:["parseColumns"],columnsJson:["parseJsonColumns"],data:["parseData"],dataJson:["parseJsonData"]}}};r.style=n;export{r as nv_table};
+//# sourceMappingURL=p-9c8eadde.entry.js.map

package/dist/native/p-ac81e143.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as n,a as i,g as r}from"./p-5439afb8.js";import{W as s}from"./p-fd65c51f.js";var a=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};var o={exports:{}};(function(t,e){!function(e,n){t.exports=n()}(a,(function(){var t=1e3,e=6e4,n=36e5,i="millisecond",r="second",s="minute",a="hour",o="day",h="week",c="month",u="quarter",d="year",l="date",f="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,p=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,g={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},v=function(t,e,n){var i=String(t);return!i||i.length>=e?t:""+Array(e+1-i.length).join(n)+t},y={s:v,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),i=Math.floor(n/60),r=n%60;return(e<=0?"+":"-")+v(i,2,"0")+":"+v(r,2,"0")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var i=12*(n.year()-e.year())+(n.month()-e.month()),r=e.clone().add(i,c),s=n-r<0,a=e.clone().add(i+(s?-1:1),c);return+(-(i+(n-r)/(s?r-a:a-r))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:c,y:d,w:h,d:o,D:l,h:a,m:s,s:r,ms:i,Q:u}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},b="en",w={};w[b]=g;var k="$isDayjsObject",D=function(t){return t instanceof Y||!(!t||!t[k])},M=function t(e,n,i){var r;if(!e)return b;if("string"==typeof e){var s=e.toLowerCase();w[s]&&(r=s),n&&(w[s]=n,r=s);var a=e.split("-");if(!r&&a.length>1)return t(a[0])}else{var o=e.name;w[o]=e,r=o}return!i&&r&&(b=r),r||!i&&b},x=function(t,e){if(D(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new Y(n)},S=y;S.l=M,S.i=D,S.w=function(t,e){return x(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var Y=function(){function g(t){this.$L=M(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[k]=!0}var v=g.prototype;return v.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(S.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var i=e.match(m);if(i){var r=i[2]-1||0,s=(i[7]||"0").substring(0,3);return n?new Date(Date.UTC(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)):new Date(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)}}return new Date(e)}(t),this.init()},v.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},v.$utils=function(){return S},v.isValid=function(){return!(this.$d.toString()===f)},v.isSame=function(t,e){var n=x(t);return this.startOf(e)<=n&&n<=this.endOf(e)},v.isAfter=function(t,e){return x(t)<this.startOf(e)},v.isBefore=function(t,e){return this.endOf(e)<x(t)},v.$g=function(t,e,n){return S.u(t)?this[e]:this.set(n,t)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(t,e){var n=this,i=!!S.u(e)||e,u=S.p(t),f=function(t,e){var r=S.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return i?r:r.endOf(o)},m=function(t,e){return S.w(n.toDate()[t].apply(n.toDate("s"),(i?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},p=this.$W,g=this.$M,v=this.$D,y="set"+(this.$u?"UTC":"");switch(u){case d:return i?f(1,0):f(31,11);case c:return i?f(1,g):f(0,g+1);case h:var b=this.$locale().weekStart||0,w=(p<b?p+7:p)-b;return f(i?v-w:v+(6-w),g);case o:case l:return m(y+"Hours",0);case a:return m(y+"Minutes",1);case s:return m(y+"Seconds",2);case r:return m(y+"Milliseconds",3);default:return this.clone()}},v.endOf=function(t){return this.startOf(t,!1)},v.$set=function(t,e){var n,h=S.p(t),u="set"+(this.$u?"UTC":""),f=(n={},n[o]=u+"Date",n[l]=u+"Date",n[c]=u+"Month",n[d]=u+"FullYear",n[a]=u+"Hours",n[s]=u+"Minutes",n[r]=u+"Seconds",n[i]=u+"Milliseconds",n)[h],m=h===o?this.$D+(e-this.$W):e;if(h===c||h===d){var p=this.clone().set(l,1);p.$d[f](m),p.init(),this.$d=p.set(l,Math.min(this.$D,p.daysInMonth())).$d}else f&&this.$d[f](m);return this.init(),this},v.set=function(t,e){return this.clone().$set(t,e)},v.get=function(t){return this[S.p(t)]()},v.add=function(i,u){var l,f=this;i=Number(i);var m=S.p(u),p=function(t){var e=x(f);return S.w(e.date(e.date()+Math.round(t*i)),f)};if(m===c)return this.set(c,this.$M+i);if(m===d)return this.set(d,this.$y+i);if(m===o)return p(1);if(m===h)return p(7);var g=(l={},l[s]=e,l[a]=n,l[r]=t,l)[m]||1,v=this.$d.getTime()+i*g;return S.w(v,this)},v.subtract=function(t,e){return this.add(-1*t,e)},v.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||f;var i=t||"YYYY-MM-DDTHH:mm:ssZ",r=S.z(this),s=this.$H,a=this.$m,o=this.$M,h=n.weekdays,c=n.months,u=n.meridiem,d=function(t,n,r,s){return t&&(t[n]||t(e,i))||r[n].slice(0,s)},l=function(t){return S.s(s%12||12,t,"0")},m=u||function(t,e,n){var i=t<12?"AM":"PM";return n?i.toLowerCase():i};return i.replace(p,(function(t,i){return i||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return S.s(e.$y,4,"0");case"M":return o+1;case"MM":return S.s(o+1,2,"0");case"MMM":return d(n.monthsShort,o,c,3);case"MMMM":return d(c,o);case"D":return e.$D;case"DD":return S.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return d(n.weekdaysMin,e.$W,h,2);case"ddd":return d(n.weekdaysShort,e.$W,h,3);case"dddd":return h[e.$W];case"H":return String(s);case"HH":return S.s(s,2,"0");case"h":return l(1);case"hh":return l(2);case"a":return m(s,a,!0);case"A":return m(s,a,!1);case"m":return String(a);case"mm":return S.s(a,2,"0");case"s":return String(e.$s);case"ss":return S.s(e.$s,2,"0");case"SSS":return S.s(e.$ms,3,"0");case"Z":return r}return null}(t)||r.replace(":","")}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(i,l,f){var m,p=this,g=S.p(l),v=x(i),y=(v.utcOffset()-this.utcOffset())*e,b=this-v,w=function(){return S.m(p,v)};switch(g){case d:m=w()/12;break;case c:m=w();break;case u:m=w()/3;break;case h:m=(b-y)/6048e5;break;case o:m=(b-y)/864e5;break;case a:m=b/n;break;case s:m=b/e;break;case r:m=b/t;break;default:m=b}return f?m:S.a(m)},v.daysInMonth=function(){return this.endOf(c).$D},v.$locale=function(){return w[this.$L]},v.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),i=M(t,e,!0);return i&&(n.$L=i),n},v.clone=function(){return S.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},g}(),C=Y.prototype;return x.prototype=C,[["$ms",i],["$s",r],["$m",s],["$H",a],["$W",o],["$M",c],["$y",d],["$D",l]].forEach((function(t){C[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),x.extend=function(t,e){return t.$i||(t(e,Y,x),t.$i=!0),x},x.locale=M,x.isDayjs=D,x.unix=function(t){return x(1e3*t)},x.en=w[b],x.Ls=w,x.p={},x}))})(o);const h=o.exports;var c={exports:{}};(function(t,e){!function(e,n){t.exports=n()}(a,(function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},e=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,i=/\d\d/,r=/\d\d?/,s=/\d*[^-_:/,()\s\d]+/,a={},o=function(t){return(t=+t)+(t>68?1900:2e3)};var h=function(t){return function(e){this[t]=+e}},c=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var e=t.match(/([+-]|\d\d)/g),n=60*e[1]+(+e[2]||0);return 0===n?0:"+"===e[0]?-n:n}(t)}],u=function(t){var e=a[t];return e&&(e.indexOf?e:e.s.concat(e.f))},d=function(t,e){var n,i=a.meridiem;if(i){for(var r=1;r<=24;r+=1)if(t.indexOf(i(r,0,e))>-1){n=r>12;break}}else n=t===(e?"pm":"PM");return n},l={A:[s,function(t){this.afternoon=d(t,!1)}],a:[s,function(t){this.afternoon=d(t,!0)}],Q:[n,function(t){this.month=3*(t-1)+1}],S:[n,function(t){this.milliseconds=100*+t}],SS:[i,function(t){this.milliseconds=10*+t}],SSS:[/\d{3}/,function(t){this.milliseconds=+t}],s:[r,h("seconds")],ss:[r,h("seconds")],m:[r,h("minutes")],mm:[r,h("minutes")],H:[r,h("hours")],h:[r,h("hours")],HH:[r,h("hours")],hh:[r,h("hours")],D:[r,h("day")],DD:[i,h("day")],Do:[s,function(t){var e=a.ordinal,n=t.match(/\d+/);if(this.day=n[0],e)for(var i=1;i<=31;i+=1)e(i).replace(/\[|\]/g,"")===t&&(this.day=i)}],w:[r,h("week")],ww:[i,h("week")],M:[r,h("month")],MM:[i,h("month")],MMM:[s,function(t){var e=u("months"),n=(u("monthsShort")||e.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[s,function(t){var e=u("months").indexOf(t)+1;if(e<1)throw new Error;this.month=e%12||e}],Y:[/[+-]?\d+/,h("year")],YY:[i,function(t){this.year=o(t)}],YYYY:[/\d{4}/,h("year")],Z:c,ZZ:c};function f(n){var i,r;i=n,r=a&&a.formats;for(var s=(n=i.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,n,i){var s=i&&i.toUpperCase();return n||r[i]||t[i]||r[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,n){return e||n.slice(1)}))}))).match(e),o=s.length,h=0;h<o;h+=1){var c=s[h],u=l[c],d=u&&u[0],f=u&&u[1];s[h]=f?{regex:d,parser:f}:c.replace(/^\[|\]$/g,"")}return function(t){for(var e={},n=0,i=0;n<o;n+=1){var r=s[n];if("string"==typeof r)i+=r.length;else{var a=r.regex,h=r.parser,c=t.slice(i),u=a.exec(c)[0];h.call(e,u),t=t.replace(u,"")}}return function(t){var e=t.afternoon;if(void 0!==e){var n=t.hours;e?n<12&&(t.hours+=12):12===n&&(t.hours=0),delete t.afternoon}}(e),e}}return function(t,e,n){n.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(o=t.parseTwoDigitYear);var i=e.prototype,r=i.parse;i.parse=function(t){var e=t.date,i=t.utc,s=t.args;this.$u=i;var o=s[1];if("string"==typeof o){var h=!0===s[2],c=!0===s[3],u=h||c,d=s[2];c&&(d=s[2]),a=this.$locale(),!h&&d&&(a=n.Ls[d]),this.$d=function(t,e,n,i){try{if(["x","X"].indexOf(e)>-1)return new Date(("X"===e?1e3:1)*t);var r=f(e)(t),s=r.year,a=r.month,o=r.day,h=r.hours,c=r.minutes,u=r.seconds,d=r.milliseconds,l=r.zone,m=r.week,p=new Date,g=o||(s||a?1:p.getDate()),v=s||p.getFullYear(),y=0;s&&!a||(y=a>0?a-1:p.getMonth());var b,w=h||0,k=c||0,D=u||0,M=d||0;return l?new Date(Date.UTC(v,y,g,w,k,D,M+60*l.offset*1e3)):n?new Date(Date.UTC(v,y,g,w,k,D,M)):(b=new Date(v,y,g,w,k,D,M),m&&(b=i(b).week(m).toDate()),b)}catch(t){return new Date("")}}(e,o,i,n),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&e!=this.format(o)&&(this.$d=new Date("")),a={}}else if(o instanceof Array)for(var l=o.length,m=1;m<=l;m+=1){s[1]=o[m-1];var p=n.apply(this,s);if(p.isValid()){this.$d=p.$d,this.$L=p.$L,this.init();break}m===l&&(this.$d=new Date(""))}else r.call(this,t)}}}))})(c);const u=c.exports;var d={exports:{}};(function(t,e){!function(e,n){t.exports=n()}(a,(function(){var t="minute",e=/[+-]\d\d(?::?\d\d)?/g,n=/([+-]|\d\d)/g;return function(i,r,s){var a=r.prototype;s.utc=function(t){var e={date:t,utc:!0,args:arguments};return new r(e)},a.utc=function(e){var n=s(this.toDate(),{locale:this.$L,utc:!0});return e?n.add(this.utcOffset(),t):n},a.local=function(){return s(this.toDate(),{locale:this.$L,utc:!1})};var o=a.parse;a.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t)};var h=a.init;a.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else h.call(this)};var c=a.utcOffset;a.utcOffset=function(i,r){var s=this.$utils().u;if(s(i))return this.$u?0:s(this.$offset)?c.call(this):this.$offset;if("string"==typeof i&&(i=function(t){void 0===t&&(t="");var i=t.match(e);if(!i)return null;var r=(""+i[0]).match(n)||["-",0,0],s=r[0],a=60*+r[1]+ +r[2];return 0===a?0:"+"===s?a:-a}(i),null===i))return this;var a=Math.abs(i)<=16?60*i:i,o=this;if(r)return o.$offset=a,o.$u=0===i,o;if(0!==i){var h=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(a+h,t)).$offset=a,o.$x.$localOffset=h}else o=this.utc();return o};var u=a.format;a.format=function(t){var e=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return u.call(this,e)},a.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},a.isUTC=function(){return!!this.$u},a.toISOString=function(){return this.toDate().toISOString()},a.toString=function(){return this.toDate().toUTCString()};var d=a.toDate;a.toDate=function(t){return"s"===t&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():d.call(this)};var l=a.diff;a.diff=function(t,e,n){if(t&&this.$u===t.$u)return l.call(this,t,e,n);var i=this.local(),r=s(t).local();return l.call(i,r,e,n)}}}))})(d);const l=d.exports;var f={exports:{}};(function(t,e){!function(e,n){t.exports=n()}(a,(function(){var t="week",e="year";return function(n,i,r){var s=i.prototype;s.week=function(n){if(void 0===n&&(n=null),null!==n)return this.add(7*(n-this.week()),"day");var i=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var s=r(this).startOf(e).add(1,e).date(i),a=r(this).endOf(t);if(s.isBefore(a))return 1}var o=r(this).startOf(e).date(i).startOf(t).subtract(1,"millisecond"),h=this.diff(o,t,!0);return h<0?r(this).startOf("week").week():Math.ceil(h)},s.weeks=function(t){return void 0===t&&(t=null),this.week(t)}}}))})(f);const m=f.exports;const p='nv-calendar{display:block}.datepicker-root{display:flex;justify-content:center;align-items:flex-start;width:auto}.datepicker-container{font-family:system-ui, sans-serif;display:flex;flex-direction:column;align-items:stretch;background:var(--color-level-00-background);border-radius:var(--menu-contextual-radius);padding:0.25rem;box-shadow:0 2px 6px 1px solid var(--components-button-medium-border);border:1px solid var(--components-button-medium-border);width:auto;max-width:100%}.datepicker-container-single{width:300px}.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-left),.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-right){width:410px !important}.datepicker-container-single:has(.shortcuts-placement-left),.datepicker-container-single:has(.shortcuts-placement-right){width:410px !important}.datepicker-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:0.5rem;width:auto;overflow-x:hidden}.datepicker-wrapper.single{justify-content:center}.calendar-container{display:flex;flex-direction:column;align-items:center;padding:0.25rem;width:auto;position:relative}.calendar-separator{width:1px;background:var(--components-button-medium-border);height:auto;min-height:100%;margin:0 10px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.25rem;width:100%}.nav-buttons{display:flex;gap:0.15rem;margin-left:auto}.nav-left{order:-1}.date-controls{display:flex;gap:0.25rem;align-items:center;min-height:34px;justify-content:center}.datepicker-container-single .date-controls{justify-content:flex-start !important}.datepicker-container:not(.datepicker-container-single) .date-controls{justify-content:center !important}.calendar-grid{display:grid;grid-template-columns:auto 1fr;gap:0.25rem;position:relative}.calendar-grid.slide-left{animation:slideLeft 0.3s ease-out}.calendar-grid.slide-right{animation:slideRight 0.3s ease-out}.week-numbers{display:grid;grid-template-rows:2rem repeat(6, 2rem);background:var(--color-level-30-background);border-radius:var(--menu-contextual-radius);width:2.5rem}.week-numbers .clickable{cursor:pointer}.week-numbers .clickable:hover{background:var(--components-button-high-background-hover);color:white;border-radius:var(--menu-contextual-radius)}.week-header,.week-number{display:grid;place-items:center;font-size:0.875rem}.week-header{font-weight:600;color:var(--components-form-text-label-default)}.week-number{color:var(--components-form-text-description-default)}.days-container{display:grid;grid-template-rows:auto 1fr}.days-header{display:grid;grid-template-columns:repeat(7, 2rem);height:2rem}.day-header{display:grid;place-items:center;font-size:0.875rem;color:var(--components-form-text-description-default)}.days-grid{display:grid;grid-template-columns:repeat(7, 2rem);grid-template-rows:repeat(6, 2rem);animation:fadeIn 0.2s ease-in}.day{display:grid;place-items:center;width:2rem;height:2rem;font-size:0.875rem;border-radius:var(--menu-contextual-radius);cursor:pointer;border:none;background:transparent;transition:all 0.2s ease;text-align:center;animation:scaleIn 0.2s ease-out}.day:hover:not(.disabled,.empty,.selected){background:var(--components-button-high-background-hover);color:white}.day.selected,.day.selected:hover{background:var(--components-button-high-background);color:white}.day.disabled{color:color-mix(in srgb, var(--components-form-shape-background-selected) 50%, transparent);cursor:not-allowed}.day.outside-month{color:var(--components-form-text-description-default);opacity:0.6}.day.outside-month.selected,.day.outside-month.in-range{opacity:1 !important;color:inherit}.day.in-range{background:color-mix(in srgb, var(--components-form-shape-background-selected) 50%, transparent);color:white;border-radius:0;position:relative}.day.range-start,.day.range-end{background:var(--components-button-high-background);color:white;position:relative}.day.range-start{border-radius:var(--menu-contextual-radius) 0 0 var(--menu-contextual-radius)}.day.range-end{border-radius:0 var(--menu-contextual-radius) var(--menu-contextual-radius) 0}.day.outside-month.range-start,.day.outside-month.range-end{background:var(--components-button-high-background) !important;color:white;opacity:1 !important}.day.outside-month.in-range{background:color-mix(in srgb, var(--components-form-shape-background-selected) 50%, transparent);color:white}.day.is-today{font-weight:600;position:relative}.day.is-today::after{content:"";position:absolute;bottom:0.15rem;left:50%;transform:translateX(-50%);width:0.15rem;height:0.15rem;background-color:currentColor;border-radius:50%}.day.is-today.selected::after{background-color:white}.calendar-footer{display:flex;gap:0.25rem;justify-content:flex-start;width:100%;flex-wrap:wrap}.footer-placement-left{justify-content:flex-start}.footer-placement-right{justify-content:flex-end}.footer-placement-center{justify-content:center}.datepicker-actions{display:flex;justify-content:flex-end;gap:0.25rem}.calendar-footer+.datepicker-actions{margin-top:0}.datepicker-controls{display:flex;flex-direction:column;border-top:1px solid var(--components-button-medium-border);padding:1rem;gap:0.25rem}.shortcuts-placement-left,.shortcuts-placement-right{display:flex;flex-direction:column;gap:0.25rem;margin-top:1rem}.shortcuts-placement-left{align-items:flex-end}.shortcuts-placement-right{align-items:flex-start}@keyframes slideLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}';const g=p;h.extend(u);h.extend(l);h.extend(m);const v=class{constructor(n){t(this,n);this.singleDateChange=e(this,"singleDateChange",7);this.rangeDateChange=e(this,"rangeDateChange",7);this.firstDayOfWeek=0;this.numberOfCalendars=1;this.singleValue="";this.rangeValue="";this.min="";this.max="";this.disabledDates="";this.locale="en-BE";this.dateFormat="YYYY-MM-DD";this.shortcutsPlacement="bottom";this.selectionType="single";this.showActions=false;this.shortcuts="[]";this.parsedDisabledDates=[];this.selectedDate=null;this.startDate=null;this.endDate=null;this.months=[];this.resetSelection=()=>{if(this.selectionType==="single"){this.selectedDate=null;this.singleValue="";this.singleDateChange.emit("")}else{this.startDate=null;this.endDate=null;this.rangeValue="";this.rangeDateChange.emit({start:"",end:""})}};this.confirmSelection=()=>{if(this.selectionType==="single"&&this.selectedDate){const t=this.formatDate(this.selectedDate);this.singleDateChange.emit(t);this.singleValue=t}else if(this.selectionType==="range"&&this.startDate&&this.endDate){this.rangeDateChange.emit({start:this.formatDate(this.startDate),end:this.formatDate(this.endDate)});this.rangeValue=JSON.stringify({start:this.formatDate(this.startDate),end:this.formatDate(this.endDate)})}}}componentWillLoad(){this.parseDisabledDates();if(this.selectionType==="single"&&this.singleValue){this.selectedDate=this.parseDate(this.singleValue);this.currentDate=this.selectedDate}else if(this.selectionType==="range"&&this.rangeValue){try{let t;if(typeof this.rangeValue==="string"){t=JSON.parse(this.rangeValue)}else{t=this.rangeValue}if(t.start&&t.end){this.startDate=this.parseDate(t.start);this.endDate=this.parseDate(t.end);this.currentDate=this.startDate;if(this.startDate&&this.endDate&&this.startDate>this.endDate){console.warn(`Warning: startDate (${this.formatDate(this.startDate)}) is after endDate (${this.formatDate(this.endDate)})`);throw new Error("startDate cannot be after endDate")}}}catch(t){console.error("Invalid JSON for rangeValue:",t)}}else{this.currentDate=new Date}this.initializeMonths()}changeMonth(t,e=0){const n=new Date(this.currentDate);n.setUTCMonth(n.getUTCMonth()+t+e);const i=this.el.querySelectorAll(".calendar-grid");i.forEach((e=>{e.classList.remove("slide-left","slide-right");const n=t>0?"slide-left":"slide-right";e.classList.add(n);setTimeout((()=>{e.classList.remove(n)}),300)}));this.currentDate=n}handleDateSelection(t){if(this.isDateDisabled(t)){return}if(this.selectionType==="single"){this.handleSingleSelection(t)}else{this.handleRangeSelection(t)}}handleSingleSelection(t){if(!t)return;const e=this.formatDate(t);this.selectedDate=t;this.selectedDate=t;console.info("handleSingleSelection => selectedDate =",this.selectedDate);console.info("📤 Emitting singleDateChange:",{selectedDate:e});this.singleDateChange.emit(e)}handleRangeSelection(t){if(!this.startDate||this.startDate&&this.endDate){this.startDate=t;this.endDate=null}else{this.endDate=t;if(this.startDate>this.endDate){[this.startDate,this.endDate]=[this.endDate,this.startDate]}this.rangeDateChange.emit({start:this.formatDate(this.startDate),end:this.formatDate(this.endDate)})}}getWeekNumber(t){const e=new Date(t.getFullYear(),0,1);const n=(t.getTime()-e.getTime())/864e5;return Math.ceil((n+e.getDay()+1)/7)}isDateDisabled(t){if(!t)return true;if(this.min){const e=this.parseDate(this.min);if(e&&t<e){return true}}if(this.max){const e=this.parseDate(this.max);if(e&&t>e){return true}}return this.parsedDisabledDates.some((e=>this.isSameDate(t,e)))}isDateInRange(t){if(!t||!this.startDate||!this.endDate)return false;const e=this.parseDate(t);const n=this.parseDate(this.startDate);const i=this.parseDate(this.endDate);if(isNaN(n.getTime())||isNaN(i.getTime())){return false}if(n>i)return false;return this.isSameOrAfter(e,n)&&this.isSameOrBefore(e,i)}getDayNames(){const t=new Intl.DateTimeFormat(this.locale,{weekday:"short"});return[...Array(7)].map(((e,n)=>t.format(new Date(2023,0,n+1+this.firstDayOfWeek))))}getDaysInMonth(t=0,e=1){const n=this.currentDate.getUTCFullYear();const i=this.currentDate.getUTCMonth()+t;const r=new Date(Date.UTC(n,i,1));const s=new Date(Date.UTC(n,i+1,0));const a=[];const o=t===0?(r.getUTCDay()-this.firstDayOfWeek+7)%7:0;if(t===0){const t=new Date(Date.UTC(n,i,0)).getUTCDate();for(let e=o;e>0;e--){const r=new Date(Date.UTC(n,i-1,t-e+1));a.push({dayOfMonth:r.getUTCDate(),date:r,isCurrentMonth:false,isDisabled:this.isDateDisabled(r)})}}for(let t=1;t<=s.getUTCDate();t++){const e=new Date(Date.UTC(n,i,t));a.push({dayOfMonth:t,date:e,isCurrentMonth:true,isDisabled:this.isDateDisabled(e)})}if(t===e-1){const t=7-(a.length%7||7);for(let e=1;e<=t;e++){const t=new Date(Date.UTC(n,i+1,e));a.push({dayOfMonth:e,date:t,isCurrentMonth:false,isDisabled:this.isDateDisabled(t)})}}return a}initializeMonths(){const t=new Intl.DateTimeFormat(this.locale,{month:"long"});this.months=Array.from({length:12},((e,n)=>({value:n,label:t.format(new Date(2e3,n,1))})))}getLocalizedWeekText(){return s[this.locale]||"W"}handleMonthChange(t,e=0){const n=t.target;const i=parseInt(n.value,10);const r=this.currentDate.getUTCMonth();const s=i-(r+e)%12;const a=new Date(this.currentDate);a.setUTCMonth(a.getUTCMonth()+s);this.currentDate=a}handleYearChange(t,e=0){const n=t.target;const i=parseInt(n.value,10);if(!isNaN(i)&&i>=1900&&i<=2100){const t=new Date(this.currentDate);t.setUTCFullYear(i);t.setUTCMonth(t.getUTCMonth()+e);this.currentDate=t}}handleWeekSelection(t,e){if(this.selectionType!=="range")return;const n=this.getDaysInMonth(e,this.numberOfCalendars);const i=t[0];const r=t[t.length-1];if(!i||!r)return;const s=n.filter((t=>t.date&&t.date>=i&&t.date<=r));const a=s.filter((t=>!this.isDateDisabled(t.date)));if(a.length>0){this.startDate=a[0].date;this.endDate=a[a.length-1].date;this.rangeDateChange.emit({start:this.startDate.toISOString(),end:this.endDate.toISOString()})}}isToday(t){const e=new Date;return t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}validateNumberOfCalendars(t){if(t<1||t>4){console.warn("numberOfCalendars must be between 1 and 4. Defaulting to 1.");this.numberOfCalendars=1}}onRangeValueChange(t){if(t){try{const e=JSON.parse(t);if(e.start&&e.end){this.startDate=this.parseDate(e.start);this.endDate=this.parseDate(e.end);this.currentDate=this.parseDate(e.start)}}catch(t){console.error("Invalid JSON for rangeValue:",t)}}}handleDisabledDatesChange(){this.parseDisabledDates()}parseDate(t){if(t instanceof Date)return t;if(this.dateFormat==="X"){const e=Number(t);if(isNaN(e))return null;return this.isUTCMode?h.unix(e).utc().toDate():h.unix(e).toDate()}if(this.dateFormat==="x"){const e=Number(t);if(isNaN(e))return null;return this.isUTCMode?h(e).utc().toDate():h(e).toDate()}if(this.dateFormat==="Ticks"){const e=Number(t);if(isNaN(e))return null;const n=(e-621355968e9)/1e4;return this.isUTCMode?h(n).utc().toDate():h(n).toDate()}let e;if(this.isUTCMode){e=h.utc(t,this.dateFormat,true)}else{e=h(t,this.dateFormat,true)}if(!e.isValid()){console.error(`Parsing error:`,{dateInput:t,dateFormat:this.dateFormat});return null}return e.toDate()}formatDate(t){if(!t)return"";if(this.dateFormat==="Ticks"){const e=t.getTime()*1e4+621355968e9;return e.toString()}if(this.dateFormat==="X"){return h(t).unix().toString()}if(this.dateFormat==="x"){return t.getTime().toString()}return this.isUTCMode?h(t).utc().format(this.dateFormat):h(t).format(this.dateFormat)}parseDisabledDates(){if(!this.disabledDates){this.parsedDisabledDates=[];return}try{const t=JSON.parse(this.disabledDates);this.parsedDisabledDates=t.map((t=>this.parseDate(t))).filter((t=>t!==null))}catch(t){console.error("Error parsing disabled dates:",t);this.parsedDisabledDates=[]}}isSameDate(t,e){if(!t||!e)return false;if(this.isUTCMode){return t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()===e.getUTCMonth()&&t.getUTCDate()===e.getUTCDate()}else{return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}}isSameOrAfter(t,e){if(this.isUTCMode){return t.getUTCFullYear()>e.getUTCFullYear()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()>e.getUTCMonth()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()===e.getUTCMonth()&&t.getUTCDate()>=e.getUTCDate()}else{return t.getFullYear()>e.getFullYear()||t.getFullYear()===e.getFullYear()&&t.getMonth()>e.getMonth()||t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()>=e.getDate()}}isSameOrBefore(t,e){if(this.isUTCMode){return t.getUTCFullYear()<e.getUTCFullYear()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()<e.getUTCMonth()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()===e.getUTCMonth()&&t.getUTCDate()<=e.getUTCDate()}else{return t.getFullYear()<e.getFullYear()||t.getFullYear()===e.getFullYear()&&t.getMonth()<e.getMonth()||t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()<=e.getDate()}}applyShortcut(t){this.selectedDate=null;this.startDate=null;this.endDate=null;if(t.singleValue){const e=this.parseDate(t.singleValue);this.selectedDate=e;this.singleDateChange.emit(this.formatDate(e));this.singleValue=this.formatDate(e);this.forceCalendarUpdate(e)}else{const e=this.parseDate(t.rangeValue.start);const n=this.parseDate(t.rangeValue.end);this.startDate=e;this.endDate=n;this.rangeDateChange.emit({start:this.formatDate(e),end:this.formatDate(n)});this.rangeValue=JSON.stringify({start:this.formatDate(e),end:this.formatDate(n)});this.forceCalendarUpdate(n)}}forceCalendarUpdate(t){this.currentDate=new Date(t);this.currentDate=new Date(this.currentDate);requestAnimationFrame((()=>{const t=document.querySelectorAll(".day");t.forEach((t=>{t.classList.remove("hover","active","touched");t.style.pointerEvents="none"}));document.body.addEventListener("touchstart",this.clearTouchState,{passive:true});setTimeout((()=>{t.forEach((t=>{t.style.pointerEvents=""}))}),50)}))}clearTouchState(){document.querySelectorAll(".day").forEach((t=>{t.classList.remove("touched")}));document.body.removeEventListener("touchstart",this.clearTouchState)}getChangeMonthHandler(t,e){return()=>this.changeMonth(t,e)}getHandleMonthChange(t){return e=>this.handleMonthChange(e,t)}getHandleYearChange(t){return e=>this.handleYearChange(e,t)}getDayClickHandler(t,e){return e?undefined:()=>this.handleDateSelection(t)}getShortcutHandler(t){return()=>this.applyShortcut(t)}getWeekSelectionHandler(t,e){return()=>{if(this.selectionType==="range"){this.handleWeekSelection(t,e)}}}parsedShortcuts(){try{return this.shortcuts?JSON.parse(this.shortcuts):[]}catch(t){console.error("Invalid JSON for shortcuts:",t);return[]}}get isUTCMode(){return this.dateFormat.includes("Z")}get hasShortcuts(){return this.shortcutsPlacement==="bottom"&&this.parsedShortcuts().length>0}get hasActions(){return this.showActions}renderHeader(t,e){return n("div",{class:"header"},this.numberOfCalendars>1&&e===0&&n("nv-iconbutton",{class:"nav-left",emphasis:"low",name:"chevron-left",size:"sm",onClick:this.getChangeMonthHandler(-1,t)}),n("div",{class:"date-controls"},n("select",{class:"month-select mr-4",onChange:this.getHandleMonthChange(t)},this.months.map((e=>n("option",{key:e.value,value:e.value,selected:e.value===(this.currentDate.getUTCMonth()+t)%12},e.label)))),n("input",{type:"number",class:"year-input",min:"1950",max:"2100",value:this.currentDate.getUTCFullYear()+Math.floor((this.currentDate.getUTCMonth()+t)/12),onChange:this.getHandleYearChange(t)})),this.numberOfCalendars===1&&n("div",{class:"nav-buttons"},n("nv-iconbutton",{emphasis:"low",name:"chevron-left",onClick:this.getChangeMonthHandler(-1,t)}),n("nv-iconbutton",{emphasis:"low",name:"chevron-right",onClick:this.getChangeMonthHandler(1,t)})),this.numberOfCalendars>1&&e===this.numberOfCalendars-1&&n("nv-iconbutton",{emphasis:"low",name:"chevron-right",size:"sm",onClick:this.getChangeMonthHandler(1,t),class:"nav-right"}))}renderWeekNumbers(t,e){return n("div",{class:"week-numbers"},n("div",{class:"week-header"},this.getLocalizedWeekText()),t.map(((t,i)=>{var r;const s=t.map((t=>t.date));return n("div",{class:`week-number ${this.selectionType==="range"?"clickable":""}`,onClick:this.getWeekSelectionHandler(s,e),key:`week-${i}`},this.getWeekNumber(((r=t.find((t=>t.date)))===null||r===void 0?void 0:r.date)||new Date))})))}renderDaysGrid(t){return n("div",{class:"days-grid"},t.map((t=>{const e=t.date;if(!e)return null;const i=this.selectionType==="single"&&this.isSameDate(e,this.selectedDate);const r=this.isDateInRange(e);const s=this.isSameDate(e,this.startDate);const a=this.isSameDate(e,this.endDate);const o=this.isToday(e);const h=!t.isCurrentMonth;const c=["day",i?"selected":"",s?"range-start":"",a?"range-end":"",r?"in-range":"",t.isDisabled?"disabled":"",h?"outside-month":"",o?"is-today":""];return n("div",{class:c.filter(Boolean).join(" "),onClick:this.getDayClickHandler(e,t.isDisabled),"aria-disabled":t.isDisabled,key:`day-${e.toISOString()}`},t.dayOfMonth)})))}renderCalendar(t,e){const i=this.getDaysInMonth(e,this.numberOfCalendars);const r=[];for(let t=0;t<i.length;t+=7){r.push(i.slice(t,t+7))}return n("div",{class:"calendar-wrapper"},n("div",{class:"calendar-container",key:`calendar-${t}`},this.renderHeader(e,t),n("div",{class:"calendar-grid"},this.showWeekNumbers&&this.renderWeekNumbers(r,t),n("div",{class:"days-container"},n("div",{class:"days-header"},this.getDayNames().map((t=>n("div",{class:"day-header"},t)))),this.renderDaysGrid(i)))),t<this.numberOfCalendars-1&&n("div",{class:"calendar-separator"}))}renderShortcuts(){if(!this.parsedShortcuts().length){return null}return n("div",{class:`shortcuts-container shortcuts-placement-${this.shortcutsPlacement}`},this.parsedShortcuts().map((t=>n("nv-button",{emphasis:"lower",size:"xs","aria-label":t.label,onClick:this.getShortcutHandler(t)},t.label))))}renderActions(){return n("div",{class:"datepicker-actions"},n("slot",{name:"actions"},n("nv-button",{emphasis:"low",size:"sm",onClick:this.resetSelection},"Cancel"),n("nv-button",{size:"sm",onClick:this.confirmSelection},"OK")))}render(){return n(i,{key:"fd0e3e0d88dd281cdfcc6557d822f137fe8da38e"},n("div",{key:"04f15a9e7404b5c39dfdaa0f143b0c659a1a9cb3",class:"datepicker-root"},n("div",{key:"c42882624dfdb116faae2af1b3b6a1aa05192d18",class:`datepicker-container ${this.numberOfCalendars===1?"datepicker-container-single":""}`},n("div",{key:"d0b1d476b3362e9f9073f02586a77e21b4370f32",class:`datepicker-wrapper ${this.numberOfCalendars===1?"single":""}`},this.shortcutsPlacement==="left"&&this.renderShortcuts(),Array.from({length:this.numberOfCalendars},((t,e)=>this.renderCalendar(e,e))),this.shortcutsPlacement==="right"&&this.renderShortcuts()),(this.hasShortcuts||this.hasActions)&&n("div",{key:"f61fb6827fcaee0920998e75f6bfb767d3cb4fc6",class:"datepicker-controls"},this.hasShortcuts&&this.renderShortcuts(),this.hasActions&&this.renderActions()))),n("slot",{key:"436d448bf9e5ec0aa153b3452ef9435d36957ce6"}))}get el(){return r(this)}static get watchers(){return{numberOfCalendars:["validateNumberOfCalendars"],rangeValue:["onRangeValueChange"],disabledDates:["handleDisabledDatesChange"]}}};v.style=g;export{v as nv_calendar};
+//# sourceMappingURL=p-ac81e143.entry.js.map