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

package/dist/native/{p-6a9363a6.entry.js → p-6f3c3e2a.entry.js}

@@ -1 +1 @@
-import{r as e,a as t,h as i,d as r,e as o}from"./p-S-IZ4AN_.js";import{F as n,f as d,k as a,q as s,l,S as c,h,s as f,i as p}from"./p-BaF3Tuua.js";import{g as v,f as u}from"./p-CR9MpYzU.js";import{v as b}from"./p-BdYh22OP.js";const m=class{constructor(i){e(this,i),this.valueChanged=t(this,"valueChanged",3),this.filterTextChanged=t(this,"filterTextChanged",3),this.openChanged=t(this,"openChanged",3),this.dropdownItemSelected=t(this,"dropdownItemSelected",7),this.indexedItems=[],this.rawItems=[],this.workerClient=null,this.effectiveFilterMode="strict",this.inputId=b(),this.autocomplete="off",this.required=!1,this.ariaRequiredAttr=!1,this.readonly=!1,this.disabled=!1,this.error=!1,this.maxHeight="",this.emptyResult="No results found",this.filterable=!1,this.openOnSelect=!1,this.controlledFilter=!1,this.debounceDelay=300,this.autofocus=!1,this.fluid=!1,this.filterMode="strict",this.maxResults=25,this.startFilterAt=0,this.workerThreshold=2e3,this.fuzzyThreshold=.3,this.filterText="",this.selectedValues=new Set,this.open=!1,this.resultsTruncated=!1,this.totalResults=0,this.isSearching=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)||(this.open=!1))},this.handleFilterInput=()=>{this.open=!0,this.filterText=this.inputElement.value,this.filterTextChanged.emit(this.inputElement.value),clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),"fuzzy"===this.effectiveFilterMode?n:this.debounceDelay)},this.getSelectedLabel=()=>{if(!this.value)return"";if(this.filterText?.length)return this.filterText;if(this.options?.length>1){const e=this.options.find((e=>e.value===this.value));return e?.label??e?.value??this.value}const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem")).find((e=>e.value===this.value));return e?e.label??e.textContent?.trim()??e.value:""}}handleOpenChange(e){!1===e&&(clearTimeout(this.debounceTimer),setTimeout((()=>{this.clearFilter()}),100))}handleValueChange(){this.updateSelectedItem(),this.open&&this.filterText||this.setFilterInputToSelectedValue()}handleOptionsChange(){this.updateSelectedItem(),this.rebuildSearchIndex()}handleDropdownItemSelected(e){this.disabled||this.readonly||(this.openOnSelect||(this.open=!1),e.detail.detached||(this.getAllItems().forEach((t=>{t!==e.target?t.removeAttribute("selected"):t.setAttribute("selected","true")})),this.value=e.detail.value,this.setFilterInputToSelectedValue(),this.valueChanged.emit(e.detail.value)))}handleFocus(e){e.relatedTarget instanceof HTMLElement&&e.relatedTarget.tagName.includes("NV-FIELDDROPDOWNITEM")||e.target!=this.toggleElement&&(this.open=!0)}handleFocusOut(e){e.relatedTarget instanceof Node&&(this.el.contains(e.relatedTarget)||(this.open=!1))}handleKeyDown(e){if("Escape"===e.key)return this.focusField(),void(this.open=!1);if(" "===e.key)return void(e.target==this.selectElement&&(e.preventDefault(),this.open=!0));const t=this.getNavigableItems(),i=this.getHighlightedItemIndex(t);if("ArrowDown"===e.key){e.preventDefault(),this.open=!0;const r=i+1;this.updateHighlightedItem(t,r>=t.length?0:r)}if("ArrowUp"===e.key){e.preventDefault(),this.open=!0;const r=i-1;this.updateHighlightedItem(t,r<0?t.length-1:r)}}handleDocumentClick(e){this.handleClickOutside(e)}async clearFilter(){this.filterable&&(this.filterText?.length&&(this.filterText="",this.filterTextChanged.emit(this.filterText)),this.filterItems(),setTimeout((()=>{this.setFilterInputToSelectedValue()}),0))}async toggleDropdown(e){void 0!==e?setTimeout((()=>{this.open=e}),0):setTimeout((()=>{this.open=!this.open}),0)}syncToggleDropdown(){this.open=!this.open}setFilterInputToSelectedValue(){if((this.filterable||this.disabled||this.readonly)&&this.inputElement)return this.value?void(this.inputElement.value=this.getSelectedLabel()):this.inputElement.value=""}getFilterableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([data-empty]):not([detached])"))}getNavigableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([disabled]):not([hidden])"))}getAllItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem"))}getHighlightedItemIndex(e){return e.findIndex((e=>e.classList.contains("highlighted")))}updateHighlightedItem(e,t){e.forEach(((e,i)=>{e.classList.remove("highlighted"),i===t&&(e.classList.add("highlighted"),e.focus(),e.scrollIntoView({block:"nearest"}))}))}focusField(){const e=this.el.querySelector('[data-scope="focusable"]');e?.focus()}async rebuildSearchIndex(){const e=this.getFilterableItems();this.rawItems=e.map(((e,t)=>({id:e.value||`item-${t}`,label:e.label||e.textContent?.trim()||e.value||""}))),this.options?.length&&this.options.forEach(((e,t)=>{this.rawItems.push({id:e.value||`opt-${t}`,label:e.label||e.value||""})})),this.indexedItems=d(this.rawItems),this.effectiveFilterMode=a(this.filterMode);const t=this.rawItems.length,i=p(this.workerThreshold);s(t,this.effectiveFilterMode,i)?await this.initWorker():this.terminateWorker()}async initWorker(){l()&&(this.workerClient||(this.workerClient=new c),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=h(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=p(this.workerThreshold);let r;if(s(t,this.effectiveFilterMode,i)&&this.workerClient?.isReady){this.isSearching=!0;try{r=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),r=f(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}finally{this.isSearching=!1}}else r=f(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold});this.resultsTruncated=r.truncated,this.totalResults=r.total,this.applySearchResults(r,e)}applySearchResults(e,t){const i=new Set(e.ids);let r=!1,o=0;const n=h(this.maxResults);if(t.forEach((t=>{const d=t.value||"",a=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===a||t.id===d)})))&&o<n?(t.removeAttribute("hidden"),r=!0,o++):t.setAttribute("hidden","")})),r)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),r=document.createElement("nv-fielddropdownitem");r.setAttribute("data-truncated","true"),r.setAttribute("disabled","true"),r.setAttribute("detached","true"),r.className="truncated-message",r.textContent=u(i,e,t);const o=this.el.querySelector('div[slot="content"] ul');o&&o.appendChild(r)}async updateSelectedItem(){const e=this.getAllItems();this.value&&e.forEach((e=>{e.selected=e.value===this.value}))}componentDidLoad(){this.updateSelectedItem(),this.setFilterInputToSelectedValue(),this.rebuildSearchIndex()}disconnectedCallback(){clearTimeout(this.debounceTimer),this.terminateWorker()}componentDidRender(){this.filterable||!this.disabled&&!this.readonly||(this.inputElement.value=this.getSelectedLabel())}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,o=e?t:null,n=e?"true"===o||""===o:void 0,d=this.required&&(!e||!0===n);return i(r,{key:"fc83e8834e38142ad102d17495b5978283699576",role:"combobox","aria-expanded":this.open.toString(),"aria-haspopup":"listbox","aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"5a1eb965296909556869a025a6e4da609f2cbf90",htmlFor:this.inputId,onClick:this.syncToggleDropdown.bind(this)},i("slot",{key:"d5d4f3607e07e248c4083c3ea934a3bd1d7a7467",name:"label"},this.label)),i("nv-popover",{key:"17e42a4d729dbc735db49f398ec14e0c296ff8ee",triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:e=>this.openChanged.emit(e.detail)},i("div",{key:"a665ff2d2142acf5335d52e9a304ea2995750e5f",class:"input-wrapper",slot:"trigger"},i("slot",{key:"bddb24c6404ea0ea7da33485f8d497d0a635f3e2",name:"before-input"}),i("div",{key:"7275a9a99c9b4476b405f3966f128ce9ce92801a",class:"input-container"},i("slot",{key:"ede3c4442f365377eb83524f5d70d2922cd2a38b",name:"leading-input"}),this.filterable||this.disabled||this.readonly?i("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!==n&&{"aria-required":String(n)},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleFilterInput}):i("p",{"data-scope":"focusable",id:this.inputId,ref:e=>this.selectElement=e,class:"non-filterable-text",tabIndex:this.disabled?-1:0},this.getSelectedLabel()||this.value||this.placeholder),this.filterable&&this.filterText&&i("nv-iconbutton",{key:"d1aa81c5d14601ea85cec133a94f2b071ca98358",name:"x",size:"md",emphasis:"lower",class:"clear-button",onClick:this.clearFilter.bind(this),"aria-label":"Clear input"}),this.error&&i("nv-icon",{key:"d49e30222d63ffdcc4d952d959a98946b943685f",name:"alert-circle",class:"validation",size:"md"}),i("nv-iconbutton",{key:"6e157ce63f3f6faa08df5b7b9b7e6fd3ae9d0c31","data-scope":"toggle-dropdown",ref:e=>this.toggleElement=e,name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",onClick:this.syncToggleDropdown.bind(this),tabIndex:this.disabled?-1:0})),i("slot",{key:"665519b43abbd562ea1c3e36355b15ffb3e6fea2",name:"after-input"})),i("div",{key:"da97b6498e93d5f6c427bec6963db697c41c2d9a",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},this.options?.length>0&&i("ul",{key:"0db57a711680aad61c32993b5f3afe304ec9066f"},this.options.map((e=>i("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))),i("slot",{key:"5c7643c6436c42efa63bab75f416b684b662812b",name:"content"}))),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"0ade462a96a16bb0cf6fb9d49d4ead0d98a6234b",class:"description"},i("slot",{key:"bb2d0c3340bdc0d0b3ac77feab8bc70a73b89a00",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"c04c2329d71e088b262a46441bb3bd9592d304e8",hidden:!this.error,class:"error-description"},i("slot",{key:"b85d769f12c4bf2a2ba5aba69c20566d17801f0a",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}],value:[{handleValueChange:0}],options:[{handleOptionsChange:0}]}}};m.style='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)}';export{m as nv_fielddropdown}
+import{r as e,a as t,h as i,d as r,e as o}from"./p-BCjiE1MF.js";import{F as n,f as d,k as a,q as s,l,S as c,h,s as f,i as p}from"./p-BaF3Tuua.js";import{g as v,f as u}from"./p-CR9MpYzU.js";import{v as b}from"./p-BdYh22OP.js";const m=class{constructor(i){e(this,i),this.valueChanged=t(this,"valueChanged",3),this.filterTextChanged=t(this,"filterTextChanged",3),this.openChanged=t(this,"openChanged",3),this.dropdownItemSelected=t(this,"dropdownItemSelected",7),this.indexedItems=[],this.rawItems=[],this.workerClient=null,this.effectiveFilterMode="strict",this.inputId=b(),this.autocomplete="off",this.required=!1,this.ariaRequiredAttr=!1,this.readonly=!1,this.disabled=!1,this.error=!1,this.maxHeight="",this.emptyResult="No results found",this.filterable=!1,this.openOnSelect=!1,this.controlledFilter=!1,this.debounceDelay=300,this.autofocus=!1,this.fluid=!1,this.filterMode="strict",this.maxResults=25,this.startFilterAt=0,this.workerThreshold=2e3,this.fuzzyThreshold=.3,this.filterText="",this.selectedValues=new Set,this.open=!1,this.resultsTruncated=!1,this.totalResults=0,this.isSearching=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)||(this.open=!1))},this.handleFilterInput=()=>{this.open=!0,this.filterText=this.inputElement.value,this.filterTextChanged.emit(this.inputElement.value),clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),"fuzzy"===this.effectiveFilterMode?n:this.debounceDelay)},this.getSelectedLabel=()=>{if(!this.value)return"";if(this.filterText?.length)return this.filterText;if(this.options?.length>1){const e=this.options.find((e=>e.value===this.value));return e?.label??e?.value??this.value}const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem")).find((e=>e.value===this.value));return e?e.label??e.textContent?.trim()??e.value:""}}handleOpenChange(e){!1===e&&(clearTimeout(this.debounceTimer),setTimeout((()=>{this.clearFilter()}),100))}handleValueChange(){this.updateSelectedItem(),this.open&&this.filterText||this.setFilterInputToSelectedValue()}handleOptionsChange(){this.updateSelectedItem(),this.rebuildSearchIndex()}handleDropdownItemSelected(e){this.disabled||this.readonly||(this.openOnSelect||(this.open=!1),e.detail.detached||(this.getAllItems().forEach((t=>{t!==e.target?t.removeAttribute("selected"):t.setAttribute("selected","true")})),this.value=e.detail.value,this.setFilterInputToSelectedValue(),this.valueChanged.emit(e.detail.value)))}handleFocus(e){e.relatedTarget instanceof HTMLElement&&e.relatedTarget.tagName.includes("NV-FIELDDROPDOWNITEM")||e.target!=this.toggleElement&&(this.open=!0)}handleFocusOut(e){e.relatedTarget instanceof Node&&(this.el.contains(e.relatedTarget)||(this.open=!1))}handleKeyDown(e){if("Escape"===e.key)return this.focusField(),void(this.open=!1);if(" "===e.key)return void(e.target==this.selectElement&&(e.preventDefault(),this.open=!0));const t=this.getNavigableItems(),i=this.getHighlightedItemIndex(t);if("ArrowDown"===e.key){e.preventDefault(),this.open=!0;const r=i+1;this.updateHighlightedItem(t,r>=t.length?0:r)}if("ArrowUp"===e.key){e.preventDefault(),this.open=!0;const r=i-1;this.updateHighlightedItem(t,r<0?t.length-1:r)}}handleDocumentClick(e){this.handleClickOutside(e)}async clearFilter(){this.filterable&&(this.filterText?.length&&(this.filterText="",this.filterTextChanged.emit(this.filterText)),this.filterItems(),setTimeout((()=>{this.setFilterInputToSelectedValue()}),0))}async toggleDropdown(e){void 0!==e?setTimeout((()=>{this.open=e}),0):setTimeout((()=>{this.open=!this.open}),0)}syncToggleDropdown(){this.open=!this.open}setFilterInputToSelectedValue(){if((this.filterable||this.disabled||this.readonly)&&this.inputElement)return this.value?void(this.inputElement.value=this.getSelectedLabel()):this.inputElement.value=""}getFilterableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([data-empty]):not([detached])"))}getNavigableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([disabled]):not([hidden])"))}getAllItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem"))}getHighlightedItemIndex(e){return e.findIndex((e=>e.classList.contains("highlighted")))}updateHighlightedItem(e,t){e.forEach(((e,i)=>{e.classList.remove("highlighted"),i===t&&(e.classList.add("highlighted"),e.focus(),e.scrollIntoView({block:"nearest"}))}))}focusField(){const e=this.el.querySelector('[data-scope="focusable"]');e?.focus()}async rebuildSearchIndex(){const e=this.getFilterableItems();this.rawItems=e.map(((e,t)=>({id:e.value||`item-${t}`,label:e.label||e.textContent?.trim()||e.value||""}))),this.options?.length&&this.options.forEach(((e,t)=>{this.rawItems.push({id:e.value||`opt-${t}`,label:e.label||e.value||""})})),this.indexedItems=d(this.rawItems),this.effectiveFilterMode=a(this.filterMode);const t=this.rawItems.length,i=p(this.workerThreshold);s(t,this.effectiveFilterMode,i)?await this.initWorker():this.terminateWorker()}async initWorker(){l()&&(this.workerClient||(this.workerClient=new c),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=h(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=p(this.workerThreshold);let r;if(s(t,this.effectiveFilterMode,i)&&this.workerClient?.isReady){this.isSearching=!0;try{r=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),r=f(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}finally{this.isSearching=!1}}else r=f(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold});this.resultsTruncated=r.truncated,this.totalResults=r.total,this.applySearchResults(r,e)}applySearchResults(e,t){const i=new Set(e.ids);let r=!1,o=0;const n=h(this.maxResults);if(t.forEach((t=>{const d=t.value||"",a=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===a||t.id===d)})))&&o<n?(t.removeAttribute("hidden"),r=!0,o++):t.setAttribute("hidden","")})),r)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),r=document.createElement("nv-fielddropdownitem");r.setAttribute("data-truncated","true"),r.setAttribute("disabled","true"),r.setAttribute("detached","true"),r.className="truncated-message",r.textContent=u(i,e,t);const o=this.el.querySelector('div[slot="content"] ul');o&&o.appendChild(r)}async updateSelectedItem(){const e=this.getAllItems();this.value&&e.forEach((e=>{e.selected=e.value===this.value}))}componentDidLoad(){this.updateSelectedItem(),this.setFilterInputToSelectedValue(),this.rebuildSearchIndex()}disconnectedCallback(){clearTimeout(this.debounceTimer),this.terminateWorker()}componentDidRender(){this.filterable||!this.disabled&&!this.readonly||(this.inputElement.value=this.getSelectedLabel())}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,o=e?t:null,n=e?"true"===o||""===o:void 0,d=this.required&&(!e||!0===n);return i(r,{key:"fc83e8834e38142ad102d17495b5978283699576",role:"combobox","aria-expanded":this.open.toString(),"aria-haspopup":"listbox","aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"5a1eb965296909556869a025a6e4da609f2cbf90",htmlFor:this.inputId,onClick:this.syncToggleDropdown.bind(this)},i("slot",{key:"d5d4f3607e07e248c4083c3ea934a3bd1d7a7467",name:"label"},this.label)),i("nv-popover",{key:"17e42a4d729dbc735db49f398ec14e0c296ff8ee",triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:e=>this.openChanged.emit(e.detail)},i("div",{key:"a665ff2d2142acf5335d52e9a304ea2995750e5f",class:"input-wrapper",slot:"trigger"},i("slot",{key:"bddb24c6404ea0ea7da33485f8d497d0a635f3e2",name:"before-input"}),i("div",{key:"7275a9a99c9b4476b405f3966f128ce9ce92801a",class:"input-container"},i("slot",{key:"ede3c4442f365377eb83524f5d70d2922cd2a38b",name:"leading-input"}),this.filterable||this.disabled||this.readonly?i("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!==n&&{"aria-required":String(n)},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleFilterInput}):i("p",{"data-scope":"focusable",id:this.inputId,ref:e=>this.selectElement=e,class:"non-filterable-text",tabIndex:this.disabled?-1:0},this.getSelectedLabel()||this.value||this.placeholder),this.filterable&&this.filterText&&i("nv-iconbutton",{key:"d1aa81c5d14601ea85cec133a94f2b071ca98358",name:"x",size:"md",emphasis:"lower",class:"clear-button",onClick:this.clearFilter.bind(this),"aria-label":"Clear input"}),this.error&&i("nv-icon",{key:"d49e30222d63ffdcc4d952d959a98946b943685f",name:"alert-circle",class:"validation",size:"md"}),i("nv-iconbutton",{key:"6e157ce63f3f6faa08df5b7b9b7e6fd3ae9d0c31","data-scope":"toggle-dropdown",ref:e=>this.toggleElement=e,name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",onClick:this.syncToggleDropdown.bind(this),tabIndex:this.disabled?-1:0})),i("slot",{key:"665519b43abbd562ea1c3e36355b15ffb3e6fea2",name:"after-input"})),i("div",{key:"da97b6498e93d5f6c427bec6963db697c41c2d9a",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},this.options?.length>0&&i("ul",{key:"0db57a711680aad61c32993b5f3afe304ec9066f"},this.options.map((e=>i("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))),i("slot",{key:"5c7643c6436c42efa63bab75f416b684b662812b",name:"content"}))),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"0ade462a96a16bb0cf6fb9d49d4ead0d98a6234b",class:"description"},i("slot",{key:"bb2d0c3340bdc0d0b3ac77feab8bc70a73b89a00",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"c04c2329d71e088b262a46441bb3bd9592d304e8",hidden:!this.error,class:"error-description"},i("slot",{key:"b85d769f12c4bf2a2ba5aba69c20566d17801f0a",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}],value:[{handleValueChange:0}],options:[{handleOptionsChange:0}]}}};m.style='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)}';export{m as nv_fielddropdown}