npm - @nova-design-system/nova-webcomponents - Versions diffs - 3.25.0 → 3.27.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (402) hide show

package/dist/components/nv-fieldpassword.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as r,H as o,c as i,h as a,d as t}from"./p-iXsbKJzR.js";import{d as n}from"./p-Bg-b6OWh.js";import{d}from"./p-C6LzzMQm.js";import{d as s}from"./p-tJDdN0lo.js";import{v as l}from"./p-BdYh22OP.js";const f=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged",3),this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.mode="text",this.autocomplete="off",this.hidePasswordIcon=!1,this.showPassword=!1,this.autofocus=!1,this.fluid=!1,this.handleInputContainerClick=()=>{this.inputElement.focus()},this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState},this.handleInput=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}render(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,o=e?r:null,i=e?"true"===o\|\|""===o:void 0,n=this.required&&(!e\|\|!0===i);return a(t,{key:"f9df0663358647d4305ebce0277cde70500e8740"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&a("label",{key:"ac7f2c7c2351d231f95f1366fd562168172947e9",htmlFor:this.inputId},a("slot",{key:"bd816b47b2e5f396d075fef7162ced4a37fb218f",name:"label"},this.label)),a("div",{key:"10e75900c29557bdb52d8ea6e44a44cf361fa3eb",class:"input-wrapper"},a("slot",{key:"11f12897969247d96452d0c60f30634a8d3d1b65",name:"before-input"}),a("div",{key:"43a4dd389bde61fb42d71f9adf7fc3ae39b78937",class:"input-container",onClick:this.handleInputContainerClick},a("slot",{key:"8831059e08707a3a14b19134189291f391ec1e06",name:"leading-input"}),a("input",{key:"06780d7a981405f5fbee6dafde3b044733ac381a",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:n?this.required:void 0,...void 0!==i&&{"aria-required":i+""},maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success\|\|this.error)&&a("nv-icon",{key:"be4cb48eeb99a2a474cf7a6a53055e04d1baabff",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&a("nv-iconbutton",{key:"0749a349e7f7253c3574b1c5e8b45c27394cac31",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":""+this.showPasswordState})),a("slot",{key:"045d8eae1db96d902e8590fab30673b782b41a24",name:"after-input"})),(this.description\|\|this.el.querySelector('[slot="description"]'))&&a("div",{key:"eb0305e565f4056fe0d8213caa5665e38fcbca95",class:"description"},a("slot",{key:"a6890087afa2b3d1a289e415bb9c21b7c71e9f04",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&a("div",{key:"4113509789b3bd7bd2f94217b68527f61449b262",hidden:!this.error,class:"error-description"},a("slot",{key:"3ca63688c3db3ef4fe3b0d5d341b0b3536b1f692",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{showPassword:[{handleShowPasswordChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}'}},[324,"nv-fieldpassword",{inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],mode:[513],autocomplete:[513],hidePasswordIcon:[516,"hide-password-icon"],showPassword:[516,"show-password"],autofocus:[516],fluid:[516],showPasswordState:[32]},void 0,{showPassword:[{handleShowPasswordChange:0}]}]);function c(){"undefined"!=typeof customElements&&["nv-fieldpassword","nv-icon","nv-iconbutton","nv-loader"].forEach((r=>{switch(r){case"nv-fieldpassword":customElements.get(e(r))\|\|customElements.define(e(r),f);break;case"nv-icon":customElements.get(e(r))\|\|n();break;case"nv-iconbutton":customElements.get(e(r))\|\|d();break;case"nv-loader":customElements.get(e(r))\|\|s()}}))}c();const p=f,v=c;export{p as NvFieldpassword,v as defineCustomElement}
1	+ import{t as e,p as r,H as o,c as i,h as a,d as t}from"./p-6nAIGZFL.js";import{d as n}from"./p-CV12ukSl.js";import{d}from"./p-Db4JZxyy.js";import{d as s}from"./p-T-bBxAoT.js";import{v as l}from"./p-BdYh22OP.js";const f=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged",3),this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.mode="text",this.autocomplete="off",this.hidePasswordIcon=!1,this.showPassword=!1,this.autofocus=!1,this.fluid=!1,this.handleInputContainerClick=()=>{this.inputElement.focus()},this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState},this.handleInput=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}render(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,o=e?r:null,i=e?"true"===o\|\|""===o:void 0,n=this.required&&(!e\|\|!0===i);return a(t,{key:"0022e7c0b9529f4cd6840732a12bdfd7af178c4d"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&a("label",{key:"ac8eebc87258b3ff220809e1304c69c657d91a6e",htmlFor:this.inputId},a("slot",{key:"0385f62cef83b64170ffbe796163407e7f5a5ab5",name:"label"},this.label)),a("div",{key:"a4b02b838c72a5f5c263919bb56ec2f601f9b2af",class:"input-wrapper"},a("slot",{key:"fbcfea7b266fc54c29583ada4f0007984a2c4e05",name:"before-input"}),a("div",{key:"83ca16802319a42e59718c1836b9692da0f34fc9",class:"input-container",onClick:this.handleInputContainerClick},a("slot",{key:"996aceac450cf9ab7e0c0a96061b06212ed95ca0",name:"leading-input"}),a("input",{key:"2d23175d6a47ee52e2a3dbae88a989e13fe5ea02",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:n?this.required:void 0,...void 0!==i&&{"aria-required":i+""},maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success\|\|this.error)&&a("nv-icon",{key:"388170ed995039b69b2b3db523b2c7ba33e8fd87",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&a("nv-iconbutton",{key:"92567a64f653423e351bb558456233318461a0e0",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":""+this.showPasswordState})),a("slot",{key:"929d2faa36c128bd5d163beb8a06f40c008981e9",name:"after-input"})),(this.description\|\|this.el.querySelector('[slot="description"]'))&&a("div",{key:"ddd0ed40de645fae289d3e1b60db0067e219fd78",class:"description"},a("slot",{key:"17122748a9a401a50d43d3fd556c20809dfb9bc2",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&a("div",{key:"1ef139333591257d3a13e9506be0721cee1fd4f1",hidden:!this.error,class:"error-description"},a("slot",{key:"631bf31a710d0ace20cd7d631d6218101ac896b0",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{showPassword:[{handleShowPasswordChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}'}},[324,"nv-fieldpassword",{inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],mode:[513],autocomplete:[513],hidePasswordIcon:[516,"hide-password-icon"],showPassword:[516,"show-password"],autofocus:[516],fluid:[516],showPasswordState:[32]},void 0,{showPassword:[{handleShowPasswordChange:0}]}]);function c(){"undefined"!=typeof customElements&&["nv-fieldpassword","nv-icon","nv-iconbutton","nv-loader"].forEach((r=>{switch(r){case"nv-fieldpassword":customElements.get(e(r))\|\|customElements.define(e(r),f);break;case"nv-icon":customElements.get(e(r))\|\|n();break;case"nv-iconbutton":customElements.get(e(r))\|\|d();break;case"nv-loader":customElements.get(e(r))\|\|s()}}))}c();const p=f,v=c;export{p as NvFieldpassword,v as defineCustomElement}

package/dist/components/nv-fieldradio.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as r,H as o,c as d,h as i,d as a}from"./p-~~iXsbKJzR~~.js";import{c as t}from"./p-ChV9xqsO.js";import{v as n}from"./p-BdYh22OP.js";const l=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkedChanged=d(this,"checkedChanged",3),this.labelBefore=!1,this.inputId=n(),this.error=!1,this.checked=!1,this.disabled=!1,this.autofocus=!1}componentWillRender(){this.message&&(this.description=this.message),this.labelBefore&&(this.labelPlacement="before")}handleCheckedChange(e){this.checkedChanged.emit(e)}handleChange(e){const r=e.target;"radio"===r?.type&&(Array.from(document.getElementsByTagName("nv-fieldradio")).forEach((e=>{e.name===this.name&&(e.checked=!1)})),this.checked=r.checked)}render(){return i(a,{key:"~~bae8d6168e0845413655d8b52c14a2c348832616~~",class:t("before"===this.labelPlacement&&"label-placement-before",this.error&&"error")},i("input",{key:"~~4d3e7cd78625c3d42025f85be66c8f389501d01e~~",type:"radio",id:this.inputId,name:this.name,autofocus:this.autofocus,autocomplete:"off",value:this.value,checked:this.checked,disabled:this.disabled}),i("div",{key:"~~2d12f20bc8c0cf4bd3d31916bfeed8a8ef13de37~~",class:"text-container"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&i("label",{key:"~~91b2080433d987def3d2ddf45c9817cc5852ebee~~",htmlFor:this.inputId},i("slot",{key:"~~61c2209353903495e30bc86a281b0460a8d1ee2e~~",name:"label"},this.label)),(this.description\|\|this.el.querySelector('[slot="description"]'))&&i("div",{key:"~~f33b847894e5ea058ae36bb0fa107c5c28062443~~",class:"description"},i("slot",{key:"~~24c4b14000b8dd0738b1c3fdc8c97aebc9f3c03f~~",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"~~bcc07ebfaa0d8dcd3c9a813ccd33322096b5aa82~~",hidden:!this.error,class:"error-description"},i("slot",{key:"~~7cd0cb86be513924ccd83a3a93e4d8871ac21b7b~~",name:"error-description"},this.errorDescription))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{handleCheckedChange:0}]}}static get style(){return'nv-fieldradio{--nv-fieldradio-border-default:var(--components-form-field-border-default);--nv-fieldradio-border-hover:var(--components-form-field-border-hover);--nv-fieldradio-border-focus:var(--components-form-field-border-default);--nv-fieldradio-background-default:var(--components-form-field-background-default);--nv-fieldradio-background-checked:var(--components-form-field-background-checked);--nv-fieldradio-background-disabled:var(--components-form-field-background-disabled);--nv-fieldradio-focus-box-shadow:var(--color-focus-brand);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldradio-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x)}nv-fieldradio:not([disabled]) input,nv-fieldradio:not([disabled]) label,nv-fieldradio[disabled=false] input,nv-fieldradio[disabled=false] label{cursor:pointer}nv-fieldradio.error{--nv-fieldradio-border-default:var(--components-form-field-border-error);--nv-fieldradio-border-hover:var(--nv-fieldradio-border-default);--nv-fieldradio-border-focus:var(--components-form-field-border-error);--nv-fieldradio-background-checked:var(--components-form-field-background-error);--nv-fieldradio-focus-box-shadow:var(--color-focus-destructive);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-field-border-error);--nv-fieldradio-outline-color:var(--color-focus-destructive)}nv-fieldradio.label-placement-before{flex-direction:row-reverse}nv-fieldradio[disabled]{opacity:0.5}nv-fieldradio label{align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldradio input[type=radio]{appearance:none;position:relative;display:flex;width:var(--form-radio-size);height:var(--form-radio-size);padding:var(--form-radio-inner-circle-padding);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-default)}nv-fieldradio input[type=radio]:hover{border-color:var(--nv-fieldradio-border-hover)}nv-fieldradio input[type=radio]:focus{border-color:var(--nv-fieldradio-border-focus)}nv-fieldradio input[type=radio]:focus,nv-fieldradio input[type=radio]:focus-within{outline:none}nv-fieldradio input[type=radio]:focus-visible,nv-fieldradio input[type=radio]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldradio-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldradio input[type=radio]:checked{background:var(--nv-fieldradio-background-checked);border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked:hover,nv-fieldradio input[type=radio]:checked:focus{border-color:var(--nv-fieldradio-background-checked);background:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"";position:absolute;top:50%;right:50%;transform:translate(50%, -50%);left:0;width:var(--form-radio-inner-circle-size);height:var(--form-radio-inner-circle-size);flex-shrink:0;border-radius:var(--radius-rounded-full);background:var(--nv-fieldradio-dot-color-checked)}nv-fieldradio input[type=radio]:disabled{border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio input[type=radio]:disabled:checked::before{background:var(--nv-fieldradio-dot-color-disabled)}nv-fieldradio input[type=radio]:disabled:hover{border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldradio .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldradio .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}'}},[324,"nv-fieldradio",{message:[513],labelBefore:[516,"label-before"],inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[1537,"label-placement"],description:[1537],error:[516],errorDescription:[513,"error-description"],checked:[1540],disabled:[516],autofocus:[516]},[[0,"change","handleChange"]],{checked:[{handleCheckedChange:0}]}]);function f(){"undefined"!=typeof customElements&&["nv-fieldradio"].forEach((r=>{"nv-fieldradio"===r&&(customElements.get(e(r))\|\|customElements.define(e(r),l))}))}f();const c=l,s=f;export{c as NvFieldradio,s as defineCustomElement}
1	+ import{t as e,p as r,H as o,c as i,h as d,d as a}from"./p-6nAIGZFL.js";import{c as t}from"./p-ChV9xqsO.js";import{v as n}from"./p-BdYh22OP.js";const l=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkedChanged=i(this,"checkedChanged",3),this.labelBefore=!1,this.inputId=n(),this.error=!1,this.checked=!1,this.disabled=!1,this.autofocus=!1}componentWillRender(){this.message&&(this.description=this.message),this.labelBefore&&(this.labelPlacement="before")}handleCheckedChange(e){this.checkedChanged.emit(e)}handleChange(e){const r=e.target;"radio"===r?.type&&(Array.from(document.getElementsByTagName("nv-fieldradio")).forEach((e=>{e.name===this.name&&(e.checked=!1)})),this.checked=r.checked)}render(){return d(a,{key:"07d9225a6a3af28efa5885b5bb02a3f512708a97",class:t("before"===this.labelPlacement&&"label-placement-before",this.error&&"error")},d("input",{key:"2b5afcf255bc442914f9225537987d331000883d",type:"radio",id:this.inputId,name:this.name,autofocus:this.autofocus,autocomplete:"off",value:this.value,checked:this.checked,disabled:this.disabled}),d("div",{key:"8fc76a826e8a8ef51a80173b950ab460cf0ff8f3",class:"text-container"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&d("label",{key:"4578fccf241e9470a7f514761b3141d3fad77a88",htmlFor:this.inputId},d("slot",{key:"f6d9f4961d07525175bd51fa4a4b546d62e74d4e",name:"label"},this.label)),(this.description\|\|this.el.querySelector('[slot="description"]'))&&d("div",{key:"17d029eb709c443e8a68a5d6bdd1265400ae35d2",class:"description"},d("slot",{key:"e4485b5ed253c6fc45508947387fa43f0492f654",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&d("div",{key:"cde01e850752c1a2b4a3b2559f2052167409a605",hidden:!this.error,class:"error-description"},d("slot",{key:"f9d9f08be6506a495a5b42bcc9ebd2db49e749d5",name:"error-description"},this.errorDescription))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{handleCheckedChange:0}]}}static get style(){return'@charset "UTF-8";nv-fieldradio{--nv-fieldradio-border-default:var(--components-form-field-border-default);--nv-fieldradio-border-hover:var(--components-form-field-border-hover);--nv-fieldradio-border-focus:var(--components-form-field-border-default);--nv-fieldradio-background-default:var(--components-form-field-background-default);--nv-fieldradio-background-checked:var(--components-form-field-background-checked);--nv-fieldradio-background-disabled:var(--components-form-field-background-disabled);--nv-fieldradio-focus-box-shadow:var(--color-focus-brand);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldradio-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x)}nv-fieldradio:not([disabled]) input,nv-fieldradio:not([disabled]) label,nv-fieldradio[disabled=false] input,nv-fieldradio[disabled=false] label{cursor:pointer}nv-fieldradio.error{--nv-fieldradio-border-default:var(--components-form-field-border-error);--nv-fieldradio-border-hover:var(--nv-fieldradio-border-default);--nv-fieldradio-border-focus:var(--components-form-field-border-error);--nv-fieldradio-background-checked:var(--components-form-field-background-error);--nv-fieldradio-focus-box-shadow:var(--color-focus-destructive);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-field-border-error);--nv-fieldradio-outline-color:var(--color-focus-destructive)}nv-fieldradio.label-placement-before{flex-direction:row-reverse}nv-fieldradio[disabled]{opacity:0.5}nv-fieldradio label{align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldradio input[type=radio]{appearance:none;position:relative;display:flex;width:var(--form-radio-size);height:var(--form-radio-size);padding:var(--form-radio-inner-circle-padding);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-default)}nv-fieldradio input[type=radio]:hover{border-color:var(--nv-fieldradio-border-hover)}nv-fieldradio input[type=radio]:focus{border-color:var(--nv-fieldradio-border-focus)}nv-fieldradio input[type=radio]:focus,nv-fieldradio input[type=radio]:focus-within{outline:none}nv-fieldradio input[type=radio]:focus-visible,nv-fieldradio input[type=radio]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldradio-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldradio input[type=radio]:checked{background:var(--nv-fieldradio-background-checked);border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked:hover,nv-fieldradio input[type=radio]:checked:focus{border-color:var(--nv-fieldradio-background-checked);background:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"";position:absolute;top:50%;right:50%;transform:translate(50%, -50%);left:0;width:var(--form-radio-inner-circle-size);height:var(--form-radio-inner-circle-size);flex-shrink:0;border-radius:var(--radius-rounded-full);background:var(--nv-fieldradio-dot-color-checked)}nv-fieldradio input[type=radio]:disabled{border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio input[type=radio]:disabled:checked::before{background:var(--nv-fieldradio-dot-color-disabled)}nv-fieldradio input[type=radio]:disabled:hover{border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}@media print{nv-fieldradio input[type=radio]:checked{background:transparent;border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"●";position:absolute;top:calc(50% - 2px);left:calc(50% - 4.5px);transform:translate(-50%, -50%);width:auto;height:auto;background:none;color:var(--nv-fieldradio-background-checked);font-size:calc(var(--form-radio-inner-circle-size) * 3);line-height:1}}nv-fieldradio .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldradio .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldradio .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}'}},[324,"nv-fieldradio",{message:[513],labelBefore:[516,"label-before"],inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[1537,"label-placement"],description:[1537],error:[516],errorDescription:[513,"error-description"],checked:[1540],disabled:[516],autofocus:[516]},[[0,"change","handleChange"]],{checked:[{handleCheckedChange:0}]}]);function f(){"undefined"!=typeof customElements&&["nv-fieldradio"].forEach((r=>{"nv-fieldradio"===r&&(customElements.get(e(r))\|\|customElements.define(e(r),l))}))}f();const c=l,s=f;export{c as NvFieldradio,s as defineCustomElement}

package/dist/components/nv-fieldselect.js CHANGED Viewed

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

package/dist/components/nv-fieldslider.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{h as e,t as i,p as r,H as t,c as a,d as n}from"./p-iXsbKJzR.js";import{c as s}from"./p-ChV9xqsO.js";import{d as o}from"./p-DkC2jlrw.js";import{d as l}from"./p-Bg-b6OWh.js";import{d}from"./p-C6LzzMQm.js";import{d as c}from"./p-tJDdN0lo.js";import{v as h}from"./p-BdYh22OP.js";function f(e){if(Number.isInteger(e))return 0;const i=(""+e).split(".")[1];return i?i.length:0}function u(e,i,r){return Math.max(i,Math.min(r,e))}function v(e,i,r){return r===i?0:(e-i)/(r-i)100}function b(e,i){const r=f(i);return r>0?e.toFixed(r):e+""}const m=i=>{const{value:r,min:t,max:a,step:n,rawPosition:s,isDragging:o,snap:l,disabled:d,readonly:c,onKeyDown:h,labelBeforeValue:f,labelAfterValue:m}=i;let p=r;o&&!l&&(p=u(s,t,a));const g=v(p,t,a);return e("div",{class:"thumb",style:{left:g+"%"},role:"slider","aria-valuemin":t,"aria-valuemax":a,"aria-valuenow":r,"aria-disabled":d?"true":void 0,"aria-readonly":c?"true":void 0,tabindex:d?-1:0,onKeyDown:h},e("div",{class:"thumb-tooltip"},f&&e("span",{class:"label-before"},f),b(r,n),m&&e("span",{class:"label-after"},m)))},p=i=>{const{rangeValue:r,rawRangePosition:t,activeDragThumb:a,isDragging:n,snap:s,min:o,max:l,step:d,disabled:c,readonly:h,onKeyDown:f,labelBeforeValue:m,labelAfterValue:p}=i,[g,k]=r;let y=g,x=k;if(n&&!s){const[e,i]=t;"left"===a?y=u(e,o,Math.min(k,l)):"right"===a&&(x=u(i,Math.max(g,o),l))}const w=v(y,o,l),C=v(x,o,l);return[e("div",{class:"track-range",style:{left:w+"%",width:C-w+"%"}}),e("div",{class:"thumb thumb-left",style:{left:w+"%"},role:"slider","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":g,"aria-disabled":c?"true":void 0,"aria-readonly":h?"true":void 0,"data-thumb":"left",tabindex:c?-1:0,onKeyDown:f},e("div",{class:"thumb-tooltip"},m&&e("span",{class:"label-before"},m),b(g,d),p&&e("span",{class:"label-after"},p))),e("div",{class:"thumb thumb-right",style:{left:C+"%"},role:"slider","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":k,"aria-disabled":c?"true":void 0,"aria-readonly":h?"true":void 0,"data-thumb":"right",tabindex:c?-1:0,onKeyDown:f},e("div",{class:"thumb-tooltip"},m&&e("span",{class:"label-before"},m),b(k,d),p&&e("span",{class:"label-after"},p)))]},g=i=>{const{ticks:r,min:t,max:a}=i;return 0===r.length?null:e("div",{class:"track-ticks"},r.map((i=>{const r=v(i.value,t,a);return e("div",{class:"track-tick",style:{left:r+"%"}},i.label&&e("div",{class:"tick-label"},i.label))})))},k=i=>{const{range:r,hasField:t,value:a,rangeValue:n,index:o,inputId:l,min:d,max:c,step:h,disabled:f,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:m,name:p,endName:g}=i,k=r?n[o]:a,y=r?{"data-index":""+o}:{};let x;return x=r?0===o?p\|\|"":g\|\|(p?p+"-end":""):p\|\|"",t?e("div",{class:s(!t&&"hidden-input")},e("nv-fieldnumber",{id:l,value:k,min:d,max:c,step:h,disabled:f,readonly:u,name:x,...y,onInput:e=>e.stopPropagation(),onValueChanged:e=>{e.stopPropagation();const i=e.detail;"number"==typeof i&&Number.isNaN(i)\|\|v({value:i,index:o})}},b&&e("span",{class:"label-before",slot:"leading-input"},b),m&&e("span",{class:"label-after",slot:"trailing-input"},m))):e("input",{id:l,type:"hidden",value:k,disabled:f,readonly:u,name:x})},y=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=a(this,"valueChanged",3),this.startInputId=h(),this.endInputId=h(),this.hideLabel=!1,this.hasField=!1,this.range=!1,this.disabled=!1,this.readonly=!1,this.error=!1,this.success=!1,this.value=[0],this.step=1,this.snap=!1,this.snapTicks=!1,this.min=0,this.max=100,this.showTicks=!1,this.fluid=!1,this.isDragging=!1,this.activeDragThumb="single",this.internalTicks=[],this.rawPosition=0,this.rawRangePosition=[0,0],this.valueInternal=0,this.rangeValueInternal=[0,0],this.parseValue=()=>{"string"!=typeof this.value?this.range&&2!==this.value.length?console.error("Range sliders require an array of two values to be passed in the value prop."):this.range\|\|1===this.value.length?(this.valueInternal=this.value[0],this.rangeValueInternal=[this.value[0],this.value[1]]):console.error("Single sliders require a single value as an array to be passed in the value prop."):console.error("Sliders require a number or array of numbers to be passed in the value prop.")},this.onTrackInteraction=e=>{if(this.disabled\|\|this.readonly)return;const i=e.currentTarget.getBoundingClientRect(),r=u((e.clientX-i.left)/i.width100,0,100),t=this.min+r/100(this.max-this.min);if(this.rawPosition=t,this.range){const e=v(this.rangeValueInternal[0],this.min,this.max),i=v(this.rangeValueInternal[1],this.min,this.max);Math.abs(r-e)<=Math.abs(r-i)?(this.activeDragThumb="left",this.rawRangePosition=[t,this.rawRangePosition[1]],this.handleValueChange([t,this.rangeValueInternal[1]])):(this.activeDragThumb="right",this.rawRangePosition=[this.rawRangePosition[0],t],this.handleValueChange([this.rangeValueInternal[0],t]))}else this.activeDragThumb="single",this.rawPosition=t,this.handleValueChange(t);this.isDragging=!0,this.registerGlobalEvents()},this.onPointerMove=e=>{if(!this.isDragging\|\|this.disabled\|\|this.readonly)return;const i=this.el.querySelector(".track");if(!i)return;const r=i.getBoundingClientRect(),t=u((e.clientX-r.left)/r.width100,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]+=10r;break;case"PageDown":a[t]-=10r;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+10r;break;case"PageDown":i=this.valueInternal-10r;break;default:return}e.preventDefault(),this.handleValueChange(i)},this.handleFieldChange=e=>{const i=e.value;if(!isNaN(i))if(this.range){const r=[...this.rangeValueInternal];r[0===e.index?0:1]=i,this.handleValueChange(r)}else this.handleValueChange(i)}}validateValue(e){const i=u(e,this.min,this.max);return this.snapTicks&&this.internalTicks&&this.internalTicks.length>0?function(e,i){if(!i\|\|0===i.length)return e;let r=i[0].value,t=Math.abs(e-r);for(const a of i){const i=Math.abs(e-a.value);i<t&&(t=i,r=a.value)}return r}(i,this.internalTicks):function(e,i,r,t){const a=u(e,i,r),n=f(t);if(n>0){const e=Math.pow(10,n),s=Math.round((a-i)e),o=Math.round(te);return u(parseFloat((i+Math.round(s/o)o/e).toFixed(n)),i,r)}return u(i+Math.round((a-i)/t)t,i,r)}(i,this.min,this.max,this.step)}handleValueChange(e){if(!this.disabled&&!this.readonly)if(this.range){if(Array.isArray(e)&&2===e.length){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])],r=[this.validateValue(i[0]),this.validateValue(i[1])];r[0]===this.rangeValueInternal[0]&&r[1]===this.rangeValueInternal[1]\|\|(this.rangeValueInternal=r,this.value=this.rangeValueInternal,this.valueChanged.emit(this.rangeValueInternal))}}else if("number"==typeof e){const i=this.validateValue(e);i!==this.valueInternal&&(this.valueInternal=i,this.value=[this.valueInternal],this.valueChanged.emit([this.valueInternal]))}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0)return void(this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value)));if(!this.showTicks)return void(this.internalTicks=[]);const e=function(e,i,r){const t=[];for(let a=e;a<=i;a+=r)t.push(Number(a.toFixed(10)));return t[t.length-1]!==i&&t.push(i),t}(this.min,this.max,this.step);this.internalTicks=e.map((e=>({value:e})))}registerGlobalEvents(){document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)}removeGlobalEvents(){document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}onValueChange(){this.parseValue()}onConfigChange(){this.generateDisplayTicks(),this.handleValueChange(this.range?this.rangeValueInternal:this.valueInternal)}onRangeChange(e){e?this.rangeValueInternal=[this.min,this.valueInternal]:this.valueInternal=this.rangeValueInternal[1]}connectedCallback(){this.parseValue(),this.generateDisplayTicks(),this.range?(Array.isArray(this.rangeValueInternal)&&2===this.rangeValueInternal.length\|\|(this.rangeValueInternal=[this.min,this.max]),this.handleValueChange(this.rangeValueInternal),this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]):(this.handleValueChange(this.valueInternal),this.rawPosition=this.valueInternal)}componentWillLoad(){1===this.value.length&&this.range?this.value=[this.value[0],this.value[0]]:2!==this.value.length\|\|this.range\|\|(this.value=[this.value[0]])}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(n,{key:"c247ce569201985167186da763f874c838919130"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&e("label",{key:"b5a17814669c6b8a3300dea842e1b886c48896ee",htmlFor:this.startInputId},e("slot",{key:"6eab25a6ef6a73e034eafe23806c6924344f3f3a",name:"label"},this.label)),e("div",{key:"6d3987ddc4f0005a6af919c00674356cf92b893e",class:"slider-container"},this.range?e(k,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:0,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}):null,e("div",{key:"a10ccb88fe4d3c9a44fb5b90ca2cf65567715bd5",class:"track-container"},e("div",{key:"0d680c3b8b9aac3aee165e44e67501e60239b069",class:"track",onPointerDown:this.onTrackInteraction},this.range?e(p,{rangeValue:this.rangeValueInternal,rawRangePosition:this.rawRangePosition,activeDragThumb:this.activeDragThumb,isDragging:this.isDragging,snap:this.snap,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue}):e(m,{value:this.valueInternal,min:this.min,max:this.max,step:this.step,rawPosition:this.rawPosition,isDragging:this.isDragging,snap:this.snap,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue})),e(g,{key:"261331b8517e65b17e0ad3059d11fc3e383a8db3",ticks:this.internalTicks,min:this.min,max:this.max})),e(k,this.range?{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:1,inputId:this.endInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}:{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name})),(this.success\|\|this.description\|\|this.el.querySelector('[slot="description"]'))&&e("div",{key:"b4fa791292ac4bcaba6f33a79dff07706c4ce3b0",class:"description"},this.success&&e("nv-icon",{key:"dc9f8213e6dc87aa2cdfdd131c7c7cfaa0a10f64",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"e64c6e4364acac752049f9908fc6fadce81b52f8",name:"description"},this.description)),(this.error\|\|this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"98e434ed68e64a8ad6d1d06dd1436682768e4d6d",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"7b56d0e87896fc2c10956e72dc7f701dc169aea6",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"b3ba1f603903131c42d95e67f3871a0b1a2ebb7b",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(var(--slider-handler-size-min) + 0.25rem);padding:calc(var(--slider-handler-size-min) / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:var(--slider-track-height);background:var(--components-slider-track-background);border-radius:var(--slider-track-radius);cursor:pointer;touch-action:none;user-select:none}nv-fieldslider .slider-container .track-container .track::after{content:"";position:absolute;top:calc(-13px + var(--slider-track-height) / 2);left:0;width:100%;height:26px;background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:var(--slider-track-height);background:var(--components-slider-track-filled-default);border-radius:var(--slider-track-radius);pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);background:#ffffff;border:var(--slider-handler-stroke) solid var(--components-slider-track-filled-default);border-radius:50%;transform:translate(-50%, -50%);z-index:1;cursor:grab;touch-action:none;user-select:none;transition:width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:after{content:"";position:absolute;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .thumb:hover{width:var(--slider-handler-size-max);height:var(--slider-handler-size-max);border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container .track .thumb:focus{width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);border-color:var(--components-slider-track-filled-focus);outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);transition:outline;background:var(--components-slider-handler-background-focus)}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background:var(--components-slider-handler-background-hover)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%);backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-style:preserve-3d}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:"";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px;backface-visibility:hidden;will-change:transform, opacity}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:var(--slider-tick-height);height:var(--slider-tick-height);background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:first-of-type{transform:translate(0, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:last-of-type{transform:translate(-100%, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(var(--slider-tick-height) + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}.track-tick-first nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:0;transform:translateX(0)}.track-tick-last nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:100%;transform:translateX(-100%)}nv-fieldslider .slider-container .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldslider .slider-container .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container{width:90px;flex-grow:unset}nv-fieldslider .slider-container .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldslider .slider-container .input-container input{}nv-fieldslider .slider-container .input-container input[type=password]::-ms-clear,nv-fieldslider .slider-container .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldslider .slider-container .input-container .label-before{margin-left:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider .slider-container .input-container .label-after{margin-right:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldslider[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldslider[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldslider nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldslider>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldslider>.error-description[hidden]{display:none}'}},[324,"nv-fieldslider",{startInputId:[513,"start-input-id"],endInputId:[513,"end-input-id"],label:[513],hideLabel:[516,"hide-label"],description:[513],hasField:[516,"has-field"],range:[516],disabled:[516],readonly:[516],error:[516],errorDescription:[513,"error-description"],success:[516],value:[1040],step:[514],snap:[516],snapTicks:[516,"snap-ticks"],name:[513],endName:[513,"end-name"],min:[514],max:[514],showTicks:[516,"show-ticks"],ticks:[16],fluid:[516],labelBeforeValue:[513,"label-before-value"],labelAfterValue:[513,"label-after-value"],isDragging:[32],activeDragThumb:[32],internalTicks:[32],rawPosition:[32],rawRangePosition:[32],valueInternal:[32],rangeValueInternal:[32]},void 0,{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange:0}]}]);function x(){"undefined"!=typeof customElements&&["nv-fieldslider","nv-fieldnumber","nv-icon","nv-iconbutton","nv-loader"].forEach((e=>{switch(e){case"nv-fieldslider":customElements.get(i(e))\|\|customElements.define(i(e),y);break;case"nv-fieldnumber":customElements.get(i(e))\|\|o();break;case"nv-icon":customElements.get(i(e))\|\|l();break;case"nv-iconbutton":customElements.get(i(e))\|\|d();break;case"nv-loader":customElements.get(i(e))\|\|c()}}))}x();const w=y,C=x;export{w as NvFieldslider,C as defineCustomElement}
1	+ import{h as e,t as i,p as r,H as t,c as a,d as n}from"./p-6nAIGZFL.js";import{c as s}from"./p-ChV9xqsO.js";import{d as o}from"./p-S18SgvAW.js";import{d as l}from"./p-CV12ukSl.js";import{d}from"./p-Db4JZxyy.js";import{d as c}from"./p-T-bBxAoT.js";import{v as h}from"./p-BdYh22OP.js";function f(e){if(Number.isInteger(e))return 0;const i=(""+e).split(".")[1];return i?i.length:0}function u(e,i,r){return Math.max(i,Math.min(r,e))}function v(e,i,r){return r===i?0:(e-i)/(r-i)100}function b(e,i){const r=f(i);return r>0?e.toFixed(r):e+""}const p=i=>{const{value:r,min:t,max:a,step:n,rawPosition:s,isDragging:o,snap:l,disabled:d,readonly:c,onKeyDown:h,labelBeforeValue:f,labelAfterValue:p}=i;let m=r;o&&!l&&(m=u(s,t,a));const g=v(m,t,a);return e("div",{class:"thumb",style:{left:g+"%"},role:"slider","aria-valuemin":t,"aria-valuemax":a,"aria-valuenow":r,"aria-disabled":d?"true":void 0,"aria-readonly":c?"true":void 0,tabindex:d?-1:0,onKeyDown:h},e("div",{class:"thumb-tooltip"},f&&e("span",{class:"label-before"},f),b(r,n),p&&e("span",{class:"label-after"},p)))},m=i=>{const{rangeValue:r,rawRangePosition:t,activeDragThumb:a,isDragging:n,snap:s,min:o,max:l,step:d,disabled:c,readonly:h,onKeyDown:f,labelBeforeValue:p,labelAfterValue:m}=i,[g,k]=r;let y=g,x=k;if(n&&!s){const[e,i]=t;"left"===a?y=u(e,o,Math.min(k,l)):"right"===a&&(x=u(i,Math.max(g,o),l))}const w=v(y,o,l),C=v(x,o,l);return[e("div",{class:"track-range",style:{left:w+"%",width:C-w+"%"}}),e("div",{class:"thumb thumb-left",style:{left:w+"%"},role:"slider","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":g,"aria-disabled":c?"true":void 0,"aria-readonly":h?"true":void 0,"data-thumb":"left",tabindex:c?-1:0,onKeyDown:f},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),b(g,d),m&&e("span",{class:"label-after"},m))),e("div",{class:"thumb thumb-right",style:{left:C+"%"},role:"slider","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":k,"aria-disabled":c?"true":void 0,"aria-readonly":h?"true":void 0,"data-thumb":"right",tabindex:c?-1:0,onKeyDown:f},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),b(k,d),m&&e("span",{class:"label-after"},m)))]},g=i=>{const{ticks:r,min:t,max:a}=i;return 0===r.length?null:e("div",{class:"track-ticks"},r.map((i=>{const r=v(i.value,t,a);return e("div",{class:"track-tick",style:{left:r+"%"}},i.label&&e("div",{class:"tick-label"},i.label))})))},k=i=>{const{range:r,hasField:t,value:a,rangeValue:n,index:o,inputId:l,min:d,max:c,step:h,disabled:f,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:p,name:m,endName:g}=i,k=r?n[o]:a,y=r?{"data-index":""+o}:{};let x;return x=r?0===o?m\|\|"":g\|\|(m?m+"-end":""):m\|\|"",t?e("div",{class:s(!t&&"hidden-input")},e("nv-fieldnumber",{id:l,value:k,min:d,max:c,step:h,disabled:f,readonly:u,name:x,...y,onInput:e=>e.stopPropagation(),onValueChanged:e=>{e.stopPropagation();const i=e.detail;"number"==typeof i&&Number.isNaN(i)\|\|v({value:i,index:o})}},b&&e("span",{class:"label-before",slot:"leading-input"},b),p&&e("span",{class:"label-after",slot:"trailing-input"},p))):e("input",{id:l,type:"hidden",value:k,disabled:f,readonly:u,name:x})},y=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=a(this,"valueChanged",3),this.startInputId=h(),this.endInputId=h(),this.hideLabel=!1,this.hasField=!1,this.range=!1,this.disabled=!1,this.readonly=!1,this.error=!1,this.success=!1,this.value=[0],this.step=1,this.snap=!1,this.snapTicks=!1,this.min=0,this.max=100,this.showTicks=!1,this.fluid=!1,this.isDragging=!1,this.activeDragThumb="single",this.internalTicks=[],this.rawPosition=0,this.rawRangePosition=[0,0],this.valueInternal=0,this.rangeValueInternal=[0,0],this.parseValue=()=>{"string"!=typeof this.value?this.range&&2!==this.value.length?console.error("Range sliders require an array of two values to be passed in the value prop."):this.range\|\|1===this.value.length?(this.valueInternal=this.value[0],this.rangeValueInternal=[this.value[0],this.value[1]]):console.error("Single sliders require a single value as an array to be passed in the value prop."):console.error("Sliders require a number or array of numbers to be passed in the value prop.")},this.onTrackInteraction=e=>{if(this.disabled\|\|this.readonly)return;const i=e.currentTarget.getBoundingClientRect(),r=u((e.clientX-i.left)/i.width100,0,100),t=this.min+r/100(this.max-this.min);if(this.rawPosition=t,this.range){const e=v(this.rangeValueInternal[0],this.min,this.max),i=v(this.rangeValueInternal[1],this.min,this.max);Math.abs(r-e)<=Math.abs(r-i)?(this.activeDragThumb="left",this.rawRangePosition=[t,this.rawRangePosition[1]],this.handleValueChange([t,this.rangeValueInternal[1]])):(this.activeDragThumb="right",this.rawRangePosition=[this.rawRangePosition[0],t],this.handleValueChange([this.rangeValueInternal[0],t]))}else this.activeDragThumb="single",this.rawPosition=t,this.handleValueChange(t);this.isDragging=!0,this.registerGlobalEvents()},this.onPointerMove=e=>{if(!this.isDragging\|\|this.disabled\|\|this.readonly)return;const i=this.el.querySelector(".track");if(!i)return;const r=i.getBoundingClientRect(),t=u((e.clientX-r.left)/r.width100,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]+=10r;break;case"PageDown":a[t]-=10r;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+10r;break;case"PageDown":i=this.valueInternal-10r;break;default:return}e.preventDefault(),this.handleValueChange(i)},this.handleFieldChange=e=>{const i=e.value;if(!isNaN(i))if(this.range){const r=[...this.rangeValueInternal];r[0===e.index?0:1]=i,this.handleValueChange(r)}else this.handleValueChange(i)}}validateValue(e){const i=u(e,this.min,this.max);return this.snapTicks&&this.internalTicks&&this.internalTicks.length>0?function(e,i){if(!i\|\|0===i.length)return e;let r=i[0].value,t=Math.abs(e-r);for(const a of i){const i=Math.abs(e-a.value);i<t&&(t=i,r=a.value)}return r}(i,this.internalTicks):function(e,i,r,t){const a=u(e,i,r),n=f(t);if(n>0){const e=Math.pow(10,n),s=Math.round((a-i)e),o=Math.round(te);return u(parseFloat((i+Math.round(s/o)o/e).toFixed(n)),i,r)}return u(i+Math.round((a-i)/t)t,i,r)}(i,this.min,this.max,this.step)}handleValueChange(e){if(!this.disabled&&!this.readonly)if(this.range){if(Array.isArray(e)&&2===e.length){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])],r=[this.validateValue(i[0]),this.validateValue(i[1])];r[0]===this.rangeValueInternal[0]&&r[1]===this.rangeValueInternal[1]\|\|(this.rangeValueInternal=r,this.value=this.rangeValueInternal,this.valueChanged.emit(this.rangeValueInternal))}}else if("number"==typeof e){const i=this.validateValue(e);i!==this.valueInternal&&(this.valueInternal=i,this.value=[this.valueInternal],this.valueChanged.emit([this.valueInternal]))}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0)return void(this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value)));if(!this.showTicks)return void(this.internalTicks=[]);const e=function(e,i,r){const t=[];for(let a=e;a<=i;a+=r)t.push(Number(a.toFixed(10)));return t[t.length-1]!==i&&t.push(i),t}(this.min,this.max,this.step);this.internalTicks=e.map((e=>({value:e})))}registerGlobalEvents(){document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)}removeGlobalEvents(){document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}onValueChange(){this.parseValue()}onConfigChange(){this.generateDisplayTicks(),this.handleValueChange(this.range?this.rangeValueInternal:this.valueInternal)}onRangeChange(e){e?this.rangeValueInternal=[this.min,this.valueInternal]:this.valueInternal=this.rangeValueInternal[1]}connectedCallback(){this.parseValue(),this.generateDisplayTicks(),this.range?(Array.isArray(this.rangeValueInternal)&&2===this.rangeValueInternal.length\|\|(this.rangeValueInternal=[this.min,this.max]),this.handleValueChange(this.rangeValueInternal),this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]):(this.handleValueChange(this.valueInternal),this.rawPosition=this.valueInternal)}componentWillLoad(){1===this.value.length&&this.range?this.value=[this.value[0],this.value[0]]:2!==this.value.length\|\|this.range\|\|(this.value=[this.value[0]])}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(n,{key:"34ffffbcfefbeac4050ced2db000a32f67222376"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&e("label",{key:"b07225ad89ae0f85d3cd2b1ee203b30e6abd7e57",htmlFor:this.startInputId},e("slot",{key:"b1f39009872c4a38dae38286a036bb69f8ba6f62",name:"label"},this.label)),e("div",{key:"0013570dd6edbcb7c0f4a6ea32a550b6d9432271",class:"slider-container"},this.range?e(k,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:0,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}):null,e("div",{key:"ca639497db1b588fcf0d4fad5f548a53ff1ee353",class:"track-container"},e("div",{key:"6a8d1eb4bddff4d5ca9760729cfa1ce27b887a65",class:"track",onPointerDown:this.onTrackInteraction},this.range?e(m,{rangeValue:this.rangeValueInternal,rawRangePosition:this.rawRangePosition,activeDragThumb:this.activeDragThumb,isDragging:this.isDragging,snap:this.snap,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue}):e(p,{value:this.valueInternal,min:this.min,max:this.max,step:this.step,rawPosition:this.rawPosition,isDragging:this.isDragging,snap:this.snap,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue})),e(g,{key:"134bf7de84a7572b1f033e4e17e0e435e841eb42",ticks:this.internalTicks,min:this.min,max:this.max})),e(k,this.range?{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:1,inputId:this.endInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}:{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name})),(this.success\|\|this.description\|\|this.el.querySelector('[slot="description"]'))&&e("div",{key:"b0188dce4fe8718a90715049d2af71fff7e9c512",class:"description"},this.success&&e("nv-icon",{key:"cd2fd95080cd96ed516f9caa3b078ad481ee9912",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"d5dbc5f8bb6b66cef814a58e00aa07e7b9e07a23",name:"description"},this.description)),(this.error\|\|this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"67a78749af19d44d553581ff0042e40c067dd44c",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"4aac6d31b273cee32d235b7c53fd4cac6af4c253",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"9faa92d59e9fde524d1fb41e30b30178d9c12c4b",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(var(--slider-handler-size-min) + 0.25rem);padding:calc(var(--slider-handler-size-min) / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:var(--slider-track-height);background:var(--components-slider-track-background);border-radius:var(--slider-track-radius);cursor:pointer;touch-action:none;user-select:none}nv-fieldslider .slider-container .track-container .track::after{content:"";position:absolute;top:calc(-13px + var(--slider-track-height) / 2);left:0;width:100%;height:26px;background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:var(--slider-track-height);background:var(--components-slider-track-filled-default);border-radius:var(--slider-track-radius);pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);background:#ffffff;border:var(--slider-handler-stroke) solid var(--components-slider-track-filled-default);border-radius:50%;transform:translate(-50%, -50%);z-index:1;cursor:grab;touch-action:none;user-select:none;transition:width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:after{content:"";position:absolute;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .thumb:hover{width:var(--slider-handler-size-max);height:var(--slider-handler-size-max);border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container .track .thumb:focus{width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);border-color:var(--components-slider-track-filled-focus);outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);transition:outline;background:var(--components-slider-handler-background-focus)}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background:var(--components-slider-handler-background-hover)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%);backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-style:preserve-3d}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:"";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px;backface-visibility:hidden;will-change:transform, opacity}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:var(--slider-tick-height);height:var(--slider-tick-height);background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:first-of-type{transform:translate(0, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:last-of-type{transform:translate(-100%, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(var(--slider-tick-height) + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}.track-tick-first nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:0;transform:translateX(0)}.track-tick-last nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:100%;transform:translateX(-100%)}nv-fieldslider .slider-container .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldslider .slider-container .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container{width:90px;flex-grow:unset}nv-fieldslider .slider-container .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldslider .slider-container .input-container input{}nv-fieldslider .slider-container .input-container input[type=password]::-ms-clear,nv-fieldslider .slider-container .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldslider .slider-container .input-container .label-before{margin-left:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider .slider-container .input-container .label-after{margin-right:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldslider[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldslider[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldslider nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldslider>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldslider>.error-description[hidden]{display:none}'}},[324,"nv-fieldslider",{startInputId:[513,"start-input-id"],endInputId:[513,"end-input-id"],label:[513],hideLabel:[516,"hide-label"],description:[513],hasField:[516,"has-field"],range:[516],disabled:[516],readonly:[516],error:[516],errorDescription:[513,"error-description"],success:[516],value:[1040],step:[514],snap:[516],snapTicks:[516,"snap-ticks"],name:[513],endName:[513,"end-name"],min:[514],max:[514],showTicks:[516,"show-ticks"],ticks:[16],fluid:[516],labelBeforeValue:[513,"label-before-value"],labelAfterValue:[513,"label-after-value"],isDragging:[32],activeDragThumb:[32],internalTicks:[32],rawPosition:[32],rawRangePosition:[32],valueInternal:[32],rangeValueInternal:[32]},void 0,{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange:0}]}]);function x(){"undefined"!=typeof customElements&&["nv-fieldslider","nv-fieldnumber","nv-icon","nv-iconbutton","nv-loader"].forEach((e=>{switch(e){case"nv-fieldslider":customElements.get(i(e))\|\|customElements.define(i(e),y);break;case"nv-fieldnumber":customElements.get(i(e))\|\|o();break;case"nv-icon":customElements.get(i(e))\|\|l();break;case"nv-iconbutton":customElements.get(i(e))\|\|d();break;case"nv-loader":customElements.get(i(e))\|\|c()}}))}x();const w=y,C=x;export{w as NvFieldslider,C as defineCustomElement}

package/dist/components/nv-fieldtext.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{N as o,d as s}from"./p-C-~~MlXMFg~~.js";const p=o,r=s;export{p as NvFieldtext,r as defineCustomElement}
1	+ import{N as o,d as s}from"./p-Ho_7-x5W.js";const p=o,r=s;export{p as NvFieldtext,r as defineCustomElement}

package/dist/components/nv-fieldtextarea.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as r,H as a,c as t,h as o,d as i}from"./p-iXsbKJzR.js";import{c as n}from"./p-ChV9xqsO.js";import{v as l}from"./p-BdYh22OP.js";const d=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=t(this,"valueChanged",3),this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.rows=3,this.resize="vertical",this.autosize=!1,this.autofocus=!1,this.fluid=!1,this.handleTextarea=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)},this.handleTextareaContainerClick=()=>{this.textareaElement.focus()}}rowsChanged(){this.autosize&&this.adjustTextareaHeight()}autosizeChanged(){this.autosize?this.adjustTextareaHeight():this.textareaElement?.style.removeProperty("height")}handleValueChange(){this.autosize&&this.adjustTextareaHeight()}adjustTextareaHeight(){this.textareaElement&&this.autosize&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.textareaElement.style.height="auto";const e=window.getComputedStyle(this.textareaElement);this.textareaElement.style.minHeight=parseFloat(e.lineHeight)this.rows+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px",this.textareaElement.style.height=this.textareaElement.scrollHeight+"px"}))}))}componentWillRender(){this.message&&(this.description=this.message),this.validation&&(this.errorDescription=this.validation,this.error=!0)}componentDidLoad(){this.autosize&&this.adjustTextareaHeight()}render(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,a=e?r:null,t=e?"true"===a\|\|""===a:void 0,l=this.required&&(!e\|\|!0===t);return o(i,{key:"318e509b03c06725526be8f6ec4ed07ad6f2180a"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&o("label",{key:"705f55c450ebdb9b3ccf61583436c5b9d1aa0ca6",htmlFor:this.inputId},o("slot",{key:"e4c2c58b5a8592dfe235d9544193c877c896d2b4",name:"label"},this.label)),o("div",{key:"4c91b621928b8a38139c0a8f3a775abf0b76f178",class:"textarea-wrapper"},o("div",{key:"2b15d531bb208a225f2bbf469f5ac7002805e9b5",class:"textarea-container",onClick:this.handleTextareaContainerClick},o("textarea",{key:"15be5b082d20a8ee0cafb1ae78008b3b76b175c8",id:this.inputId,ref:e=>this.textareaElement=e,placeholder:this.placeholder,autofocus:this.autofocus,name:this.name,disabled:this.disabled,readOnly:this.readonly,required:l?this.required:void 0,...void 0!==t&&{"aria-required":t+""},maxlength:this.maxlength,minlength:this.minlength,autocomplete:"off",value:this.value,onInput:this.handleTextarea,rows:this.rows,class:n("none"===this.resize&&"resize-none","vertical"===this.resize&&"resize-y","horizontal"===this.resize&&"resize-x","both"===this.resize&&"resize")}))),(this.description\|\|this.el.querySelector('[slot="description"]'))&&o("div",{key:"e3f3ab334446af3f6d16b916001bd3297341362b",class:"description"},o("slot",{key:"1ba84f8c4de83e5bfdbdb307cd8493dd86be36ca",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"0dfef83d86ca29fad329d4c656173f052a51c4fa",hidden:!this.error,class:"error-description"},o("slot",{key:"0361fa48742aba68bfb2b205c741bf0aff896134",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{rows:[{rowsChanged:0}],autosize:[{autosizeChanged:0}],value:[{handleValueChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtextarea{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtextarea[fluid]:not([fluid=false]){max-width:unset}nv-fieldtextarea[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtextarea[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtextarea[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtextarea[required]:not([required=false]) label::after,nv-fieldtextarea[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtextarea label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar{width:6px;height:6px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtextarea .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}'}},[324,"nv-fieldtextarea",{message:[513],validation:[513],inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[1540],errorDescription:[1537,"error-description"],success:[516],maxlength:[514],minlength:[514],rows:[514],resize:[513],autosize:[516],autofocus:[516],fluid:[516]},void 0,{rows:[{rowsChanged:0}],autosize:[{autosizeChanged:0}],value:[{handleValueChange:0}]}]);function s(){"undefined"!=typeof customElements&&["nv-fieldtextarea"].forEach((r=>{"nv-fieldtextarea"===r&&(customElements.get(e(r))\|\|customElements.define(e(r),d))}))}s();const f=d,c=s;export{f as NvFieldtextarea,c as defineCustomElement}
1	+ import{t as e,p as r,H as a,c as t,h as o,d as i}from"./p-6nAIGZFL.js";import{c as n}from"./p-ChV9xqsO.js";import{v as l}from"./p-BdYh22OP.js";const d=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=t(this,"valueChanged",3),this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.rows=3,this.resize="vertical",this.autosize=!1,this.autofocus=!1,this.fluid=!1,this.handleTextarea=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)},this.handleTextareaContainerClick=()=>{this.textareaElement.focus()}}rowsChanged(){this.autosize&&this.adjustTextareaHeight()}autosizeChanged(){this.autosize?this.adjustTextareaHeight():this.textareaElement?.style.removeProperty("height")}handleValueChange(){this.autosize&&this.adjustTextareaHeight()}adjustTextareaHeight(){this.textareaElement&&this.autosize&&requestAnimationFrame((()=>{this.textareaElement.style.height="auto";const e=window.getComputedStyle(this.textareaElement);this.textareaElement.style.minHeight=parseFloat(e.lineHeight)this.rows+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px",this.maxAutoHeight&&this.textareaElement.scrollHeight>this.maxAutoHeight?(this.textareaElement.style.height=this.maxAutoHeight+"px",this.textareaElement.style.overflowY="auto"):(this.textareaElement.style.height=this.textareaElement.scrollHeight+"px",this.textareaElement.style.overflowY="hidden")}))}componentWillRender(){this.message&&(this.description=this.message),this.validation&&(this.errorDescription=this.validation,this.error=!0)}componentDidLoad(){this.autosize&&this.adjustTextareaHeight()}render(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,a=e?r:null,t=e?"true"===a\|\|""===a:void 0,l=this.required&&(!e\|\|!0===t);return o(i,{key:"9d7aed8625b1cfa103e275495d40116b8f1314c3"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&o("label",{key:"6609cc39f3809b833a4c9755c487ba3eef05a5c4",htmlFor:this.inputId},o("slot",{key:"277484af20e4054be5491576ffdfb95ca0f23a79",name:"label"},this.label)),o("div",{key:"6224c47beaee1e15ea9277a1f69f4ac5ea496cb6",class:"textarea-wrapper"},o("div",{key:"6dd7868aa65091dd79c34497dec020945d56f925",class:"textarea-container",onClick:this.handleTextareaContainerClick},o("textarea",{key:"2548dab5d8b387d37036a07c4a76b567c84a8b59",id:this.inputId,ref:e=>this.textareaElement=e,placeholder:this.placeholder,autofocus:this.autofocus,name:this.name,disabled:this.disabled,readOnly:this.readonly,required:l?this.required:void 0,...void 0!==t&&{"aria-required":t+""},maxlength:this.maxlength,minlength:this.minlength,autocomplete:"off",value:this.value,onInput:this.handleTextarea,rows:this.rows,class:n("none"===this.resize&&"resize-none","vertical"===this.resize&&"resize-y","horizontal"===this.resize&&"resize-x","both"===this.resize&&"resize")}))),(this.description\|\|this.el.querySelector('[slot="description"]'))&&o("div",{key:"10ba44a9c4b83db00d00c2a4e791c68836413aac",class:"description"},o("slot",{key:"5015686b48e185707376008306c204432199cde1",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"312502a84e08fdacbe77cc55f4e91e0b4122c82b",hidden:!this.error,class:"error-description"},o("slot",{key:"b837f0784d75b8d0df04e025ee8f9a309c6f46d3",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{rows:[{rowsChanged:0}],autosize:[{autosizeChanged:0}],value:[{handleValueChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtextarea{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtextarea[fluid]:not([fluid=false]){max-width:unset}nv-fieldtextarea[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtextarea[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtextarea[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtextarea[required]:not([required=false]) label::after,nv-fieldtextarea[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtextarea label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar{width:6px;height:6px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtextarea .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}'}},[324,"nv-fieldtextarea",{message:[513],validation:[513],inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[1540],errorDescription:[1537,"error-description"],success:[516],maxlength:[514],minlength:[514],rows:[514],resize:[513],autosize:[516],maxAutoHeight:[514,"max-auto-height"],autofocus:[516],fluid:[516]},void 0,{rows:[{rowsChanged:0}],autosize:[{autosizeChanged:0}],value:[{handleValueChange:0}]}]);function s(){"undefined"!=typeof customElements&&["nv-fieldtextarea"].forEach((r=>{"nv-fieldtextarea"===r&&(customElements.get(e(r))\|\|customElements.define(e(r),d))}))}s();const f=d,c=s;export{f as NvFieldtextarea,c as defineCustomElement}

package/dist/components/nv-fieldtime.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as t,H as i,c as r,f as n,h as o,d as s}from"./p-iXsbKJzR.js";import{g as a}from"./p-BReL3Lsa.js";import{d as l}from"./p-Bg-b6OWh.js";import{d}from"./p-C6LzzMQm.js";import{d as c}from"./p-tJDdN0lo.js";import{d as f}from"./p-BkqfOhkU.js";import{v as h}from"./p-BdYh22OP.js";const u={HH:{pattern:/^([0-1]?[0-9]\|2[0-3])$/,parts:[a.Hours],defaultValue:"00",maxLength:2},"HH:mm":{pattern:/^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9])$/,parts:[a.Hours,a.Minutes],defaultValue:"00:00",maxLength:5},"HH:mm:ss":{pattern:/^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/,parts:[a.Hours,a.Minutes,a.Seconds],defaultValue:"00:00:00",maxLength:8},hh:{pattern:/^(0?[1-9]\|1[0-2])$/,parts:[a.Hours],defaultValue:"01",maxLength:2},"hh:mm":{pattern:/^(0?[1-9]\|1[0-2]):([0-5]?[0-9])$/,parts:[a.Hours,a.Minutes],defaultValue:"01:00",maxLength:5},"hh:mm:ss":{pattern:/^(0?[1-9]\|1[0-2]):([0-5]?[0-9]):([0-5]?[0-9])$/,parts:[a.Hours,a.Minutes,a.Seconds],defaultValue:"01:00:00",maxLength:8}};function m(e){const t=u[e];return t?t.parts:[a.Hours,a.Minutes,a.Seconds]}function p(e,t){const i=u[t],r={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(!e\|\|!i)return r;const n=e.replace(/[^0-9:]/g,""),o=n.match(i.pattern);if(o)return v(o,t);const s=n.match(/^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/);if(s)return function(e,t){const i=u[t],r={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(i.parts.includes(a.Hours)){const i=parseInt(e.hours,10);t.startsWith("hh")?i>=1&&i<=12&&(r.hours=e.hours):i>=0&&i<=23&&(r.hours=e.hours)}return i.parts.includes(a.Minutes)&&(r.minutes=e.minutes),i.parts.includes(a.Seconds)&&(r.seconds=e.seconds),r}(v(s,"HH:mm:ss"),t);const l=n.split(":"),d={...r};if(l.length>=1&&l[0]){const e=parseInt(l[0],10);isNaN(e)\|\|(d.hours=t.startsWith("hh")?e>=1&&e<=12?(""+e).padStart(2,"0"):r.hours:e>=0&&e<=23?(""+e).padStart(2,"0"):r.hours)}if(l.length>=2&&l[1]&&i.parts.includes(a.Minutes)){const e=parseInt(l[1],10);!isNaN(e)&&e>=0&&e<=59&&(d.minutes=(""+e).padStart(2,"0"))}if(l.length>=3&&l[2]&&i.parts.includes(a.Seconds)){const e=parseInt(l[2],10);!isNaN(e)&&e>=0&&e<=59&&(d.seconds=(""+e).padStart(2,"0"))}return d}function v(e,t){const i={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};return e[1]&&(i.hours=(""+parseInt(e[1],10)).padStart(2,"0")),e[2]&&(i.minutes=(""+parseInt(e[2],10)).padStart(2,"0")),e[3]&&(i.seconds=(""+parseInt(e[3],10)).padStart(2,"0")),i}function b(e,t){if(!u[t])return`${e.hours}:${e.minutes}:${e.seconds}`;switch(t){case"HH":case"hh":return e.hours;case"HH:mm":case"hh:mm":return`${e.hours}:${e.minutes}`;default:return`${e.hours}:${e.minutes}:${e.seconds}`}}const g=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=r(this,"valueChanged",3),this.inputElements={},this.inputZeroAdded={},this.typeFocused=a.Hours,this.hours="00",this.minutes="00",this.seconds="00",this.inputId=h(),this.readonly=!1,this.disabled=!1,this.required=!1,this.ariaRequiredAttr=!1,this.success=!1,this.error=!1,this.format="HH:mm:ss",this.open=!1,this.step=6e4,this.autofocus=!1}handleKeyDown(e){if(!this.open)return"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;if(!this.popoverElement)return void console.warn("nv-fieldtime -> Popover element is not defined");const t=Array.from(this.el.querySelectorAll(`.time-column.time-column-${this.typeFocused} div`));if(0===t.length)return void console.warn("nv-fieldtime -> No dropdown items found to navigate");let i=t.findIndex((e=>e.classList.contains("highlighted")));if("ArrowDown"===e.key)e.preventDefault(),i=(i+1)%t.length,this.updateHighlightedItem(t,i);else if("ArrowUp"===e.key)e.preventDefault(),i=(i-1+t.length)%t.length,this.updateHighlightedItem(t,i);else if("Enter"===e.key&&i>=0){e.preventDefault(),t[i].click();const r=m(this.format),n=r.indexOf(this.typeFocused)+1;if(n<r.length){const e=r[n];this.inputElements[e]?.focus(),this.inputElements[e]?.select()}}else if("Escape"===e.key){e.preventDefault();const t=m(this.format)[0];t&&this.inputElements[t]&&this.inputElements[t].blur(),this.open=!1}}handleValueChange(e){if(e){const t=b(p(e,this.format),this.format);if(t!==e)return void(this.value=t)}this.valueChanged.emit(e)}handleOpenChange(e){e&&(this.updateColumnHighlight(`.time-column.time-column-${a.Hours} div`,this.hours),this.updateColumnHighlight(`.time-column.time-column-${a.Minutes} div`,this.minutes),this.updateColumnHighlight(`.time-column.time-column-${a.Seconds} div`,this.seconds))}handleFormatChange(e,t){if(e===t)return;const i=p(this.value\|\|this.reconstructTime(),t\|\|"HH:mm:ss");this.hours=i.hours,this.minutes=i.minutes,this.seconds=i.seconds;const r=b(i,e);this.value=r,n(this.el)}handleInputChange(e,t){const i=e.target.value.replace(/[^0-9]/g,"");if(!m(this.format).includes(t))return;switch(t){case a.Hours:this.handleHoursChange(i,t);break;case a.Minutes:this.handleMinutesChange(i,t);break;case a.Seconds:this.handleSecondsChange(i,t)}const r=this.reconstructTime();this.value=r}handleHoursChange(e,t){const i=this.format.startsWith("HH")?24:12;if(0!==e.length){if(1===e.length){this.inputZeroAdded[t]=!0;const i=e.padStart(2,"0");this.hours=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=!1;const r=e.slice(1,3).padStart(2,"0");this.hours=(parseInt(r,10)\|\|0)>=i?"00":r}else if(e.length>2)if(e.startsWith("00")){this.inputZeroAdded[t]=!0;const i=e.slice(1,3).padStart(2,"0");this.hours=i}else{const t=e.slice(1,3).padStart(2,"0"),r=parseInt(t,10)\|\|0;this.hours=r>=i?"00":""+r}else{const t=parseInt(e,10)\|\|0;this.hours=t>=i?"00":""+t}if(this.hours.length>=1&&!this.inputZeroAdded[t]){const e=m(this.format),t=e.indexOf(a.Hours)+1;if(t<e.length){const i=e[t];this.inputElements[i]?.focus(),this.inputElements[i]?.select()}}}else this.hours="00"}handleMinutesChange(e,t){if(0!==e.length){if(1===e.length){this.inputZeroAdded[t]=!0;const i=e.padStart(2,"0");this.minutes=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=!1;const i=e.slice(1,3).padStart(2,"0");this.minutes=(parseInt(i,10)\|\|0)>=60?"00":i}else if(e.length>2)if(e.startsWith("00")){this.inputZeroAdded[t]=!0;const i=e.slice(1,3).padStart(2,"0");this.minutes=i}else{const t=e.slice(1,3).padStart(2,"0"),i=parseInt(t,10)\|\|0;this.minutes=i>=60?"00":""+i}else{const t=parseInt(e,10)\|\|0;this.minutes=t>=60?"00":""+t}if(this.minutes.length>=1&&!this.inputZeroAdded[t]){const e=m(this.format),t=e.indexOf(a.Minutes)+1;if(t<e.length){const i=e[t];this.inputElements[i]?.focus(),this.inputElements[i]?.select()}}}else this.minutes="00"}handleSecondsChange(e,t){if(0!==e.length)if(1===e.length){this.inputZeroAdded[t]=!0;const i=e.padStart(2,"0");this.seconds=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=!1;const i=e.slice(1,3).padStart(2,"0");this.seconds=(parseInt(i,10)\|\|0)>=60?"00":i}else if(e.length>2){const t=e.slice(1,3).padStart(2,"0"),i=parseInt(t,10)\|\|0;this.seconds=i>=60?"00":""+i}else{const t=parseInt(e,10)\|\|0;this.seconds=t>=60?"00":""+t}else this.seconds="00"}parseTime(e){if(!e)return;const t=p(e,this.format);this.hours=t.hours,this.minutes=t.minutes,this.seconds=t.seconds}reconstructTime(){const e=b({hours:this.hours,minutes:this.minutes,seconds:this.seconds},this.format);if(!function(e,t){if(!e\|\|!t)return!1;const i=u[t];return!!i&&i.pattern.test(e)}(e,this.format)){const t=u[this.format];return t?t.defaultValue:e}return e}handleFocus(e){this.readonly\|\|this.disabled\|\|m(this.format).includes(e)&&(this.open\|\|(this.open=!0),0!==this.inputElements[e]?.value.length&&"00"!==this.inputElements[e]?.value\|\|(this.inputElements[e]?.focus(),this.inputElements[e]?.select()),this.typeFocused=e)}HandleDropdownIconClick(){if(this.disabled\|\|this.readonly)return;const e=m(this.format)[0];this.open?this.open=!1:!this.open&&e&&this.inputElements[e]?(this.inputElements[e]?.focus(),this.inputElements[e]?.select()):console.warn("nv-fieldtime -> No visible input elements found to focus")}updateHighlightedItem(e,t){e.forEach(((e,i)=>{i===t?(e.classList.add("highlighted"),e.setAttribute("tabindex","0"),e.focus(),e.scrollIntoView({block:"nearest"})):(e.classList.remove("highlighted"),e.setAttribute("tabindex","-1"))}))}handleTimeOptionClick(e,t){const i=parseInt(e.target.textContent\|\|"0",10);t===a.Hours?this.hours=(""+i).padStart(2,"0"):t===a.Minutes?this.minutes=(""+i).padStart(2,"0"):t===a.Seconds&&(this.seconds=(""+i).padStart(2,"0"));const r=this.reconstructTime();this.value=r}handleInputBlur(){setTimeout((()=>{this.el.contains(document.activeElement)\|\|this.open&&(this.open=!1)}),150)}handleClickOutside(e){const t=e.target;this.el.contains(t)\|\|Object.values(this.inputElements).some((e=>e.contains(t)))\|\|this.open&&(this.open=!1)}handleScroll(e,t){const i=e.target,r=i.scrollTop,n=i.clientHeight,o=i.scrollHeight,s=this.generateTimeOptions(t);(r+n>=o-40\|\|r<=0)&&(i.scrollTop=40s.length)}generateTimeOptions(e){const t=this.step/1e3;if(0===t)return["00"];switch(e){case a.Hours:return this.generateHourOptions(t);case a.Minutes:return this.generateMinuteOptions(t);case a.Seconds:return this.generateSecondOptions(t);default:return[]}}generateHourOptions(e){const t=Math.max(1,Math.floor(e/3600)),i=this.format.startsWith("hh"),r=i?12:23,n=i?1:0,o=this.parseHour(this.max,this.format),s=this.parseHour(this.min,this.format),a=o?parseInt(o,10):r,l=[];for(let e=s?parseInt(s,10):n;e<=a;e+=t)l.push((""+e).padStart(2,"0"));return l}parseHour(e,t){if(!e)return null;const[i]=e.split(":"),r=parseInt(i,10);return isNaN(r)?null:t.startsWith("hh")?r>0&&r<=12?i.padStart(2,"0"):null:r>=0&&r<=24?i.padStart(2,"0"):null}generateMinuteOptions(e){const t=Math.max(1,Math.floor(e%3600/60)),i=this.parseMinute(this.min)??0,r=this.parseMinute(this.max)??59;if(0===i&&0===r)return["00"];const n=[];for(let e=i;e<=r;e+=t)n.push((""+e).padStart(2,"0"));return n}parseMinute(e){if(!e)return null;const t=e.split(":");if(t.length<2)return null;const i=parseInt(t[1],10);return isNaN(i)\|\|i<0\|\|i>=60?null:i}generateSecondOptions(e){const t=Math.max(1,e%60),i=this.parseSecond(this.min)??0,r=this.parseSecond(this.max)??59;if(0===i&&0===r)return["00"];const n=[];for(let e=i;e<=r;e+=t)n.push((""+e).padStart(2,"0"));return n}parseSecond(e){if(!e)return null;const t=e.split(":");if(t.length<3)return null;const i=parseInt(t[2],10);return isNaN(i)\|\|i<0\|\|i>=60?null:i}generateInfiniteTimeOptions(e){const t=this.generateTimeOptions(e);return Array(Math.ceil(300/t.length)).fill(t).flat()}updateColumnHighlight(e,t){const i=Array.from(this.el.querySelectorAll(e)),r=i.findIndex((e=>e.textContent===t));this.updateHighlightedItem(i,r)}handleHostClick(e){if(!(this.disabled\|\|this.readonly\|\|e.target.closest("nv-iconbutton")\|\|this.open)){if(this.inputElements){const e=m(this.format)[0];e&&this.inputElements[e]&&(this.inputElements[e]?.focus(),this.inputElements[e]?.select())}e.preventDefault()}}handleOpenChanged(e){this.open=e.detail}componentWillLoad(){if(document.addEventListener("click",this.handleClickOutside.bind(this)),this.value)this.parseTime(this.value);else{const e=p("",this.format);this.hours=e.hours,this.minutes=e.minutes,this.seconds=e.seconds;const t=b(e,this.format);this.value=t}}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this))}componentDidLoad(){this.updateColumnHighlight(".time-column.time-column-hours div",this.hours),this.updateColumnHighlight(".time-column.time-column-minutes div",this.minutes),this.updateColumnHighlight(".time-column.time-column-seconds div",this.seconds)}getRequiredAttributes(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,i=e?t:null,r=e?"true"===i\|\|""===i:void 0;return{ariaRequiredValue:r,useNativeRequired:this.required&&(!e\|\|!0===r)}}renderTimeInputFields(){const e=m(this.format),t=[];return e.forEach(((e,i)=>{i>0&&t.push(o("span",null,":")),t.push(this.renderTimeInputField(e))})),t}renderTimeInputField(e){return o("input",{ref:t=>this.inputElements[e]=t,type:"number",autofocus:this.autofocus&&e===m(this.format)[0],class:"time-input",pattern:"[0-9]",maxlength:"3",value:(()=>{switch(e){case a.Hours:return this.hours;case a.Minutes:return this.minutes;case a.Seconds:return this.seconds;default:return"00"}})(),onInput:t=>this.handleInputChange(t,e),placeholder:(()=>{switch(e){case a.Hours:return this.format.includes("hh")?"hh":"HH";case a.Minutes:return"mm";case a.Seconds:return"ss";default:return""}})(),inputMode:"numeric",onFocus:()=>this.handleFocus(e),name:this.name?`${e}-${this.name}`:e,id:(()=>{switch(e){case a.Hours:return this.inputId;case a.Minutes:return this.inputId+"-minutes";case a.Seconds:return this.inputId+"-seconds";default:return this.inputId}})(),readonly:this.readonly,disabled:this.disabled,required:this.getRequiredAttributes().useNativeRequired?this.required:void 0,...void 0!==this.getRequiredAttributes().ariaRequiredValue&&{"aria-required":this.getRequiredAttributes().ariaRequiredValue+""},onKeyDown:e=>this.handleKeyDown(e),onBlur:()=>this.handleInputBlur()})}renderTimeDropdownColumns(){return m(this.format).map((e=>this.RenderTimeOptionsColumn(e)))}RenderTimeOptionsColumn(e){return o("div",{class:"time-column time-column-"+e,onScroll:t=>this.handleScroll(t,e)},this.generateInfiniteTimeOptions(e).map(((t,i)=>o("div",{class:{"time-option":!0,selected:e===a.Hours&&t===this.hours\|\|e===a.Minutes&&t===this.minutes\|\|e===a.Seconds&&t===this.seconds},key:`${t}-${i}`,onClick:t=>this.handleTimeOptionClick(t,e)},t))))}render(){return o(s,{key:"021f0592f7a4eae1b249f12c668b3ce805546593",onclick:e=>this.handleHostClick(e),"aria-expanded":this.open?"true":"false"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&o("label",{key:"6c105236217cb0c6b326e3ecea4bc38bfa4353f2",htmlFor:this.inputId},o("slot",{key:"f4c2dbce6a50d648970acc57d8367194635b7e82",name:"label"},this.label)),o("nv-popover",{key:"b852ec86ace95303e1e7445765a334819135766f",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:this.handleOpenChanged},o("div",{key:"2ddd521de9665e64095090a187b52d9fdb207dfb",class:"input-wrapper",slot:"trigger"},o("slot",{key:"e8ea5e1abc5b9b502e942e2a118184233677384f",name:"before-input"}),o("div",{key:"3d3a8e00ace3bab58b57305a68aac46863a61f36",class:"input-container"},o("slot",{key:"2a1f88fc38b5d956f9d71d181f787ace20199588",name:"leading-input"}),this.renderTimeInputFields(),o("nv-iconbutton",{key:"497d5b2cdea39e83b0cb83eb6a9adbb18e57b952",name:"clock",size:"md",emphasis:"lower","aria-label":this.open?"Hide time picker":"Show time picker",onClick:()=>this.HandleDropdownIconClick()}),this.error&&o("nv-icon",{key:"e223b6faa4a476fe68aa9ae3c54e27dd0ff2017b",name:"alert-circle",class:"validation",size:"sm"}),this.success&&o("nv-icon",{key:"ec7a22c2005d297c25959d16c8326ebe7bc80dde",name:"circle-check",class:"validation",size:"sm"})),o("slot",{key:"b12336e4d2708b3d5c25db1a4c5b761bf954e27b",name:"after-input"})),o("div",{key:"3a341dc72b2ece47841521817f5e44ca4b2286d1",class:"time-dropdown",slot:"content"},o("div",{key:"b67f1f796f0a2155210d6f6937264170f1fff7c3",class:"time-columns"},this.renderTimeDropdownColumns()))),(this.description\|\|this.el.querySelector('[slot="description"]'))&&o("div",{key:"b31b8401c4eb3a12ff466f389345ab8179f9ca5b",class:"description"},o("slot",{key:"8a81cc74fb35d10f34f9abd372a58758227a4937",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"87e16ffc6ed5983850271c18ea762671ef1f99ad",hidden:!this.error,class:"error-description"},o("slot",{key:"154a889711ce35c28bab77c64418c0bdcc912fc0",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenChange:0}],format:[{handleFormatChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtime{--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-fieldtime[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-fieldtime[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-fieldtime[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-fieldtime[required]:not([required=false]) label::after,nv-fieldtime[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime 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-fieldtime nv-popover{width:100%;display:block}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime nv-popover{z-index:9999}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .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-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .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-fieldtime .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container input.time-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-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-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-fieldtime .input-container input.time-input{}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input{width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container>nv-iconbutton{margin-left:auto}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .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-fieldtime .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-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column{max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}'}},[324,"nv-fieldtime",{value:[1537],label:[513],inputId:[513,"input-id"],readonly:[516],disabled:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],name:[513],success:[516],error:[516],errorDescription:[513,"error-description"],format:[513],description:[513],open:[1540],step:[514],max:[513],min:[513],autofocus:[516],hours:[32],minutes:[32],seconds:[32]},[[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],open:[{handleOpenChange:0}],format:[{handleFormatChange:0}]}]);function k(){"undefined"!=typeof customElements&&["nv-fieldtime","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((t=>{switch(t){case"nv-fieldtime":customElements.get(e(t))\|\|customElements.define(e(t),g);break;case"nv-icon":customElements.get(e(t))\|\|l();break;case"nv-iconbutton":customElements.get(e(t))\|\|d();break;case"nv-loader":customElements.get(e(t))\|\|c();break;case"nv-popover":customElements.get(e(t))\|\|f()}}))}k();const w=g,x=k;export{w as NvFieldtime,x as defineCustomElement}
1	+ import{t as e,p as t,H as i,c as r,f as n,h as o,d as s}from"./p-6nAIGZFL.js";import{g as a}from"./p-BReL3Lsa.js";import{d as l}from"./p-CV12ukSl.js";import{d}from"./p-Db4JZxyy.js";import{d as c}from"./p-T-bBxAoT.js";import{d as f}from"./p-DrgqO3gF.js";import{v as h}from"./p-BdYh22OP.js";const u={HH:{pattern:/^([0-1]?[0-9]\|2[0-3])$/,parts:[a.Hours],defaultValue:"00",maxLength:2},"HH:mm":{pattern:/^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9])$/,parts:[a.Hours,a.Minutes],defaultValue:"00:00",maxLength:5},"HH:mm:ss":{pattern:/^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/,parts:[a.Hours,a.Minutes,a.Seconds],defaultValue:"00:00:00",maxLength:8},hh:{pattern:/^(0?[1-9]\|1[0-2])$/,parts:[a.Hours],defaultValue:"01",maxLength:2},"hh:mm":{pattern:/^(0?[1-9]\|1[0-2]):([0-5]?[0-9])$/,parts:[a.Hours,a.Minutes],defaultValue:"01:00",maxLength:5},"hh:mm:ss":{pattern:/^(0?[1-9]\|1[0-2]):([0-5]?[0-9]):([0-5]?[0-9])$/,parts:[a.Hours,a.Minutes,a.Seconds],defaultValue:"01:00:00",maxLength:8}};function m(e){const t=u[e];return t?t.parts:[a.Hours,a.Minutes,a.Seconds]}function p(e,t){const i=u[t],r={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(!e\|\|!i)return r;const n=e.replace(/[^0-9:]/g,""),o=n.match(i.pattern);if(o)return v(o,t);const s=n.match(/^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/);if(s)return function(e,t){const i=u[t],r={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(i.parts.includes(a.Hours)){const i=parseInt(e.hours,10);t.startsWith("hh")?i>=1&&i<=12&&(r.hours=e.hours):i>=0&&i<=23&&(r.hours=e.hours)}return i.parts.includes(a.Minutes)&&(r.minutes=e.minutes),i.parts.includes(a.Seconds)&&(r.seconds=e.seconds),r}(v(s,"HH:mm:ss"),t);const l=n.split(":"),d={...r};if(l.length>=1&&l[0]){const e=parseInt(l[0],10);isNaN(e)\|\|(d.hours=t.startsWith("hh")?e>=1&&e<=12?(""+e).padStart(2,"0"):r.hours:e>=0&&e<=23?(""+e).padStart(2,"0"):r.hours)}if(l.length>=2&&l[1]&&i.parts.includes(a.Minutes)){const e=parseInt(l[1],10);!isNaN(e)&&e>=0&&e<=59&&(d.minutes=(""+e).padStart(2,"0"))}if(l.length>=3&&l[2]&&i.parts.includes(a.Seconds)){const e=parseInt(l[2],10);!isNaN(e)&&e>=0&&e<=59&&(d.seconds=(""+e).padStart(2,"0"))}return d}function v(e,t){const i={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};return e[1]&&(i.hours=(""+parseInt(e[1],10)).padStart(2,"0")),e[2]&&(i.minutes=(""+parseInt(e[2],10)).padStart(2,"0")),e[3]&&(i.seconds=(""+parseInt(e[3],10)).padStart(2,"0")),i}function b(e,t){if(!u[t])return`${e.hours}:${e.minutes}:${e.seconds}`;switch(t){case"HH":case"hh":return e.hours;case"HH:mm":case"hh:mm":return`${e.hours}:${e.minutes}`;default:return`${e.hours}:${e.minutes}:${e.seconds}`}}const g=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=r(this,"valueChanged",3),this.inputElements={},this.inputZeroAdded={},this.typeFocused=a.Hours,this.hours="00",this.minutes="00",this.seconds="00",this.inputId=h(),this.readonly=!1,this.disabled=!1,this.required=!1,this.ariaRequiredAttr=!1,this.success=!1,this.error=!1,this.format="HH:mm:ss",this.open=!1,this.step=6e4,this.autofocus=!1}handleKeyDown(e){if(!this.open)return"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;if(!this.popoverElement)return void console.warn("nv-fieldtime -> Popover element is not defined");const t=Array.from(this.el.querySelectorAll(`.time-column.time-column-${this.typeFocused} div`));if(0===t.length)return void console.warn("nv-fieldtime -> No dropdown items found to navigate");let i=t.findIndex((e=>e.classList.contains("highlighted")));if("ArrowDown"===e.key)e.preventDefault(),i=(i+1)%t.length,this.updateHighlightedItem(t,i);else if("ArrowUp"===e.key)e.preventDefault(),i=(i-1+t.length)%t.length,this.updateHighlightedItem(t,i);else if("Enter"===e.key&&i>=0){e.preventDefault(),t[i].click();const r=m(this.format),n=r.indexOf(this.typeFocused)+1;if(n<r.length){const e=r[n];this.inputElements[e]?.focus(),this.inputElements[e]?.select()}}else if("Escape"===e.key){e.preventDefault();const t=m(this.format)[0];t&&this.inputElements[t]&&this.inputElements[t].blur(),this.open=!1}}handleValueChange(e){if(e){const t=b(p(e,this.format),this.format);if(t!==e)return void(this.value=t)}this.valueChanged.emit(e)}handleOpenChange(e){e&&(this.updateColumnHighlight(`.time-column.time-column-${a.Hours} div`,this.hours),this.updateColumnHighlight(`.time-column.time-column-${a.Minutes} div`,this.minutes),this.updateColumnHighlight(`.time-column.time-column-${a.Seconds} div`,this.seconds))}handleFormatChange(e,t){if(e===t)return;const i=p(this.value\|\|this.reconstructTime(),t\|\|"HH:mm:ss");this.hours=i.hours,this.minutes=i.minutes,this.seconds=i.seconds;const r=b(i,e);this.value=r,n(this.el)}handleInputChange(e,t){const i=e.target.value.replace(/[^0-9]/g,"");if(!m(this.format).includes(t))return;switch(t){case a.Hours:this.handleHoursChange(i,t);break;case a.Minutes:this.handleMinutesChange(i,t);break;case a.Seconds:this.handleSecondsChange(i,t)}const r=this.reconstructTime();this.value=r}handleHoursChange(e,t){const i=this.format.startsWith("HH")?24:12;if(0!==e.length){if(1===e.length){this.inputZeroAdded[t]=!0;const i=e.padStart(2,"0");this.hours=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=!1;const r=e.slice(1,3).padStart(2,"0");this.hours=(parseInt(r,10)\|\|0)>=i?"00":r}else if(e.length>2)if(e.startsWith("00")){this.inputZeroAdded[t]=!0;const i=e.slice(1,3).padStart(2,"0");this.hours=i}else{const t=e.slice(1,3).padStart(2,"0"),r=parseInt(t,10)\|\|0;this.hours=r>=i?"00":""+r}else{const t=parseInt(e,10)\|\|0;this.hours=t>=i?"00":""+t}if(this.hours.length>=1&&!this.inputZeroAdded[t]){const e=m(this.format),t=e.indexOf(a.Hours)+1;if(t<e.length){const i=e[t];this.inputElements[i]?.focus(),this.inputElements[i]?.select()}}}else this.hours="00"}handleMinutesChange(e,t){if(0!==e.length){if(1===e.length){this.inputZeroAdded[t]=!0;const i=e.padStart(2,"0");this.minutes=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=!1;const i=e.slice(1,3).padStart(2,"0");this.minutes=(parseInt(i,10)\|\|0)>=60?"00":i}else if(e.length>2)if(e.startsWith("00")){this.inputZeroAdded[t]=!0;const i=e.slice(1,3).padStart(2,"0");this.minutes=i}else{const t=e.slice(1,3).padStart(2,"0"),i=parseInt(t,10)\|\|0;this.minutes=i>=60?"00":""+i}else{const t=parseInt(e,10)\|\|0;this.minutes=t>=60?"00":""+t}if(this.minutes.length>=1&&!this.inputZeroAdded[t]){const e=m(this.format),t=e.indexOf(a.Minutes)+1;if(t<e.length){const i=e[t];this.inputElements[i]?.focus(),this.inputElements[i]?.select()}}}else this.minutes="00"}handleSecondsChange(e,t){if(0!==e.length)if(1===e.length){this.inputZeroAdded[t]=!0;const i=e.padStart(2,"0");this.seconds=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=!1;const i=e.slice(1,3).padStart(2,"0");this.seconds=(parseInt(i,10)\|\|0)>=60?"00":i}else if(e.length>2){const t=e.slice(1,3).padStart(2,"0"),i=parseInt(t,10)\|\|0;this.seconds=i>=60?"00":""+i}else{const t=parseInt(e,10)\|\|0;this.seconds=t>=60?"00":""+t}else this.seconds="00"}parseTime(e){if(!e)return;const t=p(e,this.format);this.hours=t.hours,this.minutes=t.minutes,this.seconds=t.seconds}reconstructTime(){const e=b({hours:this.hours,minutes:this.minutes,seconds:this.seconds},this.format);if(!function(e,t){if(!e\|\|!t)return!1;const i=u[t];return!!i&&i.pattern.test(e)}(e,this.format)){const t=u[this.format];return t?t.defaultValue:e}return e}handleFocus(e){this.readonly\|\|this.disabled\|\|m(this.format).includes(e)&&(this.open\|\|(this.open=!0),0!==this.inputElements[e]?.value.length&&"00"!==this.inputElements[e]?.value\|\|(this.inputElements[e]?.focus(),this.inputElements[e]?.select()),this.typeFocused=e)}HandleDropdownIconClick(){if(this.disabled\|\|this.readonly)return;const e=m(this.format)[0];this.open?this.open=!1:!this.open&&e&&this.inputElements[e]?(this.inputElements[e]?.focus(),this.inputElements[e]?.select()):console.warn("nv-fieldtime -> No visible input elements found to focus")}updateHighlightedItem(e,t){e.forEach(((e,i)=>{i===t?(e.classList.add("highlighted"),e.setAttribute("tabindex","0"),e.focus(),e.scrollIntoView({block:"nearest"})):(e.classList.remove("highlighted"),e.setAttribute("tabindex","-1"))}))}handleTimeOptionClick(e,t){const i=parseInt(e.target.textContent\|\|"0",10);t===a.Hours?this.hours=(""+i).padStart(2,"0"):t===a.Minutes?this.minutes=(""+i).padStart(2,"0"):t===a.Seconds&&(this.seconds=(""+i).padStart(2,"0"));const r=this.reconstructTime();this.value=r}handleInputBlur(){setTimeout((()=>{this.el.contains(document.activeElement)\|\|this.open&&(this.open=!1)}),150)}handleClickOutside(e){const t=e.target;this.el.contains(t)\|\|Object.values(this.inputElements).some((e=>e.contains(t)))\|\|this.open&&(this.open=!1)}handleScroll(e,t){const i=e.target,r=i.scrollTop,n=i.clientHeight,o=i.scrollHeight,s=this.generateTimeOptions(t);(r+n>=o-40\|\|r<=0)&&(i.scrollTop=40s.length)}generateTimeOptions(e){const t=this.step/1e3;if(0===t)return["00"];switch(e){case a.Hours:return this.generateHourOptions(t);case a.Minutes:return this.generateMinuteOptions(t);case a.Seconds:return this.generateSecondOptions(t);default:return[]}}generateHourOptions(e){const t=Math.max(1,Math.floor(e/3600)),i=this.format.startsWith("hh"),r=i?12:23,n=i?1:0,o=this.parseHour(this.max,this.format),s=this.parseHour(this.min,this.format),a=o?parseInt(o,10):r,l=[];for(let e=s?parseInt(s,10):n;e<=a;e+=t)l.push((""+e).padStart(2,"0"));return l}parseHour(e,t){if(!e)return null;const[i]=e.split(":"),r=parseInt(i,10);return isNaN(r)?null:t.startsWith("hh")?r>0&&r<=12?i.padStart(2,"0"):null:r>=0&&r<=24?i.padStart(2,"0"):null}generateMinuteOptions(e){const t=Math.max(1,Math.floor(e%3600/60)),i=this.parseMinute(this.min)??0,r=this.parseMinute(this.max)??59;if(0===i&&0===r)return["00"];const n=[];for(let e=i;e<=r;e+=t)n.push((""+e).padStart(2,"0"));return n}parseMinute(e){if(!e)return null;const t=e.split(":");if(t.length<2)return null;const i=parseInt(t[1],10);return isNaN(i)\|\|i<0\|\|i>=60?null:i}generateSecondOptions(e){const t=Math.max(1,e%60),i=this.parseSecond(this.min)??0,r=this.parseSecond(this.max)??59;if(0===i&&0===r)return["00"];const n=[];for(let e=i;e<=r;e+=t)n.push((""+e).padStart(2,"0"));return n}parseSecond(e){if(!e)return null;const t=e.split(":");if(t.length<3)return null;const i=parseInt(t[2],10);return isNaN(i)\|\|i<0\|\|i>=60?null:i}generateInfiniteTimeOptions(e){const t=this.generateTimeOptions(e);return Array(Math.ceil(300/t.length)).fill(t).flat()}updateColumnHighlight(e,t){const i=Array.from(this.el.querySelectorAll(e)),r=i.findIndex((e=>e.textContent===t));this.updateHighlightedItem(i,r)}handleHostClick(e){if(!(this.disabled\|\|this.readonly\|\|e.target.closest("nv-iconbutton")\|\|this.open)){if(this.inputElements){const e=m(this.format)[0];e&&this.inputElements[e]&&(this.inputElements[e]?.focus(),this.inputElements[e]?.select())}e.preventDefault()}}handleOpenChanged(e){this.open=e.detail}componentWillLoad(){if(document.addEventListener("click",this.handleClickOutside.bind(this)),this.value)this.parseTime(this.value);else{const e=p("",this.format);this.hours=e.hours,this.minutes=e.minutes,this.seconds=e.seconds;const t=b(e,this.format);this.value=t}}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this))}componentDidLoad(){this.updateColumnHighlight(".time-column.time-column-hours div",this.hours),this.updateColumnHighlight(".time-column.time-column-minutes div",this.minutes),this.updateColumnHighlight(".time-column.time-column-seconds div",this.seconds)}getRequiredAttributes(){const e=this.el.hasAttribute("aria-required")\|\|this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")\|\|this.el.getAttribute("aria-required-attr"):null,i=e?t:null,r=e?"true"===i\|\|""===i:void 0;return{ariaRequiredValue:r,useNativeRequired:this.required&&(!e\|\|!0===r)}}renderTimeInputFields(){const e=m(this.format),t=[];return e.forEach(((e,i)=>{i>0&&t.push(o("span",null,":")),t.push(this.renderTimeInputField(e))})),t}renderTimeInputField(e){return o("input",{ref:t=>this.inputElements[e]=t,type:"number",autofocus:this.autofocus&&e===m(this.format)[0],class:"time-input",pattern:"[0-9]",maxlength:"3",value:(()=>{switch(e){case a.Hours:return this.hours;case a.Minutes:return this.minutes;case a.Seconds:return this.seconds;default:return"00"}})(),onInput:t=>this.handleInputChange(t,e),placeholder:(()=>{switch(e){case a.Hours:return this.format.includes("hh")?"hh":"HH";case a.Minutes:return"mm";case a.Seconds:return"ss";default:return""}})(),inputMode:"numeric",onFocus:()=>this.handleFocus(e),name:this.name?`${e}-${this.name}`:e,id:(()=>{switch(e){case a.Hours:return this.inputId;case a.Minutes:return this.inputId+"-minutes";case a.Seconds:return this.inputId+"-seconds";default:return this.inputId}})(),readonly:this.readonly,disabled:this.disabled,required:this.getRequiredAttributes().useNativeRequired?this.required:void 0,...void 0!==this.getRequiredAttributes().ariaRequiredValue&&{"aria-required":this.getRequiredAttributes().ariaRequiredValue+""},onKeyDown:e=>this.handleKeyDown(e),onBlur:()=>this.handleInputBlur()})}renderTimeDropdownColumns(){return m(this.format).map((e=>this.RenderTimeOptionsColumn(e)))}RenderTimeOptionsColumn(e){return o("div",{class:"time-column time-column-"+e,onScroll:t=>this.handleScroll(t,e)},this.generateInfiniteTimeOptions(e).map(((t,i)=>o("div",{class:{"time-option":!0,selected:e===a.Hours&&t===this.hours\|\|e===a.Minutes&&t===this.minutes\|\|e===a.Seconds&&t===this.seconds},key:`${t}-${i}`,onClick:t=>this.handleTimeOptionClick(t,e)},t))))}render(){return o(s,{key:"a02fbea3aa9b46d22978cececd750548c16c79cf",onclick:e=>this.handleHostClick(e),"aria-expanded":this.open?"true":"false"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&o("label",{key:"0ec36fbb4e2e810455e35537277496b600b8bd72",htmlFor:this.inputId},o("slot",{key:"5ab4bca171c9d68fbb592c378b0db30139e23642",name:"label"},this.label)),o("nv-popover",{key:"962705b7347af233d00ad7c33ea8777403e32534",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:this.handleOpenChanged},o("div",{key:"16e06fbf7003cfdf29e019cd4dfcd33c3b4a12e4",class:"input-wrapper",slot:"trigger"},o("slot",{key:"64c31ef85a92430ac348e9ff06405f682ceb7a98",name:"before-input"}),o("div",{key:"291130925798643a0c034719fc46a5ee391ec487",class:"input-container"},o("slot",{key:"823f17b06aeb798216a46631655513bef79f7508",name:"leading-input"}),this.renderTimeInputFields(),o("nv-iconbutton",{key:"4e87bc2c19494f43cb4ac7dfb3b370eac6edab0b",name:"clock",size:"md",emphasis:"lower","aria-label":this.open?"Hide time picker":"Show time picker",onClick:()=>this.HandleDropdownIconClick()}),this.error&&o("nv-icon",{key:"a5c97446025ee0b571f3fe2223dfd759ed69f9ca",name:"alert-circle",class:"validation",size:"sm"}),this.success&&o("nv-icon",{key:"475f240e74459e16e5a9dd3bea0df21f32949e18",name:"circle-check",class:"validation",size:"sm"})),o("slot",{key:"696be862dee53acc18c311fe2ea26f4ec099c62e",name:"after-input"})),o("div",{key:"75e7e8ad1c1bc7be602d633946b3845007a3b1c5",class:"time-dropdown",slot:"content"},o("div",{key:"89898000bb7005ef687372d1016b5b93f02a43bc",class:"time-columns"},this.renderTimeDropdownColumns()))),(this.description\|\|this.el.querySelector('[slot="description"]'))&&o("div",{key:"a0bddd8851b21c57637fbe8f9d8a83d62ff43bdf",class:"description"},o("slot",{key:"133c39ce0065b8f95a932d12c5150af595eab460",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"de3a537dd418c1c218eceb8062fd925c0ea06bba",hidden:!this.error,class:"error-description"},o("slot",{key:"97e2865ce647f2e4e32697acf5154fc94be9eab7",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenChange:0}],format:[{handleFormatChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtime{--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-fieldtime[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-fieldtime[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-fieldtime[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-fieldtime[required]:not([required=false]) label::after,nv-fieldtime[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime 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-fieldtime nv-popover{width:100%;display:block}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime nv-popover{z-index:9999}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .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-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .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-fieldtime .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container input.time-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-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-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-fieldtime .input-container input.time-input{}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input{width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container>nv-iconbutton{margin-left:auto}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .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-fieldtime .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-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column{max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}'}},[324,"nv-fieldtime",{value:[1537],label:[513],inputId:[513,"input-id"],readonly:[516],disabled:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],name:[513],success:[516],error:[516],errorDescription:[513,"error-description"],format:[513],description:[513],open:[1540],step:[514],max:[513],min:[513],autofocus:[516],hours:[32],minutes:[32],seconds:[32]},[[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],open:[{handleOpenChange:0}],format:[{handleFormatChange:0}]}]);function k(){"undefined"!=typeof customElements&&["nv-fieldtime","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((t=>{switch(t){case"nv-fieldtime":customElements.get(e(t))\|\|customElements.define(e(t),g);break;case"nv-icon":customElements.get(e(t))\|\|l();break;case"nv-iconbutton":customElements.get(e(t))\|\|d();break;case"nv-loader":customElements.get(e(t))\|\|c();break;case"nv-popover":customElements.get(e(t))\|\|f()}}))}k();const w=g,x=k;export{w as NvFieldtime,x as defineCustomElement}

package/dist/components/nv-icon.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{N as o,d as s}from"./p-~~Bg-b6OWh~~.js";const p=o,r=s;export{p as NvIcon,r as defineCustomElement}
1	+ import{N as o,d as s}from"./p-CV12ukSl.js";const p=o,r=s;export{p as NvIcon,r as defineCustomElement}

package/dist/components/nv-iconbutton.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{N as o,d as s}from"./p-~~C6LzzMQm~~.js";const m=o,p=s;export{m as NvIconbutton,p as defineCustomElement}
1	+ import{N as o,d as s}from"./p-Db4JZxyy.js";const p=o,r=s;export{p as NvIconbutton,r as defineCustomElement}

package/dist/components/nv-loader.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{N as o,d as s}from"./p-~~tJDdN0lo~~.js";const t=o,p=s;export{t as NvLoader,p as defineCustomElement}
1	+ import{N as o,d as s}from"./p-T-bBxAoT.js";const p=o,r=s;export{p as NvLoader,r as defineCustomElement}

package/dist/components/nv-menu.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as n,H as t,c as o,h as i,d as s}from"./p-~~iXsbKJzR~~.js";import{d as r}from"./p-~~Bg-b6OWh~~.js";import{d as m}from"./p-~~CskCUxuV~~.js";import{d as a}from"./p-~~BkqfOhkU~~.js";const u=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.menuitemSelected=o(this,"menuitemSelected",7),this.isHandlingKeyDown=!1,this.open=!1,this.nested=!1,this.disableCloseOnSelect=!1,this.placement="bottom-start",this.renderMenuItems=()=>this.items.map((e=>e.hasSubmenu&&e.submenuItems?.length>0?i("nv-menu",{nested:!0,placement:"right-start",items:e.submenuItems},i("nv-menuitem",{slot:"trigger",hasSubmenu:!0,disabled:e.disabled,icon:e.icon,shortcut:e.shortcut,id:e.value,name:e.label,label:e.label})):i("nv-menuitem",{disabled:e.disabled,icon:e.icon,shortcut:e.shortcut,id:e.value,name:e.label,label:e.label})))}async show(){this.open=!0}async close(){this.open=!1}focusFirstItem(){const e=this.popoverElement.querySelector("nv-menuitem");e&&requestAnimationFrame((()=>e.focus()))}handleOpenChanged(e){this.open=e.detail;const n=this.triggerElement===document.activeElement,t=this.triggerElement.matches(":focus-visible");n&&t&&this.focusFirstItem()}handleMenuItemSelect(e){this.disableCloseOnSelect\|\|e.detail.hasSubmenu\|\|(this.open=!1)}handleKeydown(e){if(!this.open){if(("Enter"===e.key\|\|"ArrowDown"===e.key\|\|" "===e.key)&&document.activeElement===this.triggerElement){e.preventDefault(),this.show(),this.focusFirstItem();const n=this.popoverElement.querySelector("nv-menuitem");n&&requestAnimationFrame((()=>n.focus()))}return}if(this.isHandlingKeyDown)return;if(this.isHandlingKeyDown=!0,"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Escape"!==e.key\|\|e.preventDefault(),"Escape"===e.key&&!this.nested)return this.close(),this.triggerElement.focus(),void(this.isHandlingKeyDown=!1);const n=this.el.querySelector('[slot="content"]'),t=Array.from(n.childNodes).filter((e=>e.matches?.("nv-menuitem, nv-menu")));let o=t.indexOf(document.activeElement);if(-1===o&&(o=t.indexOf(document.activeElement.parentElement)),-1===o&&t.find((e=>e.matches("nv-menu[open]"))))this.isHandlingKeyDown=!1;else{if("ArrowDown"!==e.key&&"ArrowUp"!==e.key\|\|t.forEach((e=>{e.matches("nv-menu")&&e.close()})),"ArrowDown"===e.key){let e=(o+1)%t.length;for(;t[e].matches("nv-menuitem[disabled]");)e=(e+1)%t.length;const n=t[e];n.matches("nv-menuitem")?n.focus():n.matches("nv-menu")&&n.querySelector("nv-menuitem").focus()}if("ArrowUp"===e.key){let e=(o-1+t.length)%t.length;for(;t[e].matches("nv-menuitem[disabled]");)e=(e-1+t.length)%t.length;const n=t[e];n.matches("nv-menuitem")?n.focus():n.matches("nv-menu")&&n.querySelector("nv-menuitem").focus()}if("ArrowRight"===e.key){const e=t[o];if(!e.matches("nv-menu"))return void(this.isHandlingKeyDown=!1);e.show()}if("ArrowLeft"===e.key&&this.nested){if(t.find((e=>e.matches("nv-menu[open]"))))return void(this.isHandlingKeyDown=!1);this.close(),this.triggerElement.focus()}this.isHandlingKeyDown=!1}}componentWillRender(){this.triggerElement=this.el.querySelector('[slot="trigger"]')}render(){return i(s,{key:"~~de2604e6681418f23352dc436ac6dfb64d3d3a8d~~"},i("slot",{key:"~~26afcd55842377b82a3f6d1f63d2f87eff4f6001~~",name:"trigger"}),i("nv-popover",{key:"~~03466649d538b909070feb3c50e18a35ee7dda19~~",ref:e=>this.popoverElement=e,triggerMode:"click",triggerElement:this.triggerElement,placement:this.placement,nested:this.nested,open:this.open,onOpenChanged:this.handleOpenChanged.bind(this)},this.items?i("ul",{slot:"content"},this.renderMenuItems()):i("slot",{name:"content"})))}get el(){return this}static get style(){return"nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}"}},[260,"nv-menu",{open:[1540],nested:[516],disableCloseOnSelect:[516,"disable-close-on-select"],placement:[513],items:[16],show:[64],close:[64]},[[0,"menuitemSelected","handleMenuItemSelect"],[0,"keydown","handleKeydown"]]]);function c(){"undefined"!=typeof customElements&&["nv-menu","nv-icon","nv-menu","nv-menuitem","nv-popover"].forEach((n=>{switch(n){case"nv-menu":customElements.get(e(n))\|\|customElements.define(e(n),u);break;case"nv-icon":customElements.get(e(n))\|\|r();break;case"nv-menu":customElements.get(e(n))\|\|c();break;case"nv-menuitem":customElements.get(e(n))\|\|m();break;case"nv-popover":customElements.get(e(n))\|\|a()}}))}c();const d=u,l=c;export{d as NvMenu,l as defineCustomElement}
1	+ import{t as e,p as n,H as t,c as o,h as i,d as s}from"./p-6nAIGZFL.js";import{d as r}from"./p-CV12ukSl.js";import{d as m}from"./p-kMTGXpRx.js";import{d as a}from"./p-DrgqO3gF.js";const u=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.menuitemSelected=o(this,"menuitemSelected",7),this.isHandlingKeyDown=!1,this.open=!1,this.nested=!1,this.disableCloseOnSelect=!1,this.placement="bottom-start",this.renderMenuItems=()=>this.items.map((e=>e.hasSubmenu&&e.submenuItems?.length>0?i("nv-menu",{nested:!0,placement:"right-start",items:e.submenuItems},i("nv-menuitem",{slot:"trigger",hasSubmenu:!0,disabled:e.disabled,icon:e.icon,shortcut:e.shortcut,id:e.value,name:e.label,label:e.label})):i("nv-menuitem",{disabled:e.disabled,icon:e.icon,shortcut:e.shortcut,id:e.value,name:e.label,label:e.label})))}async show(){this.open=!0}async close(){this.open=!1}focusFirstItem(){const e=this.popoverElement.querySelector("nv-menuitem");e&&requestAnimationFrame((()=>e.focus()))}handleOpenChanged(e){this.open=e.detail;const n=this.triggerElement===document.activeElement,t=this.triggerElement.matches(":focus-visible");n&&t&&this.focusFirstItem()}handleMenuItemSelect(e){this.disableCloseOnSelect\|\|e.detail.hasSubmenu\|\|(this.open=!1)}handleKeydown(e){if(!this.open){if(("Enter"===e.key\|\|"ArrowDown"===e.key\|\|" "===e.key)&&document.activeElement===this.triggerElement){e.preventDefault(),this.show(),this.focusFirstItem();const n=this.popoverElement.querySelector("nv-menuitem");n&&requestAnimationFrame((()=>n.focus()))}return}if(this.isHandlingKeyDown)return;if(this.isHandlingKeyDown=!0,"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Escape"!==e.key\|\|e.preventDefault(),"Escape"===e.key&&!this.nested)return this.close(),this.triggerElement.focus(),void(this.isHandlingKeyDown=!1);const n=this.el.querySelector('[slot="content"]'),t=Array.from(n.childNodes).filter((e=>e.matches?.("nv-menuitem, nv-menu")));let o=t.indexOf(document.activeElement);if(-1===o&&(o=t.indexOf(document.activeElement.parentElement)),-1===o&&t.find((e=>e.matches("nv-menu[open]"))))this.isHandlingKeyDown=!1;else{if("ArrowDown"!==e.key&&"ArrowUp"!==e.key\|\|t.forEach((e=>{e.matches("nv-menu")&&e.close()})),"ArrowDown"===e.key){let e=(o+1)%t.length;for(;t[e].matches("nv-menuitem[disabled]");)e=(e+1)%t.length;const n=t[e];n.matches("nv-menuitem")?n.focus():n.matches("nv-menu")&&n.querySelector("nv-menuitem").focus()}if("ArrowUp"===e.key){let e=(o-1+t.length)%t.length;for(;t[e].matches("nv-menuitem[disabled]");)e=(e-1+t.length)%t.length;const n=t[e];n.matches("nv-menuitem")?n.focus():n.matches("nv-menu")&&n.querySelector("nv-menuitem").focus()}if("ArrowRight"===e.key){const e=t[o];if(!e.matches("nv-menu"))return void(this.isHandlingKeyDown=!1);e.show()}if("ArrowLeft"===e.key&&this.nested){if(t.find((e=>e.matches("nv-menu[open]"))))return void(this.isHandlingKeyDown=!1);this.close(),this.triggerElement.focus()}this.isHandlingKeyDown=!1}}componentWillRender(){this.triggerElement=this.el.querySelector('[slot="trigger"]')}render(){return i(s,{key:"470d14ed698cc0064a24bf02e5fac3b32d64601a"},i("slot",{key:"2dd81fbe5a23b5225fc464fe528ff08983959b7f",name:"trigger"}),i("nv-popover",{key:"68634d33954033dbd997c8a7f7ed711c6a17470b",ref:e=>this.popoverElement=e,triggerMode:"click",triggerElement:this.triggerElement,placement:this.placement,nested:this.nested,open:this.open,onOpenChanged:this.handleOpenChanged.bind(this)},this.items?i("ul",{slot:"content"},this.renderMenuItems()):i("slot",{name:"content"})))}get el(){return this}static get style(){return"nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}"}},[260,"nv-menu",{open:[1540],nested:[516],disableCloseOnSelect:[516,"disable-close-on-select"],placement:[513],items:[16],show:[64],close:[64]},[[0,"menuitemSelected","handleMenuItemSelect"],[0,"keydown","handleKeydown"]]]);function c(){"undefined"!=typeof customElements&&["nv-menu","nv-icon","nv-menu","nv-menuitem","nv-popover"].forEach((n=>{switch(n){case"nv-menu":customElements.get(e(n))\|\|customElements.define(e(n),u);break;case"nv-icon":customElements.get(e(n))\|\|r();break;case"nv-menu":customElements.get(e(n))\|\|c();break;case"nv-menuitem":customElements.get(e(n))\|\|m();break;case"nv-popover":customElements.get(e(n))\|\|a()}}))}c();const d=u,l=c;export{d as NvMenu,l as defineCustomElement}

package/dist/components/nv-menuitem.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{N as s,d as o}from"./p-~~CskCUxuV~~.js";const p=s,r=o;export{p as NvMenuitem,r as defineCustomElement}
1	+ import{N as o,d as p}from"./p-kMTGXpRx.js";const s=o,r=p;export{s as NvMenuitem,r as defineCustomElement}

package/dist/components/nv-notification-bullet.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{N as o,d as s}from"./p-~~yHGZRC6Q~~.js";const p=o,r=s;export{p as NvNotificationBullet,r as defineCustomElement}
1	+ import{N as o,d as s}from"./p-BwYt1BAb.js";const t=o,p=s;export{t as NvNotificationBullet,p as defineCustomElement}

package/dist/components/nv-notification.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as o,p as i,H as t,c as a,h as n,d as e}from"./p-iXsbKJzR.js";import{F as s,N as c}from"./p-BReL3Lsa.js";import{u as r}from"./p-D1C_pu0E.js";import{u as d}from"./p-9xYwU7ku.js";import"./p-Dz1GUhVy.js";import{u as f}from"./p-D2otK4Ce.js";import{p as l}from"./p-CgHCo_Ho.js";import{d as p}from"./p-Bg-b6OWh.js";import{v as u}from"./p-BdYh22OP.js";const h=i(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.hiddenChanged=a(this,"hiddenChanged",3),this.uid=u(),this.feedback="information",this.emphasis="medium",this.dismissible=!1,this.hidden=!1,this.initiallyHidden=!1,this.iconByFeedback={[s.Warning]:"alert-circle",[s.Information]:"info-circle",[s.Success]:"circle-check",[s.Error]:"alert-triangle",[s.Neutral]:"help"},this.roleByFeedback={[s.Error]:"alert",[s.Warning]:"alert",[s.Information]:"status",[s.Success]:"status",[s.Neutral]:"status"}}async dismiss(){await this.dismissAnimation()}async show(){await this.showAnimation()}getDefaultIcon(){return this.iconByFeedback[this.feedback]??"info-circle"}getAriaRole(){return this.roleByFeedback[this.feedback]??"status"}getAriaLive(){return"alert"===this.getAriaRole()?"assertive":"polite"}getHeadingId(){return this.heading?`nv-notification-${this.uid}-heading`:null}getMessageId(){return this.message?`nv-notification-${this.uid}-message`:null}async showAnimation(){this.hidden=!1;const{setFadeIn:o}=d(this.container),{expand:i}=r(this.el,{duration:300,overflow:"visible"}),{slideY:t,setSlideY:a}=f(this.container,{duration:300});a(-100),o(),await l(t({from:-100,to:0}),i).start(),this.hiddenChanged.emit(!1)}getSlideDestination(o){switch(o){case c.TopRight:case c.BottomRight:return{axis:"x",to:100};case c.TopLeft:case c.BottomLeft:return{axis:"x",to:-100};case c.TopCenter:return{axis:"y",to:-100};case c.BottomCenter:return{axis:"y",to:100};default:return{axis:"x",to:100}}}async dismissAnimation(){const o=this.el.closest("nv-notificationcontainer")?.getAttribute("position"),i=this.getSlideDestination(o),{fadeOut:t}=d(this.container,{duration:300}),{slideX:a,slideY:n,setSlideReset:e}=f(this.container,{duration:500}),{collapse:s}=r(this.el,{duration:500,overflow:"visible"}),c="x"===i.axis?a({from:0,to:i.to}):n({from:0,to:i.to});e(),await l(t,c,s).start(),this.hidden=!0,this.hiddenChanged.emit(!0)}componentWillLoad(){this.headingSlot=this.el.querySelector('[slot="heading"]'),this.messageSlot=this.el.querySelector('[slot="content"]'),this.actionsSlot=this.el.querySelector('[slot="actions"]'),this.initiallyHidden&&(this.hidden=!0)}render(){return n(e,{key:"f8d336b349e7a71862bfa058022deee6fcf0a956",role:this.getAriaRole(),"aria-live":this.getAriaLive(),"aria-atomic":!0,"aria-labelledby":this.getHeadingId()??null,"aria-describedby":this.getMessageId()??null,tabindex:"-1"},n("div",{key:"e75e6bd61a041bac249d77459ebcb3ac98dc54b7","data-scope":"container",ref:o=>this.container=o},this.dismissible&&n("button",{key:"b87bf092486682914d8c22612cb93c1f12027753","data-scope":"dismiss",type:"button",onClick:this.dismiss.bind(this)},n("nv-icon",{key:"95436607fe33bb5fc899af9dd430413b99c4615f",name:"x",size:"sm"})),n("nv-icon",{key:"9962cdd859425b7c542fee370b637288aeb9a63f",name:this.icon??this.getDefaultIcon(),size:"md","data-scope":"icon"}),n("div",{key:"8056d8d40228eea6de9dd8cc243f1a99b5fb23c1","data-scope":"content"},(this.heading\|\|this.headingSlot)&&n("p",{key:"4d13e9d221f3ca0f7dbba81afdb77a6e57c55983",id:this.getHeadingId(),"data-scope":"heading"},n("slot",{key:"6ab11ef7c73caa7864c44c58870c3ee7519e48a4",name:"heading"},this.heading)),(this.message\|\|this.messageSlot)&&n("p",{key:"8002e001201393026b28a55c17d51568e4d60aa3",id:this.getMessageId(),"data-scope":"message"},n("slot",{key:"ae7bac61287736609a9101c185d7ef3a6f0aee5d",name:"content"},this.message)),this.actionsSlot&&n("div",{key:"7116aaf907928256e971c737730d1908bdb72b6a","data-scope":"actions"},n("slot",{key:"ffe5530dccfbdea2b26646b376c22c008c67f77c",name:"actions"})))))}get el(){return this}static get style(){return"nv-notification{display:block}nv-notification [data-scope=container]{display:flex;position:relative;max-width:512px;width:100%;padding:var(--notification-padding);align-items:flex-start;gap:var(--notification-gap-x);border-radius:var(--notification-radius);border-style:solid;box-shadow:0 var(--shadow-y-axis-lg-1, 4px) var(--shadow-blur-lg-1, 6px) var(--shadow-spread-lg-1, -2px) var(--shadow-color-opacity-1, rgba(14, 14, 14, 0.06)), 0 var(--shadow-y-axis-lg-2, 10px) var(--shadow-blur-lg-2, 15px) var(--shadow-spread-lg-2, -3px) var(--shadow-color-opacity-2, rgba(14, 14, 14, 0.1))}nv-notification [data-scope=container] [data-scope=icon]{flex-shrink:0}nv-notification [data-scope=container] [data-scope=dismiss]{padding:var(--button-sm-icon-button-padding, 8px);justify-content:center;align-items:center;gap:var(--button-sm-gap, 6px);display:flex;position:absolute;right:8px;top:8px;border-radius:var(--button-sm-border-radius, 4px);background:var(--components-button-lower-background, rgba(255, 255, 255, 0));color:var(--components-button-lower-icon)}nv-notification [data-scope=container] [data-scope=content]{display:flex;padding-right:var(--notification-padding-right);flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);flex:1 0 0}nv-notification [data-scope=container] [data-scope=content] [data-scope=heading]{display:flex;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;color:var(--components-notification-content-title);font-size:var(--notification-title-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:20px;}nv-notification [data-scope=container] [data-scope=content] [data-scope=message]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);align-self:stretch;color:var(--components-notification-content-description);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-sm, 14px);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm, 20px)}nv-notification [data-scope=container] [data-scope=content] [data-scope=actions]{display:flex;padding:var(--spacing-2, 8px) 0;padding-bottom:0px;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;margin-left:calc(-1 * var(--button-sm-padding-x))}nv-notification[feedback=information] [data-scope=container]{background-color:var(--components-notification-information-background);border-color:var(--components-notification-information-border)}nv-notification[feedback=information] [data-scope=container] [data-scope=icon]{color:var(--components-notification-information-icon)}nv-notification[feedback=information]>[data-scope=close]:focus,nv-notification[feedback=information]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=information]>[data-scope=close]:focus-visible,nv-notification[feedback=information]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=warning] [data-scope=container]{background-color:var(--components-notification-warning-background);border-color:var(--components-notification-warning-border)}nv-notification[feedback=warning] [data-scope=container] [data-scope=icon]{color:var(--components-notification-warning-icon)}nv-notification[feedback=warning]>[data-scope=close]:focus,nv-notification[feedback=warning]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=warning]>[data-scope=close]:focus-visible,nv-notification[feedback=warning]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=error] [data-scope=container]{background-color:var(--components-notification-error-background);border-color:var(--components-notification-error-border)}nv-notification[feedback=error] [data-scope=container] [data-scope=icon]{color:var(--components-notification-error-icon)}nv-notification[feedback=error]>[data-scope=close]:focus,nv-notification[feedback=error]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=error]>[data-scope=close]:focus-visible,nv-notification[feedback=error]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=success] [data-scope=container]{background-color:var(--components-notification-success-background);border-color:var(--components-notification-success-border)}nv-notification[feedback=success] [data-scope=container] [data-scope=icon]{color:var(--components-notification-success-icon)}nv-notification[feedback=success]>[data-scope=close]:focus,nv-notification[feedback=success]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=success]>[data-scope=close]:focus-visible,nv-notification[feedback=success]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=neutral] [data-scope=container]{background-color:var(--components-notification-neutral-background);border-color:var(--components-notification-neutral-border)}nv-notification[feedback=neutral] [data-scope=container] [data-scope=icon]{color:var(--components-notification-neutral-icon)}nv-notification[feedback=neutral]>[data-scope=close]:focus,nv-notification[feedback=neutral]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=neutral]>[data-scope=close]:focus-visible,nv-notification[feedback=neutral]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[emphasis=high] [data-scope=container]{border-width:1px;border-left-width:var(--notification-border-width-high-emphasis);padding-left:calc(var(--notification-padding) - var(--notification-border-width-high-emphasis) + 1px)}nv-notification[emphasis=medium] [data-scope=container]{border-width:var(--notification-border-width-low-emphasis);border-color:var(--color-content-low-border, #E3E3E3)}"}},[260,"nv-notification",{uid:[513],feedback:[513],emphasis:[513],heading:[513],message:[513],icon:[513],dismissible:[516],hidden:[1540],initiallyHidden:[516,"initially-hidden"],dismiss:[64],show:[64]}]);function b(){"undefined"!=typeof customElements&&["nv-notification","nv-icon"].forEach((i=>{switch(i){case"nv-notification":customElements.get(o(i))\|\|customElements.define(o(i),h);break;case"nv-icon":customElements.get(o(i))\|\|p()}}))}b();const v=h,m=b;export{v as NvNotification,m as defineCustomElement}
1	+ import{t as o,p as i,H as t,c as a,h as n,d as e}from"./p-6nAIGZFL.js";import{F as c,N as s}from"./p-BReL3Lsa.js";import{u as r}from"./p-D1C_pu0E.js";import{u as d}from"./p-9xYwU7ku.js";import"./p-Dz1GUhVy.js";import{u as f}from"./p-D2otK4Ce.js";import{p as l}from"./p-CgHCo_Ho.js";import{d as p}from"./p-CV12ukSl.js";import{v as u}from"./p-BdYh22OP.js";const b=i(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.hiddenChanged=a(this,"hiddenChanged",3),this.uid=u(),this.feedback="information",this.emphasis="medium",this.dismissible=!1,this.hidden=!1,this.initiallyHidden=!1,this.iconByFeedback={[c.Warning]:"alert-circle",[c.Information]:"info-circle",[c.Success]:"circle-check",[c.Error]:"alert-triangle",[c.Neutral]:"help"},this.roleByFeedback={[c.Error]:"alert",[c.Warning]:"alert",[c.Information]:"status",[c.Success]:"status",[c.Neutral]:"status"}}async dismiss(){await this.dismissAnimation()}async show(){await this.showAnimation()}getDefaultIcon(){return this.iconByFeedback[this.feedback]??"info-circle"}getAriaRole(){return this.roleByFeedback[this.feedback]??"status"}getAriaLive(){return"alert"===this.getAriaRole()?"assertive":"polite"}getHeadingId(){return this.heading?`nv-notification-${this.uid}-heading`:null}getMessageId(){return this.message?`nv-notification-${this.uid}-message`:null}async showAnimation(){this.hidden=!1;const{setFadeIn:o}=d(this.container),{expand:i}=r(this.el,{duration:300,overflow:"visible"}),{slideY:t,setSlideY:a}=f(this.container,{duration:300});a(-100),o(),await l(t({from:-100,to:0}),i).start(),this.hiddenChanged.emit(!1)}getSlideDestination(o){switch(o){case s.TopRight:case s.BottomRight:return{axis:"x",to:100};case s.TopLeft:case s.BottomLeft:return{axis:"x",to:-100};case s.TopCenter:return{axis:"y",to:-100};case s.BottomCenter:return{axis:"y",to:100};default:return{axis:"x",to:100}}}async dismissAnimation(){const o=this.el.closest("nv-notificationcontainer")?.getAttribute("position"),i=this.getSlideDestination(o),{fadeOut:t}=d(this.container,{duration:300}),{slideX:a,slideY:n,setSlideReset:e}=f(this.container,{duration:500}),{collapse:c}=r(this.el,{duration:500,overflow:"visible"}),s="x"===i.axis?a({from:0,to:i.to}):n({from:0,to:i.to});e(),await l(t,s,c).start(),this.hidden=!0,this.hiddenChanged.emit(!0)}componentWillLoad(){this.headingSlot=this.el.querySelector('[slot="heading"]'),this.messageSlot=this.el.querySelector('[slot="content"]'),this.actionsSlot=this.el.querySelector('[slot="actions"]'),this.initiallyHidden&&(this.hidden=!0)}render(){return n(e,{key:"3c5025f664fcfc1e68856c003cd31ff10b8efdd9",role:this.getAriaRole(),"aria-live":this.getAriaLive(),"aria-atomic":!0,"aria-labelledby":this.getHeadingId()??null,"aria-describedby":this.getMessageId()??null,tabindex:"-1"},n("div",{key:"a26032a0b0ac9818b5da1f6e815a8c96f096ed46","data-scope":"container",ref:o=>this.container=o},this.dismissible&&n("button",{key:"f660bc8b5e5d8df073b69fb60d1ed0b11ec75c6f","data-scope":"dismiss",type:"button",onClick:this.dismiss.bind(this)},n("nv-icon",{key:"dbeea84ab7f1c965eae3a8ae74b7afca98453705",name:"x",size:"sm"})),n("nv-icon",{key:"0cbcee4f8667579b38ea205bdd747aabf6bdca8c",name:this.icon??this.getDefaultIcon(),size:"md","data-scope":"icon"}),n("div",{key:"aed13fae98256180ff8d453c9f9d108eab429952","data-scope":"content"},(this.heading\|\|this.headingSlot)&&n("p",{key:"a2964d1c4dc744765ed916fe74d6cc167164eaf4",id:this.getHeadingId(),"data-scope":"heading"},n("slot",{key:"2eee0bd4a73fd92ea283ae6cd50af2d1edc01f0c",name:"heading"},this.heading)),(this.message\|\|this.messageSlot)&&n("p",{key:"2f7e9b5429b9fa27bc4088b5d26955b8360695c1",id:this.getMessageId(),"data-scope":"message"},n("slot",{key:"f1b3dbe8722c8750231b4fb18fdc120ecfd04c54",name:"content"},this.message)),this.actionsSlot&&n("div",{key:"56a881b3a53bb68a214f8db560805c726930b8d4","data-scope":"actions"},n("slot",{key:"ece50671721f12e58dfd03df09545cb456d00a9c",name:"actions"})))))}get el(){return this}static get style(){return"nv-notification{display:block}nv-notification [data-scope=container]{display:flex;position:relative;max-width:512px;width:100%;padding:var(--notification-padding);align-items:flex-start;gap:var(--notification-gap-x);border-radius:var(--notification-radius);border-style:solid;box-shadow:0 var(--shadow-y-axis-lg-1, 4px) var(--shadow-blur-lg-1, 6px) var(--shadow-spread-lg-1, -2px) var(--shadow-color-opacity-1, rgba(14, 14, 14, 0.06)), 0 var(--shadow-y-axis-lg-2, 10px) var(--shadow-blur-lg-2, 15px) var(--shadow-spread-lg-2, -3px) var(--shadow-color-opacity-2, rgba(14, 14, 14, 0.1))}nv-notification [data-scope=container] [data-scope=icon]{flex-shrink:0}nv-notification [data-scope=container] [data-scope=dismiss]{padding:var(--button-sm-icon-button-padding, 8px);justify-content:center;align-items:center;gap:var(--button-sm-gap, 6px);display:flex;position:absolute;right:8px;top:8px;border-radius:var(--button-sm-border-radius, 4px);background:var(--components-button-lower-background, rgba(255, 255, 255, 0));color:var(--components-button-lower-icon)}nv-notification [data-scope=container] [data-scope=content]{display:flex;padding-right:var(--notification-padding-right);flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);flex:1 0 0}nv-notification [data-scope=container] [data-scope=content] [data-scope=heading]{display:flex;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;color:var(--components-notification-content-title);font-size:var(--notification-title-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:20px;}nv-notification [data-scope=container] [data-scope=content] [data-scope=message]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);align-self:stretch;color:var(--components-notification-content-description);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-sm, 14px);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm, 20px)}nv-notification [data-scope=container] [data-scope=content] [data-scope=actions]{display:flex;padding:var(--spacing-2, 8px) 0;padding-bottom:0px;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;margin-left:calc(-1 * var(--button-sm-padding-x))}nv-notification[feedback=information] [data-scope=container]{background-color:var(--components-notification-information-background);border-color:var(--components-notification-information-border)}nv-notification[feedback=information] [data-scope=container] [data-scope=icon]{color:var(--components-notification-information-icon)}nv-notification[feedback=information]>[data-scope=close]:focus,nv-notification[feedback=information]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=information]>[data-scope=close]:focus-visible,nv-notification[feedback=information]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=warning] [data-scope=container]{background-color:var(--components-notification-warning-background);border-color:var(--components-notification-warning-border)}nv-notification[feedback=warning] [data-scope=container] [data-scope=icon]{color:var(--components-notification-warning-icon)}nv-notification[feedback=warning]>[data-scope=close]:focus,nv-notification[feedback=warning]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=warning]>[data-scope=close]:focus-visible,nv-notification[feedback=warning]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=error] [data-scope=container]{background-color:var(--components-notification-error-background);border-color:var(--components-notification-error-border)}nv-notification[feedback=error] [data-scope=container] [data-scope=icon]{color:var(--components-notification-error-icon)}nv-notification[feedback=error]>[data-scope=close]:focus,nv-notification[feedback=error]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=error]>[data-scope=close]:focus-visible,nv-notification[feedback=error]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=success] [data-scope=container]{background-color:var(--components-notification-success-background);border-color:var(--components-notification-success-border)}nv-notification[feedback=success] [data-scope=container] [data-scope=icon]{color:var(--components-notification-success-icon)}nv-notification[feedback=success]>[data-scope=close]:focus,nv-notification[feedback=success]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=success]>[data-scope=close]:focus-visible,nv-notification[feedback=success]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=neutral] [data-scope=container]{background-color:var(--components-notification-neutral-background);border-color:var(--components-notification-neutral-border)}nv-notification[feedback=neutral] [data-scope=container] [data-scope=icon]{color:var(--components-notification-neutral-icon)}nv-notification[feedback=neutral]>[data-scope=close]:focus,nv-notification[feedback=neutral]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=neutral]>[data-scope=close]:focus-visible,nv-notification[feedback=neutral]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[emphasis=high] [data-scope=container]{border-width:1px;border-left-width:var(--notification-border-width-high-emphasis);padding-left:calc(var(--notification-padding) - var(--notification-border-width-high-emphasis) + 1px)}nv-notification[emphasis=medium] [data-scope=container]{border-width:var(--notification-border-width-low-emphasis);border-color:var(--color-content-low-border, #E3E3E3)}"}},[260,"nv-notification",{uid:[513],feedback:[513],emphasis:[513],heading:[513],message:[513],icon:[513],dismissible:[516],hidden:[1540],initiallyHidden:[516,"initially-hidden"],dismiss:[64],show:[64]}]);function h(){"undefined"!=typeof customElements&&["nv-notification","nv-icon"].forEach((i=>{switch(i){case"nv-notification":customElements.get(o(i))\|\|customElements.define(o(i),b);break;case"nv-icon":customElements.get(o(i))\|\|p()}}))}h();const v=b,m=h;export{v as NvNotification,m as defineCustomElement}