npm - @nova-design-system/nova-webcomponents - Versions diffs - 3.26.0 → 3.27.0 - Mend

@nova-design-system/nova-webcomponents 3.26.0 → 3.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (320) hide show

package/dist/components/nv-fielddate.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as r,H as t,c as i,h as o,d as n}from"./p-iXsbKJzR.js";import{I as a}from"./p-BfaMgLx7.js";import{d}from"./p-CEI7jWvn.js";import{d as s}from"./p-jZF_Ggmx.js";import{d as l}from"./p-DDqZBSGn.js";import{d as c}from"./p-CAKTe96z.js";import{d as f}from"./p-DHNSuxz-.js";import{v as h}from"./p-BdYh22OP.js";const p=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged",3),this.popoverId=h(),this.inputId=h(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.singleValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=1,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)\|\|(this.open=!1))},this.handleInputContainerClick=e=>{this.readonly\|\|this.disabled?e.preventDefault():this.inputElement.focus()},this.handleInput=e=>{if(this.readonly\|\|this.disabled)return void e.preventDefault();const r=e.target;this.singleValue=r.value,""===r.value&&(this.value="",this.valueChanged.emit(""))},this.handleFocus=e=>{if(this.readonly\|\|this.disabled)return e.preventDefault(),void e.target.blur();this.open=!0},this.handleCalendarValueChanged=e=>{e.stopPropagation()},this.setPopoverRef=e=>{this.popoverElement=e},this.setInputRef=e=>{this.inputElement=e},this.toggleCalendar=()=>{this.readonly\|\|this.disabled\|\|(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","YYYY-MM-DD":"yyyy-mm-dd","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]\|\|"dd/mm/yyyy"}async clear(){this.singleValue="",this.value="",this.inputElement&&(this.inputElement.value="",this.inputElement.inputmask&&this.inputElement.inputmask.remove()),this.valueChanged.emit(""),this.open=!1}updateMask(){this.inputElement&&(this.inputElement.inputmask?.remove?.(),new a({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncomplete:e=>{const r=e.target?.value;this.value!==r&&(this.singleValue=r,this.value=r,this.valueChanged.emit(r))}}).mask(this.inputElement))}handleSingleDateChange(e){const r=e.detail,t=this.value;this.singleValue=r,this.value=r,this.inputElement&&(this.inputElement.value=r),t!==r&&this.valueChanged.emit(r),this.showActions\|\|(this.open=!1)}componentWillLoad(){this.value&&(this.singleValue=this.value)}componentDidLoad(){this.updateMask(),this.inputElement.name===this.name&&this.singleValue&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue;const e=new CustomEvent("input",{bubbles:!0});this.inputElement.dispatchEvent(e)}))}componentDidRender(){this.singleValue&&this.inputElement&&!this.inputElement.value&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue,this.inputElement.setAttribute("value",this.singleValue)}))}disconnectedCallback(){this.inputElement&&this.inputElement.inputmask&&this.inputElement.inputmask.remove()}handleValueChange(e){this.singleValue=e,this.inputElement&&this.inputElement.value!==e&&(this.inputElement.value=e)}handleOpenChange(e){if(this.updateMask(),e&&this.popoverElement){const e=this.popoverElement.querySelector("nv-calendar [data-date]");e&&e.focus()}}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleDocumentClick(e){this.handleClickOutside(e)}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement\|\|console.warn("nv-fielddate -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}render(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,t=e?r:null,i=e?"true"===t\|\|""===t:void 0,a=this.required&&(!e\|\|!0===i);return o(n,{key:"3c13437365ba5c194e382050d83a01c2610f901d"},(this.label&&this.label.length>0\|\|this.el.querySelector('[slot="label"]'))&&o("label",{key:"82bccae1ff2044e8b099789e4403857772f8449c",htmlFor:this.inputId},o("slot",{key:"3a2065e072ba6acb2ca5a162b877d05d30f93815",name:"label"},this.label)),o("nv-popover",{key:"afd5fc8f78a46562b318f2f2d48306efa2275fac",ref:this.setPopoverRef,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},o("div",{key:"748395cd864e8ee8f224460a420379b9f8ea362e",slot:"trigger",class:"input-wrapper"},o("slot",{key:"8c1f2baa6a33861d83c9497ee39a6a2a08b27d2e",name:"before-input"}),o("div",{key:"91dfd2e870fc59e0949ff1ae2b66e0a3c89ec203",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"7e7a11aacf727512ccbf4c5fd149f9ccbf161c0d",name:"leading-input"}),o("input",{key:"47b9d83bb4942604c3e8244995d032743ad84e78",id:this.inputId,ref:this.setInputRef,placeholder:this.placeholder\|\|this.convertToInputmaskFormat(this.dateFormat),name:this.name,disabled:this.disabled,readOnly:this.readonly,required:a?this.required:void 0,...void 0!==i&&{"aria-required":i+""},autofocus:this.autofocus,onInput:this.handleInput,onFocus:this.handleFocus,"data-scope":"date"}),this.error&&o("nv-icon",{key:"0c8badb4887475f3ce278db7dd1bb9d4f4db1948",name:"alert-circle",class:"validation",size:"md"}),this.success&&o("nv-icon",{key:"908c9595d2858b5915ea9625b365d98c9076175d",name:"circle-check",class:"validation",size:"md"}),o("nv-iconbutton",{key:"2acbfe40a0db4b070491e91fa69b9a21fee5111d",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),o("slot",{key:"fb9ae11ed575835053e11a28136c545fefa1f185",name:"after-input"})),o("div",{key:"4ed455b92288d64e1d243e0d2268251f183523c9",slot:"content"},o("nv-calendar",{key:"1af9d63edd9c95414ddcba5e3988a1bf42fae4bb",onSingleDateChange:this.handleSingleDateChange.bind(this),dateFormat:this.dateFormat,singleValue:this.singleValue,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,onValueChanged:this.handleCalendarValueChanged}))),(this.description&&this.description.length>0\|\|this.el.querySelector('[slot="description"]'))&&o("div",{key:"3a124e7dd1d5216ac586893eb2d7ae8383051cdc",class:"description"},o("slot",{key:"13f0b8e29875e369734799370fbd54c27becebfb",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"78dbbd76ada0c99907c9725fc82f2edfea41830c",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?o("slot",{name:"error-description"}):this.errorDescription),o("slot",{key:"2c7f702581d6645cb9e6e0e94effa2ea067f049a"}))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddate{--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;max-width:480px}nv-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[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-fielddate[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-in-field)}nv-fielddate[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-fielddate[required]:not([required=false]) label::after,nv-fielddate[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddate label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;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}nv-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .input-wrapper .input-container: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-fielddate .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddate .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddate .input-wrapper .input-container input{}nv-fielddate .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddate .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddate .input-wrapper .input-container input{font-feature-settings:"tnum";font-family:"TTNorms Pro Mono", monospace}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddate .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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)}'}},[260,"nv-fielddate",{inputId:[513,"input-id"],label:[513],description:[513],placeholder:[513],name:[513],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],autofocus:[516],value:[1537],firstDayOfWeek:[514,"first-day-of-week"],numberOfCalendars:[514,"number-of-calendars"],min:[513],max:[513],locale:[513],dateFormat:[513,"date-format"],shortcutsPlacement:[513,"shortcuts-placement"],showActions:[516,"show-actions"],shortcuts:[16],showWeekNumbers:[516,"show-week-numbers"],disabledDates:[16],fluid:[516],singleValue:[32],open:[32],clear:[64]},[[0,"closePopover","handleClosePopover"],[4,"click","handleDocumentClick"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],open:[{handleOpenChange:0}]}]);function v(){"undefined"!=typeof customElements&&["nv-fielddate","nv-calendar","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((r=>{switch(r){case"nv-fielddate":customElements.get(e(r))\|\|customElements.define(e(r),p);break;case"nv-calendar":customElements.get(e(r))\|\|d();break;case"nv-icon":customElements.get(e(r))\|\|s();break;case"nv-iconbutton":customElements.get(e(r))\|\|l();break;case"nv-loader":customElements.get(e(r))\|\|c();break;case"nv-popover":customElements.get(e(r))\|\|f()}}))}v();const u=p,m=v;export{u as NvFielddate,m as defineCustomElement}
1	+ import{t as e,p as r,H as t,c as i,h as o,d as a}from"./p-6nAIGZFL.js";import{I as n}from"./p-DlOgBZa8.js";import{d}from"./p-CAGzfU3O.js";import{d as s}from"./p-CV12ukSl.js";import{d as l}from"./p-Db4JZxyy.js";import{d as c}from"./p-T-bBxAoT.js";import{d as f}from"./p-DrgqO3gF.js";import{v as h}from"./p-BdYh22OP.js";const p=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged",3),this.popoverId=h(),this.inputId=h(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.singleValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=1,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)\|\|(this.open=!1))},this.handleInputContainerClick=e=>{this.readonly\|\|this.disabled?e.preventDefault():this.inputElement.focus()},this.handleInput=e=>{if(this.readonly\|\|this.disabled)return void e.preventDefault();const r=e.target;this.singleValue=r.value,""===r.value&&(this.value="",this.valueChanged.emit(""))},this.handleFocus=e=>{if(this.readonly\|\|this.disabled)return e.preventDefault(),void e.target.blur();this.open=!0},this.handleCalendarValueChanged=e=>{e.stopPropagation()},this.setPopoverRef=e=>{this.popoverElement=e},this.setInputRef=e=>{this.inputElement=e},this.toggleCalendar=()=>{this.readonly\|\|this.disabled\|\|(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","YYYY-MM-DD":"yyyy-mm-dd","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]\|\|"dd/mm/yyyy"}async clear(){this.singleValue="",this.value="",this.inputElement&&(this.inputElement.value="",this.inputElement.inputmask&&this.inputElement.inputmask.remove()),this.valueChanged.emit(""),this.open=!1}updateMask(){this.inputElement&&(this.inputElement.inputmask?.remove?.(),new n({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncomplete:e=>{const r=e.target?.value;this.value!==r&&(this.singleValue=r,this.value=r,this.valueChanged.emit(r))}}).mask(this.inputElement))}handleSingleDateChange(e){const r=e.detail,t=this.value;this.singleValue=r,this.value=r,this.inputElement&&(this.inputElement.value=r),t!==r&&this.valueChanged.emit(r),this.showActions\|\|(this.open=!1)}componentWillLoad(){this.value&&(this.singleValue=this.value)}componentDidLoad(){this.updateMask(),this.inputElement.name===this.name&&this.singleValue&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue;const e=new CustomEvent("input",{bubbles:!0});this.inputElement.dispatchEvent(e)}))}componentDidRender(){this.singleValue&&this.inputElement&&!this.inputElement.value&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue,this.inputElement.setAttribute("value",this.singleValue)}))}disconnectedCallback(){this.inputElement&&this.inputElement.inputmask&&this.inputElement.inputmask.remove()}handleValueChange(e){this.singleValue=e,this.inputElement&&this.inputElement.value!==e&&(this.inputElement.value=e)}handleOpenChange(e){if(this.updateMask(),e&&this.popoverElement){const e=this.popoverElement.querySelector("nv-calendar [data-date]");e&&e.focus()}}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleDocumentClick(e){this.handleClickOutside(e)}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement\|\|console.warn("nv-fielddate -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}render(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,t=e?r:null,i=e?"true"===t\|\|""===t:void 0,n=this.required&&(!e\|\|!0===i);return o(a,{key:"3c13437365ba5c194e382050d83a01c2610f901d"},(this.label&&this.label.length>0\|\|this.el.querySelector('[slot="label"]'))&&o("label",{key:"82bccae1ff2044e8b099789e4403857772f8449c",htmlFor:this.inputId},o("slot",{key:"3a2065e072ba6acb2ca5a162b877d05d30f93815",name:"label"},this.label)),o("nv-popover",{key:"afd5fc8f78a46562b318f2f2d48306efa2275fac",ref:this.setPopoverRef,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},o("div",{key:"748395cd864e8ee8f224460a420379b9f8ea362e",slot:"trigger",class:"input-wrapper"},o("slot",{key:"8c1f2baa6a33861d83c9497ee39a6a2a08b27d2e",name:"before-input"}),o("div",{key:"91dfd2e870fc59e0949ff1ae2b66e0a3c89ec203",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"7e7a11aacf727512ccbf4c5fd149f9ccbf161c0d",name:"leading-input"}),o("input",{key:"47b9d83bb4942604c3e8244995d032743ad84e78",id:this.inputId,ref:this.setInputRef,placeholder:this.placeholder\|\|this.convertToInputmaskFormat(this.dateFormat),name:this.name,disabled:this.disabled,readOnly:this.readonly,required:n?this.required:void 0,...void 0!==i&&{"aria-required":i+""},autofocus:this.autofocus,onInput:this.handleInput,onFocus:this.handleFocus,"data-scope":"date"}),this.error&&o("nv-icon",{key:"0c8badb4887475f3ce278db7dd1bb9d4f4db1948",name:"alert-circle",class:"validation",size:"md"}),this.success&&o("nv-icon",{key:"908c9595d2858b5915ea9625b365d98c9076175d",name:"circle-check",class:"validation",size:"md"}),o("nv-iconbutton",{key:"2acbfe40a0db4b070491e91fa69b9a21fee5111d",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),o("slot",{key:"fb9ae11ed575835053e11a28136c545fefa1f185",name:"after-input"})),o("div",{key:"4ed455b92288d64e1d243e0d2268251f183523c9",slot:"content"},o("nv-calendar",{key:"1af9d63edd9c95414ddcba5e3988a1bf42fae4bb",onSingleDateChange:this.handleSingleDateChange.bind(this),dateFormat:this.dateFormat,singleValue:this.singleValue,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,onValueChanged:this.handleCalendarValueChanged}))),(this.description&&this.description.length>0\|\|this.el.querySelector('[slot="description"]'))&&o("div",{key:"3a124e7dd1d5216ac586893eb2d7ae8383051cdc",class:"description"},o("slot",{key:"13f0b8e29875e369734799370fbd54c27becebfb",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"78dbbd76ada0c99907c9725fc82f2edfea41830c",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?o("slot",{name:"error-description"}):this.errorDescription),o("slot",{key:"2c7f702581d6645cb9e6e0e94effa2ea067f049a"}))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddate{--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;max-width:480px}nv-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[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-fielddate[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-in-field)}nv-fielddate[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-fielddate[required]:not([required=false]) label::after,nv-fielddate[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddate label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;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}nv-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .input-wrapper .input-container: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-fielddate .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddate .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddate .input-wrapper .input-container input{}nv-fielddate .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddate .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddate .input-wrapper .input-container input{font-feature-settings:"tnum";font-family:"TTNorms Pro Mono", monospace}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddate .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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)}'}},[260,"nv-fielddate",{inputId:[513,"input-id"],label:[513],description:[513],placeholder:[513],name:[513],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],autofocus:[516],value:[1537],firstDayOfWeek:[514,"first-day-of-week"],numberOfCalendars:[514,"number-of-calendars"],min:[513],max:[513],locale:[513],dateFormat:[513,"date-format"],shortcutsPlacement:[513,"shortcuts-placement"],showActions:[516,"show-actions"],shortcuts:[16],showWeekNumbers:[516,"show-week-numbers"],disabledDates:[16],fluid:[516],singleValue:[32],open:[32],clear:[64]},[[0,"closePopover","handleClosePopover"],[4,"click","handleDocumentClick"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],open:[{handleOpenChange:0}]}]);function v(){"undefined"!=typeof customElements&&["nv-fielddate","nv-calendar","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((r=>{switch(r){case"nv-fielddate":customElements.get(e(r))\|\|customElements.define(e(r),p);break;case"nv-calendar":customElements.get(e(r))\|\|d();break;case"nv-icon":customElements.get(e(r))\|\|s();break;case"nv-iconbutton":customElements.get(e(r))\|\|l();break;case"nv-loader":customElements.get(e(r))\|\|c();break;case"nv-popover":customElements.get(e(r))\|\|f()}}))}v();const u=p,m=v;export{u as NvFielddate,m as defineCustomElement}

package/dist/components/nv-fielddaterange.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as t,H as r,c as i,h as n,d as a}from"./p-iXsbKJzR.js";import{I as o}from"./p-BfaMgLx7.js";import{d as s}from"./p-CEI7jWvn.js";import{d}from"./p-jZF_Ggmx.js";import{d as l}from"./p-DDqZBSGn.js";import{d as c}from"./p-CAKTe96z.js";import{d as f}from"./p-DHNSuxz-.js";import{v as h}from"./p-BdYh22OP.js";const p=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.dateRangeChange=i(this,"dateRangeChange",3),this.valueChanged=i(this,"valueChanged",3),this.popoverId=h(),this.startInputId=h(),this.endInputId=h(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.startValue="",this.endValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=2,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.parseUnifiedValue=e=>{if(!e)return this.startValue="",void(this.endValue="");const t=e.split(",").map((e=>e.trim())).filter(Boolean);t.length>=2&&(this.startValue=t[0],this.endValue=t[1])},this.handleClickOutside=e=>{this.open&&this.el&&!this.el.contains(e.target)&&(this.open=!1)},this.handleStartInput=e=>{if(this.readonly\|\|this.disabled)return void e.preventDefault();const t=e.target;if(this.startValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${t.value},${this.endValue}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleEndInput=e=>{if(this.readonly\|\|this.disabled)return void e.preventDefault();const t=e.target;if(this.endValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${this.startValue},${t.value}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleFocus=e=>{if(this.readonly\|\|this.disabled)return e.preventDefault(),void e.target.blur();this.calendarElement&&this.calendarElement.removeAttribute("data-prevent-navigation"),this.open=!0,setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),300)},this.toggleCalendar=()=>{this.readonly\|\|this.disabled\|\|(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"YYYY-MM-DD":"yyyy-mm-dd","DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]\|\|"dd/mm/yyyy"}async clear(){this.startValue="",this.endValue="",this.value="",this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value="",e.inputmask&&e.inputmask.remove()})),this.valueChanged.emit(""),this.dateRangeChange.emit({start:"",end:""}),this.open=!1,this.calendarElement&&this.calendarElement.clear()}updateMask(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.inputmask?.remove?.();const t=new o({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncleared:e=>{const t=e.target;t.id===this.startInputId&&(this.startValue=""),t.id===this.endInputId&&(this.endValue="")},oncomplete:e=>{const t=e.target;t.id===this.startInputId?this.startValue=t.value:t.id===this.endInputId&&(this.endValue=t.value);const r=`${this.startValue},${this.endValue}`;this.startValue&&this.endValue&&this.value!==r&&(this.value=r,this.valueChanged.emit(this.value),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}});t.mask(e)}))}handleCancelDateChange(e){let t=!1,r=!1;"singleDateChange"===e.type&&""===e.detail&&(t=!0),"rangeDateChange"===e.type&&"object"==typeof e.detail&&""===e.detail.start&&""===e.detail.end&&(r=!0),(t\|\|r)&&(this.startValue="",this.endValue="",this.value="",this.valueChanged.emit(""),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value=""})),this.dateRangeChange.emit({start:"",end:""}))}handleRangeDateChange(e){this.handleCancelDateChange(e);const{start:t,end:r}=e.detail\|\|{};if(t&&r){this.startValue=t,this.endValue=r;const e=`${t},${r}`;this.value!==e&&(this.value=e,this.valueChanged.emit(this.value)),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}),this.showActions\|\|(this.open=!1)}}handleCalendarValueChanged(e){const t=e.detail\|\|"";t!==this.value&&(this.value=t,this.valueChanged.emit(t),this.parseUnifiedValue(t),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}componentWillLoad(){this.value&&this.parseUnifiedValue(this.value)}componentDidLoad(){this.updateMask(),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.name===this.startName&&this.startValue?requestAnimationFrame((()=>{e.value=this.startValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)})):e.name===this.endName&&this.endValue&&requestAnimationFrame((()=>{e.value=this.endValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)}))}))}componentDidRender(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{const t=e.name===this.startName?this.startValue:this.endName?this.endValue:"";t&&requestAnimationFrame((()=>{e.value=t,e.setAttribute("value",t)}))}))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement\|\|console.warn("nv-fielddaterange -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}handleValueChange(e){this.parseUnifiedValue(e)}onOpenChanged(e){this.updateMask(),this.contentRef&&(e?(this.contentRef.style.transition="none",this.contentRef.style.maxHeight="0px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px"}))):(this.contentRef.style.transition="none",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight="0px"}))))}render(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,r=e?t:null,i=e?"true"===r\|\|""===r:void 0,o=this.required&&(!e\|\|!0===i);return n(a,{key:"ff398fcfbbe95e5665b774fe43350acbbc348fe9"},(this.label&&this.label.length>0\|\|this.el.querySelector('[slot="label"]'))&&n("label",{key:"2b1909b93047611192bb66f574bdda3b206e2385",htmlFor:this.startInputId},n("slot",{key:"8195acf71bec4897fca7c4617eb0de096e88b191",name:"label"},this.label)),n("nv-popover",{key:"ba36048cf5a34974f4f4deb66fb0d735988e5b53",ref:e=>this.popoverElement=e,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},n("div",{key:"14b6d78ac81001bd174bad38172a8a1a1f347731",slot:"trigger",class:"input-wrapper"},n("slot",{key:"fb016c89c6f8f99ae3c67917fc623bd5ebfd55fc",name:"before-input"}),n("div",{key:"ba782a5e283e468467ccdb9b571046cd2f4852e9",class:"input-container"},n("slot",{key:"2adfa150e03b07b3fc68dcf58e8033b7945161a0",name:"leading-input"}),n("div",{key:"0276764deeb85f4211ac741f3eb5fef2f9fbcb43",class:"range-inputs"},n("input",{key:"b752bb09fefcd173403cb11db40d0aabd25e1388",id:this.startInputId,type:"text",placeholder:this.startPlaceholder\|\|this.convertToInputmaskFormat(this.dateFormat),name:this.startName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==i&&{"aria-required":i+""},autofocus:this.autofocus,value:this.startValue,onInput:this.handleStartInput,onFocus:this.handleFocus,"data-scope":"date-range"}),n("div",{key:"d5be46903d09c3b189dc4e7ee8ddad170c0f6286",class:"range-separator"}),n("input",{key:"11b9a3838149854e68ae7c9d96aedbaaba84a90d",id:this.endInputId,type:"text",placeholder:this.endPlaceholder\|\|this.convertToInputmaskFormat(this.dateFormat),name:this.endName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==i&&{"aria-required":i+""},value:this.endValue,onInput:this.handleEndInput,onFocus:this.handleFocus,"data-scope":"date-range"})),this.error&&n("nv-icon",{key:"26b42abdeafd75930a5ca607d24337b6b3c10ac2",name:"alert-circle",class:"validation",size:"md"}),this.success&&n("nv-icon",{key:"1af99ccf21b9f8089204e9e97c2453b2bdeffd29",name:"circle-check",class:"validation",size:"md"}),n("nv-iconbutton",{key:"38b70d2b9f4ec16ff1707dc2b05ceae806646541",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),n("slot",{key:"2ab6a03f44f04595763f4a6cbb8bc142578e1b3a",name:"after-input"})),n("div",{key:"1fc0213d712a8560dee995c4d26c7d9944af650b",slot:"content"},n("nv-calendar",{key:"d883272405391bec569516321fd2eae93dac817a",ref:e=>this.calendarElement=e,onRangeDateChange:this.handleRangeDateChange.bind(this),onValueChanged:this.handleCalendarValueChanged.bind(this),onSingleDateChange:this.handleCancelDateChange.bind(this),dateFormat:this.dateFormat,value:this.value,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,selectionType:"range","data-prevent-navigation":"true"}))),(this.description&&this.description.length>0\|\|this.el.querySelector('[slot="description"]'))&&n("div",{key:"d0f9852ccd37202db9653b338cf850ba44365ddf",class:"description"},n("slot",{key:"cff092ce15f1f90f246de859fea30d3714fd4520",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&n("div",{key:"c9dfd25d6784cca037337e7ffe28fc4ac1d33fd5",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?n("slot",{name:"error-description"}):this.errorDescription),n("slot",{key:"8123f07bf03ae219917f2e9f8146142bd8781bd4"}))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{onOpenChanged:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddaterange{--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;max-width:480px}nv-fielddaterange[fluid]:not([fluid=false]){max-width:unset}nv-fielddaterange[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-fielddaterange[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-in-field)}nv-fielddaterange[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-fielddaterange[required]:not([required=false]) label::after,nv-fielddaterange[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddaterange label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto;z-index:2}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;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}nv-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container: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-fielddaterange .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddaterange .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{box-shadow:none;border-color:var(--nv-field-border-default)}nv-fielddaterange .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddaterange .input-wrapper .input-container input{}nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddaterange .input-wrapper .input-container input{width:100%}nv-fielddaterange .input-wrapper .input-container input:focus-within,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover,nv-fielddaterange .input-wrapper .input-container input:focus,nv-fielddaterange .input-wrapper .input-container input:focus:hover{outline:var(--focus-outline-stroke) solid var(--nv-field-border-focus);outline-offset:0px}nv-fielddaterange .input-wrapper .input-container input:focus-within~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus:hover~.range-separator{background-color:transparent}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddaterange .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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)}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:0;width:100%}nv-fielddaterange .range-inputs:focus-within{z-index:1}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}nv-fielddaterange .range-inputs .range-separator{width:1px;height:1.5rem;background-color:var(--color-content-medium-border)}'}},[260,"nv-fielddaterange",{startInputId:[513,"start-input-id"],endInputId:[513,"end-input-id"],label:[513],description:[513],startPlaceholder:[513,"start-placeholder"],endPlaceholder:[513,"end-placeholder"],startName:[513,"start-name"],endName:[513,"end-name"],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],autofocus:[516],value:[1537],firstDayOfWeek:[514,"first-day-of-week"],numberOfCalendars:[514,"number-of-calendars"],min:[513],max:[513],locale:[513],dateFormat:[513,"date-format"],shortcutsPlacement:[513,"shortcuts-placement"],showActions:[516,"show-actions"],shortcuts:[16],showWeekNumbers:[516,"show-week-numbers"],disabledDates:[16],fluid:[516],startValue:[32],endValue:[32],open:[32],clear:[64]},[[0,"closePopover","handleClosePopover"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],open:[{onOpenChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["nv-fielddaterange","nv-calendar","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((t=>{switch(t){case"nv-fielddaterange":customElements.get(e(t))\|\|customElements.define(e(t),p);break;case"nv-calendar":customElements.get(e(t))\|\|s();break;case"nv-icon":customElements.get(e(t))\|\|d();break;case"nv-iconbutton":customElements.get(e(t))\|\|l();break;case"nv-loader":customElements.get(e(t))\|\|c();break;case"nv-popover":customElements.get(e(t))\|\|f()}}))}u();const v=p,b=u;export{v as NvFielddaterange,b as defineCustomElement}
1	+ import{t as e,p as t,H as r,c as i,h as n,d as a}from"./p-6nAIGZFL.js";import{I as o}from"./p-DlOgBZa8.js";import{d as s}from"./p-CAGzfU3O.js";import{d}from"./p-CV12ukSl.js";import{d as l}from"./p-Db4JZxyy.js";import{d as c}from"./p-T-bBxAoT.js";import{d as f}from"./p-DrgqO3gF.js";import{v as h}from"./p-BdYh22OP.js";const p=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.dateRangeChange=i(this,"dateRangeChange",3),this.valueChanged=i(this,"valueChanged",3),this.popoverId=h(),this.startInputId=h(),this.endInputId=h(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.startValue="",this.endValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=2,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.parseUnifiedValue=e=>{if(!e)return this.startValue="",void(this.endValue="");const t=e.split(",").map((e=>e.trim())).filter(Boolean);t.length>=2&&(this.startValue=t[0],this.endValue=t[1])},this.handleClickOutside=e=>{this.open&&this.el&&!this.el.contains(e.target)&&(this.open=!1)},this.handleStartInput=e=>{if(this.readonly\|\|this.disabled)return void e.preventDefault();const t=e.target;if(this.startValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${t.value},${this.endValue}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleEndInput=e=>{if(this.readonly\|\|this.disabled)return void e.preventDefault();const t=e.target;if(this.endValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${this.startValue},${t.value}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleFocus=e=>{if(this.readonly\|\|this.disabled)return e.preventDefault(),void e.target.blur();this.calendarElement&&this.calendarElement.removeAttribute("data-prevent-navigation"),this.open=!0,setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),300)},this.toggleCalendar=()=>{this.readonly\|\|this.disabled\|\|(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"YYYY-MM-DD":"yyyy-mm-dd","DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]\|\|"dd/mm/yyyy"}async clear(){this.startValue="",this.endValue="",this.value="",this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value="",e.inputmask&&e.inputmask.remove()})),this.valueChanged.emit(""),this.dateRangeChange.emit({start:"",end:""}),this.open=!1,this.calendarElement&&this.calendarElement.clear()}updateMask(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.inputmask?.remove?.();const t=new o({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncleared:e=>{const t=e.target;t.id===this.startInputId&&(this.startValue=""),t.id===this.endInputId&&(this.endValue="")},oncomplete:e=>{const t=e.target;t.id===this.startInputId?this.startValue=t.value:t.id===this.endInputId&&(this.endValue=t.value);const r=`${this.startValue},${this.endValue}`;this.startValue&&this.endValue&&this.value!==r&&(this.value=r,this.valueChanged.emit(this.value),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}});t.mask(e)}))}handleCancelDateChange(e){let t=!1,r=!1;"singleDateChange"===e.type&&""===e.detail&&(t=!0),"rangeDateChange"===e.type&&"object"==typeof e.detail&&""===e.detail.start&&""===e.detail.end&&(r=!0),(t\|\|r)&&(this.startValue="",this.endValue="",this.value="",this.valueChanged.emit(""),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value=""})),this.dateRangeChange.emit({start:"",end:""}))}handleRangeDateChange(e){this.handleCancelDateChange(e);const{start:t,end:r}=e.detail\|\|{};if(t&&r){this.startValue=t,this.endValue=r;const e=`${t},${r}`;this.value!==e&&(this.value=e,this.valueChanged.emit(this.value)),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}),this.showActions\|\|(this.open=!1)}}handleCalendarValueChanged(e){const t=e.detail\|\|"";t!==this.value&&(this.value=t,this.valueChanged.emit(t),this.parseUnifiedValue(t),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}componentWillLoad(){this.value&&this.parseUnifiedValue(this.value)}componentDidLoad(){this.updateMask(),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.name===this.startName&&this.startValue?requestAnimationFrame((()=>{e.value=this.startValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)})):e.name===this.endName&&this.endValue&&requestAnimationFrame((()=>{e.value=this.endValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)}))}))}componentDidRender(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{const t=e.name===this.startName?this.startValue:this.endName?this.endValue:"";t&&requestAnimationFrame((()=>{e.value=t,e.setAttribute("value",t)}))}))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement\|\|console.warn("nv-fielddaterange -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}handleValueChange(e){this.parseUnifiedValue(e)}onOpenChanged(e){this.updateMask(),this.contentRef&&(e?(this.contentRef.style.transition="none",this.contentRef.style.maxHeight="0px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px"}))):(this.contentRef.style.transition="none",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight="0px"}))))}render(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,r=e?t:null,i=e?"true"===r\|\|""===r:void 0,o=this.required&&(!e\|\|!0===i);return n(a,{key:"ff398fcfbbe95e5665b774fe43350acbbc348fe9"},(this.label&&this.label.length>0\|\|this.el.querySelector('[slot="label"]'))&&n("label",{key:"2b1909b93047611192bb66f574bdda3b206e2385",htmlFor:this.startInputId},n("slot",{key:"8195acf71bec4897fca7c4617eb0de096e88b191",name:"label"},this.label)),n("nv-popover",{key:"ba36048cf5a34974f4f4deb66fb0d735988e5b53",ref:e=>this.popoverElement=e,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},n("div",{key:"14b6d78ac81001bd174bad38172a8a1a1f347731",slot:"trigger",class:"input-wrapper"},n("slot",{key:"fb016c89c6f8f99ae3c67917fc623bd5ebfd55fc",name:"before-input"}),n("div",{key:"ba782a5e283e468467ccdb9b571046cd2f4852e9",class:"input-container"},n("slot",{key:"2adfa150e03b07b3fc68dcf58e8033b7945161a0",name:"leading-input"}),n("div",{key:"0276764deeb85f4211ac741f3eb5fef2f9fbcb43",class:"range-inputs"},n("input",{key:"b752bb09fefcd173403cb11db40d0aabd25e1388",id:this.startInputId,type:"text",placeholder:this.startPlaceholder\|\|this.convertToInputmaskFormat(this.dateFormat),name:this.startName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==i&&{"aria-required":i+""},autofocus:this.autofocus,value:this.startValue,onInput:this.handleStartInput,onFocus:this.handleFocus,"data-scope":"date-range"}),n("div",{key:"d5be46903d09c3b189dc4e7ee8ddad170c0f6286",class:"range-separator"}),n("input",{key:"11b9a3838149854e68ae7c9d96aedbaaba84a90d",id:this.endInputId,type:"text",placeholder:this.endPlaceholder\|\|this.convertToInputmaskFormat(this.dateFormat),name:this.endName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==i&&{"aria-required":i+""},value:this.endValue,onInput:this.handleEndInput,onFocus:this.handleFocus,"data-scope":"date-range"})),this.error&&n("nv-icon",{key:"26b42abdeafd75930a5ca607d24337b6b3c10ac2",name:"alert-circle",class:"validation",size:"md"}),this.success&&n("nv-icon",{key:"1af99ccf21b9f8089204e9e97c2453b2bdeffd29",name:"circle-check",class:"validation",size:"md"}),n("nv-iconbutton",{key:"38b70d2b9f4ec16ff1707dc2b05ceae806646541",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),n("slot",{key:"2ab6a03f44f04595763f4a6cbb8bc142578e1b3a",name:"after-input"})),n("div",{key:"1fc0213d712a8560dee995c4d26c7d9944af650b",slot:"content"},n("nv-calendar",{key:"d883272405391bec569516321fd2eae93dac817a",ref:e=>this.calendarElement=e,onRangeDateChange:this.handleRangeDateChange.bind(this),onValueChanged:this.handleCalendarValueChanged.bind(this),onSingleDateChange:this.handleCancelDateChange.bind(this),dateFormat:this.dateFormat,value:this.value,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,selectionType:"range","data-prevent-navigation":"true"}))),(this.description&&this.description.length>0\|\|this.el.querySelector('[slot="description"]'))&&n("div",{key:"d0f9852ccd37202db9653b338cf850ba44365ddf",class:"description"},n("slot",{key:"cff092ce15f1f90f246de859fea30d3714fd4520",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&n("div",{key:"c9dfd25d6784cca037337e7ffe28fc4ac1d33fd5",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?n("slot",{name:"error-description"}):this.errorDescription),n("slot",{key:"8123f07bf03ae219917f2e9f8146142bd8781bd4"}))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{onOpenChanged:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddaterange{--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;max-width:480px}nv-fielddaterange[fluid]:not([fluid=false]){max-width:unset}nv-fielddaterange[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-fielddaterange[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-in-field)}nv-fielddaterange[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-fielddaterange[required]:not([required=false]) label::after,nv-fielddaterange[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddaterange label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto;z-index:2}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;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}nv-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container: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-fielddaterange .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddaterange .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{box-shadow:none;border-color:var(--nv-field-border-default)}nv-fielddaterange .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddaterange .input-wrapper .input-container input{}nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddaterange .input-wrapper .input-container input{width:100%}nv-fielddaterange .input-wrapper .input-container input:focus-within,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover,nv-fielddaterange .input-wrapper .input-container input:focus,nv-fielddaterange .input-wrapper .input-container input:focus:hover{outline:var(--focus-outline-stroke) solid var(--nv-field-border-focus);outline-offset:0px}nv-fielddaterange .input-wrapper .input-container input:focus-within~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus:hover~.range-separator{background-color:transparent}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddaterange .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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)}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:0;width:100%}nv-fielddaterange .range-inputs:focus-within{z-index:1}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}nv-fielddaterange .range-inputs .range-separator{width:1px;height:1.5rem;background-color:var(--color-content-medium-border)}'}},[260,"nv-fielddaterange",{startInputId:[513,"start-input-id"],endInputId:[513,"end-input-id"],label:[513],description:[513],startPlaceholder:[513,"start-placeholder"],endPlaceholder:[513,"end-placeholder"],startName:[513,"start-name"],endName:[513,"end-name"],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],autofocus:[516],value:[1537],firstDayOfWeek:[514,"first-day-of-week"],numberOfCalendars:[514,"number-of-calendars"],min:[513],max:[513],locale:[513],dateFormat:[513,"date-format"],shortcutsPlacement:[513,"shortcuts-placement"],showActions:[516,"show-actions"],shortcuts:[16],showWeekNumbers:[516,"show-week-numbers"],disabledDates:[16],fluid:[516],startValue:[32],endValue:[32],open:[32],clear:[64]},[[0,"closePopover","handleClosePopover"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],open:[{onOpenChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["nv-fielddaterange","nv-calendar","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((t=>{switch(t){case"nv-fielddaterange":customElements.get(e(t))\|\|customElements.define(e(t),p);break;case"nv-calendar":customElements.get(e(t))\|\|s();break;case"nv-icon":customElements.get(e(t))\|\|d();break;case"nv-iconbutton":customElements.get(e(t))\|\|l();break;case"nv-loader":customElements.get(e(t))\|\|c();break;case"nv-popover":customElements.get(e(t))\|\|f()}}))}u();const v=p,b=u;export{v as NvFielddaterange,b as defineCustomElement}

package/dist/components/nv-fielddropdown.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as t,H as i,c as o,h as r,d as n}from"./p-iXsbKJzR.js";import{F as d,f as s,k as a,q as l,l as c,S as h,h as f,s as p,i as u}from"./p-BaF3Tuua.js";import{g as v,f as b}from"./p-CR9MpYzU.js";import{d as m}from"./p-RUeDcouW.js";import{d as w}from"./p-jZF_Ggmx.js";import{d as g}from"./p-DDqZBSGn.js";import{d as k}from"./p-CAKTe96z.js";import{d as y}from"./p-DHNSuxz-.js";import{v as x}from"./p-BdYh22OP.js";const z=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=o(this,"valueChanged",3),this.filterTextChanged=o(this,"filterTextChanged",3),this.openChanged=o(this,"openChanged",3),this.dropdownItemSelected=o(this,"dropdownItemSelected",7),this.indexedItems=[],this.rawItems=[],this.workerClient=null,this.effectiveFilterMode="strict",this.inputId=x(),this.autocomplete="off",this.required=!1,this.ariaRequiredAttr=!1,this.readonly=!1,this.disabled=!1,this.error=!1,this.maxHeight="",this.emptyResult="No results found",this.filterable=!1,this.openOnSelect=!1,this.controlledFilter=!1,this.debounceDelay=300,this.autofocus=!1,this.fluid=!1,this.filterMode="strict",this.maxResults=25,this.startFilterAt=0,this.workerThreshold=2e3,this.fuzzyThreshold=.3,this.filterText="",this.selectedValues=new Set,this.open=!1,this.resultsTruncated=!1,this.totalResults=0,this.isSearching=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)\|\|(this.open=!1))},this.handleFilterInput=()=>{this.open=!0,this.filterText=this.inputElement.value,this.filterTextChanged.emit(this.inputElement.value),clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),"fuzzy"===this.effectiveFilterMode?d:this.debounceDelay)},this.getSelectedLabel=()=>{if(!this.value)return"";if(this.filterText?.length)return this.filterText;if(this.options?.length>1){const e=this.options.find((e=>e.value===this.value));return e?.label??e?.value??this.value}const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem")).find((e=>e.value===this.value));return e?e.label??e.textContent?.trim()??e.value:""}}handleOpenChange(e){!1===e&&(clearTimeout(this.debounceTimer),setTimeout((()=>{this.clearFilter()}),100))}handleValueChange(){this.updateSelectedItem(),this.open&&this.filterText\|\|this.setFilterInputToSelectedValue()}handleOptionsChange(){this.updateSelectedItem(),this.rebuildSearchIndex()}handleDropdownItemSelected(e){this.disabled\|\|this.readonly\|\|(this.openOnSelect\|\|(this.open=!1),e.detail.detached\|\|(this.getAllItems().forEach((t=>{t!==e.target?t.removeAttribute("selected"):t.setAttribute("selected","true")})),this.value=e.detail.value,this.setFilterInputToSelectedValue(),this.valueChanged.emit(e.detail.value)))}handleFocus(e){e.relatedTarget instanceof i&&e.relatedTarget.tagName.includes("NV-FIELDDROPDOWNITEM")\|\|e.target!=this.toggleElement&&(this.open=!0)}handleFocusOut(e){e.relatedTarget instanceof Node&&(this.el.contains(e.relatedTarget)\|\|(this.open=!1))}handleKeyDown(e){if("Escape"===e.key)return this.focusField(),void(this.open=!1);if(" "===e.key)return void(e.target==this.selectElement&&(e.preventDefault(),this.open=!0));const t=this.getNavigableItems(),i=this.getHighlightedItemIndex(t);if("ArrowDown"===e.key){e.preventDefault(),this.open=!0;const o=i+1;this.updateHighlightedItem(t,o>=t.length?0:o)}if("ArrowUp"===e.key){e.preventDefault(),this.open=!0;const o=i-1;this.updateHighlightedItem(t,o<0?t.length-1:o)}}handleDocumentClick(e){this.handleClickOutside(e)}async clearFilter(){this.filterable&&(this.filterText?.length&&(this.filterText="",this.filterTextChanged.emit(this.filterText)),this.filterItems(),setTimeout((()=>{this.setFilterInputToSelectedValue()}),0))}async toggleDropdown(e){setTimeout(void 0!==e?()=>{this.open=e}:()=>{this.open=!this.open},0)}syncToggleDropdown(){this.open=!this.open}setFilterInputToSelectedValue(){if((this.filterable\|\|this.disabled\|\|this.readonly)&&this.inputElement)return this.value?void(this.inputElement.value=this.getSelectedLabel()):this.inputElement.value=""}getFilterableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([data-empty]):not([detached])"))}getNavigableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([disabled]):not([hidden])"))}getAllItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem"))}getHighlightedItemIndex(e){return e.findIndex((e=>e.classList.contains("highlighted")))}updateHighlightedItem(e,t){e.forEach(((e,i)=>{e.classList.remove("highlighted"),i===t&&(e.classList.add("highlighted"),e.focus(),e.scrollIntoView({block:"nearest"}))}))}focusField(){const e=this.el.querySelector('[data-scope="focusable"]');e?.focus()}async rebuildSearchIndex(){const e=this.getFilterableItems();this.rawItems=e.map(((e,t)=>({id:e.value\|\|"item-"+t,label:e.label\|\|e.textContent?.trim()\|\|e.value\|\|""}))),this.options?.length&&this.options.forEach(((e,t)=>{this.rawItems.push({id:e.value\|\|"opt-"+t,label:e.label\|\|e.value\|\|""})})),this.indexedItems=s(this.rawItems),this.effectiveFilterMode=a(this.filterMode);const t=this.rawItems.length,i=u(this.workerThreshold);l(t,this.effectiveFilterMode,i)?await this.initWorker():this.terminateWorker()}async initWorker(){c()&&(this.workerClient\|\|(this.workerClient=new h),await this.workerClient.init(this.rawItems))}terminateWorker(){this.workerClient&&(this.workerClient.terminate(),this.workerClient=null)}async filterItems(){if(this.controlledFilter)return;this.indexedItems.length\|\|await this.rebuildSearchIndex();const e=this.getFilterableItems();if(this.el.querySelectorAll("nv-fielddropdownitem[data-empty], nv-fielddropdownitem[data-truncated]").forEach((e=>e.remove())),this.filterText.length<this.startFilterAt){const t=f(this.maxResults);let i=0;return e.forEach((e=>{i<t?(e.removeAttribute("hidden"),i++):e.setAttribute("hidden","")})),this.resultsTruncated=e.length>t,this.totalResults=e.length,void(this.resultsTruncated&&this.addTruncatedMessage(t,e.length))}const t=this.rawItems.length,i=u(this.workerThreshold);let o;if(l(t,this.effectiveFilterMode,i)&&this.workerClient?.isReady){this.isSearching=!0;try{o=await this.workerClient.search(this.filterText,this.effectiveFilterMode,this.maxResults,this.fuzzyThreshold)}catch(e){console.error("Worker search failed, falling back to main thread:",e),o=p(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}finally{this.isSearching=!1}}else o=p(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold});this.resultsTruncated=o.truncated,this.totalResults=o.total,this.applySearchResults(o,e)}applySearchResults(e,t){const i=new Set(e.ids);let o=!1,r=0;const n=f(this.maxResults);if(t.forEach((t=>{const d=t.value\|\|"",s=t.label\|\|t.textContent?.trim()\|\|"";(i.has(d)\|\|e.ids.some((e=>{const t=this.indexedItems.find((t=>t.id===e));return t&&(t.label===s\|\|t.id===d)})))&&r<n?(t.removeAttribute("hidden"),o=!0,r++):t.setAttribute("hidden","")})),o)e.truncated&&this.addTruncatedMessage(e.ids.length,e.total);else{const e=document.createElement("nv-fielddropdownitem");e.setAttribute("data-empty","true"),e.setAttribute("disabled","true"),e.textContent=this.emptyResult,this.el.querySelector('div[slot="content"] ul')?.prepend(e)}}addTruncatedMessage(e,t){const i=this.truncatedResultsText\|\|v(this.locale),o=document.createElement("nv-fielddropdownitem");o.setAttribute("data-truncated","true"),o.setAttribute("disabled","true"),o.setAttribute("detached","true"),o.className="truncated-message",o.textContent=b(i,e,t);const r=this.el.querySelector('div[slot="content"] ul');r&&r.appendChild(o)}async updateSelectedItem(){const e=this.getAllItems();this.value&&e.forEach((e=>{e.selected=e.value===this.value}))}componentDidLoad(){this.updateSelectedItem(),this.setFilterInputToSelectedValue(),this.rebuildSearchIndex()}disconnectedCallback(){clearTimeout(this.debounceTimer),this.terminateWorker()}componentDidRender(){this.filterable\|\|!this.disabled&&!this.readonly\|\|(this.inputElement.value=this.getSelectedLabel())}render(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,i=e?t:null,o=e?"true"===i\|\|""===i:void 0,d=this.required&&(!e\|\|!0===o);return r(n,{key:"fc83e8834e38142ad102d17495b5978283699576",role:"combobox","aria-expanded":""+this.open,"aria-haspopup":"listbox","aria-label":this.label},(this.label\|\|this.el.querySelector('[slot="label"]'))&&r("label",{key:"5a1eb965296909556869a025a6e4da609f2cbf90",htmlFor:this.inputId,onClick:this.syncToggleDropdown.bind(this)},r("slot",{key:"d5d4f3607e07e248c4083c3ea934a3bd1d7a7467",name:"label"},this.label)),r("nv-popover",{key:"17e42a4d729dbc735db49f398ec14e0c296ff8ee",triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:e=>this.openChanged.emit(e.detail)},r("div",{key:"a665ff2d2142acf5335d52e9a304ea2995750e5f",class:"input-wrapper",slot:"trigger"},r("slot",{key:"bddb24c6404ea0ea7da33485f8d497d0a635f3e2",name:"before-input"}),r("div",{key:"7275a9a99c9b4476b405f3966f128ce9ce92801a",class:"input-container"},r("slot",{key:"ede3c4442f365377eb83524f5d70d2922cd2a38b",name:"leading-input"}),this.filterable\|\|this.disabled\|\|this.readonly?r("input",{"data-scope":"focusable",id:this.inputId,type:"search",ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,required:d?this.required:void 0,...void 0!==o&&{"aria-required":o+""},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleFilterInput}):r("p",{"data-scope":"focusable",id:this.inputId,ref:e=>this.selectElement=e,class:"non-filterable-text",tabIndex:this.disabled?-1:0},this.getSelectedLabel()\|\|this.value\|\|this.placeholder),this.filterable&&this.filterText&&r("nv-iconbutton",{key:"d1aa81c5d14601ea85cec133a94f2b071ca98358",name:"x",size:"md",emphasis:"lower",class:"clear-button",onClick:this.clearFilter.bind(this),"aria-label":"Clear input"}),this.error&&r("nv-icon",{key:"d49e30222d63ffdcc4d952d959a98946b943685f",name:"alert-circle",class:"validation",size:"md"}),r("nv-iconbutton",{key:"6e157ce63f3f6faa08df5b7b9b7e6fd3ae9d0c31","data-scope":"toggle-dropdown",ref:e=>this.toggleElement=e,name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",onClick:this.syncToggleDropdown.bind(this),tabIndex:this.disabled?-1:0})),r("slot",{key:"665519b43abbd562ea1c3e36355b15ffb3e6fea2",name:"after-input"})),r("div",{key:"da97b6498e93d5f6c427bec6963db697c41c2d9a",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},this.options?.length>0&&r("ul",{key:"0db57a711680aad61c32993b5f3afe304ec9066f"},this.options.map((e=>r("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))),r("slot",{key:"5c7643c6436c42efa63bab75f416b684b662812b",name:"content"}))),(this.description\|\|this.el.querySelector('[slot="description"]'))&&r("div",{key:"0ade462a96a16bb0cf6fb9d49d4ead0d98a6234b",class:"description"},r("slot",{key:"bb2d0c3340bdc0d0b3ac77feab8bc70a73b89a00",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"c04c2329d71e088b262a46441bb3bd9592d304e8",hidden:!this.error,class:"error-description"},r("slot",{key:"b85d769f12c4bf2a2ba5aba69c20566d17801f0a",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{open:[{handleOpenChange:0}],value:[{handleValueChange:0}],options:[{handleOptionsChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddropdown{--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;max-width:480px}nv-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[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-fielddropdown[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-in-field)}nv-fielddropdown[required]:not([required=false]) label::after,nv-fielddropdown[aria-required=true] label::after{content:"";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;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-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) 2);overflow-y:auto;position:relative}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;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}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container: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-fielddropdown .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container{position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container 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);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container p.non-filterable-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;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:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .input-container p.non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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)}'}},[324,"nv-fielddropdown",{inputId:[513,"input-id"],name:[513],label:[513],description:[513],placeholder:[513],autocomplete:[513],value:[1537],required:[516],ariaRequiredAttr:[516,"aria-required"],readonly:[516],disabled:[516],error:[516],errorDescription:[513,"error-description"],maxHeight:[513,"max-height"],emptyResult:[513,"empty-result"],filterable:[516],openOnSelect:[516,"open-on-select"],controlledFilter:[516,"controlled-filter"],options:[16],debounceDelay:[514,"debounce-delay"],autofocus:[516],fluid:[516],filterMode:[513,"filter-mode"],maxResults:[514,"max-results"],startFilterAt:[514,"start-filter-at"],locale:[513],truncatedResultsText:[513,"truncated-results-text"],workerThreshold:[514,"worker-threshold"],fuzzyThreshold:[514,"fuzzy-threshold"],filterText:[32],selectedValues:[32],open:[32],resultsTruncated:[32],totalResults:[32],isSearching:[32],clearFilter:[64],toggleDropdown:[64]},[[0,"dropdownItemSelected","handleDropdownItemSelected"],[3,"focus","handleFocus"],[3,"focusout","handleFocusOut"],[0,"keydown","handleKeyDown"],[4,"click","handleDocumentClick"]],{open:[{handleOpenChange:0}],value:[{handleValueChange:0}],options:[{handleOptionsChange:0}]}]);function C(){"undefined"!=typeof customElements&&["nv-fielddropdown","nv-fielddropdownitem","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((t=>{switch(t){case"nv-fielddropdown":customElements.get(e(t))\|\|customElements.define(e(t),z);break;case"nv-fielddropdownitem":customElements.get(e(t))\|\|m();break;case"nv-icon":customElements.get(e(t))\|\|w();break;case"nv-iconbutton":customElements.get(e(t))\|\|g();break;case"nv-loader":customElements.get(e(t))\|\|k();break;case"nv-popover":customElements.get(e(t))\|\|y()}}))}C();const D=z,I=C;export{D as NvFielddropdown,I as defineCustomElement}
1	+ import{t as e,p as t,H as i,c as o,h as r,d as n}from"./p-6nAIGZFL.js";import{F as d,f as s,k as a,q as l,l as c,S as h,h as f,s as p,i as u}from"./p-BaF3Tuua.js";import{g as v,f as b}from"./p-CR9MpYzU.js";import{d as m}from"./p-D-MnI-R8.js";import{d as w}from"./p-CV12ukSl.js";import{d as g}from"./p-Db4JZxyy.js";import{d as y}from"./p-T-bBxAoT.js";import{d as k}from"./p-DrgqO3gF.js";import{v as x}from"./p-BdYh22OP.js";const z=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=o(this,"valueChanged",3),this.filterTextChanged=o(this,"filterTextChanged",3),this.openChanged=o(this,"openChanged",3),this.dropdownItemSelected=o(this,"dropdownItemSelected",7),this.indexedItems=[],this.rawItems=[],this.workerClient=null,this.effectiveFilterMode="strict",this.inputId=x(),this.autocomplete="off",this.required=!1,this.ariaRequiredAttr=!1,this.readonly=!1,this.disabled=!1,this.error=!1,this.maxHeight="",this.emptyResult="No results found",this.filterable=!1,this.openOnSelect=!1,this.controlledFilter=!1,this.debounceDelay=300,this.autofocus=!1,this.fluid=!1,this.filterMode="strict",this.maxResults=25,this.startFilterAt=0,this.workerThreshold=2e3,this.fuzzyThreshold=.3,this.filterText="",this.selectedValues=new Set,this.open=!1,this.resultsTruncated=!1,this.totalResults=0,this.isSearching=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)\|\|(this.open=!1))},this.handleFilterInput=()=>{this.open=!0,this.filterText=this.inputElement.value,this.filterTextChanged.emit(this.inputElement.value),clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),"fuzzy"===this.effectiveFilterMode?d:this.debounceDelay)},this.getSelectedLabel=()=>{if(!this.value)return"";if(this.filterText?.length)return this.filterText;if(this.options?.length>1){const e=this.options.find((e=>e.value===this.value));return e?.label??e?.value??this.value}const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem")).find((e=>e.value===this.value));return e?e.label??e.textContent?.trim()??e.value:""}}handleOpenChange(e){!1===e&&(clearTimeout(this.debounceTimer),setTimeout((()=>{this.clearFilter()}),100))}handleValueChange(){this.updateSelectedItem(),this.open&&this.filterText\|\|this.setFilterInputToSelectedValue()}handleOptionsChange(){this.updateSelectedItem(),this.rebuildSearchIndex()}handleDropdownItemSelected(e){this.disabled\|\|this.readonly\|\|(this.openOnSelect\|\|(this.open=!1),e.detail.detached\|\|(this.getAllItems().forEach((t=>{t!==e.target?t.removeAttribute("selected"):t.setAttribute("selected","true")})),this.value=e.detail.value,this.setFilterInputToSelectedValue(),this.valueChanged.emit(e.detail.value)))}handleFocus(e){e.relatedTarget instanceof i&&e.relatedTarget.tagName.includes("NV-FIELDDROPDOWNITEM")\|\|e.target!=this.toggleElement&&(this.open=!0)}handleFocusOut(e){e.relatedTarget instanceof Node&&(this.el.contains(e.relatedTarget)\|\|(this.open=!1))}handleKeyDown(e){if("Escape"===e.key)return this.focusField(),void(this.open=!1);if(" "===e.key)return void(e.target==this.selectElement&&(e.preventDefault(),this.open=!0));const t=this.getNavigableItems(),i=this.getHighlightedItemIndex(t);if("ArrowDown"===e.key){e.preventDefault(),this.open=!0;const o=i+1;this.updateHighlightedItem(t,o>=t.length?0:o)}if("ArrowUp"===e.key){e.preventDefault(),this.open=!0;const o=i-1;this.updateHighlightedItem(t,o<0?t.length-1:o)}}handleDocumentClick(e){this.handleClickOutside(e)}async clearFilter(){this.filterable&&(this.filterText?.length&&(this.filterText="",this.filterTextChanged.emit(this.filterText)),this.filterItems(),setTimeout((()=>{this.setFilterInputToSelectedValue()}),0))}async toggleDropdown(e){setTimeout(void 0!==e?()=>{this.open=e}:()=>{this.open=!this.open},0)}syncToggleDropdown(){this.open=!this.open}setFilterInputToSelectedValue(){if((this.filterable\|\|this.disabled\|\|this.readonly)&&this.inputElement)return this.value?void(this.inputElement.value=this.getSelectedLabel()):this.inputElement.value=""}getFilterableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([data-empty]):not([detached])"))}getNavigableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([disabled]):not([hidden])"))}getAllItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem"))}getHighlightedItemIndex(e){return e.findIndex((e=>e.classList.contains("highlighted")))}updateHighlightedItem(e,t){e.forEach(((e,i)=>{e.classList.remove("highlighted"),i===t&&(e.classList.add("highlighted"),e.focus(),e.scrollIntoView({block:"nearest"}))}))}focusField(){const e=this.el.querySelector('[data-scope="focusable"]');e?.focus()}async rebuildSearchIndex(){const e=this.getFilterableItems();this.rawItems=e.map(((e,t)=>({id:e.value\|\|"item-"+t,label:e.label\|\|e.textContent?.trim()\|\|e.value\|\|""}))),this.options?.length&&this.options.forEach(((e,t)=>{this.rawItems.push({id:e.value\|\|"opt-"+t,label:e.label\|\|e.value\|\|""})})),this.indexedItems=s(this.rawItems),this.effectiveFilterMode=a(this.filterMode);const t=this.rawItems.length,i=u(this.workerThreshold);l(t,this.effectiveFilterMode,i)?await this.initWorker():this.terminateWorker()}async initWorker(){c()&&(this.workerClient\|\|(this.workerClient=new h),await this.workerClient.init(this.rawItems))}terminateWorker(){this.workerClient&&(this.workerClient.terminate(),this.workerClient=null)}async filterItems(){if(this.controlledFilter)return;this.indexedItems.length\|\|await this.rebuildSearchIndex();const e=this.getFilterableItems();if(this.el.querySelectorAll("nv-fielddropdownitem[data-empty], nv-fielddropdownitem[data-truncated]").forEach((e=>e.remove())),this.filterText.length<this.startFilterAt){const t=f(this.maxResults);let i=0;return e.forEach((e=>{i<t?(e.removeAttribute("hidden"),i++):e.setAttribute("hidden","")})),this.resultsTruncated=e.length>t,this.totalResults=e.length,void(this.resultsTruncated&&this.addTruncatedMessage(t,e.length))}const t=this.rawItems.length,i=u(this.workerThreshold);let o;if(l(t,this.effectiveFilterMode,i)&&this.workerClient?.isReady){this.isSearching=!0;try{o=await this.workerClient.search(this.filterText,this.effectiveFilterMode,this.maxResults,this.fuzzyThreshold)}catch(e){console.error("Worker search failed, falling back to main thread:",e),o=p(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}finally{this.isSearching=!1}}else o=p(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold});this.resultsTruncated=o.truncated,this.totalResults=o.total,this.applySearchResults(o,e)}applySearchResults(e,t){const i=new Set(e.ids);let o=!1,r=0;const n=f(this.maxResults);if(t.forEach((t=>{const d=t.value\|\|"",s=t.label\|\|t.textContent?.trim()\|\|"";(i.has(d)\|\|e.ids.some((e=>{const t=this.indexedItems.find((t=>t.id===e));return t&&(t.label===s\|\|t.id===d)})))&&r<n?(t.removeAttribute("hidden"),o=!0,r++):t.setAttribute("hidden","")})),o)e.truncated&&this.addTruncatedMessage(e.ids.length,e.total);else{const e=document.createElement("nv-fielddropdownitem");e.setAttribute("data-empty","true"),e.setAttribute("disabled","true"),e.textContent=this.emptyResult,this.el.querySelector('div[slot="content"] ul')?.prepend(e)}}addTruncatedMessage(e,t){const i=this.truncatedResultsText\|\|v(this.locale),o=document.createElement("nv-fielddropdownitem");o.setAttribute("data-truncated","true"),o.setAttribute("disabled","true"),o.setAttribute("detached","true"),o.className="truncated-message",o.textContent=b(i,e,t);const r=this.el.querySelector('div[slot="content"] ul');r&&r.appendChild(o)}async updateSelectedItem(){const e=this.getAllItems();this.value&&e.forEach((e=>{e.selected=e.value===this.value}))}componentDidLoad(){this.updateSelectedItem(),this.setFilterInputToSelectedValue(),this.rebuildSearchIndex()}disconnectedCallback(){clearTimeout(this.debounceTimer),this.terminateWorker()}componentDidRender(){this.filterable\|\|!this.disabled&&!this.readonly\|\|(this.inputElement.value=this.getSelectedLabel())}render(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,i=e?t:null,o=e?"true"===i\|\|""===i:void 0,d=this.required&&(!e\|\|!0===o);return r(n,{key:"fc83e8834e38142ad102d17495b5978283699576",role:"combobox","aria-expanded":""+this.open,"aria-haspopup":"listbox","aria-label":this.label},(this.label\|\|this.el.querySelector('[slot="label"]'))&&r("label",{key:"5a1eb965296909556869a025a6e4da609f2cbf90",htmlFor:this.inputId,onClick:this.syncToggleDropdown.bind(this)},r("slot",{key:"d5d4f3607e07e248c4083c3ea934a3bd1d7a7467",name:"label"},this.label)),r("nv-popover",{key:"17e42a4d729dbc735db49f398ec14e0c296ff8ee",triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:e=>this.openChanged.emit(e.detail)},r("div",{key:"a665ff2d2142acf5335d52e9a304ea2995750e5f",class:"input-wrapper",slot:"trigger"},r("slot",{key:"bddb24c6404ea0ea7da33485f8d497d0a635f3e2",name:"before-input"}),r("div",{key:"7275a9a99c9b4476b405f3966f128ce9ce92801a",class:"input-container"},r("slot",{key:"ede3c4442f365377eb83524f5d70d2922cd2a38b",name:"leading-input"}),this.filterable\|\|this.disabled\|\|this.readonly?r("input",{"data-scope":"focusable",id:this.inputId,type:"search",ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,required:d?this.required:void 0,...void 0!==o&&{"aria-required":o+""},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleFilterInput}):r("p",{"data-scope":"focusable",id:this.inputId,ref:e=>this.selectElement=e,class:"non-filterable-text",tabIndex:this.disabled?-1:0},this.getSelectedLabel()\|\|this.value\|\|this.placeholder),this.filterable&&this.filterText&&r("nv-iconbutton",{key:"d1aa81c5d14601ea85cec133a94f2b071ca98358",name:"x",size:"md",emphasis:"lower",class:"clear-button",onClick:this.clearFilter.bind(this),"aria-label":"Clear input"}),this.error&&r("nv-icon",{key:"d49e30222d63ffdcc4d952d959a98946b943685f",name:"alert-circle",class:"validation",size:"md"}),r("nv-iconbutton",{key:"6e157ce63f3f6faa08df5b7b9b7e6fd3ae9d0c31","data-scope":"toggle-dropdown",ref:e=>this.toggleElement=e,name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",onClick:this.syncToggleDropdown.bind(this),tabIndex:this.disabled?-1:0})),r("slot",{key:"665519b43abbd562ea1c3e36355b15ffb3e6fea2",name:"after-input"})),r("div",{key:"da97b6498e93d5f6c427bec6963db697c41c2d9a",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},this.options?.length>0&&r("ul",{key:"0db57a711680aad61c32993b5f3afe304ec9066f"},this.options.map((e=>r("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))),r("slot",{key:"5c7643c6436c42efa63bab75f416b684b662812b",name:"content"}))),(this.description\|\|this.el.querySelector('[slot="description"]'))&&r("div",{key:"0ade462a96a16bb0cf6fb9d49d4ead0d98a6234b",class:"description"},r("slot",{key:"bb2d0c3340bdc0d0b3ac77feab8bc70a73b89a00",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"c04c2329d71e088b262a46441bb3bd9592d304e8",hidden:!this.error,class:"error-description"},r("slot",{key:"b85d769f12c4bf2a2ba5aba69c20566d17801f0a",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{open:[{handleOpenChange:0}],value:[{handleValueChange:0}],options:[{handleOptionsChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddropdown{--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;max-width:480px}nv-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[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-fielddropdown[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-in-field)}nv-fielddropdown[required]:not([required=false]) label::after,nv-fielddropdown[aria-required=true] label::after{content:"";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;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-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) 2);overflow-y:auto;position:relative}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;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}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container: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-fielddropdown .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container{position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container 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);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container p.non-filterable-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;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:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .input-container p.non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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)}'}},[324,"nv-fielddropdown",{inputId:[513,"input-id"],name:[513],label:[513],description:[513],placeholder:[513],autocomplete:[513],value:[1537],required:[516],ariaRequiredAttr:[516,"aria-required"],readonly:[516],disabled:[516],error:[516],errorDescription:[513,"error-description"],maxHeight:[513,"max-height"],emptyResult:[513,"empty-result"],filterable:[516],openOnSelect:[516,"open-on-select"],controlledFilter:[516,"controlled-filter"],options:[16],debounceDelay:[514,"debounce-delay"],autofocus:[516],fluid:[516],filterMode:[513,"filter-mode"],maxResults:[514,"max-results"],startFilterAt:[514,"start-filter-at"],locale:[513],truncatedResultsText:[513,"truncated-results-text"],workerThreshold:[514,"worker-threshold"],fuzzyThreshold:[514,"fuzzy-threshold"],filterText:[32],selectedValues:[32],open:[32],resultsTruncated:[32],totalResults:[32],isSearching:[32],clearFilter:[64],toggleDropdown:[64]},[[0,"dropdownItemSelected","handleDropdownItemSelected"],[3,"focus","handleFocus"],[3,"focusout","handleFocusOut"],[0,"keydown","handleKeyDown"],[4,"click","handleDocumentClick"]],{open:[{handleOpenChange:0}],value:[{handleValueChange:0}],options:[{handleOptionsChange:0}]}]);function C(){"undefined"!=typeof customElements&&["nv-fielddropdown","nv-fielddropdownitem","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((t=>{switch(t){case"nv-fielddropdown":customElements.get(e(t))\|\|customElements.define(e(t),z);break;case"nv-fielddropdownitem":customElements.get(e(t))\|\|m();break;case"nv-icon":customElements.get(e(t))\|\|w();break;case"nv-iconbutton":customElements.get(e(t))\|\|g();break;case"nv-loader":customElements.get(e(t))\|\|y();break;case"nv-popover":customElements.get(e(t))\|\|k()}}))}C();const I=z,T=C;export{I as NvFielddropdown,T as defineCustomElement}

package/dist/components/nv-fielddropdownitem.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{N as o,d as s}from"./p-~~RUeDcouW~~.js";const p=o,r=s;export{p as NvFielddropdownitem,r as defineCustomElement}
1	+ import{N as o,d as s}from"./p-D-MnI-R8.js";const p=o,r=s;export{p as NvFielddropdownitem,r as defineCustomElement}

package/dist/components/nv-fielddropdownitemcheck.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{N as s,d as o}from"./p-~~Bh6WGsHA~~.js";const p=s,r=o;export{p as NvFielddropdownitemcheck,r as defineCustomElement}
1	+ import{N as o,d as s}from"./p-D0bGRzSN.js";const p=o,r=s;export{p as NvFielddropdownitemcheck,r as defineCustomElement}

package/dist/components/nv-fieldmultiselect.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t,p as e,H as i,c as s,h as o,F as l,d as n}from"./p-iXsbKJzR.js";import{k as r,h as a,f as d,q as h,l as c,S as u,s as f,i as m}from"./p-BaF3Tuua.js";import{g as p,f as v}from"./p-CR9MpYzU.js";import{d as b}from"./p-laRga5dw.js";import{d as g}from"./p-D15RdWEG.js";import{d as w}from"./p-Bh6WGsHA.js";import{d as k}from"./p-jZF_Ggmx.js";import{d as y}from"./p-DDqZBSGn.js";import{d as x}from"./p-CAKTe96z.js";import{d as A}from"./p-DHNSuxz-.js";import{v as C}from"./p-BdYh22OP.js";const S=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.valueChanged=s(this,"valueChanged",3),this.filterTextChanged=s(this,"filterTextChanged",3),this.isBulkOperation=!1,this.preventBlurClose=!1,this.indexedItems=[],this.rawItems=[],this.workerClient=null,this.effectiveFilterMode="strict",this.inputId=C(),this.autocomplete="off",this.required=!1,this.ariaRequiredAttr=!1,this.readonly=!1,this.disabled=!1,this.error=!1,this.maxHeight="",this.open=!1,this.fluid=!1,this.value=[],this.filterable=!1,this.emptyResult="No results found",this.debounceDelay=300,this.autofocus=!1,this.badgeLabel="",this.filterText="",this.enableSelectAll=!1,this.selectAllLabel="Select/deselect all",this.deselectAllLabel="Select/deselect all",this.filterMode="strict",this.maxResults=25,this.startFilterAt=0,this.workerThreshold=2e3,this.fuzzyThreshold=.3,this.sortedOptions=[],this.isHandlingEscape=!1,this.hasFilterResults=!0,this.isSelectAllSectionVisible=!0,this.resultsTruncated=!1,this.totalResults=0,this.isSearching=!1,this.handleBadgeCloseOptions=()=>{this.value=[],this.valueChanged.emit(this.value),Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{t.checked=!1,t.style.display=""})),this.options=this.options.filter((t=>!t.isDivider)),this.reorderOptionsContent()},this.handleBadgeCloseSlots=()=>{this.value=[],this.valueChanged.emit(this.value),Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{t.checked=!1,t.style.display=""})),requestAnimationFrame((()=>{this.reorderSlotContent()}))},this.handlePopoverClose=()=>{},this.clearFilterText=()=>{""!==this.filterText&&(this.filterText="",this.filterTextChanged.emit("")),this.resetFilter(),this.hasFilterResults=!0},this.handleInputBlurOptions=()=>{setTimeout((()=>{this.preventBlurClose?this.preventBlurClose=!1:this.el.contains(document.activeElement)\|\|(this.open=!1,this.filterable&&this.clearFilterText())}),150)},this.handleInputContainerClickOptions=t=>{if(this.disabled\|\|this.readonly)return;const e=t.target;if("P"===e.tagName\|\|"SPAN"===e.tagName){this.open=!0;const t=this.el.querySelector(".input-container");t&&(t.classList.add("focus-within"),this.popoverElement.addEventListener("hide",(()=>{t.classList.remove("focus-within")})))}},this.handleInputContainerClickSlots=t=>{if(this.disabled\|\|this.readonly)return;const e=t.target;if("P"===e.tagName\|\|"SPAN"===e.tagName){this.open=!0;const t=this.el.querySelector(".input-container");t&&(t.classList.add("focus-within"),this.popoverElement.addEventListener("hide",(()=>{t.classList.remove("focus-within")})))}},this.handleInputOptions=t=>{this.filterable&&(this.disabled\|\|this.readonly\|\|(this.filterText=t.target.value,this.filterTextChanged.emit(this.filterText),this.debounceTimer&&window.clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),this.debounceDelay)))},this.handleInputSlots=t=>{this.filterable&&(this.disabled\|\|this.readonly\|\|(this.filterText=t.target.value,this.filterTextChanged.emit(this.filterText),this.debounceTimer&&window.clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),this.debounceDelay)))},this.handleInputFocusOptions=()=>{this.disabled\|\|this.readonly\|\|(this.open=!0)},this.handleInputFocusSlots=()=>{this.disabled\|\|this.readonly\|\|(this.open=!0)},this.handleInputBlurSlots=()=>{setTimeout((()=>{this.preventBlurClose?this.preventBlurClose=!1:this.el.contains(document.activeElement)\|\|(this.open=!1,this.filterable&&this.clearFilterText())}),150)},this.togglePopoverOptions=()=>{this.disabled\|\|this.readonly\|\|(this.open=!this.open)},this.togglePopoverSlots=()=>{this.disabled\|\|this.readonly\|\|(this.open=!this.open)},this.toggleSelectAllOptions=t=>{if(this.options){this.isBulkOperation=!0;try{const e=this.getVisibleEnabledOptionItems();this.value=t?[...new Set([...this.value,...e])]:this.value.filter((t=>!e.includes(t))),this.valueChanged.emit(this.value),this.syncChildComponents(),this.reorderOptionsContent()}finally{requestAnimationFrame((()=>{this.isBulkOperation=!1}))}}},this.toggleSelectAllSlots=t=>{if(!this.options){this.isBulkOperation=!0;try{const e=this.getVisibleEnabledSlotItems();if(t){const t=e.map((t=>t.getAttribute("value")\|\|t.getAttribute("label")\|\|"")).filter((t=>""!==t));this.value=[...new Set([...this.value,...t])]}else{const t=e.map((t=>t.getAttribute("value")\|\|t.getAttribute("label")\|\|"")).filter((t=>""!==t));this.value=this.value.filter((e=>!t.includes(e)))}this.valueChanged.emit(this.value),requestAnimationFrame((()=>{this.syncChildComponents(),this.reorderSlotContent()}))}finally{requestAnimationFrame((()=>{this.isBulkOperation=!1}))}}},this.handleSelectAllCheckboxOptionsClick=t=>{t.stopPropagation(),t.preventDefault();const e=this.getSelectAllCheckboxStateOptions();this.toggleSelectAllOptions("unchecked"===e\|\|"indeterminate"===e)},this.handleSelectAllCheckboxSlotsClick=t=>{t.stopPropagation(),t.preventDefault();const e=this.getSelectAllCheckboxStateSlots();this.toggleSelectAllSlots("unchecked"===e\|\|"indeterminate"===e)},this.handleMouseDownPreventBlur=()=>{this.preventBlurClose=!0},this.renderOptionsMode=()=>o(n,{"aria-label":this.label},(this.label\|\|this.el.querySelector('[slot="label"]'))&&o("label",{htmlFor:this.inputId},o("slot",{name:"label"},this.label)),o("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:this.handleOpenChanged},o("div",{class:"input-wrapper-multiselect",slot:"trigger"},o("slot",{name:"before-input"}),o("div",{class:"input-container-multiselect"},o("slot",{name:"leading-input"}),(this.value?.length\|\|0)>0&&o("nv-badge",{slot:"leading-input","prevent-auto-close":!0,color:"10",dismissible:(this.value?.length\|\|0)>0,label:`${this.value?.length\|\|0} ${this.badgeLabel}`,"aria-label":`Clear all ${this.value?.length\|\|0} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseOptions}),this.filterable\|\|this.disabled\|\|this.readonly?o("input",{type:"text",id:this.inputId,ref:t=>this.inputElement=t,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.filterText,required:this.getRequiredAttributes().useNativeRequired?this.required:void 0,...void 0!==this.getRequiredAttributes().ariaRequiredValue&&{"aria-required":this.getRequiredAttributes().ariaRequiredValue+""},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputOptions,onFocus:this.handleInputFocusOptions,onBlur:this.handleInputBlurOptions,onKeyDown:this.handleKeyDown,"data-scope":"focusable","aria-label":this.label,"aria-controls":this.inputId+"-listbox"}):o(l,null,o("input",{id:this.inputId,type:"text",style:{position:"absolute",opacity:"0",width:"0",height:"0",pointerEvents:"none"},tabIndex:-1,"aria-hidden":"true",autoComplete:this.autocomplete,name:this.name,onFocus:this.handleInputFocusOptions}),o("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickOptions,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusOptions,"aria-label":this.label,"aria-controls":this.inputId+"-listbox","data-scope":"focusable",role:"button"},o("span",null,this.placeholder))),this.error&&o("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),this.filterable&&this.filterText.length>0&&o("nv-iconbutton",{"data-scope":"clear-filter",name:"x",size:"md",emphasis:"lower","aria-label":"Clear filter text",tabindex:"-1",title:"Clear filter text",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.clearFilterText}),o("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",title:this.open?"Hide dropdown":"Show dropdown",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.togglePopoverOptions})),o("slot",{name:"after-input"})),o("div",{id:this.inputId+"-listbox",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{},onMouseDown:this.handleMouseDownPreventBlur},this.shouldShowToggleAllOptionsButton()&&o("div",{class:"select-all-container"},o("div",{class:"select-all-header"},this.isSelectAllSectionVisible&&o("nv-fieldcheckbox",{checked:"checked"===this.getSelectAllCheckboxStateOptions(),indeterminate:"indeterminate"===this.getSelectAllCheckboxStateOptions(),label:"unchecked"===this.getSelectAllCheckboxStateOptions()?this.selectAllLabel:this.deselectAllLabel,onMouseDown:this.handleMouseDownPreventBlur,onClick:this.handleSelectAllCheckboxOptionsClick}))),o("ul",{role:"listbox","aria-multiselectable":"true"},this.options.map((t=>o("nv-fielddropdownitemcheck",{role:"option",label:t.label,description:t.description,value:t.value,checked:(this.value\|\|[]).includes(t.value),disabled:t.disabled})))))),this.renderDescriptions()),this.renderSlotsMode=()=>o(n,{"aria-label":this.label},(this.label\|\|this.el.querySelector('[slot="label"]'))&&o("label",{htmlFor:this.inputId},o("slot",{name:"label"},this.label)),o("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open},o("div",{class:"input-wrapper-multiselect",slot:"trigger"},o("slot",{name:"before-input"}),o("div",{class:"input-container-multiselect",onClick:this.handleInputContainerClickSlots},o("slot",{name:"leading-input"}),(this.value?.length\|\|0)>0&&o("nv-badge",{slot:"leading-input","prevent-auto-close":!0,color:"10",dismissible:(this.value?.length\|\|0)>0,label:`${this.value?.length\|\|0} ${this.badgeLabel}`,"aria-label":`Clear all ${this.value?.length\|\|0} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseSlots}),this.filterable\|\|this.disabled\|\|this.readonly?o("input",{id:this.inputId,ref:t=>this.inputElement=t,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.filterText,required:this.getRequiredAttributes().useNativeRequired?this.required:void 0,...void 0!==this.getRequiredAttributes().ariaRequiredValue&&{"aria-required":this.getRequiredAttributes().ariaRequiredValue+""},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputSlots,onFocus:this.handleInputFocusSlots,onBlur:this.handleInputBlurSlots,onKeyDown:this.handleKeyDown,"data-scope":"focusable","aria-label":this.label,"aria-controls":this.inputId+"-listbox"}):o(l,null,o("input",{id:this.inputId,type:"text",style:{position:"absolute",opacity:"0",width:"0",height:"0",pointerEvents:"none"},tabIndex:-1,"aria-hidden":"true",autoComplete:this.autocomplete,name:this.name,onFocus:this.handleInputFocusSlots}),o("p",{id:this.inputId,class:"non-filterable-text","aria-label":this.label,onClick:this.handleInputContainerClickSlots,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusSlots,"aria-controls":this.inputId+"-listbox","data-scope":"focusable",role:"button"},o("span",null,this.placeholder))),this.error&&o("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),this.filterable&&this.filterText.length>0&&o("nv-iconbutton",{name:"x",size:"md",emphasis:"lower",tabindex:"-1",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.clearFilterText,"aria-label":"Clear filter text"}),o("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",title:this.open?"Hide dropdown":"Show dropdown",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.togglePopoverSlots})),o("slot",{name:"after-input"})),o("div",{id:this.inputId+"-listbox",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{},onMouseDown:this.handleMouseDownPreventBlur},this.shouldShowToggleAllSlotButton()&&o("div",{class:"select-all-container"},o("div",{class:"select-all-header"},this.isSelectAllSectionVisible&&o("nv-fieldcheckbox",{checked:"checked"===this.getSelectAllCheckboxStateSlots(),indeterminate:"indeterminate"===this.getSelectAllCheckboxStateSlots(),label:"unchecked"===this.getSelectAllCheckboxStateSlots()?this.selectAllLabel:this.deselectAllLabel,onMouseDown:this.handleMouseDownPreventBlur,onClick:this.handleSelectAllCheckboxSlotsClick}))),o("slot",{name:"content"}))),this.renderDescriptions())}handleOptionsChange(t){t&&(this.value&&0!==this.value.length?t.forEach((t=>{t.checked=(this.value\|\|[]).includes(t.value)})):this.value=t.filter((t=>t.checked)).map((t=>t.value)),this.reorderOptionsContent())}watchValueHandler(){this.isBulkOperation\|\|(this.el&&this.el.isConnected&&this.syncChildComponents(),this.options&&this.options.forEach((t=>{t.checked=(this.value\|\|[]).includes(t.value)})))}handleOpenChange(t){t&&(this.options?this.reorderOptionsContent():this.reorderSlotContent(),this.filterText&&this.filterItems())}handleItemChecked(t){if(t.stopPropagation(),this.disabled\|\|this.readonly\|\|this.isBulkOperation)return;const{value:e,checked:i}=t.detail;if(null!=e){const t=[...this.value\|\|[]],s=t.indexOf(e);let o=!1;i&&-1===s?(t.push(e),o=!0):!i&&s>-1&&(t.splice(s,1),o=!0),o&&(this.value=t,this.valueChanged.emit(this.value),this.syncChildComponents()),this.filterable&&this.inputElement&&(this.inputElement.value=this.filterText)}else console.warn("[Event:itemChecked] Received itemChecked event with undefined or null value")}handleSlotChange(t){const e=t.target;e&&"content"===e.name&&requestAnimationFrame((()=>{this.reorderSlotContent()}))}async handleKeyDown(t){if("Escape"===t.key)return void(this.open=!1);if(!this.open)return"ArrowDown"===t.key?(this.open=!0,this.filterable\|\|requestAnimationFrame((()=>{this.focusFirstItem()})),void t.preventDefault()):void 0;const e=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style="display: none"])'));if(0===e.length)return void console.warn("No visible items found to navigate");let i=e.findIndex((t=>t.classList.contains("highlighted")));if("ArrowDown"===t.key)t.preventDefault(),i=-1===i?0:(i+1)%e.length,this.updateHighlightedItem(e,i);else if("ArrowUp"===t.key)t.preventDefault(),i=-1===i?e.length-1:(i-1+e.length)%e.length,this.updateHighlightedItem(e,i);else if("Enter"===t.key&&i>=0){t.preventDefault();const s=e[i],o=s.hasAttribute("checked");s.checked=!o,s.dispatchEvent(new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0}))}else if("Escape"===t.key){t.preventDefault(),t.stopPropagation();const e=async()=>{this.isHandlingEscape=!0,this.options?this.reorderOptionsContent():this.reorderSlotContent(),await new Promise((t=>setTimeout(t,100))),setTimeout((()=>{this.isHandlingEscape=!1,this.open=!1}),150),this.inputElement&&this.inputElement.blur()};await e()}}connectedCallback(){this._boundHandleClickOutside\|\|(this._boundHandleClickOutside=this.handleClickOutside.bind(this)),document.addEventListener("click",this._boundHandleClickOutside)}componentWillLoad(){this.options&&this.handleOptionsChange(this.options),this.options\|\|(this.initializeValueFromSlots(),Promise.resolve().then((()=>{this.syncChildComponents(),requestAnimationFrame((()=>{this.reorderSlotContent()}))}))),this.options&&(this.sortedOptions=[...this.options??[]]),this.filterText\|\|this.resetFilter(),this.hasFilterResults=!0}componentDidLoad(){this.options&&this.handleOptionsChange(this.options),this.syncChildComponents(),this.options\|\|(this.initializeValueFromSlots(),this.syncChildComponents()),this.rebuildSearchIndex()}disconnectedCallback(){this._boundHandleClickOutside&&document.removeEventListener("click",this._boundHandleClickOutside),this.terminateSearchWorker()}async getFilterText(){return this.filterText}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]");i&&i.remove();const s=t.filter((t=>(this.value\|\|[]).includes(t.getAttribute("value")\|\|""))),o=t.filter((t=>!(this.value\|\|[]).includes(t.getAttribute("value")\|\|"")));s.length>0&&this.manageDivider(e,s,o)}this.hasFilterResults=!0}async getSelectedValues(){return this.value}async selectAll(){this.disabled\|\|this.readonly\|\|(this.options?this.toggleSelectAllOptions(!0):this.toggleSelectAllSlots(!0))}async deselectAll(){this.disabled\|\|this.readonly\|\|(this.options?this.toggleSelectAllOptions(!1):this.toggleSelectAllSlots(!1))}async toggleSelectAll(){if(this.disabled\|\|this.readonly)return;const t=this.options?this.getSelectAllCheckboxStateOptions():this.getSelectAllCheckboxStateSlots(),e="unchecked"===t\|\|"indeterminate"===t;this.options?this.toggleSelectAllOptions(e):this.toggleSelectAllSlots(e)}reorderSlotContent(){if(this.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=>"none"!==t.style.display));if(t.querySelector("[data-empty]"))return;const i=e.filter((t=>(this.value\|\|[]).includes(t.getAttribute("value")\|\|""))),s=e.filter((t=>!(this.value\|\|[]).includes(t.getAttribute("value")\|\|"")));if(i.forEach((e=>{t.appendChild(e)})),i.length>0&&s.length>0){const e=document.createElement("hr");e.className="multiselect-divider",t.appendChild(e)}s.forEach((e=>{t.appendChild(e)}))}reorderOptionsContent(){const t=this.el.querySelector("ul");if(!t)return;const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>"none"!==t.style.display)),i=e.filter((t=>(this.value\|\|[]).includes(t.getAttribute("value")\|\|""))),s=e.filter((t=>!(this.value\|\|[]).includes(t.getAttribute("value")\|\|"")));i.forEach((e=>t.appendChild(e))),s.forEach((e=>t.appendChild(e))),this.manageDivider(t,i,s)}async filterItems(){const t=this.el.querySelector("ul");if(!t)return;if(this.effectiveFilterMode=r(this.filterMode),t.querySelector("[data-empty]")?.remove(),t.querySelector("[data-truncated]")?.remove(),this.resultsTruncated=!1,this.totalResults=0,!this.filterText.trim()\|\|this.filterText.length<this.startFilterAt){const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")),i=a(this.maxResults);let s=0;e.forEach((t=>{s<i?(t.style.display="",s++):t.style.display="none"})),this.totalResults=e.length,this.resultsTruncated=e.length>i,this.hasFilterResults=s>0;const o=e.filter((t=>"none"!==t.style.display)),l=o.filter((t=>(this.value\|\|[]).includes(t.getAttribute("value")\|\|""))),n=o.filter((t=>!(this.value\|\|[]).includes(t.getAttribute("value")\|\|"")));return this.manageDivider(t,l,n),void(this.resultsTruncated&&this.addTruncatedMessage(t,i,e.length))}const e=await this.performAdvancedSearch();this.resultsTruncated=e.truncated,this.totalResults=e.total;const i=new Set(e.ids);let s=!1;const o=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")),l=a(this.maxResults);let n=0;o.forEach((t=>{const e=t.getAttribute("value")\|\|"";i.has(e)&&n<l?(t.style.display="",s=!0,n++):t.style.display="none"}));const d=o.filter((t=>"none"!==t.style.display)),h=d.filter((t=>(this.value\|\|[]).includes(t.getAttribute("value")\|\|""))),c=d.filter((t=>!(this.value\|\|[]).includes(t.getAttribute("value")\|\|"")));if(this.manageDivider(t,h,c),this.hasFilterResults=s,s)e.truncated&&this.addTruncatedMessage(t,e.ids.length,e.total);else{const e=document.createElement("li");e.setAttribute("data-empty","true"),e.textContent=this.emptyResult,e.classList.add("no-results-message"),t.appendChild(e)}this.options?this.reorderOptionsContent():this.reorderSlotContent()}async rebuildSearchIndex(){this.rawItems=[],this.options?.length?this.options.forEach(((t,e)=>{t.isDivider\|\|this.rawItems.push({id:t.value\|\|"opt-"+e,label:t.label\|\|t.value\|\|""})})):Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach(((t,e)=>{this.rawItems.push({id:t.getAttribute("value")\|\|"item-"+e,label:t.getAttribute("label")\|\|t.textContent?.trim()\|\|""})})),this.indexedItems=d(this.rawItems),this.effectiveFilterMode=r(this.filterMode);const t=this.rawItems.length,e=m(this.workerThreshold);h(t,this.effectiveFilterMode,e)?await this.initSearchWorker():this.terminateSearchWorker()}async initSearchWorker(){c()&&(this.workerClient\|\|(this.workerClient=new u),await this.workerClient.init(this.rawItems))}terminateSearchWorker(){this.workerClient&&(this.workerClient.terminate(),this.workerClient=null)}async performAdvancedSearch(){this.indexedItems.length\|\|await this.rebuildSearchIndex();const t=this.rawItems.length,e=m(this.workerThreshold);if(h(t,this.effectiveFilterMode,e)&&this.workerClient?.isReady){this.isSearching=!0;try{return await this.workerClient.search(this.filterText,this.effectiveFilterMode,this.maxResults,this.fuzzyThreshold)}catch(t){return console.error("Worker search failed:",t),f(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}finally{this.isSearching=!1}}return f(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}addTruncatedMessage(t,e,i){t.querySelector("[data-truncated]")?.remove();const s=this.truncatedResultsText\|\|p(this.locale),o=document.createElement("li");o.setAttribute("data-truncated","true"),o.className="truncated-message no-results-message",o.textContent=v(s,e,i),t.appendChild(o)}handleClickOutside(t){this.el.contains(t.target)\|\|this.inputElement&&this.inputElement.contains(t.target)\|\|(this.open=!1)}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");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");e&&e.focus()}else console.warn("No visible first item found to focus")}manageDivider(t,e,i){let s=t.querySelector("hr.multiselect-divider");s\|\|(s=document.createElement("hr"),s.className="multiselect-divider",t.appendChild(s)),e.length>0&&i.length>0?(e[e.length-1].after(s),s.style.display=""):s.style.display="none"}syncChildComponents(){this.el&&this.el.isConnected&&Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{const e=t.getAttribute("value")\|\|t.getAttribute("label")\|\|"",i=(this.value\|\|[]).includes(e);t.checked!==i&&(this.isBulkOperation?(i?t.setAttribute("checked",""):t.removeAttribute("checked"),t.checked=i):t.checked=i)}))}getVisibleEnabledSlotItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>{const e="none"===t.style.display,i=t.hasAttribute("disabled");return!e&&!i}))}getVisibleEnabledOptionItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>{const e="none"===t.style.display\|\|"true"===t.getAttribute("aria-hidden"),i=t.hasAttribute("disabled")\|\|"true"===t.getAttribute("disabled");return!e&&!i})).map((t=>t.getAttribute("value")\|\|"")).filter((t=>""!==t))}shouldShowToggleAllOptionsButton(){return!!this.options&&this.enableSelectAll&&this.hasFilterResults}getSelectAllCheckboxStateOptions(){if(!this.options)return"unchecked";const t=this.getVisibleEnabledOptionItems();if(0===t.length)return"unchecked";const e=t.filter((t=>(this.value\|\|[]).includes(t)));return 0===e.length?"unchecked":e.length===t.length?"checked":"indeterminate"}getSelectAllCheckboxStateSlots(){if(this.options)return"unchecked";const t=this.getVisibleEnabledSlotItems();if(0===t.length)return"unchecked";const e=t.filter((t=>{const e=t.getAttribute("value")\|\|t.getAttribute("label")\|\|"";return""!==e&&(this.value\|\|[]).includes(e)}));return 0===e.length?"unchecked":e.length===t.length?"checked":"indeterminate"}shouldShowToggleAllSlotButton(){return!this.options&&this.enableSelectAll&&this.hasFilterResults}initializeValueFromSlots(){const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>t.hasAttribute("checked"))).map((t=>t.getAttribute("value")\|\|t.getAttribute("label")\|\|""));this.value=Array.from(new Set([...this.value\|\|[],...t]))}getRequiredAttributes(){const t=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),e=t?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,i=t?e:null,s=t?"true"===i\|\|""===i:void 0;return{ariaRequiredValue:s,useNativeRequired:this.required&&(!t\|\|!0===s)}}handleOpenChanged(t){this.open!==t.detail&&(this.open=t.detail,this.open?this.filterText&&this.filterItems():(this.filterable&&this.clearFilterText(),this.handlePopoverClose()),this.options?this.reorderOptionsContent():this.reorderSlotContent())}renderDescriptions(){return[(this.description\|\|this.el.querySelector('[slot="description"]'))&&o("div",{class:"description"},o("slot",{name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{hidden:!this.error,class:"error-description"},o("slot",{name:"error-description"},this.errorDescription))]}render(){return this.options?this.renderOptionsMode():this.renderSlotsMode()}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{watchValueHandler:0}],open:[{handleOpenChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}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;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}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-in-field)}nv-fieldmultiselect[required]:not([required=false]) label::after,nv-fieldmultiselect[aria-required=true] label::after{content:"";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}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:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;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 nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) 2);overflow-y:auto;position:relative}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;justify-content:center;align-items:center;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}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){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{position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}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);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}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:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}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:var(--font-weight-medium-emphasis);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{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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{cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x)}.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}.select-all-container{position:sticky;top:0;background-color:var(--components-list-dropdown-background);border-bottom:1px solid var(--components-list-dropdown-separator);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);z-index:10;margin-bottom:0}.select-all-container .select-all-header{display:flex;align-items:center;gap:var(--form-field-gap)}.select-all-container .select-all-header nv-fieldcheckbox{flex:1;margin:0}.select-all-container .select-all-header nv-iconbutton,.select-all-container .select-all-header nv-button{flex-shrink:0;margin-left:auto}.select-all-container .select-all-header nv-button{justify-content:center}'}},[324,"nv-fieldmultiselect",{label:[513],inputId:[513,"input-id"],name:[513],description:[513],placeholder:[513],autocomplete:[513],required:[516],ariaRequiredAttr:[516,"aria-required"],readonly:[516],disabled:[516],error:[516],errorDescription:[513,"error-description"],maxHeight:[513,"max-height"],open:[1540],fluid:[516],options:[1040],value:[1040],filterable:[516],emptyResult:[513,"empty-result"],debounceDelay:[514,"debounce-delay"],autofocus:[516],badgeLabel:[513,"badge-label"],filterText:[1537,"filter-text"],enableSelectAll:[516,"enable-select-all"],selectAllLabel:[513,"select-all-label"],deselectAllLabel:[513,"deselect-all-label"],filterMode:[513,"filter-mode"],maxResults:[514,"max-results"],startFilterAt:[514,"start-filter-at"],locale:[513],truncatedResultsText:[513,"truncated-results-text"],workerThreshold:[514,"worker-threshold"],fuzzyThreshold:[514,"fuzzy-threshold"],sortedOptions:[32],isHandlingEscape:[32],hasFilterResults:[32],isSelectAllSectionVisible:[32],resultsTruncated:[32],totalResults:[32],isSearching:[32],getFilterText:[64],resetFilter:[64],getSelectedValues:[64],selectAll:[64],deselectAll:[64],toggleSelectAll:[64]},[[0,"itemChecked","handleItemChecked"],[0,"slotchange","handleSlotChange"],[0,"keydown","handleKeyDown"]],{options:[{handleOptionsChange:0}],value:[{watchValueHandler:0}],open:[{handleOpenChange:0}]}]);function z(){"undefined"!=typeof customElements&&["nv-fieldmultiselect","nv-badge","nv-fieldcheckbox","nv-fielddropdownitemcheck","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((e=>{switch(e){case"nv-fieldmultiselect":customElements.get(t(e))\|\|customElements.define(t(e),S);break;case"nv-badge":customElements.get(t(e))\|\|b();break;case"nv-fieldcheckbox":customElements.get(t(e))\|\|g();break;case"nv-fielddropdownitemcheck":customElements.get(t(e))\|\|w();break;case"nv-icon":customElements.get(t(e))\|\|k();break;case"nv-iconbutton":customElements.get(t(e))\|\|y();break;case"nv-loader":customElements.get(t(e))\|\|x();break;case"nv-popover":customElements.get(t(e))\|\|A()}}))}z();const q=S,F=z;export{q as NvFieldmultiselect,F as defineCustomElement}
1	+ import{t,p as e,H as i,c as s,h as o,F as n,d as l}from"./p-6nAIGZFL.js";import{k as r,h as a,f as d,q as h,l as c,S as u,s as f,i as m}from"./p-BaF3Tuua.js";import{g as p,f as v}from"./p-CR9MpYzU.js";import{d as b}from"./p-DC_2597n.js";import{d as g}from"./p-CZkFkVd8.js";import{d as k}from"./p-D0bGRzSN.js";import{d as w}from"./p-CV12ukSl.js";import{d as y}from"./p-Db4JZxyy.js";import{d as x}from"./p-T-bBxAoT.js";import{d as C}from"./p-DrgqO3gF.js";import{v as A}from"./p-BdYh22OP.js";const S=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.valueChanged=s(this,"valueChanged",3),this.filterTextChanged=s(this,"filterTextChanged",3),this.isBulkOperation=!1,this.preventBlurClose=!1,this.indexedItems=[],this.rawItems=[],this.workerClient=null,this.effectiveFilterMode="strict",this.inputId=A(),this.autocomplete="off",this.required=!1,this.ariaRequiredAttr=!1,this.readonly=!1,this.disabled=!1,this.error=!1,this.maxHeight="",this.open=!1,this.fluid=!1,this.value=[],this.filterable=!1,this.emptyResult="No results found",this.debounceDelay=300,this.autofocus=!1,this.badgeLabel="",this.filterText="",this.enableSelectAll=!1,this.selectAllLabel="Select/deselect all",this.deselectAllLabel="Select/deselect all",this.filterMode="strict",this.maxResults=25,this.startFilterAt=0,this.workerThreshold=2e3,this.fuzzyThreshold=.3,this.sortedOptions=[],this.isHandlingEscape=!1,this.hasFilterResults=!0,this.isSelectAllSectionVisible=!0,this.resultsTruncated=!1,this.totalResults=0,this.isSearching=!1,this.handleBadgeCloseOptions=()=>{this.value=[],this.valueChanged.emit(this.value),Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{t.checked=!1,t.style.display=""})),this.options=this.options.filter((t=>!t.isDivider)),this.reorderOptionsContent()},this.handleBadgeCloseSlots=()=>{this.value=[],this.valueChanged.emit(this.value),Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{t.checked=!1,t.style.display=""})),requestAnimationFrame((()=>{this.reorderSlotContent()}))},this.handlePopoverClose=()=>{},this.clearFilterText=()=>{""!==this.filterText&&(this.filterText="",this.filterTextChanged.emit("")),this.resetFilter(),this.hasFilterResults=!0},this.handleInputBlurOptions=()=>{setTimeout((()=>{this.preventBlurClose?this.preventBlurClose=!1:this.el.contains(document.activeElement)\|\|(this.open=!1,this.filterable&&this.clearFilterText())}),150)},this.handleInputContainerClickOptions=t=>{if(this.disabled\|\|this.readonly)return;const e=t.target;if("P"===e.tagName\|\|"SPAN"===e.tagName){this.open=!0;const t=this.el.querySelector(".input-container");t&&(t.classList.add("focus-within"),this.popoverElement.addEventListener("hide",(()=>{t.classList.remove("focus-within")})))}},this.handleInputContainerClickSlots=t=>{if(this.disabled\|\|this.readonly)return;const e=t.target;if("P"===e.tagName\|\|"SPAN"===e.tagName){this.open=!0;const t=this.el.querySelector(".input-container");t&&(t.classList.add("focus-within"),this.popoverElement.addEventListener("hide",(()=>{t.classList.remove("focus-within")})))}},this.handleInputOptions=t=>{this.filterable&&(this.disabled\|\|this.readonly\|\|(this.filterText=t.target.value,this.filterTextChanged.emit(this.filterText),this.debounceTimer&&window.clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),this.debounceDelay)))},this.handleInputSlots=t=>{this.filterable&&(this.disabled\|\|this.readonly\|\|(this.filterText=t.target.value,this.filterTextChanged.emit(this.filterText),this.debounceTimer&&window.clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),this.debounceDelay)))},this.handleInputFocusOptions=()=>{this.disabled\|\|this.readonly\|\|(this.open=!0)},this.handleInputFocusSlots=()=>{this.disabled\|\|this.readonly\|\|(this.open=!0)},this.handleInputBlurSlots=()=>{setTimeout((()=>{this.preventBlurClose?this.preventBlurClose=!1:this.el.contains(document.activeElement)\|\|(this.open=!1,this.filterable&&this.clearFilterText())}),150)},this.togglePopoverOptions=()=>{this.disabled\|\|this.readonly\|\|(this.open=!this.open)},this.togglePopoverSlots=()=>{this.disabled\|\|this.readonly\|\|(this.open=!this.open)},this.toggleSelectAllOptions=t=>{if(this.options){this.isBulkOperation=!0;try{const e=this.getVisibleEnabledOptionItems();this.value=t?[...new Set([...this.value,...e])]:this.value.filter((t=>!e.includes(t))),this.valueChanged.emit(this.value),this.syncChildComponents(),this.reorderOptionsContent()}finally{requestAnimationFrame((()=>{this.isBulkOperation=!1}))}}},this.toggleSelectAllSlots=t=>{if(!this.options){this.isBulkOperation=!0;try{const e=this.getVisibleEnabledSlotItems();if(t){const t=e.map((t=>t.getAttribute("value")\|\|t.getAttribute("label")\|\|"")).filter((t=>""!==t));this.value=[...new Set([...this.value,...t])]}else{const t=e.map((t=>t.getAttribute("value")\|\|t.getAttribute("label")\|\|"")).filter((t=>""!==t));this.value=this.value.filter((e=>!t.includes(e)))}this.valueChanged.emit(this.value),requestAnimationFrame((()=>{this.syncChildComponents(),this.reorderSlotContent()}))}finally{requestAnimationFrame((()=>{this.isBulkOperation=!1}))}}},this.handleSelectAllCheckboxOptionsClick=t=>{t.stopPropagation(),t.preventDefault();const e=this.getSelectAllCheckboxStateOptions();this.toggleSelectAllOptions("unchecked"===e\|\|"indeterminate"===e)},this.handleSelectAllCheckboxSlotsClick=t=>{t.stopPropagation(),t.preventDefault();const e=this.getSelectAllCheckboxStateSlots();this.toggleSelectAllSlots("unchecked"===e\|\|"indeterminate"===e)},this.handleMouseDownPreventBlur=()=>{this.preventBlurClose=!0},this.renderOptionsMode=()=>o(l,{"aria-label":this.label},(this.label\|\|this.el.querySelector('[slot="label"]'))&&o("label",{htmlFor:this.inputId},o("slot",{name:"label"},this.label)),o("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:this.handleOpenChanged},o("div",{class:"input-wrapper-multiselect",slot:"trigger"},o("slot",{name:"before-input"}),o("div",{class:"input-container-multiselect"},o("slot",{name:"leading-input"}),(this.value?.length\|\|0)>0&&o("nv-badge",{slot:"leading-input","prevent-auto-close":!0,color:"10",dismissible:(this.value?.length\|\|0)>0,label:`${this.value?.length\|\|0} ${this.badgeLabel}`,"aria-label":`Clear all ${this.value?.length\|\|0} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseOptions}),this.filterable\|\|this.disabled\|\|this.readonly?o("input",{type:"text",id:this.inputId,ref:t=>this.inputElement=t,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.filterText,required:this.getRequiredAttributes().useNativeRequired?this.required:void 0,...void 0!==this.getRequiredAttributes().ariaRequiredValue&&{"aria-required":this.getRequiredAttributes().ariaRequiredValue+""},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputOptions,onFocus:this.handleInputFocusOptions,onBlur:this.handleInputBlurOptions,onKeyDown:this.handleKeyDown,"data-scope":"focusable","aria-label":this.label,"aria-controls":this.inputId+"-listbox"}):o(n,null,o("input",{id:this.inputId,type:"text",style:{position:"absolute",opacity:"0",width:"0",height:"0",pointerEvents:"none"},tabIndex:-1,"aria-hidden":"true",autoComplete:this.autocomplete,name:this.name,onFocus:this.handleInputFocusOptions}),o("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickOptions,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusOptions,"aria-label":this.label,"aria-controls":this.inputId+"-listbox","data-scope":"focusable",role:"button"},o("span",null,this.placeholder))),this.error&&o("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),this.filterable&&this.filterText.length>0&&o("nv-iconbutton",{"data-scope":"clear-filter",name:"x",size:"md",emphasis:"lower","aria-label":"Clear filter text",tabindex:"-1",title:"Clear filter text",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.clearFilterText}),o("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",title:this.open?"Hide dropdown":"Show dropdown",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.togglePopoverOptions})),o("slot",{name:"after-input"})),o("div",{id:this.inputId+"-listbox",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{},onMouseDown:this.handleMouseDownPreventBlur},this.shouldShowToggleAllOptionsButton()&&o("div",{class:"select-all-container"},o("div",{class:"select-all-header"},this.isSelectAllSectionVisible&&o("nv-fieldcheckbox",{checked:"checked"===this.getSelectAllCheckboxStateOptions(),indeterminate:"indeterminate"===this.getSelectAllCheckboxStateOptions(),label:"unchecked"===this.getSelectAllCheckboxStateOptions()?this.selectAllLabel:this.deselectAllLabel,onMouseDown:this.handleMouseDownPreventBlur,onClick:this.handleSelectAllCheckboxOptionsClick}))),o("ul",{role:"listbox","aria-multiselectable":"true"},this.options.map((t=>o("nv-fielddropdownitemcheck",{role:"option",label:t.label,description:t.description,value:t.value,checked:(this.value\|\|[]).includes(t.value),disabled:t.disabled})))))),this.renderDescriptions()),this.renderSlotsMode=()=>o(l,{"aria-label":this.label},(this.label\|\|this.el.querySelector('[slot="label"]'))&&o("label",{htmlFor:this.inputId},o("slot",{name:"label"},this.label)),o("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open},o("div",{class:"input-wrapper-multiselect",slot:"trigger"},o("slot",{name:"before-input"}),o("div",{class:"input-container-multiselect",onClick:this.handleInputContainerClickSlots},o("slot",{name:"leading-input"}),(this.value?.length\|\|0)>0&&o("nv-badge",{slot:"leading-input","prevent-auto-close":!0,color:"10",dismissible:(this.value?.length\|\|0)>0,label:`${this.value?.length\|\|0} ${this.badgeLabel}`,"aria-label":`Clear all ${this.value?.length\|\|0} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseSlots}),this.filterable\|\|this.disabled\|\|this.readonly?o("input",{id:this.inputId,ref:t=>this.inputElement=t,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.filterText,required:this.getRequiredAttributes().useNativeRequired?this.required:void 0,...void 0!==this.getRequiredAttributes().ariaRequiredValue&&{"aria-required":this.getRequiredAttributes().ariaRequiredValue+""},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputSlots,onFocus:this.handleInputFocusSlots,onBlur:this.handleInputBlurSlots,onKeyDown:this.handleKeyDown,"data-scope":"focusable","aria-label":this.label,"aria-controls":this.inputId+"-listbox"}):o(n,null,o("input",{id:this.inputId,type:"text",style:{position:"absolute",opacity:"0",width:"0",height:"0",pointerEvents:"none"},tabIndex:-1,"aria-hidden":"true",autoComplete:this.autocomplete,name:this.name,onFocus:this.handleInputFocusSlots}),o("p",{id:this.inputId,class:"non-filterable-text","aria-label":this.label,onClick:this.handleInputContainerClickSlots,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusSlots,"aria-controls":this.inputId+"-listbox","data-scope":"focusable",role:"button"},o("span",null,this.placeholder))),this.error&&o("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),this.filterable&&this.filterText.length>0&&o("nv-iconbutton",{name:"x",size:"md",emphasis:"lower",tabindex:"-1",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.clearFilterText,"aria-label":"Clear filter text"}),o("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",title:this.open?"Hide dropdown":"Show dropdown",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.togglePopoverSlots})),o("slot",{name:"after-input"})),o("div",{id:this.inputId+"-listbox",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{},onMouseDown:this.handleMouseDownPreventBlur},this.shouldShowToggleAllSlotButton()&&o("div",{class:"select-all-container"},o("div",{class:"select-all-header"},this.isSelectAllSectionVisible&&o("nv-fieldcheckbox",{checked:"checked"===this.getSelectAllCheckboxStateSlots(),indeterminate:"indeterminate"===this.getSelectAllCheckboxStateSlots(),label:"unchecked"===this.getSelectAllCheckboxStateSlots()?this.selectAllLabel:this.deselectAllLabel,onMouseDown:this.handleMouseDownPreventBlur,onClick:this.handleSelectAllCheckboxSlotsClick}))),o("slot",{name:"content"}))),this.renderDescriptions())}handleOptionsChange(t){t&&(this.value&&0!==this.value.length?t.forEach((t=>{t.checked=(this.value\|\|[]).includes(t.value)})):this.value=t.filter((t=>t.checked)).map((t=>t.value)),this.reorderOptionsContent())}watchValueHandler(){this.isBulkOperation\|\|(this.el&&this.el.isConnected&&this.syncChildComponents(),this.options&&this.options.forEach((t=>{t.checked=(this.value\|\|[]).includes(t.value)})))}handleOpenChange(t){t&&(this.options?this.reorderOptionsContent():this.reorderSlotContent(),this.filterText&&this.filterItems())}handleItemChecked(t){if(t.stopPropagation(),this.disabled\|\|this.readonly\|\|this.isBulkOperation)return;const{value:e,checked:i}=t.detail;if(null!=e){const t=[...this.value\|\|[]],s=t.indexOf(e);let o=!1;i&&-1===s?(t.push(e),o=!0):!i&&s>-1&&(t.splice(s,1),o=!0),o&&(this.value=t,this.valueChanged.emit(this.value),this.syncChildComponents()),this.filterable&&this.inputElement&&(this.inputElement.value=this.filterText)}else console.warn("[Event:itemChecked] Received itemChecked event with undefined or null value")}handleSlotChange(t){const e=t.target;e&&"content"===e.name&&requestAnimationFrame((()=>{this.reorderSlotContent()}))}async handleKeyDown(t){if("Escape"===t.key)return void(this.open=!1);if(!this.open)return"ArrowDown"===t.key?(this.open=!0,this.filterable\|\|requestAnimationFrame((()=>{this.focusFirstItem()})),void t.preventDefault()):void 0;const e=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style="display: none"])'));if(0===e.length)return void console.warn("No visible items found to navigate");let i=e.findIndex((t=>t.classList.contains("highlighted")));if("ArrowDown"===t.key)t.preventDefault(),i=-1===i?0:(i+1)%e.length,this.updateHighlightedItem(e,i);else if("ArrowUp"===t.key)t.preventDefault(),i=-1===i?e.length-1:(i-1+e.length)%e.length,this.updateHighlightedItem(e,i);else if("Enter"===t.key&&i>=0){t.preventDefault();const s=e[i],o=s.hasAttribute("checked");s.checked=!o,s.dispatchEvent(new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0}))}else if("Escape"===t.key){t.preventDefault(),t.stopPropagation();const e=async()=>{this.isHandlingEscape=!0,this.options?this.reorderOptionsContent():this.reorderSlotContent(),await new Promise((t=>setTimeout(t,100))),setTimeout((()=>{this.isHandlingEscape=!1,this.open=!1}),150),this.inputElement&&this.inputElement.blur()};await e()}}connectedCallback(){this._boundHandleClickOutside\|\|(this._boundHandleClickOutside=this.handleClickOutside.bind(this)),document.addEventListener("click",this._boundHandleClickOutside)}componentWillLoad(){this.options&&this.handleOptionsChange(this.options),this.options\|\|(this.initializeValueFromSlots(),Promise.resolve().then((()=>{this.syncChildComponents(),requestAnimationFrame((()=>{this.reorderSlotContent()}))}))),this.options&&(this.sortedOptions=[...this.options??[]]),this.filterText\|\|this.resetFilter(),this.hasFilterResults=!0}componentDidLoad(){this.options&&this.handleOptionsChange(this.options),this.syncChildComponents(),this.options\|\|(this.initializeValueFromSlots(),this.syncChildComponents()),this.rebuildSearchIndex()}disconnectedCallback(){this._boundHandleClickOutside&&document.removeEventListener("click",this._boundHandleClickOutside),this.terminateSearchWorker()}async getFilterText(){return this.filterText}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]");i&&i.remove();const s=t.filter((t=>(this.value\|\|[]).includes(t.getAttribute("value")\|\|""))),o=t.filter((t=>!(this.value\|\|[]).includes(t.getAttribute("value")\|\|"")));s.length>0&&this.manageDivider(e,s,o)}this.hasFilterResults=!0}async getSelectedValues(){return this.value}async selectAll(){this.disabled\|\|this.readonly\|\|(this.options?this.toggleSelectAllOptions(!0):this.toggleSelectAllSlots(!0))}async deselectAll(){this.disabled\|\|this.readonly\|\|(this.options?this.toggleSelectAllOptions(!1):this.toggleSelectAllSlots(!1))}async toggleSelectAll(){if(this.disabled\|\|this.readonly)return;const t=this.options?this.getSelectAllCheckboxStateOptions():this.getSelectAllCheckboxStateSlots(),e="unchecked"===t\|\|"indeterminate"===t;this.options?this.toggleSelectAllOptions(e):this.toggleSelectAllSlots(e)}reorderSlotContent(){if(this.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=>"none"!==t.style.display));if(t.querySelector("[data-empty]"))return;const i=e.filter((t=>(this.value\|\|[]).includes(t.getAttribute("value")\|\|""))),s=e.filter((t=>!(this.value\|\|[]).includes(t.getAttribute("value")\|\|"")));if(i.forEach((e=>{t.appendChild(e)})),i.length>0&&s.length>0){const e=document.createElement("hr");e.className="multiselect-divider",t.appendChild(e)}s.forEach((e=>{t.appendChild(e)}))}reorderOptionsContent(){const t=this.el.querySelector("ul");if(!t)return;const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>"none"!==t.style.display)),i=e.filter((t=>(this.value\|\|[]).includes(t.getAttribute("value")\|\|""))),s=e.filter((t=>!(this.value\|\|[]).includes(t.getAttribute("value")\|\|"")));i.forEach((e=>t.appendChild(e))),s.forEach((e=>t.appendChild(e))),this.manageDivider(t,i,s)}async filterItems(){const t=this.el.querySelector("ul");if(!t)return;if(this.effectiveFilterMode=r(this.filterMode),t.querySelector("[data-empty]")?.remove(),t.querySelector("[data-truncated]")?.remove(),this.resultsTruncated=!1,this.totalResults=0,!this.filterText.trim()\|\|this.filterText.length<this.startFilterAt){const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")),i=a(this.maxResults);let s=0;e.forEach((t=>{s<i?(t.style.display="",s++):t.style.display="none"})),this.totalResults=e.length,this.resultsTruncated=e.length>i,this.hasFilterResults=s>0;const o=e.filter((t=>"none"!==t.style.display)),n=o.filter((t=>(this.value\|\|[]).includes(t.getAttribute("value")\|\|""))),l=o.filter((t=>!(this.value\|\|[]).includes(t.getAttribute("value")\|\|"")));return this.manageDivider(t,n,l),void(this.resultsTruncated&&this.addTruncatedMessage(t,i,e.length))}const e=await this.performAdvancedSearch();this.resultsTruncated=e.truncated,this.totalResults=e.total;const i=new Set(e.ids);let s=!1;const o=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")),n=a(this.maxResults);let l=0;o.forEach((t=>{const e=t.getAttribute("value")\|\|"";i.has(e)&&l<n?(t.style.display="",s=!0,l++):t.style.display="none"}));const d=o.filter((t=>"none"!==t.style.display)),h=d.filter((t=>(this.value\|\|[]).includes(t.getAttribute("value")\|\|""))),c=d.filter((t=>!(this.value\|\|[]).includes(t.getAttribute("value")\|\|"")));if(this.manageDivider(t,h,c),this.hasFilterResults=s,s)e.truncated&&this.addTruncatedMessage(t,e.ids.length,e.total);else{const e=document.createElement("li");e.setAttribute("data-empty","true"),e.textContent=this.emptyResult,e.classList.add("no-results-message"),t.appendChild(e)}this.options?this.reorderOptionsContent():this.reorderSlotContent()}async rebuildSearchIndex(){this.rawItems=[],this.options?.length?this.options.forEach(((t,e)=>{t.isDivider\|\|this.rawItems.push({id:t.value\|\|"opt-"+e,label:t.label\|\|t.value\|\|""})})):Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach(((t,e)=>{this.rawItems.push({id:t.getAttribute("value")\|\|"item-"+e,label:t.getAttribute("label")\|\|t.textContent?.trim()\|\|""})})),this.indexedItems=d(this.rawItems),this.effectiveFilterMode=r(this.filterMode);const t=this.rawItems.length,e=m(this.workerThreshold);h(t,this.effectiveFilterMode,e)?await this.initSearchWorker():this.terminateSearchWorker()}async initSearchWorker(){c()&&(this.workerClient\|\|(this.workerClient=new u),await this.workerClient.init(this.rawItems))}terminateSearchWorker(){this.workerClient&&(this.workerClient.terminate(),this.workerClient=null)}async performAdvancedSearch(){this.indexedItems.length\|\|await this.rebuildSearchIndex();const t=this.rawItems.length,e=m(this.workerThreshold);if(h(t,this.effectiveFilterMode,e)&&this.workerClient?.isReady){this.isSearching=!0;try{return await this.workerClient.search(this.filterText,this.effectiveFilterMode,this.maxResults,this.fuzzyThreshold)}catch(t){return console.error("Worker search failed:",t),f(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}finally{this.isSearching=!1}}return f(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}addTruncatedMessage(t,e,i){t.querySelector("[data-truncated]")?.remove();const s=this.truncatedResultsText\|\|p(this.locale),o=document.createElement("li");o.setAttribute("data-truncated","true"),o.className="truncated-message no-results-message",o.textContent=v(s,e,i),t.appendChild(o)}handleClickOutside(t){this.el.contains(t.target)\|\|this.inputElement&&this.inputElement.contains(t.target)\|\|(this.open=!1)}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");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");e&&e.focus()}else console.warn("No visible first item found to focus")}manageDivider(t,e,i){let s=t.querySelector("hr.multiselect-divider");s\|\|(s=document.createElement("hr"),s.className="multiselect-divider",t.appendChild(s)),e.length>0&&i.length>0?(e[e.length-1].after(s),s.style.display=""):s.style.display="none"}syncChildComponents(){this.el&&this.el.isConnected&&Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{const e=t.getAttribute("value")\|\|t.getAttribute("label")\|\|"",i=(this.value\|\|[]).includes(e);t.checked!==i&&(this.isBulkOperation?(i?t.setAttribute("checked",""):t.removeAttribute("checked"),t.checked=i):t.checked=i)}))}getVisibleEnabledSlotItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>{const e="none"===t.style.display,i=t.hasAttribute("disabled");return!e&&!i}))}getVisibleEnabledOptionItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>{const e="none"===t.style.display\|\|"true"===t.getAttribute("aria-hidden"),i=t.hasAttribute("disabled")\|\|"true"===t.getAttribute("disabled");return!e&&!i})).map((t=>t.getAttribute("value")\|\|"")).filter((t=>""!==t))}shouldShowToggleAllOptionsButton(){return!!this.options&&this.enableSelectAll&&this.hasFilterResults}getSelectAllCheckboxStateOptions(){if(!this.options)return"unchecked";const t=this.getVisibleEnabledOptionItems();if(0===t.length)return"unchecked";const e=t.filter((t=>(this.value\|\|[]).includes(t)));return 0===e.length?"unchecked":e.length===t.length?"checked":"indeterminate"}getSelectAllCheckboxStateSlots(){if(this.options)return"unchecked";const t=this.getVisibleEnabledSlotItems();if(0===t.length)return"unchecked";const e=t.filter((t=>{const e=t.getAttribute("value")\|\|t.getAttribute("label")\|\|"";return""!==e&&(this.value\|\|[]).includes(e)}));return 0===e.length?"unchecked":e.length===t.length?"checked":"indeterminate"}shouldShowToggleAllSlotButton(){return!this.options&&this.enableSelectAll&&this.hasFilterResults}initializeValueFromSlots(){const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>t.hasAttribute("checked"))).map((t=>t.getAttribute("value")\|\|t.getAttribute("label")\|\|""));this.value=Array.from(new Set([...this.value\|\|[],...t]))}getRequiredAttributes(){const t=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),e=t?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,i=t?e:null,s=t?"true"===i\|\|""===i:void 0;return{ariaRequiredValue:s,useNativeRequired:this.required&&(!t\|\|!0===s)}}handleOpenChanged(t){this.open!==t.detail&&(this.open=t.detail,this.open?this.filterText&&this.filterItems():(this.filterable&&this.clearFilterText(),this.handlePopoverClose()),this.options?this.reorderOptionsContent():this.reorderSlotContent())}renderDescriptions(){return[(this.description\|\|this.el.querySelector('[slot="description"]'))&&o("div",{class:"description"},o("slot",{name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{hidden:!this.error,class:"error-description"},o("slot",{name:"error-description"},this.errorDescription))]}render(){return this.options?this.renderOptionsMode():this.renderSlotsMode()}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{watchValueHandler:0}],open:[{handleOpenChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}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;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}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-in-field)}nv-fieldmultiselect[required]:not([required=false]) label::after,nv-fieldmultiselect[aria-required=true] label::after{content:"";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}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:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;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 nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) 2);overflow-y:auto;position:relative}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;justify-content:center;align-items:center;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}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){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{position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}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);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}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:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}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:var(--font-weight-medium-emphasis);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{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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{cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x)}.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}.select-all-container{position:sticky;top:0;background-color:var(--components-list-dropdown-background);border-bottom:1px solid var(--components-list-dropdown-separator);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);z-index:10;margin-bottom:0}.select-all-container .select-all-header{display:flex;align-items:center;gap:var(--form-field-gap)}.select-all-container .select-all-header nv-fieldcheckbox{flex:1;margin:0}.select-all-container .select-all-header nv-iconbutton,.select-all-container .select-all-header nv-button{flex-shrink:0;margin-left:auto}.select-all-container .select-all-header nv-button{justify-content:center}'}},[324,"nv-fieldmultiselect",{label:[513],inputId:[513,"input-id"],name:[513],description:[513],placeholder:[513],autocomplete:[513],required:[516],ariaRequiredAttr:[516,"aria-required"],readonly:[516],disabled:[516],error:[516],errorDescription:[513,"error-description"],maxHeight:[513,"max-height"],open:[1540],fluid:[516],options:[1040],value:[1040],filterable:[516],emptyResult:[513,"empty-result"],debounceDelay:[514,"debounce-delay"],autofocus:[516],badgeLabel:[513,"badge-label"],filterText:[1537,"filter-text"],enableSelectAll:[516,"enable-select-all"],selectAllLabel:[513,"select-all-label"],deselectAllLabel:[513,"deselect-all-label"],filterMode:[513,"filter-mode"],maxResults:[514,"max-results"],startFilterAt:[514,"start-filter-at"],locale:[513],truncatedResultsText:[513,"truncated-results-text"],workerThreshold:[514,"worker-threshold"],fuzzyThreshold:[514,"fuzzy-threshold"],sortedOptions:[32],isHandlingEscape:[32],hasFilterResults:[32],isSelectAllSectionVisible:[32],resultsTruncated:[32],totalResults:[32],isSearching:[32],getFilterText:[64],resetFilter:[64],getSelectedValues:[64],selectAll:[64],deselectAll:[64],toggleSelectAll:[64]},[[0,"itemChecked","handleItemChecked"],[0,"slotchange","handleSlotChange"],[0,"keydown","handleKeyDown"]],{options:[{handleOptionsChange:0}],value:[{watchValueHandler:0}],open:[{handleOpenChange:0}]}]);function z(){"undefined"!=typeof customElements&&["nv-fieldmultiselect","nv-badge","nv-fieldcheckbox","nv-fielddropdownitemcheck","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((e=>{switch(e){case"nv-fieldmultiselect":customElements.get(t(e))\|\|customElements.define(t(e),S);break;case"nv-badge":customElements.get(t(e))\|\|b();break;case"nv-fieldcheckbox":customElements.get(t(e))\|\|g();break;case"nv-fielddropdownitemcheck":customElements.get(t(e))\|\|k();break;case"nv-icon":customElements.get(t(e))\|\|w();break;case"nv-iconbutton":customElements.get(t(e))\|\|y();break;case"nv-loader":customElements.get(t(e))\|\|x();break;case"nv-popover":customElements.get(t(e))\|\|C()}}))}z();const F=S,q=z;export{F as NvFieldmultiselect,q as defineCustomElement}

package/dist/components/nv-fieldnumber.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{N as p,d as o}from"./p-~~B5KLppep~~.js";const s=p,r=o;export{s as NvFieldnumber,r as defineCustomElement}
1	+ import{N as o,d as s}from"./p-S18SgvAW.js";const p=o,r=s;export{p as NvFieldnumber,r as defineCustomElement}