npm - @nova-design-system/nova-webcomponents - Versions diffs - 3.31.0 → 3.31.1-beta.1 - Mend

@nova-design-system/nova-webcomponents 3.31.0 → 3.31.1-beta.1

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 (297) 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-DiwYO24j.js";import{I as a}from"./p-CTISxdir.js";import{d}from"./p-Cyn4-37z.js";import{d as s}from"./p-B_SethFg.js";import{d as l}from"./p-B4Uw_U8V.js";import{d as c}from"./p-Bt5_pj49.js";import{d as f}from"./p-C-Rs6wG9.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:"8a52688bd6a8739256310a59a7e78f6ac80598f2"},(this.label&&this.label.length>0\|\|this.el.querySelector('[slot="label"]'))&&o("label",{key:"467bba7d225fe472f832226e39c03f2ccb32ce09",htmlFor:this.inputId},o("slot",{key:"c372e4c061d7708c10c66beb663dcc1acd6749c4",name:"label"},this.label)),o("nv-popover",{key:"6019c2d41926414f7cb22d9c468c9102d376a192",ref:this.setPopoverRef,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},o("div",{key:"468aca7a419ee74bc06a33b6db1828d9f4d879d7",slot:"trigger",class:"input-wrapper"},o("slot",{key:"7719e96c033ce988c2eb2a140933d41f6e0274f1",name:"before-input"}),o("div",{key:"c9280aa0e17cbc7b11cfdf15523c2c02d7e21d7b",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"52a01c9fc92bf40435faf13b0492aab64d585adf",name:"leading-input"}),o("input",{key:"98701b6adb0eb857ed2411a96402874b41485055",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:"ce78e8ecefe12547f34304229201e4a2f7b313d6",name:"alert-circle",class:"validation",size:"md"}),this.success&&o("nv-icon",{key:"512a15dca24742c33005e9beab9a4bafcd5c473e",name:"circle-check",class:"validation",size:"md"}),o("nv-iconbutton",{key:"4ed638a61d62ce44b94effb942f3eab98d37c871",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:"0cb23a55e9d8ac474f1c479d41ea95563cbe7a74",name:"after-input"})),o("div",{key:"62dfe1673077745f6cc90eb74d56ce00d11efa42",slot:"content"},o("nv-calendar",{key:"033ad7d2c066741fb2178538da8b286c303b3f0f",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:"de333761b2cf725bbad48263c9b2f3b43d35e25d",class:"description"},o("slot",{key:"9d10b90345e035fbf7b5cd1e8698f14560e704d5",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"41ffe913883404441173d962461c5af824e4e27b",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?o("slot",{name:"error-description"}):this.errorDescription),o("slot",{key:"0fb13823bd0fe37d1a1040cc1d6ef0b54982fa4c"}))}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)}nv-fielddate .error-description[hidden]{display:none}'}},[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 n}from"./p-BzJGjY6m.js";import{I as a}from"./p-CQZEAqG5.js";import{d}from"./p-c3oT8uX6.js";import{d as s}from"./p-waLAN4j3.js";import{d as l}from"./p-CrNItly_.js";import{d as c}from"./p-BxbhIzS0.js";import{d as f}from"./p-C6V_Ba1j.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:"8a52688bd6a8739256310a59a7e78f6ac80598f2"},(this.label&&this.label.length>0\|\|this.el.querySelector('[slot="label"]'))&&o("label",{key:"467bba7d225fe472f832226e39c03f2ccb32ce09",htmlFor:this.inputId},o("slot",{key:"c372e4c061d7708c10c66beb663dcc1acd6749c4",name:"label"},this.label)),o("nv-popover",{key:"6019c2d41926414f7cb22d9c468c9102d376a192",ref:this.setPopoverRef,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},o("div",{key:"468aca7a419ee74bc06a33b6db1828d9f4d879d7",slot:"trigger",class:"input-wrapper"},o("slot",{key:"7719e96c033ce988c2eb2a140933d41f6e0274f1",name:"before-input"}),o("div",{key:"c9280aa0e17cbc7b11cfdf15523c2c02d7e21d7b",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"52a01c9fc92bf40435faf13b0492aab64d585adf",name:"leading-input"}),o("input",{key:"98701b6adb0eb857ed2411a96402874b41485055",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:"ce78e8ecefe12547f34304229201e4a2f7b313d6",name:"alert-circle",class:"validation",size:"md"}),this.success&&o("nv-icon",{key:"512a15dca24742c33005e9beab9a4bafcd5c473e",name:"circle-check",class:"validation",size:"md"}),o("nv-iconbutton",{key:"4ed638a61d62ce44b94effb942f3eab98d37c871",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:"0cb23a55e9d8ac474f1c479d41ea95563cbe7a74",name:"after-input"})),o("div",{key:"62dfe1673077745f6cc90eb74d56ce00d11efa42",slot:"content"},o("nv-calendar",{key:"033ad7d2c066741fb2178538da8b286c303b3f0f",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:"de333761b2cf725bbad48263c9b2f3b43d35e25d",class:"description"},o("slot",{key:"9d10b90345e035fbf7b5cd1e8698f14560e704d5",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"41ffe913883404441173d962461c5af824e4e27b",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?o("slot",{name:"error-description"}):this.errorDescription),o("slot",{key:"0fb13823bd0fe37d1a1040cc1d6ef0b54982fa4c"}))}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)}nv-fielddate .error-description[hidden]{display:none}'}},[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-DiwYO24j.js";import{I as o}from"./p-CTISxdir.js";import{d as s}from"./p-Cyn4-37z.js";import{d}from"./p-B_SethFg.js";import{d as l}from"./p-B4Uw_U8V.js";import{d as c}from"./p-Bt5_pj49.js";import{d as f}from"./p-C-Rs6wG9.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:"72eedbcf2b8150af17a0e13a86c64052b549df4f"},(this.label&&this.label.length>0\|\|this.el.querySelector('[slot="label"]'))&&n("label",{key:"2d507287369342d26069438f814d2247f69a6eeb",htmlFor:this.startInputId},n("slot",{key:"f71c2562185885caaf171cdcc0d1a45a5a7c96bc",name:"label"},this.label)),n("nv-popover",{key:"347378adcbad2af070de86932df99ea76a4f90d8",ref:e=>this.popoverElement=e,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},n("div",{key:"999dd22805ca2b00fa6199361eccd72017aa99a9",slot:"trigger",class:"input-wrapper"},n("slot",{key:"ef74ae9271a4f27361fe4f86c721e53f5e4db338",name:"before-input"}),n("div",{key:"902ee11f0a85ce865de1b79f1e16e24f23acc696",class:"input-container"},n("slot",{key:"353d326f48cf52c804216c5a4d693ad15c756eda",name:"leading-input"}),n("div",{key:"f573a6474e1ffb54eac8dcff4b4ce809a72106b2",class:"range-inputs"},n("input",{key:"0f68addf68a4bd26d9376b4cad6473330c463b1d",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:"7c4dea3b2844f542d09c5343890a057a198b8959",class:"range-separator"}),n("input",{key:"e865a043d22ae844705c398bc989d76f03ba134b",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:"2487913e0ca5887989d59ecf36b54597d825f519",name:"alert-circle",class:"validation",size:"md"}),this.success&&n("nv-icon",{key:"16fd2d6a50045042e92327c73af572e0569f5538",name:"circle-check",class:"validation",size:"md"}),n("nv-iconbutton",{key:"e1e8024fd38d402e774d33ea46e81217680e81f1",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:"fb7bb98c40a92294cb8dae80b2148ac21c032389",name:"after-input"})),n("div",{key:"93537a1973acddbec91a051fd75d59da68851e0f",slot:"content"},n("nv-calendar",{key:"abbf6ec3e5934fe4e8d0e5bab097633b5dca1f13",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:"4783e7960e12b88d183f72b63e8f96d4d71b1a49",class:"description"},n("slot",{key:"2f33e315d94e9fadb05d2d83b6291a93815f3b04",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&n("div",{key:"4acabd61332b519bd969feea19736a5dd9664f9d",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?n("slot",{name:"error-description"}):this.errorDescription),n("slot",{key:"6fe455b36e2ae0288a1d202057414da2450fc8ca"}))}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 .error-description[hidden]{display:none}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,m=u;export{v as NvFielddaterange,m as defineCustomElement}
1	+ import{t as e,p as t,H as r,c as i,h as n,d as a}from"./p-BzJGjY6m.js";import{I as o}from"./p-CQZEAqG5.js";import{d as s}from"./p-c3oT8uX6.js";import{d}from"./p-waLAN4j3.js";import{d as l}from"./p-CrNItly_.js";import{d as c}from"./p-BxbhIzS0.js";import{d as f}from"./p-C6V_Ba1j.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:"72eedbcf2b8150af17a0e13a86c64052b549df4f"},(this.label&&this.label.length>0\|\|this.el.querySelector('[slot="label"]'))&&n("label",{key:"2d507287369342d26069438f814d2247f69a6eeb",htmlFor:this.startInputId},n("slot",{key:"f71c2562185885caaf171cdcc0d1a45a5a7c96bc",name:"label"},this.label)),n("nv-popover",{key:"347378adcbad2af070de86932df99ea76a4f90d8",ref:e=>this.popoverElement=e,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},n("div",{key:"999dd22805ca2b00fa6199361eccd72017aa99a9",slot:"trigger",class:"input-wrapper"},n("slot",{key:"ef74ae9271a4f27361fe4f86c721e53f5e4db338",name:"before-input"}),n("div",{key:"902ee11f0a85ce865de1b79f1e16e24f23acc696",class:"input-container"},n("slot",{key:"353d326f48cf52c804216c5a4d693ad15c756eda",name:"leading-input"}),n("div",{key:"f573a6474e1ffb54eac8dcff4b4ce809a72106b2",class:"range-inputs"},n("input",{key:"0f68addf68a4bd26d9376b4cad6473330c463b1d",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:"7c4dea3b2844f542d09c5343890a057a198b8959",class:"range-separator"}),n("input",{key:"e865a043d22ae844705c398bc989d76f03ba134b",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:"2487913e0ca5887989d59ecf36b54597d825f519",name:"alert-circle",class:"validation",size:"md"}),this.success&&n("nv-icon",{key:"16fd2d6a50045042e92327c73af572e0569f5538",name:"circle-check",class:"validation",size:"md"}),n("nv-iconbutton",{key:"e1e8024fd38d402e774d33ea46e81217680e81f1",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:"fb7bb98c40a92294cb8dae80b2148ac21c032389",name:"after-input"})),n("div",{key:"93537a1973acddbec91a051fd75d59da68851e0f",slot:"content"},n("nv-calendar",{key:"abbf6ec3e5934fe4e8d0e5bab097633b5dca1f13",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:"4783e7960e12b88d183f72b63e8f96d4d71b1a49",class:"description"},n("slot",{key:"2f33e315d94e9fadb05d2d83b6291a93815f3b04",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&n("div",{key:"4acabd61332b519bd969feea19736a5dd9664f9d",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?n("slot",{name:"error-description"}):this.errorDescription),n("slot",{key:"6fe455b36e2ae0288a1d202057414da2450fc8ca"}))}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 .error-description[hidden]{display:none}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,m=u;export{v as NvFielddaterange,m 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-DiwYO24j.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 m}from"./p-CR9MpYzU.js";import{d as b}from"./p-1Zs1aHJ4.js";import{d as w}from"./p-B_SethFg.js";import{d as g}from"./p-B4Uw_U8V.js";import{d as y}from"./p-Bt5_pj49.js";import{d as k}from"./p-C-Rs6wG9.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.cleared=o(this,"cleared",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.clearable=!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.handleClearButtonClick=e=>{const t=0===e?.detail;if(this.value&&this.filterable&&this.filterText?.length>0)return this.clearFilter(),this.cleared.emit(),void(t&&this.focusField());this.clear(),t&&this.focusField()},this.handleFilterInput=()=>{this.open=!0,this.filterText=this.inputElement?.value??"",this.filterTextChanged.emit(this.filterText),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??0)>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")),t=this.findItemMatchingValue(e);return t?t.label??t.textContent?.trim()??t.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&&e.target!==this.clearElement&&(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 clear(){const e=!!this.value,t=this.filterable&&this.filterText?.length>0;e&&(this.value="",this.valueChanged.emit("")),t&&(this.filterText="",this.filterTextChanged.emit(""),this.filterItems()),(e\|\|t)&&this.cleared.emit(),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=""}findItemMatchingValue(e){if(!this.value)return;const t=this.value;return e.find((e=>e.value===t))??e.find((e=>e.label===t))}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=m(i,e,t);const r=this.el.querySelector('div[slot="content"] ul');r&&r.appendChild(o)}async updateSelectedItem(){const e=this.getAllItems(),t=this.findItemMatchingValue(e);e.forEach((e=>{e.selected=!!this.value&&e===t}))}componentDidLoad(){this.updateSelectedItem(),this.setFilterInputToSelectedValue(),this.rebuildSearchIndex()}disconnectedCallback(){clearTimeout(this.debounceTimer),this.terminateWorker()}componentDidRender(){!this.filterable&&(this.disabled\|\|this.readonly)&&this.inputElement&&(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:"83aecee12e5f0fea2ddc293f1631dc4e55ab3764",role:"combobox","aria-expanded":""+this.open,"aria-haspopup":"listbox","aria-label":this.label},(this.label\|\|this.el.querySelector('[slot="label"]'))&&r("label",{key:"adfef46ef0163fb3c902df5df70b5c591a6dd7e1",htmlFor:this.inputId,onClick:this.syncToggleDropdown.bind(this)},r("slot",{key:"ed6bd8cc6fcace8604f934ba197c31589bf5e296",name:"label"},this.label)),r("nv-popover",{key:"9dfa5dd021c2d0803a35b79fd58dd70422dbe6f0",triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:e=>this.openChanged.emit(e.detail)},r("div",{key:"62024e3fae662f316a932cce628e58e6917fc624",class:"input-wrapper",slot:"trigger"},r("slot",{key:"61fe57f847075dc6e1447cc377e7e8f828700b43",name:"before-input"}),r("div",{key:"8139ffe5b0b7d37781c2b435ed1b9c94f2eea9de",class:"input-container"},r("slot",{key:"ab2515724a53a1b9e4081bd1944130cd435a0a92",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.clearable&&!this.disabled&&!this.readonly&&(this.value\|\|this.filterable&&this.filterText)&&r("nv-iconbutton",{key:"b467a3949af859fe4e9d19f810a19a8e1d1834c9",ref:e=>this.clearElement=e,"data-scope":"clear",name:"x",size:"md",emphasis:"lower",class:"clear-button",onMouseDown:e=>e.preventDefault(),onClick:this.handleClearButtonClick,"aria-label":this.value?"Clear selection":"Clear input",title:this.value?"Clear selection":"Clear input"}),this.error&&r("nv-icon",{key:"2c05d617da93adddd4994c3063b0e6fe7be017c7",name:"alert-circle",class:"validation",size:"md"}),r("nv-iconbutton",{key:"372a295a58b391a61d240d5133b427c3ddf1edba","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:"95db16c591f0bf7dec95550260b9d6bcd7e084a9",name:"after-input"})),r("div",{key:"46372589dee8ff8509570bd1a3cc33763cf17869",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},(this.options?.length??0)>0&&r("ul",{key:"dc2840ef3e798291e49ae179a978c5b3d277ffa2"},this.options?.map((e=>r("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))),r("slot",{key:"750ef13e5911fe9bfc9a277b24150a1d3e631d4d",name:"content"}))),(this.description\|\|this.el.querySelector('[slot="description"]'))&&r("div",{key:"34e1fbd85f790f0ea38502d10daadabf2c26c493",class:"description"},r("slot",{key:"248779124cefa199c5ee3b664c1a26ddfab0d849",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"dff99dce8c08ca76a620cf199147a72a0624b3be",hidden:!this.error,class:"error-description"},r("slot",{key:"fcdbc2a466f9d13593a5fb6d7a2ba719b0df19dd",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)}nv-fielddropdown .error-description[hidden]{display:none}'}},[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],clearable:[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],clear:[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))\|\|b();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}
1	+ import{t as e,p as t,H as i,c as o,h as r,d as n}from"./p-BzJGjY6m.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 m}from"./p-CR9MpYzU.js";import{d as b}from"./p-1Oq0x2Rx.js";import{d as w}from"./p-waLAN4j3.js";import{d as g}from"./p-CrNItly_.js";import{d as y}from"./p-BxbhIzS0.js";import{d as k}from"./p-C6V_Ba1j.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.cleared=o(this,"cleared",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.clearable=!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.handleClearButtonClick=e=>{const t=0===e?.detail;if(this.value&&this.filterable&&this.filterText?.length>0)return this.clearFilter(),this.cleared.emit(),void(t&&this.focusField());this.clear(),t&&this.focusField()},this.handleFilterInput=()=>{this.open=!0,this.filterText=this.inputElement?.value??"",this.filterTextChanged.emit(this.filterText),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??0)>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")),t=this.findItemMatchingValue(e);return t?t.label??t.textContent?.trim()??t.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&&e.target!==this.clearElement&&(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 clear(){const e=!!this.value,t=this.filterable&&this.filterText?.length>0;e&&(this.value="",this.valueChanged.emit("")),t&&(this.filterText="",this.filterTextChanged.emit(""),this.filterItems()),(e\|\|t)&&this.cleared.emit(),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=""}findItemMatchingValue(e){if(!this.value)return;const t=this.value;return e.find((e=>e.value===t))??e.find((e=>e.label===t))}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=m(i,e,t);const r=this.el.querySelector('div[slot="content"] ul');r&&r.appendChild(o)}async updateSelectedItem(){const e=this.getAllItems(),t=this.findItemMatchingValue(e);e.forEach((e=>{e.selected=!!this.value&&e===t}))}componentDidLoad(){this.updateSelectedItem(),this.setFilterInputToSelectedValue(),this.rebuildSearchIndex()}disconnectedCallback(){clearTimeout(this.debounceTimer),this.terminateWorker()}componentDidRender(){!this.filterable&&(this.disabled\|\|this.readonly)&&this.inputElement&&(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:"83aecee12e5f0fea2ddc293f1631dc4e55ab3764",role:"combobox","aria-expanded":""+this.open,"aria-haspopup":"listbox","aria-label":this.label},(this.label\|\|this.el.querySelector('[slot="label"]'))&&r("label",{key:"adfef46ef0163fb3c902df5df70b5c591a6dd7e1",htmlFor:this.inputId,onClick:this.syncToggleDropdown.bind(this)},r("slot",{key:"ed6bd8cc6fcace8604f934ba197c31589bf5e296",name:"label"},this.label)),r("nv-popover",{key:"9dfa5dd021c2d0803a35b79fd58dd70422dbe6f0",triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:e=>this.openChanged.emit(e.detail)},r("div",{key:"62024e3fae662f316a932cce628e58e6917fc624",class:"input-wrapper",slot:"trigger"},r("slot",{key:"61fe57f847075dc6e1447cc377e7e8f828700b43",name:"before-input"}),r("div",{key:"8139ffe5b0b7d37781c2b435ed1b9c94f2eea9de",class:"input-container"},r("slot",{key:"ab2515724a53a1b9e4081bd1944130cd435a0a92",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.clearable&&!this.disabled&&!this.readonly&&(this.value\|\|this.filterable&&this.filterText)&&r("nv-iconbutton",{key:"b467a3949af859fe4e9d19f810a19a8e1d1834c9",ref:e=>this.clearElement=e,"data-scope":"clear",name:"x",size:"md",emphasis:"lower",class:"clear-button",onMouseDown:e=>e.preventDefault(),onClick:this.handleClearButtonClick,"aria-label":this.value?"Clear selection":"Clear input",title:this.value?"Clear selection":"Clear input"}),this.error&&r("nv-icon",{key:"2c05d617da93adddd4994c3063b0e6fe7be017c7",name:"alert-circle",class:"validation",size:"md"}),r("nv-iconbutton",{key:"372a295a58b391a61d240d5133b427c3ddf1edba","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:"95db16c591f0bf7dec95550260b9d6bcd7e084a9",name:"after-input"})),r("div",{key:"46372589dee8ff8509570bd1a3cc33763cf17869",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},(this.options?.length??0)>0&&r("ul",{key:"dc2840ef3e798291e49ae179a978c5b3d277ffa2"},this.options?.map((e=>r("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))),r("slot",{key:"750ef13e5911fe9bfc9a277b24150a1d3e631d4d",name:"content"}))),(this.description\|\|this.el.querySelector('[slot="description"]'))&&r("div",{key:"34e1fbd85f790f0ea38502d10daadabf2c26c493",class:"description"},r("slot",{key:"248779124cefa199c5ee3b664c1a26ddfab0d849",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"dff99dce8c08ca76a620cf199147a72a0624b3be",hidden:!this.error,class:"error-description"},r("slot",{key:"fcdbc2a466f9d13593a5fb6d7a2ba719b0df19dd",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)}nv-fielddropdown .error-description[hidden]{display:none}'}},[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],clearable:[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],clear:[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))\|\|b();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 s,d as o}from"./p-~~1Zs1aHJ4~~.js";const a=s,p=o;export{a as NvFielddropdownitem,p as defineCustomElement}
1	+ import{N as o,d as s}from"./p-1Oq0x2Rx.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 o,d as p}from"./p-~~CzRJpv7x~~.js";const s=o,r=p;export{s as NvFielddropdownitemcheck,r as defineCustomElement}
1	+ import{N as o,d as s}from"./p-D28iz8d1.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 n,d as l}from"./p-DiwYO24j.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-CsPx96EZ.js";import{d as g}from"./p-GDyaHbt9.js";import{d as w}from"./p-CzRJpv7x.js";import{d as k}from"./p-B_SethFg.js";import{d as x}from"./p-B4Uw_U8V.js";import{d as y}from"./p-Bt5_pj49.js";import{d as C}from"./p-C-Rs6wG9.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.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.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,setTimeout((()=>{this.preventBlurClose=!1}),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,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,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()}))}handleFocusOut(t){this.preventBlurClose?this.preventBlurClose=!1:t.relatedTarget instanceof Node&&this.el.contains(t.relatedTarget)\|\|(this.open=!1,this.filterable&&this.clearFilterText())}async handleKeyDown(t){if(this.disabled\|\|this.readonly)return;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"])')).sort(((t,e)=>{const i=parseInt(window.getComputedStyle(t).order\|\|"0",10),s=parseInt(window.getComputedStyle(e).order\|\|"0",10);return i!==s?i-s:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}));if(0===e.length)return void console.warn("No visible items found to navigate");let i=e.findIndex((t=>"highlighted"===t.getAttribute("data-state")));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\|\|" "===t.key)&&i>=0){const s=t.target;if(s?.closest?.('[data-scope="toggle-dropdown"]'))return;t.preventDefault();const o=e[i],n=o.hasAttribute("checked");o.checked=!n,o.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;const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>"none"!==t.style.display));if(t.querySelector("[data-empty]"))return void this.manageDivider(t,[],[]);const i=[],s=[];e.forEach((t=>{const e=(this.value\|\|[]).includes(t.getAttribute("value")\|\|"");t.style.order=e?"10":"30",e?i.push(t):s.push(t)})),this.manageDivider(t,i,s)}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=[],s=[];e.forEach((t=>{const e=(this.value\|\|[]).includes(t.getAttribute("value")\|\|"");t.style.order=e?"10":"30",e?i.push(t):s.push(t)})),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"),e.style.order="40",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),o.style.order="40",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.setAttribute("data-state","highlighted"),t.setAttribute("tabindex","0"),t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");e&&e.focus()}else t.removeAttribute("data-state"),t.setAttribute("tabindex","-1")}))}focusFirstItem(){const t=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style="display: none"])')).sort(((t,e)=>{const i=parseInt(window.getComputedStyle(t).order\|\|"0",10),s=parseInt(window.getComputedStyle(e).order\|\|"0",10);return i!==s?i-s:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}))[0];if(t){t.setAttribute("tabindex","0"),t.setAttribute("data-state","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)),s.style.order="20",s.style.display=e.length>0&&i.length>0?"":"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 nv-popover div[slot=content] ul[role=listbox]{display:flex;flex-direction:column}nv-fieldmultiselect nv-popover div[slot=content] ul[role=listbox]>*:not(nv-fielddropdownitemcheck):not(hr.multiselect-divider){order:40}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)}nv-fieldmultiselect .error-description[hidden]{display:none}.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;flex-shrink: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"],[3,"focusout","handleFocusOut"],[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))\|\|x();break;case"nv-loader":customElements.get(t(e))\|\|y();break;case"nv-popover":customElements.get(t(e))\|\|C()}}))}z();const F=S,q=z;export{F as NvFieldmultiselect,q 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-BzJGjY6m.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-CxKLuAfn.js";import{d as g}from"./p-Bu_98LLu.js";import{d as w}from"./p-D28iz8d1.js";import{d as k}from"./p-waLAN4j3.js";import{d as x}from"./p-CrNItly_.js";import{d as y}from"./p-BxbhIzS0.js";import{d as A}from"./p-C6V_Ba1j.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.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.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,setTimeout((()=>{this.preventBlurClose=!1}),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,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,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()}))}handleFocusOut(t){this.preventBlurClose?this.preventBlurClose=!1:t.relatedTarget instanceof Node&&this.el.contains(t.relatedTarget)\|\|(this.open=!1,this.filterable&&this.clearFilterText())}async handleKeyDown(t){if(this.disabled\|\|this.readonly)return;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"])')).sort(((t,e)=>{const i=parseInt(window.getComputedStyle(t).order\|\|"0",10),s=parseInt(window.getComputedStyle(e).order\|\|"0",10);return i!==s?i-s:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}));if(0===e.length)return void console.warn("No visible items found to navigate");let i=e.findIndex((t=>"highlighted"===t.getAttribute("data-state")));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\|\|" "===t.key)&&i>=0){const s=t.target;if(s?.closest?.('[data-scope="toggle-dropdown"]'))return;t.preventDefault();const o=e[i],n=o.hasAttribute("checked");o.checked=!n,o.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;const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>"none"!==t.style.display));if(t.querySelector("[data-empty]"))return void this.manageDivider(t,[],[]);const i=[],s=[];e.forEach((t=>{const e=(this.value\|\|[]).includes(t.getAttribute("value")\|\|"");t.style.order=e?"10":"30",e?i.push(t):s.push(t)})),this.manageDivider(t,i,s)}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=[],s=[];e.forEach((t=>{const e=(this.value\|\|[]).includes(t.getAttribute("value")\|\|"");t.style.order=e?"10":"30",e?i.push(t):s.push(t)})),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"),e.style.order="40",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),o.style.order="40",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.setAttribute("data-state","highlighted"),t.setAttribute("tabindex","0"),t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");e&&e.focus()}else t.removeAttribute("data-state"),t.setAttribute("tabindex","-1")}))}focusFirstItem(){const t=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style="display: none"])')).sort(((t,e)=>{const i=parseInt(window.getComputedStyle(t).order\|\|"0",10),s=parseInt(window.getComputedStyle(e).order\|\|"0",10);return i!==s?i-s:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}))[0];if(t){t.setAttribute("tabindex","0"),t.setAttribute("data-state","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)),s.style.order="20",s.style.display=e.length>0&&i.length>0?"":"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 nv-popover div[slot=content] ul[role=listbox]{display:flex;flex-direction:column}nv-fieldmultiselect nv-popover div[slot=content] ul[role=listbox]>*:not(nv-fielddropdownitemcheck):not(hr.multiselect-divider){order:40}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)}nv-fieldmultiselect .error-description[hidden]{display:none}.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;flex-shrink: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"],[3,"focusout","handleFocusOut"],[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))\|\|x();break;case"nv-loader":customElements.get(t(e))\|\|y();break;case"nv-popover":customElements.get(t(e))\|\|A()}}))}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 o,d as r}from"./p-~~Oger3lC0~~.js";const s=o,p=r;export{s as NvFieldnumber,p as defineCustomElement}
1	+ import{N as o,d as p}from"./p-i4xf4cpe.js";const s=o,r=p;export{s as NvFieldnumber,r as defineCustomElement}