@nova-design-system/nova-webcomponents 3.30.0 → 3.31.1-beta.0

package/dist/native/p-55b6ba99.entry.js

@@ -0,0 +1 @@
+import{r as e,a as t,h as i,d as r,e as o}from"./p-C5xbfYEI.js";import{F as n,f as d,k as s,q as a,l,S as h,h as c,s as f,i as p}from"./p-BaF3Tuua.js";import{g as v,f as u}from"./p-CR9MpYzU.js";import{v as b}from"./p-BdYh22OP.js";const m=class{constructor(i){e(this,i),this.valueChanged=t(this,"valueChanged",3),this.filterTextChanged=t(this,"filterTextChanged",3),this.cleared=t(this,"cleared",3),this.openChanged=t(this,"openChanged",3),this.dropdownItemSelected=t(this,"dropdownItemSelected",7),this.indexedItems=[],this.rawItems=[],this.workerClient=null,this.effectiveFilterMode="strict",this.inputId=b(),this.autocomplete="off",this.required=!1,this.ariaRequiredAttr=!1,this.readonly=!1,this.disabled=!1,this.error=!1,this.maxHeight="",this.emptyResult="No results found",this.filterable=!1,this.clearable=!1,this.openOnSelect=!1,this.controlledFilter=!1,this.debounceDelay=300,this.autofocus=!1,this.fluid=!1,this.filterMode="strict",this.maxResults=25,this.startFilterAt=0,this.workerThreshold=2e3,this.fuzzyThreshold=.3,this.filterText="",this.selectedValues=new Set,this.open=!1,this.resultsTruncated=!1,this.totalResults=0,this.isSearching=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)||(this.open=!1))},this.handleClearButtonClick=e=>{const t=0===e?.detail;if(this.value&&this.filterable&&this.filterText?.length>0)return this.clearFilter(),this.cleared.emit(),void(t&&this.focusField());this.clear(),t&&this.focusField()},this.handleFilterInput=()=>{this.open=!0,this.filterText=this.inputElement?.value??"",this.filterTextChanged.emit(this.filterText),clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),"fuzzy"===this.effectiveFilterMode?n:this.debounceDelay)},this.getSelectedLabel=()=>{if(!this.value)return"";if(this.filterText?.length)return this.filterText;if((this.options?.length??0)>1){const e=this.options?.find((e=>e.value===this.value));return e?.label??e?.value??this.value}const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem")),t=this.findItemMatchingValue(e);return t?t.label??t.textContent?.trim()??t.value:""}}handleOpenChange(e){!1===e&&(clearTimeout(this.debounceTimer),setTimeout((()=>{this.clearFilter()}),100))}handleValueChange(){this.updateSelectedItem(),this.open&&this.filterText||this.setFilterInputToSelectedValue()}handleOptionsChange(){this.updateSelectedItem(),this.rebuildSearchIndex()}handleDropdownItemSelected(e){this.disabled||this.readonly||(this.openOnSelect||(this.open=!1),e.detail.detached||(this.getAllItems().forEach((t=>{t!==e.target?t.removeAttribute("selected"):t.setAttribute("selected","true")})),this.value=e.detail.value,this.setFilterInputToSelectedValue(),this.valueChanged.emit(e.detail.value)))}handleFocus(e){e.relatedTarget instanceof HTMLElement&&e.relatedTarget.tagName.includes("NV-FIELDDROPDOWNITEM")||e.target!==this.toggleElement&&e.target!==this.clearElement&&(this.open=!0)}handleFocusOut(e){e.relatedTarget instanceof Node&&(this.el.contains(e.relatedTarget)||(this.open=!1))}handleKeyDown(e){if("Escape"===e.key)return this.focusField(),void(this.open=!1);if(" "===e.key)return void(e.target==this.selectElement&&(e.preventDefault(),this.open=!0));const t=this.getNavigableItems(),i=this.getHighlightedItemIndex(t);if("ArrowDown"===e.key){e.preventDefault(),this.open=!0;const r=i+1;this.updateHighlightedItem(t,r>=t.length?0:r)}if("ArrowUp"===e.key){e.preventDefault(),this.open=!0;const r=i-1;this.updateHighlightedItem(t,r<0?t.length-1:r)}}handleDocumentClick(e){this.handleClickOutside(e)}async clearFilter(){this.filterable&&(this.filterText?.length&&(this.filterText="",this.filterTextChanged.emit(this.filterText)),this.filterItems(),setTimeout((()=>{this.setFilterInputToSelectedValue()}),0))}async clear(){const e=Boolean(this.value),t=this.filterable&&this.filterText?.length>0;e&&(this.value="",this.valueChanged.emit("")),t&&(this.filterText="",this.filterTextChanged.emit(""),this.filterItems()),(e||t)&&this.cleared.emit(),setTimeout((()=>{this.setFilterInputToSelectedValue()}),0)}async toggleDropdown(e){void 0!==e?setTimeout((()=>{this.open=e}),0):setTimeout((()=>{this.open=!this.open}),0)}syncToggleDropdown(){this.open=!this.open}setFilterInputToSelectedValue(){if((this.filterable||this.disabled||this.readonly)&&this.inputElement)return this.value?void(this.inputElement.value=this.getSelectedLabel()):this.inputElement.value=""}findItemMatchingValue(e){if(!this.value)return;const t=this.value;return e.find((e=>e.value===t))??e.find((e=>e.label===t))}getFilterableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([data-empty]):not([detached])"))}getNavigableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([disabled]):not([hidden])"))}getAllItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem"))}getHighlightedItemIndex(e){return e.findIndex((e=>e.classList.contains("highlighted")))}updateHighlightedItem(e,t){e.forEach(((e,i)=>{e.classList.remove("highlighted"),i===t&&(e.classList.add("highlighted"),e.focus(),e.scrollIntoView({block:"nearest"}))}))}focusField(){const e=this.el.querySelector('[data-scope="focusable"]');e?.focus()}async rebuildSearchIndex(){const e=this.getFilterableItems();this.rawItems=e.map(((e,t)=>({id:e.value||`item-${t}`,label:e.label||e.textContent?.trim()||e.value||""}))),this.options?.length&&this.options.forEach(((e,t)=>{this.rawItems.push({id:e.value||`opt-${t}`,label:e.label||e.value||""})})),this.indexedItems=d(this.rawItems),this.effectiveFilterMode=s(this.filterMode);const t=this.rawItems.length,i=p(this.workerThreshold);a(t,this.effectiveFilterMode,i)?await this.initWorker():this.terminateWorker()}async initWorker(){l()&&(this.workerClient||(this.workerClient=new h),await this.workerClient.init(this.rawItems))}terminateWorker(){this.workerClient&&(this.workerClient.terminate(),this.workerClient=null)}async filterItems(){if(this.controlledFilter)return;this.indexedItems.length||await this.rebuildSearchIndex();const e=this.getFilterableItems();if(this.el.querySelectorAll("nv-fielddropdownitem[data-empty], nv-fielddropdownitem[data-truncated]").forEach((e=>e.remove())),this.filterText.length<this.startFilterAt){const t=c(this.maxResults);let i=0;return e.forEach((e=>{i<t?(e.removeAttribute("hidden"),i++):e.setAttribute("hidden","")})),this.resultsTruncated=e.length>t,this.totalResults=e.length,void(this.resultsTruncated&&this.addTruncatedMessage(t,e.length))}const t=this.rawItems.length,i=p(this.workerThreshold);let r;if(a(t,this.effectiveFilterMode,i)&&this.workerClient?.isReady){this.isSearching=!0;try{r=await this.workerClient.search(this.filterText,this.effectiveFilterMode,this.maxResults,this.fuzzyThreshold)}catch(e){console.error("Worker search failed, falling back to main thread:",e),r=f(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}finally{this.isSearching=!1}}else r=f(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold});this.resultsTruncated=r.truncated,this.totalResults=r.total,this.applySearchResults(r,e)}applySearchResults(e,t){const i=new Set(e.ids);let r=!1,o=0;const n=c(this.maxResults);if(t.forEach((t=>{const d=t.value||"",s=t.label||t.textContent?.trim()||"";(i.has(d)||e.ids.some((e=>{const t=this.indexedItems.find((t=>t.id===e));return t&&(t.label===s||t.id===d)})))&&o<n?(t.removeAttribute("hidden"),r=!0,o++):t.setAttribute("hidden","")})),r)e.truncated&&this.addTruncatedMessage(e.ids.length,e.total);else{const e=document.createElement("nv-fielddropdownitem");e.setAttribute("data-empty","true"),e.setAttribute("disabled","true"),e.textContent=this.emptyResult,this.el.querySelector('div[slot="content"] ul')?.prepend(e)}}addTruncatedMessage(e,t){const i=this.truncatedResultsText||v(this.locale),r=document.createElement("nv-fielddropdownitem");r.setAttribute("data-truncated","true"),r.setAttribute("disabled","true"),r.setAttribute("detached","true"),r.className="truncated-message",r.textContent=u(i,e,t);const o=this.el.querySelector('div[slot="content"] ul');o&&o.appendChild(r)}async updateSelectedItem(){const e=this.getAllItems(),t=this.findItemMatchingValue(e);e.forEach((e=>{e.selected=Boolean(this.value)&&e===t}))}componentDidLoad(){this.updateSelectedItem(),this.setFilterInputToSelectedValue(),this.rebuildSearchIndex()}disconnectedCallback(){clearTimeout(this.debounceTimer),this.terminateWorker()}componentDidRender(){!this.filterable&&(this.disabled||this.readonly)&&this.inputElement&&(this.inputElement.value=this.getSelectedLabel())}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,o=e?t:null,n=e?"true"===o||""===o:void 0,d=this.required&&(!e||!0===n);return i(r,{key:"83aecee12e5f0fea2ddc293f1631dc4e55ab3764",role:"combobox","aria-expanded":this.open.toString(),"aria-haspopup":"listbox","aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"adfef46ef0163fb3c902df5df70b5c591a6dd7e1",htmlFor:this.inputId,onClick:this.syncToggleDropdown.bind(this)},i("slot",{key:"ed6bd8cc6fcace8604f934ba197c31589bf5e296",name:"label"},this.label)),i("nv-popover",{key:"9dfa5dd021c2d0803a35b79fd58dd70422dbe6f0",triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:e=>this.openChanged.emit(e.detail)},i("div",{key:"62024e3fae662f316a932cce628e58e6917fc624",class:"input-wrapper",slot:"trigger"},i("slot",{key:"61fe57f847075dc6e1447cc377e7e8f828700b43",name:"before-input"}),i("div",{key:"8139ffe5b0b7d37781c2b435ed1b9c94f2eea9de",class:"input-container"},i("slot",{key:"ab2515724a53a1b9e4081bd1944130cd435a0a92",name:"leading-input"}),this.filterable||this.disabled||this.readonly?i("input",{"data-scope":"focusable",id:this.inputId,type:"search",ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,required:d?this.required:void 0,...void 0!==n&&{"aria-required":String(n)},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleFilterInput}):i("p",{"data-scope":"focusable",id:this.inputId,ref:e=>this.selectElement=e,class:"non-filterable-text",tabIndex:this.disabled?-1:0},this.getSelectedLabel()||this.value||this.placeholder),this.clearable&&!this.disabled&&!this.readonly&&(this.value||this.filterable&&this.filterText)&&i("nv-iconbutton",{key:"b467a3949af859fe4e9d19f810a19a8e1d1834c9",ref:e=>this.clearElement=e,"data-scope":"clear",name:"x",size:"md",emphasis:"lower",class:"clear-button",onMouseDown:e=>e.preventDefault(),onClick:this.handleClearButtonClick,"aria-label":this.value?"Clear selection":"Clear input",title:this.value?"Clear selection":"Clear input"}),this.error&&i("nv-icon",{key:"2c05d617da93adddd4994c3063b0e6fe7be017c7",name:"alert-circle",class:"validation",size:"md"}),i("nv-iconbutton",{key:"372a295a58b391a61d240d5133b427c3ddf1edba","data-scope":"toggle-dropdown",ref:e=>this.toggleElement=e,name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",onClick:this.syncToggleDropdown.bind(this),tabIndex:this.disabled?-1:0})),i("slot",{key:"95db16c591f0bf7dec95550260b9d6bcd7e084a9",name:"after-input"})),i("div",{key:"46372589dee8ff8509570bd1a3cc33763cf17869",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},(this.options?.length??0)>0&&i("ul",{key:"dc2840ef3e798291e49ae179a978c5b3d277ffa2"},this.options?.map((e=>i("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))),i("slot",{key:"750ef13e5911fe9bfc9a277b24150a1d3e631d4d",name:"content"}))),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"34e1fbd85f790f0ea38502d10daadabf2c26c493",class:"description"},i("slot",{key:"248779124cefa199c5ee3b664c1a26ddfab0d849",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"dff99dce8c08ca76a620cf199147a72a0624b3be",hidden:!this.error,class:"error-description"},i("slot",{key:"fcdbc2a466f9d13593a5fb6d7a2ba719b0df19dd",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}],value:[{handleValueChange:0}],options:[{handleOptionsChange:0}]}}};m.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddropdown{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddropdown[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddropdown[required]:not([required=false]) label::after,nv-fielddropdown[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container{position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container p.non-filterable-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .input-container p.non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddropdown .error-description[hidden]{display:none}';export{m as nv_fielddropdown}

package/dist/native/{p-4514a6a4.entry.js → p-57ac7c52.entry.js}

@@ -1 +1 @@
-import{r as g,a as t,h as e,d as o,e as s}from"./p-CTmBvINI.js";const i=class{constructor(e){g(this,e),this.valueChanged=t(this,"valueChanged",3),this.exclusive=!1,this.enforceValue=!1,this.emphasis="high",this.size="md",this.setActiveToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.active=(this.value??[]).includes(t.value))}))},this.setEmphasisToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.emphasis=this.emphasis)}))},this.setSizeToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.size=this.size)}))},this.setupMutationObserver=()=>{this.mutationObserver=new MutationObserver((g=>{g.forEach((g=>{"childList"===g.type&&g.addedNodes.length>0&&(this.setEmphasisToggleButtons(),this.setSizeToggleButtons())}))})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0})}}static asToggleButton(g){return g instanceof HTMLElement?g:null}onValueChanged(g){this.setActiveToggleButtons(),this.valueChanged.emit(g)}onEmphasisChanged(){this.setEmphasisToggleButtons()}onSizeChanged(){this.setSizeToggleButtons()}onToggled(g){g.stopPropagation();const t=new Set(this.value);if(this.exclusive&&this.enforceValue)this.value=[g.detail.value];else if(this.exclusive)this.value=t.has(g.detail.value)?[]:[g.detail.value];else{g:if(g.detail.active){if(this.enforceValue&&1===t.size)break g;t.delete(g.detail.value)}else t.add(g.detail.value);this.value=[...t]}}componentWillLoad(){this.setActiveToggleButtons(),this.setEmphasisToggleButtons(),this.setSizeToggleButtons(),this.setupMutationObserver()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return e(o,{key:"4428416f62c5e5f0713089cf7601babd5ee43161"},e("slot",{key:"549cab50def8d37f072f83af0eea1bb4b55fe3e2"}))}get el(){return s(this)}static get watchers(){return{value:[{onValueChanged:0}],emphasis:[{onEmphasisChanged:0}],size:[{onSizeChanged:0}]}}};i.style="nv-togglebuttongroup{display:flex;gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);width:fit-content;padding:var(--togglegroup-lg-gap)}nv-togglebuttongroup[emphasis=high]{border:1px solid var(--components-togglegroup-high-border)}nv-togglebuttongroup[emphasis=low]{border:1px solid var(--components-togglegroup-low-border)}nv-togglebuttongroup[size=xs]{padding:calc(var(--togglegroup-xs-padding) - 1px);gap:var(--togglegroup-xs-gap);border-radius:var(--togglegroup-xs-radius);height:var(--togglegroup-xs-height)}nv-togglebuttongroup[size=sm]{padding:calc(var(--togglegroup-sm-padding) - 1px);gap:var(--togglegroup-sm-gap);border-radius:var(--togglegroup-sm-radius);height:var(--togglegroup-sm-height)}nv-togglebuttongroup[size=md]{padding:calc(var(--togglegroup-md-padding) - 1px);gap:var(--togglegroup-md-gap);border-radius:var(--togglegroup-md-radius);height:var(--togglegroup-md-height)}nv-togglebuttongroup[size=lg]{padding:calc(var(--togglegroup-lg-padding) - 1px);gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);height:var(--togglegroup-lg-height)}";export{i as nv_togglebuttongroup}
+import{r as g,a as t,h as e,d as o,e as s}from"./p-C5xbfYEI.js";const i=class{constructor(e){g(this,e),this.valueChanged=t(this,"valueChanged",3),this.exclusive=!1,this.enforceValue=!1,this.emphasis="high",this.size="md",this.setActiveToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.active=(this.value??[]).includes(t.value))}))},this.setEmphasisToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.emphasis=this.emphasis)}))},this.setSizeToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.size=this.size)}))},this.setupMutationObserver=()=>{this.mutationObserver=new MutationObserver((g=>{g.forEach((g=>{"childList"===g.type&&g.addedNodes.length>0&&(this.setEmphasisToggleButtons(),this.setSizeToggleButtons())}))})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0})}}static asToggleButton(g){return g instanceof HTMLElement?g:null}onValueChanged(g){this.setActiveToggleButtons(),this.valueChanged.emit(g)}onEmphasisChanged(){this.setEmphasisToggleButtons()}onSizeChanged(){this.setSizeToggleButtons()}onToggled(g){g.stopPropagation();const t=new Set(this.value);if(this.exclusive&&this.enforceValue)this.value=[g.detail.value];else if(this.exclusive)this.value=t.has(g.detail.value)?[]:[g.detail.value];else{g:if(g.detail.active){if(this.enforceValue&&1===t.size)break g;t.delete(g.detail.value)}else t.add(g.detail.value);this.value=[...t]}}componentWillLoad(){this.setActiveToggleButtons(),this.setEmphasisToggleButtons(),this.setSizeToggleButtons(),this.setupMutationObserver()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return e(o,{key:"fb35370c2726543b4bd4198d7aa877b37231ee2f"},e("slot",{key:"ec1b09473ea963aea37139b96b298c90aa9443ee"}))}get el(){return s(this)}static get watchers(){return{value:[{onValueChanged:0}],emphasis:[{onEmphasisChanged:0}],size:[{onSizeChanged:0}]}}};i.style="nv-togglebuttongroup{display:flex;gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);width:fit-content;padding:var(--togglegroup-lg-gap)}nv-togglebuttongroup[emphasis=high]{border:1px solid var(--components-togglegroup-high-border)}nv-togglebuttongroup[emphasis=low]{border:1px solid var(--components-togglegroup-low-border)}nv-togglebuttongroup[size=xs]{padding:calc(var(--togglegroup-xs-padding) - 1px);gap:var(--togglegroup-xs-gap);border-radius:var(--togglegroup-xs-radius);height:var(--togglegroup-xs-height)}nv-togglebuttongroup[size=sm]{padding:calc(var(--togglegroup-sm-padding) - 1px);gap:var(--togglegroup-sm-gap);border-radius:var(--togglegroup-sm-radius);height:var(--togglegroup-sm-height)}nv-togglebuttongroup[size=md]{padding:calc(var(--togglegroup-md-padding) - 1px);gap:var(--togglegroup-md-gap);border-radius:var(--togglegroup-md-radius);height:var(--togglegroup-md-height)}nv-togglebuttongroup[size=lg]{padding:calc(var(--togglegroup-lg-padding) - 1px);gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);height:var(--togglegroup-lg-height)}";export{i as nv_togglebuttongroup}