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

package/dist/components/nv-fieldpassword.js

@@ -1 +1 @@
-import{t as e,p as r,H as o,c as i,h as a,d as t}from"./p-6nAIGZFL.js";import{d as n}from"./p-qkNH2RHl.js";import{d}from"./p-Co8IghI-.js";import{d as s}from"./p-DE792Sds.js";import{v as l}from"./p-BdYh22OP.js";const f=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged",3),this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.mode="text",this.autocomplete="off",this.hidePasswordIcon=!1,this.showPassword=!1,this.autofocus=!1,this.fluid=!1,this.handleInputContainerClick=()=>{this.inputElement.focus()},this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState},this.handleInput=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,o=e?r:null,i=e?"true"===o||""===o:void 0,n=this.required&&(!e||!0===i);return a(t,{key:"30f853d7d12cd12f4093c3a185e497eb5374fecd"},(this.label||this.el.querySelector('[slot="label"]'))&&a("label",{key:"a0a4557d38448ea9101f255b8080eb298107906e",htmlFor:this.inputId},a("slot",{key:"76eccd0d2ef97d4a714f9d72f736e7b8a3b1ac9d",name:"label"},this.label)),a("div",{key:"d1042d63c628c26614aabe08155848f265dd67d1",class:"input-wrapper"},a("slot",{key:"1412d40db63a8a1bcea9a941ca0c263d3227cbbc",name:"before-input"}),a("div",{key:"683b678a05a524258ee6924148c2bea9be68690a",class:"input-container",onClick:this.handleInputContainerClick},a("slot",{key:"34f2878c425e6544ab7862cb1e3e892da399c23f",name:"leading-input"}),a("input",{key:"153fa6a7aac31180e6355dcf7a0b3e2fbaa75ce0",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:n?this.required:void 0,...void 0!==i&&{"aria-required":i+""},maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success||this.error)&&a("nv-icon",{key:"3b024daa690eb7ff8d34da6000d37ce6ae182112",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&a("nv-iconbutton",{key:"c8877e4d7d2c106161bfd1b27e3e3dc664cec313",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":""+this.showPasswordState})),a("slot",{key:"c3b428593383be23101c2dead68421f620e25d38",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&a("div",{key:"56a5ebc137e6864570626e0ce75aca0fff6314d3",class:"description"},a("slot",{key:"eb8c5141c3a79359ca606defea0c0b7dbc0f5bd6",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&a("div",{key:"4aaf597ca070227517d231b7e673e0db280ccab1",hidden:!this.error,class:"error-description"},a("slot",{key:"6815df2fc9b2ec36cfe1f88cebaeaf88e11ec882",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{showPassword:[{handleShowPasswordChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}'}},[324,"nv-fieldpassword",{inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],mode:[513],autocomplete:[513],hidePasswordIcon:[516,"hide-password-icon"],showPassword:[516,"show-password"],autofocus:[516],fluid:[516],showPasswordState:[32]},void 0,{showPassword:[{handleShowPasswordChange:0}]}]);function c(){"undefined"!=typeof customElements&&["nv-fieldpassword","nv-icon","nv-iconbutton","nv-loader"].forEach((r=>{switch(r){case"nv-fieldpassword":customElements.get(e(r))||customElements.define(e(r),f);break;case"nv-icon":customElements.get(e(r))||n();break;case"nv-iconbutton":customElements.get(e(r))||d();break;case"nv-loader":customElements.get(e(r))||s()}}))}c();const p=f,v=c;export{p as NvFieldpassword,v as defineCustomElement}
+import{t as e,p as r,H as o,c as i,h as a,d as t}from"./p-DiwYO24j.js";import{d as n}from"./p-BYrgllP3.js";import{d}from"./p-Dg-Ac5i4.js";import{d as s}from"./p-Cx5CLy9v.js";import{v as l}from"./p-BdYh22OP.js";const f=r(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged",3),this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.mode="text",this.autocomplete="off",this.hidePasswordIcon=!1,this.showPassword=!1,this.autofocus=!1,this.fluid=!1,this.handleInputContainerClick=()=>{this.inputElement.focus()},this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState},this.handleInput=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,o=e?r:null,i=e?"true"===o||""===o:void 0,n=this.required&&(!e||!0===i);return a(t,{key:"e24affee3586427a9d7b2dbf2205dc4ac62b7491"},(this.label||this.el.querySelector('[slot="label"]'))&&a("label",{key:"3ce9065dc2d72992d5c6e3e856df4c1447717ed2",htmlFor:this.inputId},a("slot",{key:"ed16a44bfdcf67f371d0a1f083bc0d6e6009350b",name:"label"},this.label)),a("div",{key:"b43e17d340383e0b70bcb4fb5fa061d479baf46a",class:"input-wrapper"},a("slot",{key:"2f101c6bf63c88fc4a6ad8aee5622097c133245b",name:"before-input"}),a("div",{key:"37fe8f5efd8f4374b9a237f4f5d1ebe9af9f6e05",class:"input-container",onClick:this.handleInputContainerClick},a("slot",{key:"4ca0f2ce27bded082e2fe49598ef6310db1ac0b3",name:"leading-input"}),a("input",{key:"302e86558f7843f44486b47987d37df6ac7f50ac",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:n?this.required:void 0,...void 0!==i&&{"aria-required":i+""},maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success||this.error)&&a("nv-icon",{key:"c8874ce153ceddb132f9be42178bd3ff150005d2",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&a("nv-iconbutton",{key:"90b7e1f592e67ea60194b581931fa842af695ef4",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":""+this.showPasswordState})),a("slot",{key:"71add973e9ce73cc172d074492a9dbb2c20caaf9",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&a("div",{key:"c2d8551e86c028619f2c7c810597353df24cf83a",class:"description"},a("slot",{key:"8ebe471324eba4eb9734ccd5a3aa600cc44512d9",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&a("div",{key:"71d0c4737a51c030ba8ca859d1fd0b26d5a48772",hidden:!this.error,class:"error-description"},a("slot",{key:"70e23fc8738958e2f2518079e0289a5a839903cd",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{showPassword:[{handleShowPasswordChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldpassword .error-description[hidden]{display:none}'}},[324,"nv-fieldpassword",{inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],mode:[513],autocomplete:[513],hidePasswordIcon:[516,"hide-password-icon"],showPassword:[516,"show-password"],autofocus:[516],fluid:[516],showPasswordState:[32]},void 0,{showPassword:[{handleShowPasswordChange:0}]}]);function c(){"undefined"!=typeof customElements&&["nv-fieldpassword","nv-icon","nv-iconbutton","nv-loader"].forEach((r=>{switch(r){case"nv-fieldpassword":customElements.get(e(r))||customElements.define(e(r),f);break;case"nv-icon":customElements.get(e(r))||n();break;case"nv-iconbutton":customElements.get(e(r))||d();break;case"nv-loader":customElements.get(e(r))||s()}}))}c();const p=f,v=c;export{p as NvFieldpassword,v as defineCustomElement}

package/dist/components/nv-fieldradio.js

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

package/dist/components/nv-fieldselect.js

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

package/dist/components/nv-fieldslider.js

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

package/dist/components/nv-fieldtext.js

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

package/dist/components/nv-fieldtextarea.js

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

package/dist/components/nv-fieldtime.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as n,f as r,h as o,d as s}from"./p-6nAIGZFL.js";import{g as a}from"./p-BReL3Lsa.js";import{d as l}from"./p-qkNH2RHl.js";import{d}from"./p-Co8IghI-.js";import{d as c}from"./p-DE792Sds.js";import{d as f}from"./p-CLzCfsnq.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],n={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(!e||!i)return n;const r=e.replace(/[^0-9:]/g,""),o=r.match(i.pattern);if(o)return v(o,t);const s=r.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],n={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&&(n.hours=e.hours):i>=0&&i<=23&&(n.hours=e.hours)}return i.parts.includes(a.Minutes)&&(n.minutes=e.minutes),i.parts.includes(a.Seconds)&&(n.seconds=e.seconds),n}(v(s,"HH:mm:ss"),t);const l=r.split(":"),d={...n};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"):n.hours:e>=0&&e<=23?(""+e).padStart(2,"0"):n.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=n(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 n=m(this.format),r=n.indexOf(this.typeFocused)+1;if(r<n.length){const e=n[r];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 n=b(i,e);this.value=n,r(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 n=this.reconstructTime();this.value=n}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 n=e.slice(1,3).padStart(2,"0");this.hours=(parseInt(n,10)||0)>=i?"00":n}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"),n=parseInt(t,10)||0;this.hours=n>=i?"00":""+n}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 n=this.reconstructTime();this.value=n}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,n=i.scrollTop,r=i.clientHeight,o=i.scrollHeight,s=this.generateTimeOptions(t);(n+r>=o-40||n<=0)&&(i.scrollTop=40*s.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"),n=i?12:23,r=i?1:0,o=this.parseHour(this.max,this.format),s=this.parseHour(this.min,this.format),a=o?parseInt(o,10):n,l=[];for(let e=s?parseInt(s,10):r;e<=a;e+=t)l.push((""+e).padStart(2,"0"));return l}parseHour(e,t){if(!e)return null;const[i]=e.split(":"),n=parseInt(i,10);return isNaN(n)?null:t.startsWith("hh")?n>0&&n<=12?i.padStart(2,"0"):null:n>=0&&n<=24?i.padStart(2,"0"):null}generateMinuteOptions(e){const t=Math.max(1,Math.floor(e%3600/60)),i=this.parseMinute(this.min)??0,n=this.parseMinute(this.max)??59;if(0===i&&0===n)return["00"];const r=[];for(let e=i;e<=n;e+=t)r.push((""+e).padStart(2,"0"));return r}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,n=this.parseSecond(this.max)??59;if(0===i&&0===n)return["00"];const r=[];for(let e=i;e<=n;e+=t)r.push((""+e).padStart(2,"0"));return r}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)),n=i.findIndex((e=>e.textContent===t));this.updateHighlightedItem(i,n)}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,n=e?"true"===i||""===i:void 0;return{ariaRequiredValue:n,useNativeRequired:this.required&&(!e||!0===n)}}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:"c250283de9b4de235cee8fa84f1561762c0bb6f9",onclick:e=>this.handleHostClick(e),"aria-expanded":this.open?"true":"false"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"d18029863a3ae8305cc5e43399b82f083f83d921",htmlFor:this.inputId},o("slot",{key:"05655a64f240181f997f40a1e9067db035bff9bd",name:"label"},this.label)),o("nv-popover",{key:"9780461676a907cf7eab03716f8a20a22e940a41",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:this.handleOpenChanged},o("div",{key:"c5d0c48848022e9e9fc65aa814e8e72521c1f6ed",class:"input-wrapper",slot:"trigger"},o("slot",{key:"9786f306ae1a325b584a3bbbe9cf090e527da256",name:"before-input"}),o("div",{key:"666e715dc8568ed25e1081f58570f5d2bf50c0c3",class:"input-container"},o("slot",{key:"66545084f7872990be3adba701c54c2a86ccc64b",name:"leading-input"}),this.renderTimeInputFields(),o("nv-iconbutton",{key:"2dfc9e20ae4d245cc125643226169e83b73d87e7",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:"4b6ee88ae65445de2a8f2228956fe47f9fb27764",name:"alert-circle",class:"validation",size:"sm"}),this.success&&o("nv-icon",{key:"d7b150d404c59efb3a9ba5964fe5d3d2201bac40",name:"circle-check",class:"validation",size:"sm"})),o("slot",{key:"2ccaec2934e7d611675daf670832196f03217f3f",name:"after-input"})),o("div",{key:"6888123870b59cf64a5ee4c31bd05829154c542f",class:"time-dropdown",slot:"content"},o("div",{key:"99547788b1aaf9b6e1c37176358da04d89060cd1",class:"time-columns"},this.renderTimeDropdownColumns()))),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"23671a99897ae51a90eb4ffefe089a0f220163bc",class:"description"},o("slot",{key:"b3a3857e78459f31c5a3295319640c6b2d37322b",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"88bbae1c431c1ec5c81ed66b5399299b64a609cf",hidden:!this.error,class:"error-description"},o("slot",{key:"9f2a0530c81d5ec81a6a5224378f2e4346d776a1",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}
+import{t as e,p as t,H as i,c as n,f as r,h as o,d as s}from"./p-DiwYO24j.js";import{h as a}from"./p-gOKBmbgZ.js";import{d as l}from"./p-BYrgllP3.js";import{d}from"./p-Dg-Ac5i4.js";import{d as c}from"./p-Cx5CLy9v.js";import{d as f}from"./p-MLanePUO.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],n={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(!e||!i)return n;const r=e.replace(/[^0-9:]/g,""),o=r.match(i.pattern);if(o)return v(o,t);const s=r.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],n={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&&(n.hours=e.hours):i>=0&&i<=23&&(n.hours=e.hours)}return i.parts.includes(a.Minutes)&&(n.minutes=e.minutes),i.parts.includes(a.Seconds)&&(n.seconds=e.seconds),n}(v(s,"HH:mm:ss"),t);const l=r.split(":"),d={...n};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"):n.hours:e>=0&&e<=23?(""+e).padStart(2,"0"):n.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=n(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 n=m(this.format),r=n.indexOf(this.typeFocused)+1;if(r<n.length){const e=n[r];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=p(e,this.format),i=b(t,this.format);this.hours=t.hours,this.minutes=t.minutes,this.seconds=t.seconds,i!==e&&(this.value=i)}}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 n=b(i,e);this.value=n,r(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 n=this.reconstructTime();this.value=n,this.valueChanged.emit(this.value)}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 n=e.slice(1,3).padStart(2,"0");this.hours=(parseInt(n,10)||0)>=i?"00":n}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"),n=parseInt(t,10)||0;this.hours=n>=i?"00":""+n}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 n=this.reconstructTime();this.value=n,this.valueChanged.emit(this.value)}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,n=i.scrollTop,r=i.clientHeight,o=i.scrollHeight,s=this.generateTimeOptions(t);(n+r>=o-40||n<=0)&&(i.scrollTop=40*s.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"),n=i?12:23,r=i?1:0,o=this.parseHour(this.max,this.format),s=this.parseHour(this.min,this.format),a=o?parseInt(o,10):n,l=[];for(let e=s?parseInt(s,10):r;e<=a;e+=t)l.push((""+e).padStart(2,"0"));return l}parseHour(e,t){if(!e)return null;const[i]=e.split(":"),n=parseInt(i,10);return isNaN(n)?null:t.startsWith("hh")?n>0&&n<=12?i.padStart(2,"0"):null:n>=0&&n<=24?i.padStart(2,"0"):null}generateMinuteOptions(e){const t=Math.max(1,Math.floor(e%3600/60)),i=this.parseMinute(this.min)??0,n=this.parseMinute(this.max)??59;if(0===i&&0===n)return["00"];const r=[];for(let e=i;e<=n;e+=t)r.push((""+e).padStart(2,"0"));return r}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,n=this.parseSecond(this.max)??59;if(0===i&&0===n)return["00"];const r=[];for(let e=i;e<=n;e+=t)r.push((""+e).padStart(2,"0"));return r}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)),n=i.findIndex((e=>e.textContent===t));this.updateHighlightedItem(i,n)}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,n=e?"true"===i||""===i:void 0;return{ariaRequiredValue:n,useNativeRequired:this.required&&(!e||!0===n)}}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:"a032b1f8f529f78197c0c392a36a2a7a0e64da9a",onclick:e=>this.handleHostClick(e),"aria-expanded":this.open?"true":"false"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"2ad43d201ababc34f5f2e83f56e993b4f4308391",htmlFor:this.inputId},o("slot",{key:"94c4ae7c844a21ca5f2eaa2944ae6fde8a743db1",name:"label"},this.label)),o("nv-popover",{key:"2ffeb7b5cdd4bee7c16d749a8f9056aa0b3e0def",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:this.handleOpenChanged},o("div",{key:"493e8641008451f36d289e54061cfbf7041219a8",class:"input-wrapper",slot:"trigger"},o("slot",{key:"cc4dda576165ac75fa7c3e64c2688e74631adbe1",name:"before-input"}),o("div",{key:"589853e389e86ada62ee220bd7d383d53841a857",class:"input-container"},o("slot",{key:"a705e0d398d6a169ff98b04944baf0df13d02a3f",name:"leading-input"}),this.renderTimeInputFields(),o("nv-iconbutton",{key:"a33b9ba6453d7649970040e690ee50bdfaa83ee3",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:"89890ac88e95199aedc13ea536843ba1c0e1cb18",name:"alert-circle",class:"validation",size:"sm"}),this.success&&o("nv-icon",{key:"2f020e2a5efb5ec37eecbe2629236fbbf4ca6ce8",name:"circle-check",class:"validation",size:"sm"})),o("slot",{key:"2357690da2edc71f674f384b2d497155ef47984e",name:"after-input"})),o("div",{key:"d13be0ad80be00d85b87eb7981e875d75a0e4862",class:"time-dropdown",slot:"content"},o("div",{key:"1443d77eea765261a16bd3f838ed9f7126bf68a5",class:"time-columns"},this.renderTimeDropdownColumns()))),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"4feca47ba72f1594a6a6c8246810620eda9d207b",class:"description"},o("slot",{key:"43845e3b0f15f787ea69eb1a588e3bc6392449c1",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"539a080864dd94f4b7b1b1c2c16e813ca3d5e42d",hidden:!this.error,class:"error-description"},o("slot",{key:"9c70b3af02a3e3a26b022d65cced0217d14c8812",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 .error-description[hidden]{display:none}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

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

package/dist/components/nv-iconbutton.js

@@ -1 +1 @@
-import{N as o,d as s}from"./p-Co8IghI-.js";const p=o,r=s;export{p as NvIconbutton,r as defineCustomElement}
+import{N as o,d as s}from"./p-Dg-Ac5i4.js";const p=o,r=s;export{p as NvIconbutton,r as defineCustomElement}

package/dist/components/nv-loader.js

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

package/dist/components/nv-menu.js

@@ -1 +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-qkNH2RHl.js";import{d as m}from"./p-f8OUzde-.js";import{d as a}from"./p-CLzCfsnq.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:"b8154f4e215984b0dbb106b44dcad72eacb140e1"},i("slot",{key:"cddcea9afd3324d39168f3879cdbb0839f3e432a",name:"trigger"}),i("nv-popover",{key:"2e20e3b97279c27e16b0eef4eb2d327a1e22c3b3",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}
+import{t as e,p as n,H as t,c as o,h as i,d as s}from"./p-DiwYO24j.js";import{d as r}from"./p-BYrgllP3.js";import{d as m}from"./p-yPMU6HZQ.js";import{d as a}from"./p-MLanePUO.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:"efaa7d9242c23b27395dc1584ea05300ce3142d8"},i("slot",{key:"42be7569ce9b393f2f22daabbe4f7594e3e48a7a",name:"trigger"}),i("nv-popover",{key:"55a12dabf7230a3fbb5e1811b4d211a4c9c7514a",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

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

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

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

package/dist/components/nv-notification.js

@@ -1 +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 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-qkNH2RHl.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={[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:"6d78033613b4f5d8c90fd3f0228e90f28272a7ca",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:"0a2e82809525643861c44462bbf85bb670b56bb9","data-scope":"container",ref:o=>this.container=o},this.dismissible&&n("button",{key:"46ce066fba0d63bce346697b512051e9fdbf939c","data-scope":"dismiss",type:"button",onClick:this.dismiss.bind(this)},n("nv-icon",{key:"25ce721523d04886ff700923310b0fea3e6eeea5",name:"x",size:"sm"})),n("nv-icon",{key:"060dfd8b52e92af64a6f5d80f18b520e3fa2db4e",name:this.icon??this.getDefaultIcon(),size:"md","data-scope":"icon"}),n("div",{key:"0b60d8005cd53a7bb4f8cbb7d1e2c67337f5b73d","data-scope":"content"},(this.heading||this.headingSlot)&&n("p",{key:"549d7ee40542d3579e13c6e31dc313ba3a261f81",id:this.getHeadingId(),"data-scope":"heading"},n("slot",{key:"c5c067b17e2b7456b6ddf7a7747e51c9924cd50f",name:"heading"},this.heading)),(this.message||this.messageSlot)&&n("p",{key:"3de5ab6bf9a77bb0843cd04b945f40b3b16417db",id:this.getMessageId(),"data-scope":"message"},n("slot",{key:"5bcc2b2842907f35d3e8b9f1be3c2045c5ad8a0f",name:"content"},this.message)),this.actionsSlot&&n("div",{key:"e06454ce135e9869b9c7a9faea3e6f082ddc0e8a","data-scope":"actions"},n("slot",{key:"eed113cd7f2d9ae51493f2cd8b9a175db6e7f4aa",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}
+import{t as o,p as i,H as t,c as n,h as a,d as e}from"./p-DiwYO24j.js";import{F as s,N as c}from"./p-gOKBmbgZ.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-BYrgllP3.js";import{v as u}from"./p-BdYh22OP.js";const b=i(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.hiddenChanged=n(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:n}=f(this.container,{duration:300});n(-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:n,slideY:a,setSlideReset:e}=f(this.container,{duration:500}),{collapse:s}=r(this.el,{duration:500,overflow:"visible"}),c="x"===i.axis?n({from:0,to:i.to}):a({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 a(e,{key:"32af1308aa22ce8228416fcce23ce5b75111895b",role:this.getAriaRole(),"aria-live":this.getAriaLive(),"aria-atomic":!0,"aria-labelledby":this.getHeadingId()??null,"aria-describedby":this.getMessageId()??null,tabindex:"-1"},a("div",{key:"e63deeef95ae6c0e3fe1d8ce178c5dbe9d82f88c","data-scope":"container",ref:o=>this.container=o},this.dismissible&&a("button",{key:"1b66875001f685293d83bbe90a85b297b335c024","data-scope":"dismiss",type:"button",onClick:this.dismiss.bind(this)},a("nv-icon",{key:"b1be8798751f60f41925ea92e40df697eb15fa42",name:"x",size:"sm"})),a("nv-icon",{key:"a922d93bddb729fa7674199d438833544d48da2e",name:this.icon??this.getDefaultIcon(),size:"md","data-scope":"icon"}),a("div",{key:"a55e449e8e17560a70d3d40ff3b9e7e2855fbbac","data-scope":"content"},(this.heading||this.headingSlot)&&a("p",{key:"d4c7b85c8b9c5c488b86ba4c8f0c456b8ea3ca2d",id:this.getHeadingId(),"data-scope":"heading"},a("slot",{key:"e1ef0d24ae77ee788c63d66bed7fee308f3f9d13",name:"heading"},this.heading)),(this.message||this.messageSlot)&&a("p",{key:"cd7d469058230fec03311e485da0360766633dd0",id:this.getMessageId(),"data-scope":"message"},a("slot",{key:"cd5000e571c1a7b19bbb0f59e58e938ee4e51361",name:"content"},this.message)),this.actionsSlot&&a("div",{key:"b0a19b512cc2fbce22907ac28828429202378e75","data-scope":"actions"},a("slot",{key:"d40e04eb94154b319c8e212c76f1d932942137d0",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}