@nova-design-system/nova-webcomponents 3.29.0 → 3.30.0

package/dist/components/nv-fieldmultiselect.js

@@ -1 +1 @@
-import{t,p as e,H as i,c as s,h as o,F as n,d as l}from"./p-flcatmxD.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-DdcXhR3I.js";import{d as g}from"./p-ChVdX6FG.js";import{d as w}from"./p-EV8CtE4q.js";import{d as k}from"./p-DKgmDzJ1.js";import{d as x}from"./p-_zOMJBOq.js";import{d as y}from"./p-D3JDACHw.js";import{d as A}from"./p-RYxAzR3m.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 q=S,F=z;export{q as NvFieldmultiselect,F as defineCustomElement}
+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-BhRpSdkR.js";import{d as g}from"./p-GDyaHbt9.js";import{d as w}from"./p-CzRJpv7x.js";import{d as k}from"./p-BYrgllP3.js";import{d as y}from"./p-Dg-Ac5i4.js";import{d as x}from"./p-Cx5CLy9v.js";import{d as C}from"./p-MLanePUO.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))||y();break;case"nv-loader":customElements.get(t(e))||x();break;case"nv-popover":customElements.get(t(e))||C()}}))}z();const F=S,q=z;export{F as NvFieldmultiselect,q as defineCustomElement}

package/dist/components/nv-fieldnumber.js

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

package/dist/components/nv-fieldpassword.js

@@ -1 +1 @@
-import{t as e,p as r,H as o,c as i,h as a,d as t}from"./p-flcatmxD.js";import{d as n}from"./p-DKgmDzJ1.js";import{d}from"./p-_zOMJBOq.js";import{d as s}from"./p-D3JDACHw.js";import{v as l}from"./p-BdYh22OP.js";const f=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged",3),this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.mode="text",this.autocomplete="off",this.hidePasswordIcon=!1,this.showPassword=!1,this.autofocus=!1,this.fluid=!1,this.handleInputContainerClick=()=>{this.inputElement.focus()},this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState},this.handleInput=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}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,o=e?r:null,i=e?"true"===o||""===o:void 0,n=this.required&&(!e||!0===i);return a(t,{key:"30f853d7d12cd12f4093c3a185e497eb5374fecd"},(this.label||this.el.querySelector('[slot="label"]'))&&a("label",{key:"a0a4557d38448ea9101f255b8080eb298107906e",htmlFor:this.inputId},a("slot",{key:"76eccd0d2ef97d4a714f9d72f736e7b8a3b1ac9d",name:"label"},this.label)),a("div",{key:"d1042d63c628c26614aabe08155848f265dd67d1",class:"input-wrapper"},a("slot",{key:"1412d40db63a8a1bcea9a941ca0c263d3227cbbc",name:"before-input"}),a("div",{key:"683b678a05a524258ee6924148c2bea9be68690a",class:"input-container",onClick:this.handleInputContainerClick},a("slot",{key:"34f2878c425e6544ab7862cb1e3e892da399c23f",name:"leading-input"}),a("input",{key:"153fa6a7aac31180e6355dcf7a0b3e2fbaa75ce0",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:n?this.required:void 0,...void 0!==i&&{"aria-required":i+""},maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success||this.error)&&a("nv-icon",{key:"3b024daa690eb7ff8d34da6000d37ce6ae182112",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&a("nv-iconbutton",{key:"c8877e4d7d2c106161bfd1b27e3e3dc664cec313",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":""+this.showPasswordState})),a("slot",{key:"c3b428593383be23101c2dead68421f620e25d38",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&a("div",{key:"56a5ebc137e6864570626e0ce75aca0fff6314d3",class:"description"},a("slot",{key:"eb8c5141c3a79359ca606defea0c0b7dbc0f5bd6",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&a("div",{key:"4aaf597ca070227517d231b7e673e0db280ccab1",hidden:!this.error,class:"error-description"},a("slot",{key:"6815df2fc9b2ec36cfe1f88cebaeaf88e11ec882",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{showPassword:[{handleShowPasswordChange: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-fieldpassword{--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-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[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-fieldpassword[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-fieldpassword[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-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword 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-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .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-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .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-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .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-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .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-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .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-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .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-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .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-fieldpassword .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-fieldpassword .error-description[hidden]{display:none}'}},[324,"nv-fieldpassword",{inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],mode:[513],autocomplete:[513],hidePasswordIcon:[516,"hide-password-icon"],showPassword:[516,"show-password"],autofocus:[516],fluid:[516],showPasswordState:[32]},void 0,{showPassword:[{handleShowPasswordChange:0}]}]);function c(){"undefined"!=typeof customElements&&["nv-fieldpassword","nv-icon","nv-iconbutton","nv-loader"].forEach((r=>{switch(r){case"nv-fieldpassword":customElements.get(e(r))||customElements.define(e(r),f);break;case"nv-icon":customElements.get(e(r))||n();break;case"nv-iconbutton":customElements.get(e(r))||d();break;case"nv-loader":customElements.get(e(r))||s()}}))}c();const p=f,v=c;export{p as NvFieldpassword,v as defineCustomElement}
+import{t as e,p as r,H as o,c as i,h as a,d as t}from"./p-DiwYO24j.js";import{d as n}from"./p-BYrgllP3.js";import{d}from"./p-Dg-Ac5i4.js";import{d as s}from"./p-Cx5CLy9v.js";import{v as l}from"./p-BdYh22OP.js";const f=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged",3),this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.mode="text",this.autocomplete="off",this.hidePasswordIcon=!1,this.showPassword=!1,this.autofocus=!1,this.fluid=!1,this.handleInputContainerClick=()=>{this.inputElement.focus()},this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState},this.handleInput=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}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,o=e?r:null,i=e?"true"===o||""===o:void 0,n=this.required&&(!e||!0===i);return a(t,{key:"e24affee3586427a9d7b2dbf2205dc4ac62b7491"},(this.label||this.el.querySelector('[slot="label"]'))&&a("label",{key:"3ce9065dc2d72992d5c6e3e856df4c1447717ed2",htmlFor:this.inputId},a("slot",{key:"ed16a44bfdcf67f371d0a1f083bc0d6e6009350b",name:"label"},this.label)),a("div",{key:"b43e17d340383e0b70bcb4fb5fa061d479baf46a",class:"input-wrapper"},a("slot",{key:"2f101c6bf63c88fc4a6ad8aee5622097c133245b",name:"before-input"}),a("div",{key:"37fe8f5efd8f4374b9a237f4f5d1ebe9af9f6e05",class:"input-container",onClick:this.handleInputContainerClick},a("slot",{key:"4ca0f2ce27bded082e2fe49598ef6310db1ac0b3",name:"leading-input"}),a("input",{key:"302e86558f7843f44486b47987d37df6ac7f50ac",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:n?this.required:void 0,...void 0!==i&&{"aria-required":i+""},maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success||this.error)&&a("nv-icon",{key:"c8874ce153ceddb132f9be42178bd3ff150005d2",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&a("nv-iconbutton",{key:"90b7e1f592e67ea60194b581931fa842af695ef4",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":""+this.showPasswordState})),a("slot",{key:"71add973e9ce73cc172d074492a9dbb2c20caaf9",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&a("div",{key:"c2d8551e86c028619f2c7c810597353df24cf83a",class:"description"},a("slot",{key:"8ebe471324eba4eb9734ccd5a3aa600cc44512d9",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&a("div",{key:"71d0c4737a51c030ba8ca859d1fd0b26d5a48772",hidden:!this.error,class:"error-description"},a("slot",{key:"70e23fc8738958e2f2518079e0289a5a839903cd",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{showPassword:[{handleShowPasswordChange: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-fieldpassword{--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-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[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-fieldpassword[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-fieldpassword[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-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword 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-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .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-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .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-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .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-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .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-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .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-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .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-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .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-fieldpassword .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-fieldpassword .error-description[hidden]{display:none}'}},[324,"nv-fieldpassword",{inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],mode:[513],autocomplete:[513],hidePasswordIcon:[516,"hide-password-icon"],showPassword:[516,"show-password"],autofocus:[516],fluid:[516],showPasswordState:[32]},void 0,{showPassword:[{handleShowPasswordChange:0}]}]);function c(){"undefined"!=typeof customElements&&["nv-fieldpassword","nv-icon","nv-iconbutton","nv-loader"].forEach((r=>{switch(r){case"nv-fieldpassword":customElements.get(e(r))||customElements.define(e(r),f);break;case"nv-icon":customElements.get(e(r))||n();break;case"nv-iconbutton":customElements.get(e(r))||d();break;case"nv-loader":customElements.get(e(r))||s()}}))}c();const p=f,v=c;export{p as NvFieldpassword,v as defineCustomElement}

package/dist/components/nv-fieldradio.js

@@ -1 +1 @@
-import{t as e,p as r,H as o,c as d,h as i,d as a}from"./p-flcatmxD.js";import{c as t}from"./p-ChV9xqsO.js";import{v as n}from"./p-BdYh22OP.js";const l=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkedChanged=d(this,"checkedChanged",3),this.labelBefore=!1,this.inputId=n(),this.error=!1,this.checked=!1,this.disabled=!1,this.autofocus=!1}componentWillRender(){this.message&&(this.description=this.message),this.labelBefore&&(this.labelPlacement="before")}handleCheckedChange(e){this.checkedChanged.emit(e)}handleChange(e){const r=e.target;"radio"===r?.type&&(Array.from(document.getElementsByTagName("nv-fieldradio")).forEach((e=>{e.name===this.name&&(e.checked=!1)})),this.checked=r.checked)}render(){return i(a,{key:"66de1f9bfcf3981e3cfc94ac1bc1c7fa1940676d",class:t("before"===this.labelPlacement&&"label-placement-before",this.error&&"error")},i("input",{key:"ee32e5617e50888d9064d7d4d00fbdaf55b97e89",type:"radio",id:this.inputId,name:this.name,autofocus:this.autofocus,autocomplete:"off",value:this.value,checked:this.checked,disabled:this.disabled}),i("div",{key:"16f867329f8c9a735c9728a466fd49ff1b9b8e8a",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"50bbb783254086da1f6c4ff3ce6ae432567d5585",htmlFor:this.inputId},i("slot",{key:"d6801fd892c2b82c39eb8b2b906ad0d148edd63f",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"6810da8129a5e70a6069a5212b6755017efe9856",class:"description"},i("slot",{key:"70539fb3789af1183fe92fbd9fdb18520633ef97",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"9c8059dd1f5335c99a28a84eb5db7ed0726933bd",hidden:!this.error,class:"error-description"},i("slot",{key:"ec4c1d7a36cb892c2a97593a6e3341f69791a721",name:"error-description"},this.errorDescription))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{handleCheckedChange:0}]}}static get style(){return'@charset "UTF-8";nv-fieldradio{--nv-fieldradio-border-default:var(--components-form-field-border-default);--nv-fieldradio-border-hover:var(--components-form-field-border-hover);--nv-fieldradio-border-focus:var(--components-form-field-border-default);--nv-fieldradio-background-default:var(--components-form-field-background-default);--nv-fieldradio-background-checked:var(--components-form-field-background-checked);--nv-fieldradio-background-disabled:var(--components-form-field-background-disabled);--nv-fieldradio-focus-box-shadow:var(--color-focus-brand);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldradio-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x)}nv-fieldradio:not([disabled]) input,nv-fieldradio:not([disabled]) label,nv-fieldradio[disabled=false] input,nv-fieldradio[disabled=false] label{cursor:pointer}nv-fieldradio.error{--nv-fieldradio-border-default:var(--components-form-field-border-error);--nv-fieldradio-border-hover:var(--nv-fieldradio-border-default);--nv-fieldradio-border-focus:var(--components-form-field-border-error);--nv-fieldradio-background-checked:var(--components-form-field-background-error);--nv-fieldradio-focus-box-shadow:var(--color-focus-destructive);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-field-border-error);--nv-fieldradio-outline-color:var(--color-focus-destructive)}nv-fieldradio.label-placement-before{flex-direction:row-reverse}nv-fieldradio[disabled]{opacity:0.5}nv-fieldradio label{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(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldradio input[type=radio]{appearance:none;position:relative;display:flex;width:var(--form-radio-size);height:var(--form-radio-size);padding:var(--form-radio-inner-circle-padding);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-default)}nv-fieldradio input[type=radio]:hover{border-color:var(--nv-fieldradio-border-hover)}nv-fieldradio input[type=radio]:focus{border-color:var(--nv-fieldradio-border-focus)}nv-fieldradio input[type=radio]:focus,nv-fieldradio input[type=radio]:focus-within{outline:none}nv-fieldradio input[type=radio]:focus-visible,nv-fieldradio input[type=radio]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldradio-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldradio input[type=radio]:checked{background:var(--nv-fieldradio-background-checked);border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked:hover,nv-fieldradio input[type=radio]:checked:focus{border-color:var(--nv-fieldradio-background-checked);background:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"";position:absolute;top:50%;right:50%;transform:translate(50%, -50%);left:0;width:var(--form-radio-inner-circle-size);height:var(--form-radio-inner-circle-size);flex-shrink:0;border-radius:var(--radius-rounded-full);background:var(--nv-fieldradio-dot-color-checked)}nv-fieldradio input[type=radio]:disabled{border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio input[type=radio]:disabled:checked::before{background:var(--nv-fieldradio-dot-color-disabled)}nv-fieldradio input[type=radio]:disabled:hover{border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}@media print{nv-fieldradio input[type=radio]:checked{background:transparent;border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"●";position:absolute;top:calc(50% - 2px);left:calc(50% - 4.5px);transform:translate(-50%, -50%);width:auto;height:auto;background:none;color:var(--nv-fieldradio-background-checked);font-size:calc(var(--form-radio-inner-circle-size) * 3);line-height:1}}nv-fieldradio .description{align-self:stretch;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;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldradio .error-description{align-self:stretch;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;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldradio .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}'}},[324,"nv-fieldradio",{message:[513],labelBefore:[516,"label-before"],inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[1537,"label-placement"],description:[1537],error:[516],errorDescription:[513,"error-description"],checked:[1540],disabled:[516],autofocus:[516]},[[0,"change","handleChange"]],{checked:[{handleCheckedChange:0}]}]);function f(){"undefined"!=typeof customElements&&["nv-fieldradio"].forEach((r=>{"nv-fieldradio"===r&&(customElements.get(e(r))||customElements.define(e(r),l))}))}f();const c=l,s=f;export{c as NvFieldradio,s as defineCustomElement}
+import{t as e,p as r,H as o,c as d,h as i,d as a}from"./p-DiwYO24j.js";import{c as t}from"./p-ChV9xqsO.js";import{v as n}from"./p-BdYh22OP.js";const l=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkedChanged=d(this,"checkedChanged",3),this.labelBefore=!1,this.inputId=n(),this.error=!1,this.checked=!1,this.disabled=!1,this.autofocus=!1}componentWillRender(){this.message&&(this.description=this.message),this.labelBefore&&(this.labelPlacement="before")}handleCheckedChange(e){this.checkedChanged.emit(e)}handleChange(e){const r=e.target;"radio"===r?.type&&(Array.from(document.getElementsByTagName("nv-fieldradio")).forEach((e=>{e.name===this.name&&(e.checked=!1)})),this.checked=r.checked)}render(){return i(a,{key:"53e418bfab22c9019f8efae9e474e6e729532a73",class:t("before"===this.labelPlacement&&"label-placement-before",this.error&&"error")},i("input",{key:"85ab7c010dfa893e9e92bebd39b845a604ca0069",type:"radio",id:this.inputId,name:this.name,autofocus:this.autofocus,autocomplete:"off",value:this.value,checked:this.checked,disabled:this.disabled}),i("div",{key:"851587d22af2d0739e5531f361cbefe3e282b914",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"475cad34dea78bd00bf822ccafbfb18ddba4264a",htmlFor:this.inputId},i("slot",{key:"d6c84f56f1913d97e71ce79fd112362f4880acd0",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"8e1f4d0e9cbd00630cadde99923f2952d4dd492c",class:"description"},i("slot",{key:"dea3d8661dc83a237a8d290e02b365ea47491b51",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"f67d73864db0c32013605343ac22f451b37047e9",hidden:!this.error,class:"error-description"},i("slot",{key:"ebd467b48c874db8b3649ec940d950f0d2218417",name:"error-description"},this.errorDescription))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{handleCheckedChange:0}]}}static get style(){return'@charset "UTF-8";nv-fieldradio{--nv-fieldradio-border-default:var(--components-form-field-border-default);--nv-fieldradio-border-hover:var(--components-form-field-border-hover);--nv-fieldradio-border-focus:var(--components-form-field-border-default);--nv-fieldradio-background-default:var(--components-form-field-background-default);--nv-fieldradio-background-checked:var(--components-form-field-background-checked);--nv-fieldradio-background-disabled:var(--components-form-field-background-disabled);--nv-fieldradio-focus-box-shadow:var(--color-focus-brand);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldradio-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x)}nv-fieldradio:not([disabled]) input,nv-fieldradio:not([disabled]) label,nv-fieldradio[disabled=false] input,nv-fieldradio[disabled=false] label{cursor:pointer}nv-fieldradio.error{--nv-fieldradio-border-default:var(--components-form-field-border-error);--nv-fieldradio-border-hover:var(--nv-fieldradio-border-default);--nv-fieldradio-border-focus:var(--components-form-field-border-error);--nv-fieldradio-background-checked:var(--components-form-field-background-error);--nv-fieldradio-focus-box-shadow:var(--color-focus-destructive);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-field-border-error);--nv-fieldradio-outline-color:var(--color-focus-destructive)}nv-fieldradio.label-placement-before{flex-direction:row-reverse}nv-fieldradio[disabled]{opacity:0.5}nv-fieldradio label{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(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldradio input[type=radio]{appearance:none;position:relative;display:flex;width:var(--form-radio-size);height:var(--form-radio-size);padding:var(--form-radio-inner-circle-padding);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-default)}nv-fieldradio input[type=radio]:hover{border-color:var(--nv-fieldradio-border-hover)}nv-fieldradio input[type=radio]:focus{border-color:var(--nv-fieldradio-border-focus)}nv-fieldradio input[type=radio]:focus,nv-fieldradio input[type=radio]:focus-within{outline:none}nv-fieldradio input[type=radio]:focus-visible,nv-fieldradio input[type=radio]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldradio-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldradio input[type=radio]:checked{background:var(--nv-fieldradio-background-checked);border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked:hover,nv-fieldradio input[type=radio]:checked:focus{border-color:var(--nv-fieldradio-background-checked);background:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"";position:absolute;top:50%;right:50%;transform:translate(50%, -50%);left:0;width:var(--form-radio-inner-circle-size);height:var(--form-radio-inner-circle-size);flex-shrink:0;border-radius:var(--radius-rounded-full);background:var(--nv-fieldradio-dot-color-checked)}nv-fieldradio input[type=radio]:disabled{border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio input[type=radio]:disabled:checked::before{background:var(--nv-fieldradio-dot-color-disabled)}nv-fieldradio input[type=radio]:disabled:hover{border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}@media print{nv-fieldradio input[type=radio]:checked{background:transparent;border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"●";position:absolute;top:calc(50% - 2px);left:calc(50% - 4.5px);transform:translate(-50%, -50%);width:auto;height:auto;background:none;color:var(--nv-fieldradio-background-checked);font-size:calc(var(--form-radio-inner-circle-size) * 3);line-height:1}}nv-fieldradio .description{align-self:stretch;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;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldradio .error-description{align-self:stretch;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;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldradio .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}'}},[324,"nv-fieldradio",{message:[513],labelBefore:[516,"label-before"],inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[1537,"label-placement"],description:[1537],error:[516],errorDescription:[513,"error-description"],checked:[1540],disabled:[516],autofocus:[516]},[[0,"change","handleChange"]],{checked:[{handleCheckedChange:0}]}]);function f(){"undefined"!=typeof customElements&&["nv-fieldradio"].forEach((r=>{"nv-fieldradio"===r&&(customElements.get(e(r))||customElements.define(e(r),l))}))}f();const c=l,s=f;export{c as NvFieldradio,s as defineCustomElement}

package/dist/components/nv-fieldselect.js

@@ -1 +1 @@
-import{N as o,d as r}from"./p-C99g_PrG.js";const s=o,p=r;export{s as NvFieldselect,p as defineCustomElement}
+import{N as o,d as s}from"./p-B4qcUV0M.js";const p=o,r=s;export{p as NvFieldselect,r as defineCustomElement}

package/dist/components/nv-fieldslider.js

@@ -1 +1 @@
-import{h as e,t as i,p as t,H as r,c as n,d as a}from"./p-flcatmxD.js";import{c as s}from"./p-ChV9xqsO.js";import{d as o}from"./p-CgufQqes.js";import{d as l}from"./p-DKgmDzJ1.js";import{d}from"./p-_zOMJBOq.js";import{d as c}from"./p-D3JDACHw.js";import{v as h}from"./p-BdYh22OP.js";function f(e){if(Number.isInteger(e))return 0;const i=(""+e).split(".")[1];return i?i.length:0}function u(e,i,t){return Math.max(i,Math.min(t,e))}function v(e,i,t){return t===i?0:(e-i)/(t-i)*100}function b(e,i){const t=f(i);return t>0?e.toFixed(t):e+""}const m=i=>{const{value:t,min:r,max:n,step:a,rawPosition:s,isDragging:o,snap:l,disabled:d,readonly:c,onKeyDown:h,labelBeforeValue:f,labelAfterValue:m}=i;let p=t;o&&!l&&(p=u(s,r,n));const g=v(p,r,n);return e("div",{class:"thumb",style:{left:g+"%"},role:"slider","aria-valuemin":r,"aria-valuemax":n,"aria-valuenow":t,"aria-disabled":d?"true":void 0,"aria-readonly":c?"true":void 0,tabindex:d?-1:0,onKeyDown:h},e("div",{class:"thumb-tooltip"},f&&e("span",{class:"label-before"},f),b(t,a),m&&e("span",{class:"label-after"},m)))},p=i=>{const{rangeValue:t,rawRangePosition:r,activeDragThumb:n,isDragging:a,snap:s,min:o,max:l,step:d,disabled:c,readonly:h,onKeyDown:f,labelBeforeValue:m,labelAfterValue:p}=i,[g,k]=t;let y=g,x=k;if(a&&!s){const[e,i]=r;"left"===n?y=u(e,o,Math.min(k,l)):"right"===n&&(x=u(i,Math.max(g,o),l))}const w=v(y,o,l),C=v(x,o,l);return[e("div",{class:"track-range",style:{left:w+"%",width:C-w+"%"}}),e("div",{class:"thumb thumb-left",style:{left:w+"%"},role:"slider","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":g,"aria-disabled":c?"true":void 0,"aria-readonly":h?"true":void 0,"data-thumb":"left",tabindex:c?-1:0,onKeyDown:f},e("div",{class:"thumb-tooltip"},m&&e("span",{class:"label-before"},m),b(g,d),p&&e("span",{class:"label-after"},p))),e("div",{class:"thumb thumb-right",style:{left:C+"%"},role:"slider","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":k,"aria-disabled":c?"true":void 0,"aria-readonly":h?"true":void 0,"data-thumb":"right",tabindex:c?-1:0,onKeyDown:f},e("div",{class:"thumb-tooltip"},m&&e("span",{class:"label-before"},m),b(k,d),p&&e("span",{class:"label-after"},p)))]},g=i=>{const{ticks:t,min:r,max:n}=i;return 0===t.length?null:e("div",{class:"track-ticks"},t.map((i=>{const t=v(i.value,r,n);return e("div",{class:"track-tick",style:{left:t+"%"}},i.label&&e("div",{class:"tick-label"},i.label))})))},k=i=>{const{range:t,hasField:r,value:n,rangeValue:a,index:o,inputId:l,min:d,max:c,step:h,disabled:f,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:m,name:p,endName:g}=i,k=t?a[o]:n,y=t?{"data-index":""+o}:{};let x;return x=t?0===o?p||"":g||(p?p+"-end":""):p||"",r?e("div",{class:s(!r&&"hidden-input")},e("nv-fieldnumber",{id:l,value:k,min:d,max:c,step:h,disabled:f,readonly:u,name:x,...y,onInput:e=>e.stopPropagation(),onValueChanged:e=>{e.stopPropagation();const i=e.detail;"number"==typeof i&&Number.isNaN(i)||v({value:i,index:o})}},b&&e("span",{class:"label-before",slot:"leading-input"},b),m&&e("span",{class:"label-after",slot:"trailing-input"},m))):e("input",{id:l,type:"hidden",value:k,disabled:f,readonly:u,name:x})},y=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=n(this,"valueChanged",3),this.startInputId=h(),this.endInputId=h(),this.hideLabel=!1,this.hasField=!1,this.range=!1,this.disabled=!1,this.readonly=!1,this.error=!1,this.success=!1,this.value=[0],this.step=1,this.snap=!1,this.snapTicks=!1,this.min=0,this.max=100,this.showTicks=!1,this.fluid=!1,this.isDragging=!1,this.activeDragThumb="single",this.internalTicks=[],this.rawPosition=0,this.rawRangePosition=[0,0],this.valueInternal=0,this.rangeValueInternal=[0,0],this.parseValue=()=>{"string"!=typeof this.value?this.range&&2!==this.value.length?console.error("Range sliders require an array of two values to be passed in the value prop."):this.range||1===this.value.length?(this.valueInternal=this.value[0],this.rangeValueInternal=[this.value[0],this.value[1]]):console.error("Single sliders require a single value as an array to be passed in the value prop."):console.error("Sliders require a number or array of numbers to be passed in the value prop.")},this.onTrackInteraction=e=>{if(this.disabled||this.readonly)return;const i=e.currentTarget.getBoundingClientRect(),t=u((e.clientX-i.left)/i.width*100,0,100),r=this.min+t/100*(this.max-this.min);if(this.rawPosition=r,this.range){const e=v(this.rangeValueInternal[0],this.min,this.max),i=v(this.rangeValueInternal[1],this.min,this.max);Math.abs(t-e)<=Math.abs(t-i)?(this.activeDragThumb="left",this.rawRangePosition=[r,this.rawRangePosition[1]],this.handleValueChange([r,this.rangeValueInternal[1]])):(this.activeDragThumb="right",this.rawRangePosition=[this.rawRangePosition[0],r],this.handleValueChange([this.rangeValueInternal[0],r]))}else this.activeDragThumb="single",this.rawPosition=r,this.handleValueChange(r);this.isDragging=!0,this.registerGlobalEvents()},this.onPointerMove=e=>{if(!this.isDragging||this.disabled||this.readonly)return;const i=this.el.querySelector(".track");if(!i)return;const t=i.getBoundingClientRect(),r=u((e.clientX-t.left)/t.width*100,0,100),n=this.min+r/100*(this.max-this.min);this.range?"left"===this.activeDragThumb?(this.rawRangePosition=[n,this.rawRangePosition[1]],this.handleValueChange([n,this.rangeValueInternal[1]])):(this.rawRangePosition=[this.rawRangePosition[0],n],this.handleValueChange([this.rangeValueInternal[0],n])):(this.rawPosition=n,this.handleValueChange(n))},this.onPointerUp=()=>{this.isDragging=!1,this.removeGlobalEvents()},this.onKeyDown=e=>{if(this.disabled||this.readonly)return;let i;const t=this.step*(e.shiftKey?10:1);if(this.range){const r="left"===e.target.getAttribute("data-thumb")?0:1,n=[...this.rangeValueInternal];switch(e.key){case"ArrowRight":case"ArrowUp":n[r]+=t;break;case"ArrowLeft":case"ArrowDown":n[r]-=t;break;case"Home":n[r]=this.min;break;case"End":n[r]=this.max;break;case"PageUp":n[r]+=10*t;break;case"PageDown":n[r]-=10*t;break;default:return}i=n}else switch(e.key){case"ArrowRight":case"ArrowUp":i=this.valueInternal+t;break;case"ArrowLeft":case"ArrowDown":i=this.valueInternal-t;break;case"Home":i=this.min;break;case"End":i=this.max;break;case"PageUp":i=this.valueInternal+10*t;break;case"PageDown":i=this.valueInternal-10*t;break;default:return}e.preventDefault(),this.handleValueChange(i)},this.handleFieldChange=e=>{const i=e.value;if(!isNaN(i))if(this.range){const t=[...this.rangeValueInternal];t[0===e.index?0:1]=i,this.handleValueChange(t)}else this.handleValueChange(i)}}validateValue(e){const i=u(e,this.min,this.max);return this.snapTicks&&this.internalTicks&&this.internalTicks.length>0?function(e,i){if(!i||0===i.length)return e;let t=i[0].value,r=Math.abs(e-t);for(const n of i){const i=Math.abs(e-n.value);i<r&&(r=i,t=n.value)}return t}(i,this.internalTicks):function(e,i,t,r){const n=u(e,i,t),a=f(r);if(a>0){const e=Math.pow(10,a),s=Math.round((n-i)*e),o=Math.round(r*e);return u(parseFloat((i+Math.round(s/o)*o/e).toFixed(a)),i,t)}return u(i+Math.round((n-i)/r)*r,i,t)}(i,this.min,this.max,this.step)}handleValueChange(e){if(!this.disabled&&!this.readonly)if(this.range){if(Array.isArray(e)&&2===e.length){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])],t=[this.validateValue(i[0]),this.validateValue(i[1])];t[0]===this.rangeValueInternal[0]&&t[1]===this.rangeValueInternal[1]||(this.rangeValueInternal=t,this.value=this.rangeValueInternal,this.valueChanged.emit(this.rangeValueInternal))}}else if("number"==typeof e){const i=this.validateValue(e);i!==this.valueInternal&&(this.valueInternal=i,this.value=[this.valueInternal],this.valueChanged.emit([this.valueInternal]))}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0)return void(this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value)));if(!this.showTicks)return void(this.internalTicks=[]);const e=function(e,i,t){const r=[];for(let n=e;n<=i;n+=t)r.push(Number(n.toFixed(10)));return r[r.length-1]!==i&&r.push(i),r}(this.min,this.max,this.step);this.internalTicks=e.map((e=>({value:e})))}registerGlobalEvents(){document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)}removeGlobalEvents(){document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}onValueChange(){this.parseValue()}onConfigChange(){this.generateDisplayTicks(),this.handleValueChange(this.range?this.rangeValueInternal:this.valueInternal)}onRangeChange(e){e?this.rangeValueInternal=[this.min,this.valueInternal]:this.valueInternal=this.rangeValueInternal[1]}connectedCallback(){this.parseValue(),this.generateDisplayTicks(),this.range?(Array.isArray(this.rangeValueInternal)&&2===this.rangeValueInternal.length||(this.rangeValueInternal=[this.min,this.max]),this.handleValueChange(this.rangeValueInternal),this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]):(this.handleValueChange(this.valueInternal),this.rawPosition=this.valueInternal)}componentWillLoad(){1===this.value.length&&this.range?this.value=[this.value[0],this.value[0]]:2!==this.value.length||this.range||(this.value=[this.value[0]])}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(a,{key:"99dc83ee04a8531714fc706204a8f0f7d041335d"},(this.label||this.el.querySelector('[slot="label"]'))&&e("label",{key:"4f2438a448fdf2b488bcd277bf40ff6645c6c526",htmlFor:this.startInputId},e("slot",{key:"d6a272526f313de63d39301a7e7b6fd0dd45bc98",name:"label"},this.label)),e("div",{key:"f95047b008d87f60eee6cac74447ae96bdb8a2e7",class:"slider-container"},this.range?e(k,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:0,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}):null,e("div",{key:"087808de2ce793d7c2317cfecd1cd0382c4f58c7",class:"track-container"},e("div",{key:"ca08ad86d4b66e93fd4f1482c7a6ebbeafbff700",class:"track",onPointerDown:this.onTrackInteraction},this.range?e(p,{rangeValue:this.rangeValueInternal,rawRangePosition:this.rawRangePosition,activeDragThumb:this.activeDragThumb,isDragging:this.isDragging,snap:this.snap,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue}):e(m,{value:this.valueInternal,min:this.min,max:this.max,step:this.step,rawPosition:this.rawPosition,isDragging:this.isDragging,snap:this.snap,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue})),e(g,{key:"2bf097761208511839e3df0d37d0af9b21090e36",ticks:this.internalTicks,min:this.min,max:this.max})),e(k,this.range?{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:1,inputId:this.endInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}:{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name})),(this.success||this.description||this.el.querySelector('[slot="description"]'))&&e("div",{key:"35d6a7f7d9331430504b264dd51c71c4c71e4c71",class:"description"},this.success&&e("nv-icon",{key:"60fe2a36eff25142617f79f54c719e1d7a001fcf",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"d494185a548c60b39e96accc41739cb77c5f40dc",name:"description"},this.description)),(this.error||this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"a555a0e343e9f22b7a717afdbf3b7d7d6b965fcb",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"a9221bda376b32b8031ff6da8677d04846e84451",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"7133562b2734136cff58428d88a2ce899245487d",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange: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-fieldslider{--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-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(var(--slider-handler-size-min) + 0.25rem);padding:calc(var(--slider-handler-size-min) / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:var(--slider-track-height);background:var(--components-slider-track-background);border-radius:var(--slider-track-radius);cursor:pointer;touch-action:none;user-select:none}nv-fieldslider .slider-container .track-container .track::after{content:"";position:absolute;top:calc(-13px + var(--slider-track-height) / 2);left:0;width:100%;height:26px;background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:var(--slider-track-height);background:var(--components-slider-track-filled-default);border-radius:var(--slider-track-radius);pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);background:#ffffff;border:var(--slider-handler-stroke) solid var(--components-slider-track-filled-default);border-radius:50%;transform:translate(-50%, -50%);z-index:1;cursor:grab;touch-action:none;user-select:none;transition:width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:after{content:"";position:absolute;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .thumb:hover{width:var(--slider-handler-size-max);height:var(--slider-handler-size-max);border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container .track .thumb:focus{width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);border-color:var(--components-slider-track-filled-focus);outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);transition:outline;background:var(--components-slider-handler-background-focus)}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background:var(--components-slider-handler-background-hover)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%);backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-style:preserve-3d}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:"";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px;backface-visibility:hidden;will-change:transform, opacity}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:var(--slider-tick-height);height:var(--slider-tick-height);background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:first-of-type{transform:translate(0, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:last-of-type{transform:translate(-100%, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(var(--slider-tick-height) + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}.track-tick-first nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:0;transform:translateX(0)}.track-tick-last nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:100%;transform:translateX(-100%)}nv-fieldslider .slider-container .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-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .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-fieldslider .slider-container .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container{width:90px;flex-grow:unset}nv-fieldslider .slider-container .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-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .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-fieldslider .slider-container .input-container input{}nv-fieldslider .slider-container .input-container input[type=password]::-ms-clear,nv-fieldslider .slider-container .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldslider .slider-container .input-container .label-before{margin-left:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider .slider-container .input-container .label-after{margin-right:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[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-fieldslider[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-fieldslider[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-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider 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-fieldslider nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.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-fieldslider>.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-fieldslider>.error-description[hidden]{display:none}'}},[324,"nv-fieldslider",{startInputId:[513,"start-input-id"],endInputId:[513,"end-input-id"],label:[513],hideLabel:[516,"hide-label"],description:[513],hasField:[516,"has-field"],range:[516],disabled:[516],readonly:[516],error:[516],errorDescription:[513,"error-description"],success:[516],value:[1040],step:[514],snap:[516],snapTicks:[516,"snap-ticks"],name:[513],endName:[513,"end-name"],min:[514],max:[514],showTicks:[516,"show-ticks"],ticks:[16],fluid:[516],labelBeforeValue:[513,"label-before-value"],labelAfterValue:[513,"label-after-value"],isDragging:[32],activeDragThumb:[32],internalTicks:[32],rawPosition:[32],rawRangePosition:[32],valueInternal:[32],rangeValueInternal:[32]},void 0,{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange:0}]}]);function x(){"undefined"!=typeof customElements&&["nv-fieldslider","nv-fieldnumber","nv-icon","nv-iconbutton","nv-loader"].forEach((e=>{switch(e){case"nv-fieldslider":customElements.get(i(e))||customElements.define(i(e),y);break;case"nv-fieldnumber":customElements.get(i(e))||o();break;case"nv-icon":customElements.get(i(e))||l();break;case"nv-iconbutton":customElements.get(i(e))||d();break;case"nv-loader":customElements.get(i(e))||c()}}))}x();const w=y,C=x;export{w as NvFieldslider,C as defineCustomElement}
+import{h as e,t as i,p as r,H as t,c as a,d as n}from"./p-DiwYO24j.js";import{c as s}from"./p-ChV9xqsO.js";import{d as o}from"./p-CzRlra4z.js";import{d as l}from"./p-BYrgllP3.js";import{d}from"./p-Dg-Ac5i4.js";import{d as c}from"./p-Cx5CLy9v.js";import{v as h}from"./p-BdYh22OP.js";function f(e){if(Number.isInteger(e))return 0;const i=(""+e).split(".")[1];return i?i.length:0}function u(e,i,r){return Math.max(i,Math.min(r,e))}function v(e,i,r){return r===i?0:(e-i)/(r-i)*100}function b(e,i){const r=f(i);return r>0?e.toFixed(r):e+""}const p=i=>{const{value:r,min:t,max:a,step:n,rawPosition:s,isDragging:o,snap:l,disabled:d,readonly:c,onKeyDown:h,labelBeforeValue:f,labelAfterValue:p}=i;let m=r;o&&!l&&(m=u(s,t,a));const g=v(m,t,a);return e("div",{class:"thumb",style:{left:g+"%"},role:"slider","aria-valuemin":t,"aria-valuemax":a,"aria-valuenow":r,"aria-disabled":d?"true":void 0,"aria-readonly":c?"true":void 0,tabindex:d?-1:0,onKeyDown:h},e("div",{class:"thumb-tooltip"},f&&e("span",{class:"label-before"},f),b(r,n),p&&e("span",{class:"label-after"},p)))},m=i=>{const{rangeValue:r,rawRangePosition:t,activeDragThumb:a,isDragging:n,snap:s,min:o,max:l,step:d,disabled:c,readonly:h,onKeyDown:f,labelBeforeValue:p,labelAfterValue:m}=i,[g,k]=r;let y=g,x=k;if(n&&!s){const[e,i]=t;"left"===a?y=u(e,o,Math.min(k,l)):"right"===a&&(x=u(i,Math.max(g,o),l))}const w=v(y,o,l),C=v(x,o,l);return[e("div",{class:"track-range",style:{left:w+"%",width:C-w+"%"}}),e("div",{class:"thumb thumb-left",style:{left:w+"%"},role:"slider","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":g,"aria-disabled":c?"true":void 0,"aria-readonly":h?"true":void 0,"data-thumb":"left",tabindex:c?-1:0,onKeyDown:f},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),b(g,d),m&&e("span",{class:"label-after"},m))),e("div",{class:"thumb thumb-right",style:{left:C+"%"},role:"slider","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":k,"aria-disabled":c?"true":void 0,"aria-readonly":h?"true":void 0,"data-thumb":"right",tabindex:c?-1:0,onKeyDown:f},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),b(k,d),m&&e("span",{class:"label-after"},m)))]},g=i=>{const{ticks:r,min:t,max:a}=i;return 0===r.length?null:e("div",{class:"track-ticks"},r.map((i=>{const r=v(i.value,t,a);return e("div",{class:"track-tick",style:{left:r+"%"}},i.label&&e("div",{class:"tick-label"},i.label))})))},k=i=>{const{range:r,hasField:t,value:a,rangeValue:n,index:o,inputId:l,min:d,max:c,step:h,disabled:f,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:p,name:m,endName:g}=i,k=r?n[o]:a,y=r?{"data-index":""+o}:{};let x;return x=r?0===o?m||"":g||(m?m+"-end":""):m||"",t?e("div",{class:s(!t&&"hidden-input")},e("nv-fieldnumber",{id:l,value:k,min:d,max:c,step:h,disabled:f,readonly:u,name:x,...y,onInput:e=>e.stopPropagation(),onValueChanged:e=>{e.stopPropagation();const i=e.detail;"number"==typeof i&&Number.isNaN(i)||v({value:i,index:o})}},b&&e("span",{class:"label-before",slot:"leading-input"},b),p&&e("span",{class:"label-after",slot:"trailing-input"},p))):e("input",{id:l,type:"hidden",value:k,disabled:f,readonly:u,name:x})},y=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=a(this,"valueChanged",3),this.startInputId=h(),this.endInputId=h(),this.hideLabel=!1,this.hasField=!1,this.range=!1,this.disabled=!1,this.readonly=!1,this.error=!1,this.success=!1,this.value=[0],this.step=1,this.snap=!1,this.snapTicks=!1,this.min=0,this.max=100,this.showTicks=!1,this.fluid=!1,this.isDragging=!1,this.activeDragThumb="single",this.internalTicks=[],this.rawPosition=0,this.rawRangePosition=[0,0],this.valueInternal=0,this.rangeValueInternal=[0,0],this.parseValue=()=>{"string"!=typeof this.value?this.range&&2!==this.value.length?console.error("Range sliders require an array of two values to be passed in the value prop."):this.range||1===this.value.length?(this.valueInternal=this.value[0],this.rangeValueInternal=[this.value[0],this.value[1]]):console.error("Single sliders require a single value as an array to be passed in the value prop."):console.error("Sliders require a number or array of numbers to be passed in the value prop.")},this.onTrackInteraction=e=>{if(this.disabled||this.readonly)return;const i=e.currentTarget.getBoundingClientRect(),r=u((e.clientX-i.left)/i.width*100,0,100),t=this.min+r/100*(this.max-this.min);if(this.rawPosition=t,this.range){const e=v(this.rangeValueInternal[0],this.min,this.max),i=v(this.rangeValueInternal[1],this.min,this.max);Math.abs(r-e)<=Math.abs(r-i)?(this.activeDragThumb="left",this.rawRangePosition=[t,this.rawRangePosition[1]],this.handleValueChange([t,this.rangeValueInternal[1]])):(this.activeDragThumb="right",this.rawRangePosition=[this.rawRangePosition[0],t],this.handleValueChange([this.rangeValueInternal[0],t]))}else this.activeDragThumb="single",this.rawPosition=t,this.handleValueChange(t);this.isDragging=!0,this.registerGlobalEvents()},this.onPointerMove=e=>{if(!this.isDragging||this.disabled||this.readonly)return;const i=this.el.querySelector(".track");if(!i)return;const r=i.getBoundingClientRect(),t=u((e.clientX-r.left)/r.width*100,0,100),a=this.min+t/100*(this.max-this.min);this.range?"left"===this.activeDragThumb?(this.rawRangePosition=[a,this.rawRangePosition[1]],this.handleValueChange([a,this.rangeValueInternal[1]])):(this.rawRangePosition=[this.rawRangePosition[0],a],this.handleValueChange([this.rangeValueInternal[0],a])):(this.rawPosition=a,this.handleValueChange(a))},this.onPointerUp=()=>{this.isDragging=!1,this.removeGlobalEvents()},this.onKeyDown=e=>{if(this.disabled||this.readonly)return;let i;const r=this.step*(e.shiftKey?10:1);if(this.range){const t="left"===e.target.getAttribute("data-thumb")?0:1,a=[...this.rangeValueInternal];switch(e.key){case"ArrowRight":case"ArrowUp":a[t]+=r;break;case"ArrowLeft":case"ArrowDown":a[t]-=r;break;case"Home":a[t]=this.min;break;case"End":a[t]=this.max;break;case"PageUp":a[t]+=10*r;break;case"PageDown":a[t]-=10*r;break;default:return}i=a}else switch(e.key){case"ArrowRight":case"ArrowUp":i=this.valueInternal+r;break;case"ArrowLeft":case"ArrowDown":i=this.valueInternal-r;break;case"Home":i=this.min;break;case"End":i=this.max;break;case"PageUp":i=this.valueInternal+10*r;break;case"PageDown":i=this.valueInternal-10*r;break;default:return}e.preventDefault(),this.handleValueChange(i)},this.handleFieldChange=e=>{const i=e.value;if(!isNaN(i))if(this.range){const r=[...this.rangeValueInternal];r[0===e.index?0:1]=i,this.handleValueChange(r)}else this.handleValueChange(i)}}validateValue(e){const i=u(e,this.min,this.max);return this.snapTicks&&this.internalTicks&&this.internalTicks.length>0?function(e,i){if(!i||0===i.length)return e;let r=i[0].value,t=Math.abs(e-r);for(const a of i){const i=Math.abs(e-a.value);i<t&&(t=i,r=a.value)}return r}(i,this.internalTicks):function(e,i,r,t){const a=u(e,i,r),n=f(t);if(n>0){const e=Math.pow(10,n),s=Math.round((a-i)*e),o=Math.round(t*e);return u(parseFloat((i+Math.round(s/o)*o/e).toFixed(n)),i,r)}return u(i+Math.round((a-i)/t)*t,i,r)}(i,this.min,this.max,this.step)}handleValueChange(e){if(!this.disabled&&!this.readonly)if(this.range){if(Array.isArray(e)&&2===e.length){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])],r=[this.validateValue(i[0]),this.validateValue(i[1])];r[0]===this.rangeValueInternal[0]&&r[1]===this.rangeValueInternal[1]||(this.rangeValueInternal=r,this.value=this.rangeValueInternal,this.valueChanged.emit(this.rangeValueInternal))}}else if("number"==typeof e){const i=this.validateValue(e);i!==this.valueInternal&&(this.valueInternal=i,this.value=[this.valueInternal],this.valueChanged.emit([this.valueInternal]))}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0)return void(this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value)));if(!this.showTicks)return void(this.internalTicks=[]);const e=function(e,i,r){const t=[];for(let a=e;a<=i;a+=r)t.push(Number(a.toFixed(10)));return t[t.length-1]!==i&&t.push(i),t}(this.min,this.max,this.step);this.internalTicks=e.map((e=>({value:e})))}registerGlobalEvents(){document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)}removeGlobalEvents(){document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}onValueChange(){this.parseValue()}onConfigChange(){this.generateDisplayTicks(),this.handleValueChange(this.range?this.rangeValueInternal:this.valueInternal)}onRangeChange(e){e?this.rangeValueInternal=[this.min,this.valueInternal]:this.valueInternal=this.rangeValueInternal[1]}connectedCallback(){this.parseValue(),this.generateDisplayTicks(),this.range?(Array.isArray(this.rangeValueInternal)&&2===this.rangeValueInternal.length||(this.rangeValueInternal=[this.min,this.max]),this.handleValueChange(this.rangeValueInternal),this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]):(this.handleValueChange(this.valueInternal),this.rawPosition=this.valueInternal)}componentWillLoad(){1===this.value.length&&this.range?this.value=[this.value[0],this.value[0]]:2!==this.value.length||this.range||(this.value=[this.value[0]])}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(n,{key:"1251891d0796093b0b199218304444cb5e530367"},(this.label||this.el.querySelector('[slot="label"]'))&&e("label",{key:"dfb2f64d6b289ad18ac9b5a8ca6e445bf591add9",htmlFor:this.startInputId},e("slot",{key:"96cce5982bf52a76f92afcf027277955fe30ce2e",name:"label"},this.label)),e("div",{key:"84d9150d80d5a971180f04872fb2de07817e2e90",class:"slider-container"},this.range?e(k,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:0,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}):null,e("div",{key:"acea0634b80251ef76b91e85a447dcafa636924d",class:"track-container"},e("div",{key:"b323a5da0449af8ca8f9463bbfbceac3e9310796",class:"track",onPointerDown:this.onTrackInteraction},this.range?e(m,{rangeValue:this.rangeValueInternal,rawRangePosition:this.rawRangePosition,activeDragThumb:this.activeDragThumb,isDragging:this.isDragging,snap:this.snap,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue}):e(p,{value:this.valueInternal,min:this.min,max:this.max,step:this.step,rawPosition:this.rawPosition,isDragging:this.isDragging,snap:this.snap,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue})),e(g,{key:"b3fdbe669889f22309a6f6a717f850b117a91cc8",ticks:this.internalTicks,min:this.min,max:this.max})),e(k,this.range?{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:1,inputId:this.endInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}:{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name})),(this.success||this.description||this.el.querySelector('[slot="description"]'))&&e("div",{key:"53b4e7236c469b87d96a666c4711b0fd9f060be9",class:"description"},this.success&&e("nv-icon",{key:"332161c24c7aa882de0d07e0e7c4264bf5dc02b0",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"d0ab58883e0d3d079511738835eba8a6c5caebd8",name:"description"},this.description)),(this.error||this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"8ead9d45a545ba2e1abad6a855e88c655bbc5254",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"09d224201d747651dcd0f0ce22d9d81a784e75eb",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"8c8a0e621a54dcf67569ad4e6818b3a4bc0a3a19",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange: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-fieldslider{--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-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(var(--slider-handler-size-min) + 0.25rem);padding:calc(var(--slider-handler-size-min) / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:var(--slider-track-height);background:var(--components-slider-track-background);border-radius:var(--slider-track-radius);cursor:pointer;touch-action:none;user-select:none}nv-fieldslider .slider-container .track-container .track::after{content:"";position:absolute;top:calc(-13px + var(--slider-track-height) / 2);left:0;width:100%;height:26px;background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:var(--slider-track-height);background:var(--components-slider-track-filled-default);border-radius:var(--slider-track-radius);pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);background:#ffffff;border:var(--slider-handler-stroke) solid var(--components-slider-track-filled-default);border-radius:50%;transform:translate(-50%, -50%);z-index:1;cursor:grab;touch-action:none;user-select:none;transition:width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:after{content:"";position:absolute;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .thumb:hover{width:var(--slider-handler-size-max);height:var(--slider-handler-size-max);border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container .track .thumb:focus{width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);border-color:var(--components-slider-track-filled-focus);outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);transition:outline;background:var(--components-slider-handler-background-focus)}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background:var(--components-slider-handler-background-hover)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%);backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-style:preserve-3d}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:"";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px;backface-visibility:hidden;will-change:transform, opacity}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:var(--slider-tick-height);height:var(--slider-tick-height);background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:first-of-type{transform:translate(0, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:last-of-type{transform:translate(-100%, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(var(--slider-tick-height) + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}.track-tick-first nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:0;transform:translateX(0)}.track-tick-last nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:100%;transform:translateX(-100%)}nv-fieldslider .slider-container .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-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .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-fieldslider .slider-container .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container{width:90px;flex-grow:unset}nv-fieldslider .slider-container .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-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .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-fieldslider .slider-container .input-container input{}nv-fieldslider .slider-container .input-container input[type=password]::-ms-clear,nv-fieldslider .slider-container .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldslider .slider-container .input-container .label-before{margin-left:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider .slider-container .input-container .label-after{margin-right:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[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-fieldslider[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-fieldslider[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-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider 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-fieldslider nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.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-fieldslider>.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-fieldslider>.error-description[hidden]{display:none}'}},[324,"nv-fieldslider",{startInputId:[513,"start-input-id"],endInputId:[513,"end-input-id"],label:[513],hideLabel:[516,"hide-label"],description:[513],hasField:[516,"has-field"],range:[516],disabled:[516],readonly:[516],error:[516],errorDescription:[513,"error-description"],success:[516],value:[1040],step:[514],snap:[516],snapTicks:[516,"snap-ticks"],name:[513],endName:[513,"end-name"],min:[514],max:[514],showTicks:[516,"show-ticks"],ticks:[16],fluid:[516],labelBeforeValue:[513,"label-before-value"],labelAfterValue:[513,"label-after-value"],isDragging:[32],activeDragThumb:[32],internalTicks:[32],rawPosition:[32],rawRangePosition:[32],valueInternal:[32],rangeValueInternal:[32]},void 0,{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange:0}]}]);function x(){"undefined"!=typeof customElements&&["nv-fieldslider","nv-fieldnumber","nv-icon","nv-iconbutton","nv-loader"].forEach((e=>{switch(e){case"nv-fieldslider":customElements.get(i(e))||customElements.define(i(e),y);break;case"nv-fieldnumber":customElements.get(i(e))||o();break;case"nv-icon":customElements.get(i(e))||l();break;case"nv-iconbutton":customElements.get(i(e))||d();break;case"nv-loader":customElements.get(i(e))||c()}}))}x();const w=y,C=x;export{w as NvFieldslider,C as defineCustomElement}

package/dist/components/nv-fieldtext.js

@@ -1 +1 @@
-import{N as o,d as s}from"./p-CT782LKx.js";const p=o,r=s;export{p as NvFieldtext,r as defineCustomElement}
+import{N as o,d as s}from"./p-Bu90dktV.js";const t=o,p=s;export{t as NvFieldtext,p as defineCustomElement}

package/dist/components/nv-fieldtextarea.js

@@ -1 +1 @@
-import{t as e,p as r,H as a,c as t,h as o,d as i}from"./p-flcatmxD.js";import{c as n}from"./p-ChV9xqsO.js";import{v as l}from"./p-BdYh22OP.js";const d=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=t(this,"valueChanged",3),this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.rows=3,this.resize="vertical",this.autosize=!1,this.autofocus=!1,this.fluid=!1,this.handleTextarea=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)},this.handleTextareaContainerClick=()=>{this.textareaElement.focus()}}rowsChanged(){this.autosize&&this.adjustTextareaHeight()}autosizeChanged(){this.autosize?this.adjustTextareaHeight():this.textareaElement?.style.removeProperty("height")}handleValueChange(){this.autosize&&this.adjustTextareaHeight()}adjustTextareaHeight(){this.textareaElement&&this.autosize&&requestAnimationFrame((()=>{this.textareaElement.style.height="auto";const e=window.getComputedStyle(this.textareaElement);this.textareaElement.style.minHeight=parseFloat(e.lineHeight)*this.rows+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px",this.maxAutoHeight&&this.textareaElement.scrollHeight>this.maxAutoHeight?(this.textareaElement.style.height=this.maxAutoHeight+"px",this.textareaElement.style.overflowY="auto"):(this.textareaElement.style.height=this.textareaElement.scrollHeight+"px",this.textareaElement.style.overflowY="hidden")}))}componentWillRender(){this.message&&(this.description=this.message),this.validation&&(this.errorDescription=this.validation,this.error=!0)}componentDidLoad(){this.autosize&&this.adjustTextareaHeight()}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,a=e?r:null,t=e?"true"===a||""===a:void 0,l=this.required&&(!e||!0===t);return o(i,{key:"e5dd85ced6fd9c2349937818b1bd3020918ec5a6"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"6f74a85203873163ff01ff1f9711c432a6e3cb7d",htmlFor:this.inputId},o("slot",{key:"b921ef64985f5a72aa4b6cb3828af99fd07e3982",name:"label"},this.label)),o("div",{key:"422b0b20edb0f60bd3fc4050c885eabb71f0d4dc",class:"textarea-wrapper"},o("div",{key:"8c22c47b74a97467ed399da53337b1c2904af395",class:"textarea-container",onClick:this.handleTextareaContainerClick},o("textarea",{key:"63dbbf09f0abbed5ec62d024b45a783adc3e4069",id:this.inputId,ref:e=>this.textareaElement=e,placeholder:this.placeholder,autofocus:this.autofocus,name:this.name,disabled:this.disabled,readOnly:this.readonly,required:l?this.required:void 0,...void 0!==t&&{"aria-required":t+""},maxlength:this.maxlength,minlength:this.minlength,autocomplete:"off",value:this.value,onInput:this.handleTextarea,rows:this.rows,class:n("none"===this.resize&&"resize-none","vertical"===this.resize&&"resize-y","horizontal"===this.resize&&"resize-x","both"===this.resize&&"resize")}))),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"75b575de27e1ad876c2036f379e7254e20259c23",class:"description"},o("slot",{key:"b54458f20c187207d5c69e4f74c3708970c1b6ff",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"b34156ab4b08871d3474316b0dd75393de070ef7",hidden:!this.error,class:"error-description"},o("slot",{key:"630487e5097436909753f6ddad8d8b0edca94199",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{rows:[{rowsChanged:0}],autosize:[{autosizeChanged:0}],value:[{handleValueChange: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-fieldtextarea{--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-fieldtextarea[fluid]:not([fluid=false]){max-width:unset}nv-fieldtextarea[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-fieldtextarea[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-fieldtextarea[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-fieldtextarea[required]:not([required=false]) label::after,nv-fieldtextarea[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtextarea 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-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar{width:6px;height:6px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::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-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .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-fieldtextarea .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-fieldtextarea .error-description[hidden]{display:none}'}},[324,"nv-fieldtextarea",{message:[513],validation:[513],inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[1540],errorDescription:[1537,"error-description"],success:[516],maxlength:[514],minlength:[514],rows:[514],resize:[513],autosize:[516],maxAutoHeight:[514,"max-auto-height"],autofocus:[516],fluid:[516]},void 0,{rows:[{rowsChanged:0}],autosize:[{autosizeChanged:0}],value:[{handleValueChange:0}]}]);function s(){"undefined"!=typeof customElements&&["nv-fieldtextarea"].forEach((r=>{"nv-fieldtextarea"===r&&(customElements.get(e(r))||customElements.define(e(r),d))}))}s();const f=d,c=s;export{f as NvFieldtextarea,c as defineCustomElement}
+import{t as e,p as r,H as a,c as t,h as o,d as i}from"./p-DiwYO24j.js";import{c as n}from"./p-ChV9xqsO.js";import{v as l}from"./p-BdYh22OP.js";const d=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=t(this,"valueChanged",3),this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.rows=3,this.resize="vertical",this.autosize=!1,this.autofocus=!1,this.fluid=!1,this.handleTextarea=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)},this.handleTextareaContainerClick=()=>{this.textareaElement.focus()}}rowsChanged(){this.autosize&&this.adjustTextareaHeight()}autosizeChanged(){this.autosize?this.adjustTextareaHeight():this.textareaElement?.style.removeProperty("height")}handleValueChange(){this.autosize&&this.adjustTextareaHeight()}adjustTextareaHeight(){this.textareaElement&&this.autosize&&requestAnimationFrame((()=>{this.textareaElement.style.height="auto";const e=window.getComputedStyle(this.textareaElement);this.textareaElement.style.minHeight=parseFloat(e.lineHeight)*this.rows+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px",this.maxAutoHeight&&this.textareaElement.scrollHeight>this.maxAutoHeight?(this.textareaElement.style.height=this.maxAutoHeight+"px",this.textareaElement.style.overflowY="auto"):(this.textareaElement.style.height=this.textareaElement.scrollHeight+"px",this.textareaElement.style.overflowY="hidden")}))}componentWillRender(){this.message&&(this.description=this.message),this.validation&&(this.errorDescription=this.validation,this.error=!0)}componentDidLoad(){this.autosize&&this.adjustTextareaHeight()}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,a=e?r:null,t=e?"true"===a||""===a:void 0,l=this.required&&(!e||!0===t);return o(i,{key:"8d31a9e4c294a58a02040dddb427c94caecf4d2e"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"4352374d8078448ce5f877d20b526a6725219f76",htmlFor:this.inputId},o("slot",{key:"1f5dca95213c848f105fe8d4aec5e7a363cfd468",name:"label"},this.label)),o("div",{key:"831c87ed454b2b7a6dfc84daf903c6bc3e7581f4",class:"textarea-wrapper"},o("div",{key:"1a3dd73ca1a4f650f02309211154e3fcee02824c",class:"textarea-container",onClick:this.handleTextareaContainerClick},o("textarea",{key:"97454b0c1845a4ed8f1e2f99285f363affff7c7c",id:this.inputId,ref:e=>this.textareaElement=e,placeholder:this.placeholder,autofocus:this.autofocus,name:this.name,disabled:this.disabled,readOnly:this.readonly,required:l?this.required:void 0,...void 0!==t&&{"aria-required":t+""},maxlength:this.maxlength,minlength:this.minlength,autocomplete:"off",value:this.value,onInput:this.handleTextarea,rows:this.rows,class:n("none"===this.resize&&"resize-none","vertical"===this.resize&&"resize-y","horizontal"===this.resize&&"resize-x","both"===this.resize&&"resize")}))),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"d70c40f382d8d8a369e1ce584e4c050e6f6704b4",class:"description"},o("slot",{key:"2287c2a52e18557f104ff6b2ceab876c41f7d666",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"3bc7bdb991381398ff622c10929848d4f6527533",hidden:!this.error,class:"error-description"},o("slot",{key:"061f5fba67f18750f50090a78f53a5229e384343",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{rows:[{rowsChanged:0}],autosize:[{autosizeChanged:0}],value:[{handleValueChange: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-fieldtextarea{--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-fieldtextarea[fluid]:not([fluid=false]){max-width:unset}nv-fieldtextarea[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-fieldtextarea[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-fieldtextarea[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-fieldtextarea[required]:not([required=false]) label::after,nv-fieldtextarea[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtextarea 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-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar{width:6px;height:6px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::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-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .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-fieldtextarea .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-fieldtextarea .error-description[hidden]{display:none}'}},[324,"nv-fieldtextarea",{message:[513],validation:[513],inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[1540],errorDescription:[1537,"error-description"],success:[516],maxlength:[514],minlength:[514],rows:[514],resize:[513],autosize:[516],maxAutoHeight:[514,"max-auto-height"],autofocus:[516],fluid:[516]},void 0,{rows:[{rowsChanged:0}],autosize:[{autosizeChanged:0}],value:[{handleValueChange:0}]}]);function s(){"undefined"!=typeof customElements&&["nv-fieldtextarea"].forEach((r=>{"nv-fieldtextarea"===r&&(customElements.get(e(r))||customElements.define(e(r),d))}))}s();const f=d,c=s;export{f as NvFieldtextarea,c as defineCustomElement}