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

package/dist/native/{p-37c41059.entry.js → p-ffc9e2a0.entry.js}

@@ -1 +1 @@
-import{h as e,r as i,a as r,d as t,e as a}from"./p-BCjiE1MF.js";import{c as n}from"./p-ChV9xqsO.js";import{v as s}from"./p-BdYh22OP.js";function o(e){if(Number.isInteger(e))return 0;const i=e.toString().split(".")[1];return i?i.length:0}function l(e,i,r){return Math.max(i,Math.min(r,e))}function d(e,i,r){return r===i?0:(e-i)/(r-i)*100}function c(e,i){const r=o(i);return r>0?e.toFixed(r):String(e)}const h=i=>{const{value:r,min:t,max:a,step:n,rawPosition:s,isDragging:o,snap:h,disabled:f,readonly:u,onKeyDown:v,labelBeforeValue:b,labelAfterValue:p}=i;let m=r;o&&!h&&(m=l(s,t,a));const k=d(m,t,a);return e("div",{class:"thumb",style:{left:`${k}%`},role:"slider","aria-valuemin":t,"aria-valuemax":a,"aria-valuenow":r,"aria-disabled":f?"true":void 0,"aria-readonly":u?"true":void 0,tabindex:f?-1:0,onKeyDown:v},e("div",{class:"thumb-tooltip"},b&&e("span",{class:"label-before"},b),c(r,n),p&&e("span",{class:"label-after"},p)))},f=i=>{const{rangeValue:r,rawRangePosition:t,activeDragThumb:a,isDragging:n,snap:s,min:o,max:h,step:f,disabled:u,readonly:v,onKeyDown:b,labelBeforeValue:p,labelAfterValue:m}=i,[k,g]=r;let y=k,x=g;if(n&&!s){const[e,i]=t;"left"===a?y=l(e,o,Math.min(g,h)):"right"===a&&(x=l(i,Math.max(k,o),h))}const w=d(y,o,h),V=d(x,o,h);return[e("div",{class:"track-range",style:{left:`${w}%`,width:V-w+"%"}}),e("div",{class:"thumb thumb-left",style:{left:`${w}%`},role:"slider","aria-valuemin":o,"aria-valuemax":h,"aria-valuenow":k,"aria-disabled":u?"true":void 0,"aria-readonly":v?"true":void 0,"data-thumb":"left",tabindex:u?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),c(k,f),m&&e("span",{class:"label-after"},m))),e("div",{class:"thumb thumb-right",style:{left:`${V}%`},role:"slider","aria-valuemin":o,"aria-valuemax":h,"aria-valuenow":g,"aria-disabled":u?"true":void 0,"aria-readonly":v?"true":void 0,"data-thumb":"right",tabindex:u?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),c(g,f),m&&e("span",{class:"label-after"},m)))]},u=i=>{const{ticks:r,min:t,max:a}=i;return 0===r.length?null:e("div",{class:"track-ticks"},r.map((i=>{const r=d(i.value,t,a);return e("div",{class:"track-tick",style:{left:`${r}%`}},i.label&&e("div",{class:"tick-label"},i.label))})))},v=i=>{const{range:r,hasField:t,value:a,rangeValue:s,index:o,inputId:l,min:d,max:c,step:h,disabled:f,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:p,name:m,endName:k}=i,g=r?s[o]:a,y=r?{"data-index":o.toString()}:{};let x;return x=r?0===o?m||"":k||(m?`${m}-end`:""):m||"",t?e("div",{class:n(!t&&"hidden-input")},e("nv-fieldnumber",{id:l,value:g,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:g,disabled:f,readonly:u,name:x})},b=class{constructor(e){i(this,e),this.valueChanged=r(this,"valueChanged",3),this.startInputId=s(),this.endInputId=s(),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=l((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=d(this.rangeValueInternal[0],this.min,this.max),i=d(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=l((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=l(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=l(e,i,r),n=o(t);if(n>0){const e=Math.pow(10,n),s=Math.round((a-i)*e),o=Math.round(t*e),d=Math.round(s/o);return l(parseFloat((i+d*o/e).toFixed(n)),i,r)}return l(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(t,{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(v,{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(f,{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(h,{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(u,{key:"2bf097761208511839e3df0d37d0af9b21090e36",ticks:this.internalTicks,min:this.min,max:this.max})),e(v,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 a(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}]}}};b.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-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}';export{b as nv_fieldslider}
+import{h as e,r as i,a as r,d as t,e as a}from"./p-CTmBvINI.js";import{c as n}from"./p-ChV9xqsO.js";import{v as s}from"./p-BdYh22OP.js";function o(e){if(Number.isInteger(e))return 0;const i=e.toString().split(".")[1];return i?i.length:0}function l(e,i,r){return Math.max(i,Math.min(r,e))}function d(e,i,r){return r===i?0:(e-i)/(r-i)*100}function c(e,i){const r=o(i);return r>0?e.toFixed(r):String(e)}const h=i=>{const{value:r,min:t,max:a,step:n,rawPosition:s,isDragging:o,snap:h,disabled:f,readonly:u,onKeyDown:v,labelBeforeValue:b,labelAfterValue:p}=i;let m=r;o&&!h&&(m=l(s,t,a));const k=d(m,t,a);return e("div",{class:"thumb",style:{left:`${k}%`},role:"slider","aria-valuemin":t,"aria-valuemax":a,"aria-valuenow":r,"aria-disabled":f?"true":void 0,"aria-readonly":u?"true":void 0,tabindex:f?-1:0,onKeyDown:v},e("div",{class:"thumb-tooltip"},b&&e("span",{class:"label-before"},b),c(r,n),p&&e("span",{class:"label-after"},p)))},f=i=>{const{rangeValue:r,rawRangePosition:t,activeDragThumb:a,isDragging:n,snap:s,min:o,max:h,step:f,disabled:u,readonly:v,onKeyDown:b,labelBeforeValue:p,labelAfterValue:m}=i,[k,g]=r;let y=k,x=g;if(n&&!s){const[e,i]=t;"left"===a?y=l(e,o,Math.min(g,h)):"right"===a&&(x=l(i,Math.max(k,o),h))}const w=d(y,o,h),V=d(x,o,h);return[e("div",{class:"track-range",style:{left:`${w}%`,width:V-w+"%"}}),e("div",{class:"thumb thumb-left",style:{left:`${w}%`},role:"slider","aria-valuemin":o,"aria-valuemax":h,"aria-valuenow":k,"aria-disabled":u?"true":void 0,"aria-readonly":v?"true":void 0,"data-thumb":"left",tabindex:u?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),c(k,f),m&&e("span",{class:"label-after"},m))),e("div",{class:"thumb thumb-right",style:{left:`${V}%`},role:"slider","aria-valuemin":o,"aria-valuemax":h,"aria-valuenow":g,"aria-disabled":u?"true":void 0,"aria-readonly":v?"true":void 0,"data-thumb":"right",tabindex:u?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),c(g,f),m&&e("span",{class:"label-after"},m)))]},u=i=>{const{ticks:r,min:t,max:a}=i;return 0===r.length?null:e("div",{class:"track-ticks"},r.map((i=>{const r=d(i.value,t,a);return e("div",{class:"track-tick",style:{left:`${r}%`}},i.label&&e("div",{class:"tick-label"},i.label))})))},v=i=>{const{range:r,hasField:t,value:a,rangeValue:s,index:o,inputId:l,min:d,max:c,step:h,disabled:f,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:p,name:m,endName:k}=i,g=r?s[o]:a,y=r?{"data-index":o.toString()}:{};let x;return x=r?0===o?m||"":k||(m?`${m}-end`:""):m||"",t?e("div",{class:n(!t&&"hidden-input")},e("nv-fieldnumber",{id:l,value:g,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:g,disabled:f,readonly:u,name:x})},b=class{constructor(e){i(this,e),this.valueChanged=r(this,"valueChanged",3),this.startInputId=s(),this.endInputId=s(),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=l((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=d(this.rangeValueInternal[0],this.min,this.max),i=d(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=l((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=l(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=l(e,i,r),n=o(t);if(n>0){const e=Math.pow(10,n),s=Math.round((a-i)*e),o=Math.round(t*e),d=Math.round(s/o);return l(parseFloat((i+d*o/e).toFixed(n)),i,r)}return l(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(t,{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(v,{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(f,{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(h,{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(u,{key:"b3fdbe669889f22309a6f6a717f850b117a91cc8",ticks:this.internalTicks,min:this.min,max:this.max})),e(v,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 a(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}]}}};b.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-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}';export{b as nv_fieldslider}

package/dist/native/p-gOKBmbgZ.js

@@ -0,0 +1 @@
+var e,n,a,o,t,r,i,c,s,u,l,d,m,f,p,g,S,h;!function(e){e.TopRight="top-right",e.TopLeft="top-left",e.TopCenter="top-center",e.BottomRight="bottom-right",e.BottomLeft="bottom-left",e.BottomCenter="bottom-center"}(e||(e={})),function(e){e.Information="information",e.Warning="warning",e.Success="success",e.Error="error",e.Neutral="neutral"}(n||(n={})),function(e){e.Neutral="neutral",e.Primary="primary",e.Secondary="secondary",e.Success="success",e.Error="error"}(a||(a={})),function(e){e.ExtraSmall="xs",e.Small="sm",e.Medium="md",e.Large="lg",e.ExtraLarge="xl"}(o||(o={})),function(e){e.ExtraSmall="xs",e.Small="sm",e.Medium="md",e.Large="lg"}(t||(t={})),function(e){e.High="high",e.Medium="medium",e.Low="low",e.Lower="lower"}(r||(r={})),function(e){e.Submit="submit",e.Reset="reset",e.Button="button"}(i||(i={})),function(e){e.Medium="medium",e.High="high"}(c||(c={})),function(e){e.High="high",e.Low="low"}(s||(s={})),function(e){e.High="high",e.Low="low"}(u||(u={})),function(e){e.ExtraSmall="xs",e.Small="sm",e.Medium="md",e.Large="lg"}(l||(l={})),function(e){e.Square="square",e.Rounded="rounded"}(d||(d={})),function(e){e.High="brand",e.Low="white"}(m||(m={})),function(e){e.Before="before",e.After="after"}(f||(f={})),function(e){e.On="on",e.Off="off",e.Section="section-*",e.Shipping="shipping",e.Billing="billing",e.Home="home",e.Work="work",e.Mobile="mobile",e.Fax="fax",e.Pager="pager",e.Tel="tel",e.TelCountryCode="tel-country-code",e.TelNational="tel-national",e.TelAreaCode="tel-area-code",e.TelLocal="tel-local",e.TelLocalPrefix="tel-local-prefix",e.TelLocalSuffix="tel-local-suffix",e.TelExtension="tel-extension",e.Email="email",e.IMProtocol="impp",e.Name="name",e.HonorificPrefix="honorific-prefix",e.GivenName="given-name",e.AdditionalName="additional-name",e.FamilyName="family-name",e.HonorificSuffix="honorific-suffix",e.Nickname="nickname",e.Username="username",e.NewPassword="new-password",e.CurrentPassword="current-password",e.OneTimeCode="one-time-code",e.OrganizationTitle="organization-title",e.Organization="organization",e.StreetAddress="street-address",e.AddressLine1="address-line1",e.AddressLine2="address-line2",e.AddressLine3="address-line3",e.AddressLevel4="address-level4",e.AddressLevel3="address-level3",e.AddressLevel2="address-level2",e.AddressLevel1="address-level1",e.Country="country",e.CountryName="country-name",e.PostalCode="postal-code",e.CCName="cc-name",e.CCGivenName="cc-given-name",e.CCAdditionalName="cc-additional-name",e.CCFamilyName="cc-family-name",e.CCNumber="cc-number",e.CCExp="cc-exp",e.CCExpMonth="cc-exp-month",e.CCExpYear="cc-exp-year",e.CCCSC="cc-csc",e.CCType="cc-type",e.TransactionCurrency="transaction-currency",e.TransactionAmount="transaction-amount",e.Language="language",e.Bday="bday",e.BdayDay="bday-day",e.BdayMonth="bday-month",e.BdayYear="bday-year",e.Sex="sex",e.Url="url",e.Photo="photo"}(p||(p={})),function(e){e.Hours="hours",e.Minutes="minutes",e.Seconds="seconds"}(g||(g={})),function(e){e.End="end",e.Start="start",e.Center="center"}(S||(S={})),function(e){e.Asc="asc",e.Desc="desc"}(h||(h={}));const b={"fr-FR":"Sem","fr-BE":"Sem","nl-BE":"W","en-BE":"W","en-US":"W","en-GB":"W","es-ES":"Sem","de-DE":"KW","it-IT":"Set","pt-PT":"Sem","nl-NL":"W","pl-PL":"Tyd","ru-RU":"Нед","ja-JP":"週","zh-CN":"周","ko-KR":"주"},y={"fr-BE":["Lu","Ma","Me","Je","Ve","Sa","Di"],"nl-BE":["Ma","Di","Wo","Do","Vr","Za","Zo"],"de-DE":["Mo","Di","Mi","Do","Fr","Sa","So"],"en-BE":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],"en-US":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],"en-GB":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},J={"fr-BE":["Jan","Fev","Mar","Avr","Mai","Jun","Jul","Aou","Sep","Oct","Nov","Dec"],"nl-BE":["Jan","Feb","Maa","Apr","Mei","Jun","Jul","Aug","Sep","Okt","Nov","Dec"],"de-DE":["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],"en-BE":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"en-US":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"en-GB":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};export{t as B,y as C,a as D,n as F,S as G,d as I,m as L,e as N,o as S,s as T,b as W,r as a,i as b,c,u as d,l as e,f,p as g,g as h,h as i,J as j}

package/dist/types/components/nv-alert/nv-alert.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { DeprecatedSemanticColors, FeedbackColors } from '../../utils/constants';
+import { type IconName } from '../nv-icon/nv-icons';
 /**
  * @slot default - Use this slot to insert HTML into the alert content.
  */
@@ -28,8 +29,9 @@ export declare class NvAlert {
     readonly heading: string;
     /**
      * Icon associated with the alert, defaults vary based on the feedback type.
+     * @icon
      */
-    readonly icon: string;
+    readonly icon: `${IconName}`;
     /**
      * Allows the alert to be dismissed via a close button (x). The alert is not
      * dismissible unless explicitly enabled.

package/dist/types/components/nv-badge/nv-badge.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { IconName } from '../nv-icon/nv-icons';
 /**
  * @slot leading-icon - Icon before the label.
  * @slot default - for custom content, for pure text use label instead.
@@ -14,8 +15,9 @@ export declare class NvBadge {
     /**
      * The icon to display in the badge.
      * @deprecated use leadIcon or slot="leading-icon" instead.
+     * @icon
      */
-    readonly icon: string;
+    readonly icon: `${IconName}`;
     /**
      * The location of the icon in the badge.
      * @deprecated only leadIcon now.
@@ -36,8 +38,9 @@ export declare class NvBadge {
     readonly label?: string | null;
     /**
      * The lead icon of the badge.
+     * @icon
      */
-    leadIcon?: string | null;
+    leadIcon?: `${IconName}` | null;
     /**
      * Whether the badge is dismissible.
      */
@@ -81,7 +84,7 @@ export declare class NvBadge {
      * Handles the icon prop change.
      * @param {string} icon - The new icon value.
      */
-    handleIconChange(icon: string): void;
+    handleIconChange(icon: `${IconName}`): void;
     /**
      * Handles the hidden prop change.
      * @param {boolean} hidden - The new hidden value.

package/dist/types/components/nv-col/nv-col.d.ts

@@ -1,5 +1,6 @@
 /**
  * @slot default - The column content.
+ * @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
  */
 export declare class NvCol {
     /****************************************************************************/

package/dist/types/components/nv-dialogfooter/nv-dialogfooter.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ButtonType } from '../../utils/constants';
+import { type IconName } from '../nv-icon/nv-icons';
 /**
  * @slot default - Custom content for the dialog footer. When provided, the default buttons will not be rendered.
  */
@@ -19,12 +20,14 @@ export declare class NvDialogfooter {
     readonly undismissable: boolean;
     /**
      * Sets the leading icon for the primary button.
+     * @icon
      */
-    readonly leadingIcon: string;
+    readonly leadingIcon: `${IconName}` | null;
     /**
      * Sets the trailing icon for the primary button.
+     * @icon
      */
-    readonly trailingIcon: string;
+    readonly trailingIcon: `${IconName}` | null;
     /**
      * Sets the danger state for the primary button.
      */

package/dist/types/components/nv-drawerfooter/nv-drawerfooter.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ButtonType } from '../../utils/constants';
+import { type IconName } from '../nv-icon/nv-icons';
 /**
  * @slot default - Custom content for the drawer footer. When provided, the default buttons will not be rendered.
  */
@@ -19,12 +20,14 @@ export declare class NvDrawerfooter {
     readonly undismissable: boolean;
     /**
      * Sets the leading icon for the primary button.
+     * @icon
      */
-    readonly leadingIcon?: string | null;
+    readonly leadingIcon?: `${IconName}` | null;
     /**
      * Sets the trailing icon for the primary button.
+     * @icon
      */
-    readonly trailingIcon?: string | null;
+    readonly trailingIcon?: `${IconName}` | null;
     /**
      * Sets the danger state for the primary button.
      */

package/dist/types/components/nv-fieldmultiselect/nv-fieldmultiselect.d.ts

@@ -293,6 +293,15 @@ export declare class NvFieldmultiselect {
         checked: boolean;
     }>): void;
     handleSlotChange(event: Event): void;
+    /**
+     * Close the dropdown when keyboard focus leaves the component.
+     * Uses focusout (which bubbles) so it covers every internal focusable
+     * (filter input, hidden input, trigger `<p>`, chevron iconbutton,
+     * clear-filter iconbutton, dropdown items, badge close button) without
+     * needing per-element onBlur wiring.
+     * @param {FocusEvent} event - The focus event.
+     */
+    handleFocusOut(event: FocusEvent): void;
     /**
      * Handle keyboard events & arrow key navigation.
      * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.
@@ -352,11 +361,15 @@ export declare class NvFieldmultiselect {
      */
     toggleSelectAll(): Promise<void>;
     /**
-     * Reorder the content of the slot.
+     * Reorder the content of the slot using CSS flex `order` so the
+     * underlying DOM order is preserved (clearing the selection restores
+     * the original visual order automatically).
      */
     private reorderSlotContent;
     /**
-     * Reorder the content for options mode with async handling
+     * Reorder the content for options mode using CSS flex `order` so the
+     * underlying DOM order is preserved (clearing the selection restores
+     * the original visual order automatically).
      */
     private reorderOptionsContent;
     /**
@@ -408,10 +421,6 @@ export declare class NvFieldmultiselect {
      * Clear the filter text
      */
     private clearFilterText;
-    /**
-     * Handle input blur for options mode.
-     */
-    private handleInputBlurOptions;
     /**
      * Updates the highlighted item in the dropdown list.
      *
@@ -420,7 +429,7 @@ export declare class NvFieldmultiselect {
      */
     private updateHighlightedItem;
     /**
-     * Focus on the first item in the dropdown list.
+     * Focus on the first item in the dropdown list (visual order).
      */
     private focusFirstItem;
     /**
@@ -451,10 +460,6 @@ export declare class NvFieldmultiselect {
      * Handle input focus for slots mode.
      */
     private handleInputFocusSlots;
-    /**
-     * Handle input blur for slots mode.
-     */
-    private handleInputBlurSlots;
     /**
      * Toggle the multiselect popover for options mode.
      */

package/dist/types/components/nv-icon/nv-icon.d.ts

@@ -41,8 +41,9 @@ export declare class NvIcon {
     /**
      * Choose the icon you want to display. This also sets the aria-label for
      * improved accessibility, helping users who rely on screen readers.
+     * @icon
      */
-    readonly name: `${IconName}` | string;
+    readonly name: `${IconName}`;
     /**
      * Adjust the size of the icon to fit your design needs.
      */

package/dist/types/components/nv-iconbutton/nv-iconbutton.d.ts

@@ -40,8 +40,9 @@ export declare class NvIconbutton {
      * Choose the icon you want to display. This also sets the aria-label for
      * improved accessibility, helping users who rely on screen readers.
      * The icon is not displayed when the button is loading.
+     * @icon
      */
-    readonly name: `${IconName}` | string;
+    readonly name: `${IconName}`;
     /**
      * Sets the button type to control its function in forms. Use 'submit' to send
      * form data, 'reset' to clear the form, or 'button' for a standard button

package/dist/types/components/nv-menuitem/nv-menuitem.d.ts

@@ -15,6 +15,7 @@ export declare class NvMenuitem {
      * Choose the icon you want to display. This also sets the aria-label for
      * improved accessibility, helping users who rely on screen readers.
      * The icon is not displayed when the button is loading.
+     * @icon
      */
     readonly icon: `${IconName}`;
     /**

package/dist/types/components/nv-notification/nv-notification.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FeedbackColors, NotificationEmphasis } from '../../utils/constants';
+import { type IconName } from '../nv-icon/nv-icons';
 /**
  * @slot heading - Use this slot to insert HTML as the notification title.
  * @slot content - Use this slot to insert HTML as the notification message.
@@ -39,8 +40,9 @@ export declare class NvNotification {
     /**
      * Icon associated with the notification, defaults vary based on the feedback
      * type.
+     * @icon
      */
-    readonly icon: string;
+    readonly icon: `${IconName}`;
     /**
      * Allows the notification to be dismissed via a close button (x). The
      * notification is not dismissible unless explicitly enabled.

package/dist/types/components/nv-paginationtable/nv-paginationtable.utils.d.ts

@@ -28,6 +28,15 @@ export declare function interpolate(template: string | undefined | null, values:
  * @returns {boolean} True if at the first page
  */
 export declare function isFirstPage(pageIndex: number): boolean;
+/**
+ * Returns the 1-based page number to show in the page label.
+ * When there are no pages (empty/filtered-to-zero dataset), returns 0 so
+ * the label reads e.g. "Page 0 of 0" instead of "Page 1 of 0".
+ * @param {number} pageIndex - Current page index (zero-based)
+ * @param {number} pageCount - Total number of pages
+ * @returns {number} The page number to display (1-based, or 0 when no pages)
+ */
+export declare function getDisplayPageNumber(pageIndex: number, pageCount: number): number;
 /**
  * Checks if navigation to the last/next page is possible
  * @param {number} pageIndex - Current page index (zero-based)

package/dist/types/components/nv-row/nv-row.d.ts

@@ -1,5 +1,6 @@
 /**
  * @slot default - The row content.
+ * @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
  */
 export declare class NvRow {
     /****************************************************************************/

package/dist/types/components/nv-sidebar/nv-sidebar.d.ts

@@ -6,6 +6,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class NvSidebar {
     el: HTMLNvSidebarElement;
     private mutationObserver;
+    private resizeStartX;
+    private resizeStartWidth;
     /****************************************************************************/
     /**
      * The type of sidebar behavior.
@@ -34,14 +36,52 @@ export declare class NvSidebar {
      * - low: Less prominent appearance
      */
     readonly notificationEmphasis: 'high' | 'low';
+    /**
+     * When true, the sidebar can be resized horizontally by dragging its right edge.
+     * Only active when the sidebar is open (not collapsed).
+     */
+    readonly resizable: boolean;
+    /**
+     * Minimum width in pixels when resizing.
+     */
+    readonly minWidth: number;
+    /**
+     * Maximum width in pixels when resizing.
+     */
+    readonly maxWidth: number;
+    /**
+     * Current sidebar width in pixels. When set (or while resizing), overrides
+     * the default CSS token width. Updated as the user drags the resize handle.
+     * Not reflected to the attribute to avoid DOM churn on every pointer move.
+     */
+    width?: number;
+    /****************************************************************************/
+    private resizing;
     /****************************************************************************/
     /**
      * Emitted when the open state changes.
      * @bind open
      */
     openChanged: EventEmitter<boolean>;
+    /**
+     * Emitted when the sidebar width changes via the resize handle.
+     * Fires at the end of a drag, or after each keyboard adjustment.
+     */
+    widthChanged: EventEmitter<number>;
     /****************************************************************************/
     private handleToggle;
+    private getBounds;
+    private clampWidth;
+    private canResize;
+    private getAriaValueNow;
+    private applyWidthStyle;
+    private handleResizeStart;
+    private handleResizeMove;
+    private releasePointerCapture;
+    private handleResizeEnd;
+    private handleResizeCancel;
+    private cancelResize;
+    private handleResizeKeyDown;
     private handleCollapsedSideEffects;
     /**
      * Sets the active state of navigation items based on activePath
@@ -56,6 +96,9 @@ export declare class NvSidebar {
     /****************************************************************************/
     onActivePathChanged(): void;
     protected onOpenChanged(newValue: boolean, oldValue: boolean): void;
+    protected onWidthChanged(): void;
+    protected onBoundsChanged(): void;
+    protected onResizableChanged(newValue: boolean): void;
     /****************************************************************************/
     componentWillLoad(): void;
     disconnectedCallback(): void;

package/dist/types/components/nv-sidebarnavitem/nv-sidebarnavitem.d.ts

@@ -10,8 +10,9 @@ export declare class NvSidebarnavitem {
     /****************************************************************************/
     /**
      * Optional icon to display before the label.
+     * @icon
      */
-    readonly icon?: IconName;
+    readonly icon?: `${IconName}`;
     /**
      * Whether this item represents the active/current page.
      * Can be set automatically when a sub-item becomes active.

package/dist/types/components/nv-split/nv-split.d.ts

@@ -3,6 +3,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * The `nv-split` component is an advanced layout container that enables the creation of interactively resizable panels. It provides a flexible solution for dividing available space between multiple interface sections, with precise control over dimensions and constraints for each panel. Slot=“pane” elements have margin: 0 !important by default. This is a necessary technical constraint because CSS margins are not included in the flex-basis calculation, which would distort the sizing of the panes. Solution for the user: Apply margins/padding to the content inside the pane, not to the pane itself.
  * @slot pane - Content of each split pane. Use multiple `<div slot="pane">` elements.
  * @slot gutter - Optional custom content inside every gutter handle.
+ * @slot default - Placeholder for any auto rendered gutters
  */
 export declare class NvSplit {
     el: HTMLNvSplitElement;

package/dist/types/components/nv-statusindicator/nv-statusindicator.d.ts

@@ -0,0 +1,22 @@
+import { FeedbackColors, StatusIndicatorEmphasis } from '../../utils/constants';
+/**
+ * A static, non-interactive visual indicator that communicates
+ * system-controlled status through colour, icon, and optional label.
+ */
+export declare class NvStatusindicator {
+    /****************************************************************************/
+    /**
+     * The status variant of the indicator.
+     */
+    readonly status: `${FeedbackColors}`;
+    /**
+     * The visual emphasis of the indicator.
+     */
+    readonly emphasis: `${StatusIndicatorEmphasis}`;
+    /**
+     * The text label of the indicator. When omitted, the component renders icon-only.
+     */
+    readonly label?: string;
+    /****************************************************************************/
+    render(): any;
+}

package/dist/types/components/nv-statusindicator/nv-statusindicator.docs.d.ts

@@ -0,0 +1,4 @@
+import type { NovaDocs } from '../../nova-docs';
+import { Components } from '../../components';
+declare const NvStatusindicatorDocs: NovaDocs<Components.NvStatusindicator>;
+export default NvStatusindicatorDocs;

package/dist/types/components/nv-tag/nv-tag.d.ts

@@ -0,0 +1,64 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type TagColor = 'orange' | 'crimson' | 'yellow' | 'red' | 'blue' | 'amber' | 'green' | 'turquoise' | 'lime' | 'grey';
+/**
+ * @slot leading-icon - Optional icon displayed before the label.
+ */
+export declare class NvTag {
+    /****************************************************************************/
+    /**
+     * The color variant of the tag.
+     */
+    readonly color: TagColor;
+    /**
+     * The text label of the tag.
+     */
+    readonly label?: string;
+    /**
+     * Whether the tag can be dismissed.
+     */
+    readonly dismissible: boolean;
+    /**
+     * When set, the tag renders as a link.
+     */
+    readonly href?: string;
+    /**
+     * The browsing context for the link.
+     */
+    readonly target: '_self' | '_blank' | '_parent' | '_top';
+    /**
+     * The relationship of the linked resource. When target="_blank" and rel is not set, defaults to "noopener noreferrer" for security.
+     */
+    readonly rel?: string;
+    /**
+     * Whether the dismiss button is disabled.
+     */
+    readonly disabled: boolean;
+    /****************************************************************************/
+    /**
+     * Emitted when the dismiss button is clicked.
+     */
+    dismissed: EventEmitter<{
+        /**
+         * The label of the dismissed tag.
+         */
+        label?: string;
+    }>;
+    /****************************************************************************/
+    /**
+     * Handles the dismiss button click.
+     * @param {MouseEvent} event - The click event.
+     */
+    private readonly handleDismiss;
+    /****************************************************************************/
+    /**
+     * Renders the tag content (icon + label).
+     * @returns {unknown} The tag content JSX.
+     */
+    private renderContent;
+    /**
+     * Computes the rel attribute for the anchor.
+     * @returns {string | undefined} The computed rel value.
+     */
+    private computeRel;
+    render(): any;
+}

package/dist/types/components/nv-tag/nv-tag.docs.d.ts

@@ -0,0 +1,4 @@
+import type { NovaDocs } from '../../nova-docs';
+import { Components } from '../../components';
+declare const NvTagDocs: NovaDocs<Components.NvTag>;
+export default NvTagDocs;