npm - @nova-design-system/nova-webcomponents - Versions diffs - 3.30.0 → 3.31.0 - Mend

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

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

Files changed (251) hide show

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

	@@ -1 +1 @@
1	- import{t as e,p as r,H as o,c as i,h as a,d as t}from"./p-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}
1	+ 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-B_SethFg.js";import{d}from"./p-B4Uw_U8V.js";import{d as s}from"./p-Bt5_pj49.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-fieldselect.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- import{h as e,t as i,p as r,H as t,c as a,d as n}from"./p-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.width100,0,100),t=this.min+r/100(this.max-this.min);if(this.rawPosition=t,this.range){const e=v(this.rangeValueInternal[0],this.min,this.max),i=v(this.rangeValueInternal[1],this.min,this.max);Math.abs(r-e)<=Math.abs(r-i)?(this.activeDragThumb="left",this.rawRangePosition=[t,this.rawRangePosition[1]],this.handleValueChange([t,this.rangeValueInternal[1]])):(this.activeDragThumb="right",this.rawRangePosition=[this.rawRangePosition[0],t],this.handleValueChange([this.rangeValueInternal[0],t]))}else this.activeDragThumb="single",this.rawPosition=t,this.handleValueChange(t);this.isDragging=!0,this.registerGlobalEvents()},this.onPointerMove=e=>{if(!this.isDragging\|\|this.disabled\|\|this.readonly)return;const i=this.el.querySelector(".track");if(!i)return;const r=i.getBoundingClientRect(),t=u((e.clientX-r.left)/r.width100,0,100),a=this.min+t/100(this.max-this.min);this.range?"left"===this.activeDragThumb?(this.rawRangePosition=[a,this.rawRangePosition[1]],this.handleValueChange([a,this.rangeValueInternal[1]])):(this.rawRangePosition=[this.rawRangePosition[0],a],this.handleValueChange([this.rangeValueInternal[0],a])):(this.rawPosition=a,this.handleValueChange(a))},this.onPointerUp=()=>{this.isDragging=!1,this.removeGlobalEvents()},this.onKeyDown=e=>{if(this.disabled\|\|this.readonly)return;let i;const r=this.step(e.shiftKey?10:1);if(this.range){const t="left"===e.target.getAttribute("data-thumb")?0:1,a=[...this.rangeValueInternal];switch(e.key){case"ArrowRight":case"ArrowUp":a[t]+=r;break;case"ArrowLeft":case"ArrowDown":a[t]-=r;break;case"Home":a[t]=this.min;break;case"End":a[t]=this.max;break;case"PageUp":a[t]+=10r;break;case"PageDown":a[t]-=10r;break;default:return}i=a}else switch(e.key){case"ArrowRight":case"ArrowUp":i=this.valueInternal+r;break;case"ArrowLeft":case"ArrowDown":i=this.valueInternal-r;break;case"Home":i=this.min;break;case"End":i=this.max;break;case"PageUp":i=this.valueInternal+10r;break;case"PageDown":i=this.valueInternal-10r;break;default:return}e.preventDefault(),this.handleValueChange(i)},this.handleFieldChange=e=>{const i=e.value;if(!isNaN(i))if(this.range){const r=[...this.rangeValueInternal];r[0===e.index?0:1]=i,this.handleValueChange(r)}else this.handleValueChange(i)}}validateValue(e){const i=u(e,this.min,this.max);return this.snapTicks&&this.internalTicks&&this.internalTicks.length>0?function(e,i){if(!i\|\|0===i.length)return e;let r=i[0].value,t=Math.abs(e-r);for(const a of i){const i=Math.abs(e-a.value);i<t&&(t=i,r=a.value)}return r}(i,this.internalTicks):function(e,i,r,t){const a=u(e,i,r),n=f(t);if(n>0){const e=Math.pow(10,n),s=Math.round((a-i)e),o=Math.round(te);return u(parseFloat((i+Math.round(s/o)o/e).toFixed(n)),i,r)}return u(i+Math.round((a-i)/t)t,i,r)}(i,this.min,this.max,this.step)}handleValueChange(e){if(!this.disabled&&!this.readonly)if(this.range){if(Array.isArray(e)&&2===e.length){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])],r=[this.validateValue(i[0]),this.validateValue(i[1])];r[0]===this.rangeValueInternal[0]&&r[1]===this.rangeValueInternal[1]\|\|(this.rangeValueInternal=r,this.value=this.rangeValueInternal,this.valueChanged.emit(this.rangeValueInternal))}}else if("number"==typeof e){const i=this.validateValue(e);i!==this.valueInternal&&(this.valueInternal=i,this.value=[this.valueInternal],this.valueChanged.emit([this.valueInternal]))}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0)return void(this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value)));if(!this.showTicks)return void(this.internalTicks=[]);const e=function(e,i,r){const t=[];for(let a=e;a<=i;a+=r)t.push(Number(a.toFixed(10)));return t[t.length-1]!==i&&t.push(i),t}(this.min,this.max,this.step);this.internalTicks=e.map((e=>({value:e})))}registerGlobalEvents(){document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)}removeGlobalEvents(){document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}onValueChange(){this.parseValue()}onConfigChange(){this.generateDisplayTicks(),this.handleValueChange(this.range?this.rangeValueInternal:this.valueInternal)}onRangeChange(e){e?this.rangeValueInternal=[this.min,this.valueInternal]:this.valueInternal=this.rangeValueInternal[1]}connectedCallback(){this.parseValue(),this.generateDisplayTicks(),this.range?(Array.isArray(this.rangeValueInternal)&&2===this.rangeValueInternal.length\|\|(this.rangeValueInternal=[this.min,this.max]),this.handleValueChange(this.rangeValueInternal),this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]):(this.handleValueChange(this.valueInternal),this.rawPosition=this.valueInternal)}componentWillLoad(){1===this.value.length&&this.range?this.value=[this.value[0],this.value[0]]:2!==this.value.length\|\|this.range\|\|(this.value=[this.value[0]])}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(n,{key:"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}
1	+ import{h as e,t as i,p as t,H as r,c as a,d as n}from"./p-DiwYO24j.js";import{c as s}from"./p-ChV9xqsO.js";import{d as o}from"./p-Oger3lC0.js";import{d as l}from"./p-B_SethFg.js";import{d}from"./p-B4Uw_U8V.js";import{d as c}from"./p-Bt5_pj49.js";import{v as h}from"./p-BdYh22OP.js";function f(e){if(Number.isInteger(e))return 0;const i=(""+e).split(".")[1];return i?i.length:0}function u(e,i,t){return Math.max(i,Math.min(t,e))}function v(e,i,t){return t===i?0:(e-i)/(t-i)100}function b(e,i){const t=f(i);return t>0?e.toFixed(t):e+""}const p=i=>{const{value:t,min:r,max:a,step:n,rawPosition:s,isDragging:o,snap:l,disabled:d,readonly:c,onKeyDown:h,labelBeforeValue:f,labelAfterValue:p}=i;let m=t;o&&!l&&(m=u(s,r,a));const g=v(m,r,a);return e("div",{class:"thumb",style:{left:g+"%"},role:"slider","aria-valuemin":r,"aria-valuemax":a,"aria-valuenow":t,"aria-disabled":d?"true":void 0,"aria-readonly":c?"true":void 0,tabindex:d?-1:0,onKeyDown:h},e("div",{class:"thumb-tooltip"},f&&e("span",{class:"label-before"},f),b(t,n),p&&e("span",{class:"label-after"},p)))},m=i=>{const{rangeValue:t,rawRangePosition:r,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]=t;let y=g,w=k;if(n&&!s){const[e,i]=r;"left"===a?y=u(e,o,Math.min(k,l)):"right"===a&&(w=u(i,Math.max(g,o),l))}const x=v(y,o,l),C=v(w,o,l);return[e("div",{class:"track-range",style:{left:x+"%",width:C-x+"%"}}),e("div",{class:"thumb thumb-left",style:{left:x+"%"},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:t,min:r,max:a}=i;return 0===t.length?null:e("div",{class:"track-ticks"},t.map((i=>{const t=v(i.value,r,a);return e("div",{class:"track-tick",style:{left:t+"%"}},i.label&&e("div",{class:"tick-label"},i.label))})))},k=i=>{const{range:t,hasField:r,value: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=t?n[o]:a,y=t?{"data-index":""+o}:{};let w;return w=t?0===o?m\|\|"":g\|\|(m?m+"-end":""):m\|\|"",r?e("div",{class:s(!r&&"hidden-input")},e("nv-fieldnumber",{id:l,value:k,min:d,max:c,step:h,disabled:f,readonly:u,name:w,...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:w})},y=t(class extends r{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(),t=u((e.clientX-i.left)/i.width100,0,100),r=this.min+t/100(this.max-this.min);if(this.rawPosition=r,this.range){const e=v(this.rangeValueInternal[0],this.min,this.max),i=v(this.rangeValueInternal[1],this.min,this.max);Math.abs(t-e)<=Math.abs(t-i)?(this.activeDragThumb="left",this.rawRangePosition=[r,this.rawRangePosition[1]],this.handleValueChange([r,this.rangeValueInternal[1]])):(this.activeDragThumb="right",this.rawRangePosition=[this.rawRangePosition[0],r],this.handleValueChange([this.rangeValueInternal[0],r]))}else this.activeDragThumb="single",this.rawPosition=r,this.handleValueChange(r);this.isDragging=!0,this.registerGlobalEvents()},this.onPointerMove=e=>{if(!this.isDragging\|\|this.disabled\|\|this.readonly)return;const i=this.el.querySelector(".track");if(!i)return;const t=i.getBoundingClientRect(),r=u((e.clientX-t.left)/t.width100,0,100),a=this.min+r/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 t=this.step(e.shiftKey?10:1);if(this.range){const r="left"===e.target.getAttribute("data-thumb")?0:1,a=[...this.rangeValueInternal];switch(e.key){case"ArrowRight":case"ArrowUp":a[r]+=t;break;case"ArrowLeft":case"ArrowDown":a[r]-=t;break;case"Home":a[r]=this.min;break;case"End":a[r]=this.max;break;case"PageUp":a[r]+=10t;break;case"PageDown":a[r]-=10t;break;default:return}i=a}else switch(e.key){case"ArrowRight":case"ArrowUp":i=this.valueInternal+t;break;case"ArrowLeft":case"ArrowDown":i=this.valueInternal-t;break;case"Home":i=this.min;break;case"End":i=this.max;break;case"PageUp":i=this.valueInternal+10t;break;case"PageDown":i=this.valueInternal-10t;break;default:return}e.preventDefault(),this.handleValueChange(i)},this.handleFieldChange=e=>{const i=e.value;if(!isNaN(i))if(this.range){const t=[...this.rangeValueInternal];t[0===e.index?0:1]=i,this.handleValueChange(t)}else this.handleValueChange(i)}}validateValue(e){const i=u(e,this.min,this.max);return this.snapTicks&&this.internalTicks&&this.internalTicks.length>0?function(e,i){if(!i\|\|0===i.length)return e;let t=i[0].value,r=Math.abs(e-t);for(const a of i){const i=Math.abs(e-a.value);i<r&&(r=i,t=a.value)}return t}(i,this.internalTicks):function(e,i,t,r){const a=u(e,i,t),n=f(r);if(n>0){const e=Math.pow(10,n),s=Math.round((a-i)e),o=Math.round(re);return u(parseFloat((i+Math.round(s/o)o/e).toFixed(n)),i,t)}return u(i+Math.round((a-i)/r)r,i,t)}(i,this.min,this.max,this.step)}handleValueChange(e){if(!this.disabled&&!this.readonly)if(this.range){if(Array.isArray(e)&&2===e.length){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])],t=[this.validateValue(i[0]),this.validateValue(i[1])];t[0]===this.rangeValueInternal[0]&&t[1]===this.rangeValueInternal[1]\|\|(this.rangeValueInternal=t,this.value=this.rangeValueInternal,this.valueChanged.emit(this.rangeValueInternal))}}else if("number"==typeof e){const i=this.validateValue(e);i!==this.valueInternal&&(this.valueInternal=i,this.value=[this.valueInternal],this.valueChanged.emit([this.valueInternal]))}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0)return void(this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value)));if(!this.showTicks)return void(this.internalTicks=[]);const e=function(e,i,t){const r=[];for(let a=e;a<=i;a+=t)r.push(Number(a.toFixed(10)));return r[r.length-1]!==i&&r.push(i),r}(this.min,this.max,this.step);this.internalTicks=e.map((e=>({value:e})))}registerGlobalEvents(){document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)}removeGlobalEvents(){document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}onValueChange(){this.parseValue()}onConfigChange(){this.generateDisplayTicks(),this.handleValueChange(this.range?this.rangeValueInternal:this.valueInternal)}onRangeChange(e){e?this.rangeValueInternal=[this.min,this.valueInternal]:this.valueInternal=this.rangeValueInternal[1]}connectedCallback(){this.parseValue(),this.generateDisplayTicks(),this.range?(Array.isArray(this.rangeValueInternal)&&2===this.rangeValueInternal.length\|\|(this.rangeValueInternal=[this.min,this.max]),this.handleValueChange(this.rangeValueInternal),this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]):(this.handleValueChange(this.valueInternal),this.rawPosition=this.valueInternal)}componentWillLoad(){1===this.value.length&&this.range?this.value=[this.value[0],this.value[0]]:2!==this.value.length\|\|this.range\|\|(this.value=[this.value[0]])}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(n,{key:"6426519f29a4a345a2371ef6ba05c6e2f59fd01f"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&e("label",{key:"83583c4f6610032c5ba3b2b6e0d58a1ce6117f8a",htmlFor:this.startInputId},e("slot",{key:"91bf1a9106d9044e8180b6115510764904d39c15",name:"label"},this.label)),e("div",{key:"f5154fb1aa800cda282c924e2ff036df6ba70969",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:"3a11f56bc52e1bb2ff0fb82e14488173dffa5d48",class:"track-container"},e("div",{key:"48065424f96d4bff452bfb122217a30767563219",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:"3c03a6c0bb8e8f24d076f29c178bd71eaf9cda0e",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:"7f2adaba3d758f14acc45e04636daca743264b53",class:"description"},this.success&&e("nv-icon",{key:"d499915841c2fb34e26af179e5fe1a592306c6ce",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"bdd412849474b4ffaf5473005c1dad19cc9bb2ee",name:"description"},this.description)),(this.error\|\|this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"b24b65aed4437a953fba34820a3cd6c385c246b7",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"76c21755d1f90aa3f2f64f03b20a57249f5ea568",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"59d05da46df9e86b62f65db1d7ed967bb640675a",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 w(){"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()}}))}w();const x=y,C=w;export{x as NvFieldslider,C as defineCustomElement}

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

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

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

	@@ -1 +1 @@
1	- import{t as e,p as r,H as a,c as t,h as o,d as i}from"./p-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}
1	+ 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:"1cddc37522161a4316ae8f82d3daf285ffb785b5"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&o("label",{key:"0c351922af13d881f90b17cea5d482fd45a34e65",htmlFor:this.inputId},o("slot",{key:"665bee53de0fd1a1f076ecfcba06be68919881e0",name:"label"},this.label)),o("div",{key:"22fc452a7657ea9b13a867d57b4242268dde2bca",class:"textarea-wrapper"},o("div",{key:"333aace09346fae421a7a6654b1f6024fa0f87f7",class:"textarea-container",onClick:this.handleTextareaContainerClick},o("textarea",{key:"69172853551f5cbb2fc739a13fa5299142b191c1",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:"91fc165e6275f96547eea666d643f9bd5184d06f",class:"description"},o("slot",{key:"996a87505c112d9cb5c1a6d7877e6bc88ab14556",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"3d105e76819ca671aa6c23722344ba9acfe90f38",hidden:!this.error,class:"error-description"},o("slot",{key:"7d721e77b392dbb0bdcf6892f4237f0d8d944c64",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 CHANGED Viewed

	@@ -1 +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-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=40s.length)}generateTimeOptions(e){const t=this.step/1e3;if(0===t)return["00"];switch(e){case a.Hours:return this.generateHourOptions(t);case a.Minutes:return this.generateMinuteOptions(t);case a.Seconds:return this.generateSecondOptions(t);default:return[]}}generateHourOptions(e){const t=Math.max(1,Math.floor(e/3600)),i=this.format.startsWith("hh"),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}
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-DiwYO24j.js";import{h as a}from"./p-gOKBmbgZ.js";import{d as l}from"./p-B_SethFg.js";import{d}from"./p-B4Uw_U8V.js";import{d as c}from"./p-Bt5_pj49.js";import{d as f}from"./p-C-Rs6wG9.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=40s.length)}generateTimeOptions(e){const t=this.step/1e3;if(0===t)return["00"];switch(e){case a.Hours:return this.generateHourOptions(t);case a.Minutes:return this.generateMinuteOptions(t);case a.Seconds:return this.generateSecondOptions(t);default:return[]}}generateHourOptions(e){const t=Math.max(1,Math.floor(e/3600)),i=this.format.startsWith("hh"),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:"b1679a16a6e7461fb69ca54b6e1f8eb77b9b3c08",onclick:e=>this.handleHostClick(e),"aria-expanded":this.open?"true":"false"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&o("label",{key:"ced81e56d8600dbfea8dcef14546c90857e5a186",htmlFor:this.inputId},o("slot",{key:"e393b0550cbe5aaef9d89085a5596702b19bb6ef",name:"label"},this.label)),o("nv-popover",{key:"28dbb3701706b009f3611075cac9365cb82c76a8",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:this.handleOpenChanged},o("div",{key:"28f7ce04dc3b84dd0abf389514aeff992c4ffc2f",class:"input-wrapper",slot:"trigger"},o("slot",{key:"7e071c82b06bd594d92f8956201f1fec96283ec1",name:"before-input"}),o("div",{key:"d4e6a32632d55d697bf8d71ca9a7f37929b142aa",class:"input-container"},o("slot",{key:"bc38eebb73e18d6adf4b903e9157e8f5fdd573c5",name:"leading-input"}),this.renderTimeInputFields(),o("nv-iconbutton",{key:"d2c74dd724f91c8b81a5f5b780e3ac3cdc8fc3bb",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:"bad18f64f2d01a4314e8a7801beed221668a86ac",name:"alert-circle",class:"validation",size:"sm"}),this.success&&o("nv-icon",{key:"c372fd6a7cdca8a36f9267cb4fa6e4edf25fb765",name:"circle-check",class:"validation",size:"sm"})),o("slot",{key:"1770d964871b2d34ec19244408b7099a05e0a1d2",name:"after-input"})),o("div",{key:"cfa8c623ab7090505a6c2d75557af0e9d6ceb3ea",class:"time-dropdown",slot:"content"},o("div",{key:"f06ea88fc1fb99733f03f47d5e39f50e0d6c0458",class:"time-columns"},this.renderTimeDropdownColumns()))),(this.description\|\|this.el.querySelector('[slot="description"]'))&&o("div",{key:"43c8aa83d745684fbe5c7bde4ae809ed5d190558",class:"description"},o("slot",{key:"336db7403e47ddca37050340fde22d148e67c83c",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"8f4a1a1d8f0c3907f9dc0c2be1357a48b9088693",hidden:!this.error,class:"error-description"},o("slot",{key:"6ec132e695695f7da3e8910b11f089cbff903498",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 CHANGED Viewed

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

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

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

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

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

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

	@@ -1 +1 @@
1	- import{t as e,p as n,H as t,c as o,h as i,d as s}from"./p-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}
1	+ 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-B_SethFg.js";import{d as m}from"./p-BFM_8Jgq.js";import{d as a}from"./p-C-Rs6wG9.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:"6d6c019a93a9b9b86050676d9cfd6c9bed32f74e"},i("slot",{key:"cef1a6840042e09583d0b52afe8feb5ffa1596e1",name:"trigger"}),i("nv-popover",{key:"1c8e5c2080c18dc64cb1eda46c25de82bd56ffb7",ref:e=>this.popoverElement=e,triggerMode:"click",triggerElement:this.triggerElement,placement:this.placement,nested:this.nested,open:this.open,onOpenChanged:this.handleOpenChanged.bind(this)},this.items?i("ul",{slot:"content"},this.renderMenuItems()):i("slot",{name:"content"})))}get el(){return this}static get style(){return"nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}"}},[260,"nv-menu",{open:[1540],nested:[516],disableCloseOnSelect:[516,"disable-close-on-select"],placement:[513],items:[16],show:[64],close:[64]},[[0,"menuitemSelected","handleMenuItemSelect"],[0,"keydown","handleKeydown"]]]);function c(){"undefined"!=typeof customElements&&["nv-menu","nv-icon","nv-menu","nv-menuitem","nv-popover"].forEach((n=>{switch(n){case"nv-menu":customElements.get(e(n))\|\|customElements.define(e(n),u);break;case"nv-icon":customElements.get(e(n))\|\|r();break;case"nv-menu":customElements.get(e(n))\|\|c();break;case"nv-menuitem":customElements.get(e(n))\|\|m();break;case"nv-popover":customElements.get(e(n))\|\|a()}}))}c();const d=u,l=c;export{d as NvMenu,l as defineCustomElement}

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

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

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

	@@ -1 +1 @@
1	- import{t as o,p as i,H as t,c as 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}
1	+ import{t as o,p as i,H as t,c as a,h as n,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-B_SethFg.js";import{v as u}from"./p-BdYh22OP.js";const h=i(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.hiddenChanged=a(this,"hiddenChanged",3),this.uid=u(),this.feedback="information",this.emphasis="medium",this.dismissible=!1,this.hidden=!1,this.initiallyHidden=!1,this.iconByFeedback={[s.Warning]:"alert-circle",[s.Information]:"info-circle",[s.Success]:"circle-check",[s.Error]:"alert-triangle",[s.Neutral]:"help"},this.roleByFeedback={[s.Error]:"alert",[s.Warning]:"alert",[s.Information]:"status",[s.Success]:"status",[s.Neutral]:"status"}}async dismiss(){await this.dismissAnimation()}async show(){await this.showAnimation()}getDefaultIcon(){return this.iconByFeedback[this.feedback]??"info-circle"}getAriaRole(){return this.roleByFeedback[this.feedback]??"status"}getAriaLive(){return"alert"===this.getAriaRole()?"assertive":"polite"}getHeadingId(){return this.heading?`nv-notification-${this.uid}-heading`:null}getMessageId(){return this.message?`nv-notification-${this.uid}-message`:null}async showAnimation(){this.hidden=!1;const{setFadeIn:o}=d(this.container),{expand:i}=r(this.el,{duration:300,overflow:"visible"}),{slideY:t,setSlideY:a}=f(this.container,{duration:300});a(-100),o(),await l(t({from:-100,to:0}),i).start(),this.hiddenChanged.emit(!1)}getSlideDestination(o){switch(o){case c.TopRight:case c.BottomRight:return{axis:"x",to:100};case c.TopLeft:case c.BottomLeft:return{axis:"x",to:-100};case c.TopCenter:return{axis:"y",to:-100};case c.BottomCenter:return{axis:"y",to:100};default:return{axis:"x",to:100}}}async dismissAnimation(){const o=this.el.closest("nv-notificationcontainer")?.getAttribute("position"),i=this.getSlideDestination(o),{fadeOut:t}=d(this.container,{duration:300}),{slideX:a,slideY:n,setSlideReset:e}=f(this.container,{duration:500}),{collapse:s}=r(this.el,{duration:500,overflow:"visible"}),c="x"===i.axis?a({from:0,to:i.to}):n({from:0,to:i.to});e(),await l(t,c,s).start(),this.hidden=!0,this.hiddenChanged.emit(!0)}componentWillLoad(){this.headingSlot=this.el.querySelector('[slot="heading"]'),this.messageSlot=this.el.querySelector('[slot="content"]'),this.actionsSlot=this.el.querySelector('[slot="actions"]'),this.initiallyHidden&&(this.hidden=!0)}render(){return n(e,{key:"963a3af8ccb2c30837117a043fb2448a4dc66495",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:"6e19a01f8d53bea227582f1675c21c12d1a7999b","data-scope":"container",ref:o=>this.container=o},this.dismissible&&n("button",{key:"1e218a93694821570701052167d853bcef9838d8","data-scope":"dismiss",type:"button",onClick:this.dismiss.bind(this)},n("nv-icon",{key:"f476ccf71ea7900ce5d6ae00a27704f73d9d6dca",name:"x",size:"sm"})),n("nv-icon",{key:"94e1a29141c622494868fbb9b168768f2d81c009",name:this.icon??this.getDefaultIcon(),size:"md","data-scope":"icon"}),n("div",{key:"a7e807940344cc5cd1313c6243d6397608b15256","data-scope":"content"},(this.heading\|\|this.headingSlot)&&n("p",{key:"d901622d9a82c1591052d00049d5ceff79c45d3f",id:this.getHeadingId(),"data-scope":"heading"},n("slot",{key:"4c56f47007bd90cd6bcb02334ca1df663e703d55",name:"heading"},this.heading)),(this.message\|\|this.messageSlot)&&n("p",{key:"579226c99afd50444ea3e8030e8eb6aa3b875379",id:this.getMessageId(),"data-scope":"message"},n("slot",{key:"4d099d8f38269a49500f4e17d9d2cfb7552c4759",name:"content"},this.message)),this.actionsSlot&&n("div",{key:"341d68bf9af3e14805022da7f18760ac1ab09616","data-scope":"actions"},n("slot",{key:"39d4bbe64673e00a65f650bb311f87e48af53c5f",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 v(){"undefined"!=typeof customElements&&["nv-notification","nv-icon"].forEach((i=>{switch(i){case"nv-notification":customElements.get(o(i))\|\|customElements.define(o(i),h);break;case"nv-icon":customElements.get(o(i))\|\|p()}}))}v();const b=h,m=v;export{b as NvNotification,m as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{t,p as n,H as i,h as o,d as e}from"./p-DiwYO24j.js";const a=n(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.position="top-right"}render(){return o(e,{key:"~~3618bd72eb82ee09c8c971d83ea3e0dbb58f6fbf~~",class:"position-"+this.position},o("slot",{key:"~~ed0d1b37dd23e984365a92d45c6ecae31a5bbac9~~"}))}static get style(){return"nv-notificationcontainer{position:fixed;display:flex;flex-direction:column;padding:var(--spacing-2);padding-top:0;z-index:9999;pointer-events:none;width:100%;max-width:512px}nv-notificationcontainer.position-top-right{top:0;right:0}nv-notificationcontainer.position-top-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-top-left{top:0;left:0}nv-notificationcontainer.position-top-left nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-top-center{top:0;left:50%;transform:translateX(-50%)}nv-notificationcontainer.position-top-center nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-bottom-right{bottom:0;right:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-left{bottom:0;left:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-left nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-center{bottom:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse}nv-notificationcontainer.position-bottom-center nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer>*{pointer-events:auto}"}},[260,"nv-notificationcontainer",{position:[513]}]);function c(){"undefined"!=typeof customElements&&["nv-notificationcontainer"].forEach((n=>{"nv-notificationcontainer"===n&&(customElements.get(t(n))\|\|customElements.define(t(n),a))}))}c();const r=a,s=c;export{r as NvNotificationcontainer,s as defineCustomElement}
1	+ import{t,p as n,H as i,h as o,d as e}from"./p-DiwYO24j.js";const a=n(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.position="top-right"}render(){return o(e,{key:"d59852ab59c6689f8a8a691293c2f91798360ff9",class:"position-"+this.position},o("slot",{key:"0758d9cd7b66e21e90f8cf7df13146426749c379"}))}static get style(){return"nv-notificationcontainer{position:fixed;display:flex;flex-direction:column;padding:var(--spacing-2);padding-top:0;z-index:9999;pointer-events:none;width:100%;max-width:512px}nv-notificationcontainer.position-top-right{top:0;right:0}nv-notificationcontainer.position-top-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-top-left{top:0;left:0}nv-notificationcontainer.position-top-left nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-top-center{top:0;left:50%;transform:translateX(-50%)}nv-notificationcontainer.position-top-center nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-bottom-right{bottom:0;right:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-left{bottom:0;left:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-left nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-center{bottom:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse}nv-notificationcontainer.position-bottom-center nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer>*{pointer-events:auto}"}},[260,"nv-notificationcontainer",{position:[513]}]);function c(){"undefined"!=typeof customElements&&["nv-notificationcontainer"].forEach((n=>{"nv-notificationcontainer"===n&&(customElements.get(t(n))\|\|customElements.define(t(n),a))}))}c();const r=a,s=c;export{r as NvNotificationcontainer,s as defineCustomElement}

package/dist/components/nv-pagination-nav.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t,p as n,H as e,c as a,h as i,d as s}from"./p-DiwYO24j.js";import{d as o}from"./p-~~L7U51TAH.~~js";import{d as r}from"./p-~~BYrgllP3~~.js";import{d as c}from"./p-~~Dg-Ac5i4~~.js";import{d as l}from"./p-~~Cx5CLy9v~~.js";const u=n(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.currentPageChanged=a(this,"currentPageChanged",3),this.previousButtonLabel="Previous",this.nextButtonLabel="Next",this.numStartZoneButtons=2,this.numEndZoneButtons=2,this.numMiddleButtons=1,this.currentPage=1,this.totalCount=100,this.pageSize=10,this.isOnlyIcon=!1,this.showMiddleZone=!1,this.handlePageChange=t=>{t<1\|\|t>this.totalPages\|\|t===this.currentPage\|\|(this.currentPage=t)}}get totalPages(){return Math.ceil(this.totalCount/this.pageSize)}onCurrentPageChange(t){const n=Math.max(1,Math.min(t,this.totalPages));n===t?this.currentPageChanged.emit(t):this.currentPage=n}renderPageButton(t){const n=t===this.currentPage;return i("li",{key:t,"data-scope":"page-button"},i("nv-button",{size:"md",emphasis:"lower",active:n,onClick:()=>this.handlePageChange(t),"data-page":t,"data-current":n?"true":void 0},t))}render(){const t=1===this.currentPage,n=this.currentPage===this.totalPages;return i(s,{key:"~~2aecff38a5777b1e229b04110e774d4ac708e940~~"},i("nav",{key:"~~a470aab7d30178269f25eb794b447b6478ed274d~~","data-scope":"pagination-nav","aria-label":"Pagination navigation"},this.isOnlyIcon?i("nv-iconbutton",{name:"chevron-left",size:"md",emphasis:"lower",disabled:t,onClick:()=>this.handlePageChange(this.currentPage-1),"data-scope":"previous-iconbutton","aria-label":this.previousButtonLabel}):i("nv-button",{size:"md",emphasis:"lower",disabled:t,onClick:()=>this.handlePageChange(this.currentPage-1),"data-scope":"previous-button"},i("nv-icon",{slot:"leading-icon",name:"chevron-left"}),this.previousButtonLabel),i("ol",{key:"~~4ea58c4f536310c0d60354da84d9fd650a16dc67~~","data-scope":"page-list"},function({currentPage:t,totalCount:n,pageSize:e,numStartZoneButtons:a,numEndZoneButtons:i,numMiddleButtons:s,showMiddleZone:o}){const r=Math.ceil(n/e),c=[];if(r<=a+i){for(let t=1;t<=r;t++)c.push(t);return c}const l=a,u=r-i+1;if(!o&&!(t<=a\|\|t>=r-i+1)){if(t<=Math.floor(r/2)){for(let n=t-a+1;n<=t;n++)c.push(n);c.push("...");for(let t=u;t<=r;t++)c.push(t);return c}for(let t=1;t<=a;t++)c.push(t);c.push("...");const n=Math.min(t+i-1,r);for(let e=t;e<=n;e++)c.push(e);return c}const d=t<=l,h=t>=u;for(let t=1;t<=l;t++)c.push(t);if(o&&!d~~&&!h~~&&u>l+1){c.push("...");const n=Math.floor(s/2),e=Math.max(l+1,t-n),a=Math.min(u-1,t+n);for(let t=e;t<=a;t++)c.push(t);c.push("...")}else u>l+1&&c.push("...");for(let t=u;t<=r;t++)c.push(t);return c}({currentPage:this.currentPage,totalCount:this.totalCount,pageSize:this.pageSize,numStartZoneButtons:this.numStartZoneButtons,numEndZoneButtons:this.numEndZoneButtons,numMiddleButtons:this.numMiddleButtons,showMiddleZone:this.showMiddleZone}).map((t=>"number"==typeof t?this.renderPageButton(t):i("li",{key:"ellipsis-"+t,"data-scope":"ellipsis","aria-hidden":"true"},i("span",null,t))))),this.isOnlyIcon?i("nv-iconbutton",{name:"chevron-right",size:"md",emphasis:"lower",disabled:n,onClick:()=>this.handlePageChange(this.currentPage+1),"data-scope":"next-iconbutton","aria-label":this.nextButtonLabel}):i("nv-button",{size:"md",emphasis:"lower",disabled:n,onClick:()=>this.handlePageChange(this.currentPage+1),"data-scope":"next-button"},this.nextButtonLabel,i("nv-icon",{slot:"trailing-icon",name:"chevron-right"}))))}static get watchers(){return{currentPage:[{onCurrentPageChange:0}]}}static get style(){return"nv-pagination-nav{display:block}nv-pagination-nav [data-scope=pagination-nav]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap}nv-pagination-nav [data-scope=page-list]{display:flex;align-items:center;gap:var(--spacing-2);list-style:none;margin:0;padding:0}nv-pagination-nav [data-scope=page-button]{display:flex;align-items:center}nv-pagination-nav [data-scope=page-button] nv-button,nv-pagination-nav [data-scope=page-button] nv-iconbutton{min-width:var(--spacing-8);justify-content:center}nv-pagination-nav [data-scope=ellipsis]{display:flex;align-items:center;justify-content:center;min-width:var(--spacing-8);height:var(--spacing-8);color:var(--color-content-lower-text);font-size:var(--font-size-sm);user-select:none}"}},[0,"nv-pagination-nav",{previousButtonLabel:[513,"previous-button-label"],nextButtonLabel:[513,"next-button-label"],numStartZoneButtons:[514,"num-start-zone-buttons"],numEndZoneButtons:[514,"num-end-zone-buttons"],numMiddleButtons:[514,"num-middle-buttons"],currentPage:[1538,"current-page"],totalCount:[514,"total-count"],pageSize:[514,"page-size"],isOnlyIcon:[516,"is-only-icon"],showMiddleZone:[516,"show-middle-zone"]},void 0,{currentPage:[{onCurrentPageChange:0}]}]);function d(){"undefined"!=typeof customElements&&["nv-pagination-nav","nv-button","nv-icon","nv-iconbutton","nv-loader"].forEach((n=>{switch(n){case"nv-pagination-nav":customElements.get(t(n))\|\|customElements.define(t(n),u);break;case"nv-button":customElements.get(t(n))\|\|o();break;case"nv-icon":customElements.get(t(n))\|\|r();break;case"nv-iconbutton":customElements.get(t(n))\|\|c();break;case"nv-loader":customElements.get(t(n))\|\|l()}}))}d();const h=u,p=d;export{h as NvPaginationNav,p as defineCustomElement}
1	+ import{t,p as n,H as e,c as a,h as i,d as s}from"./p-DiwYO24j.js";import{d as o}from"./p-DWvQs_c-.js";import{d as r}from"./p-B_SethFg.js";import{d as c}from"./p-B4Uw_U8V.js";import{d as l}from"./p-Bt5_pj49.js";const u=n(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.currentPageChanged=a(this,"currentPageChanged",3),this.previousButtonLabel="Previous",this.nextButtonLabel="Next",this.numStartZoneButtons=2,this.numEndZoneButtons=2,this.numMiddleButtons=1,this.currentPage=1,this.totalCount=100,this.pageSize=10,this.isOnlyIcon=!1,this.showMiddleZone=!1,this.handlePageChange=t=>{t<1\|\|t>this.totalPages\|\|t===this.currentPage\|\|(this.currentPage=t)}}get totalPages(){return Math.ceil(this.totalCount/this.pageSize)}onCurrentPageChange(t){const n=Math.max(1,Math.min(t,this.totalPages));n===t?this.currentPageChanged.emit(t):this.currentPage=n}renderPageButton(t){const n=t===this.currentPage;return i("li",{key:t,"data-scope":"page-button"},i("nv-button",{size:"md",emphasis:"lower",active:n,onClick:()=>this.handlePageChange(t),"data-page":t,"data-current":n?"true":void 0},t))}render(){const t=1===this.currentPage,n=this.currentPage===this.totalPages;return i(s,{key:"0286f59b5bea5278e5e9765e8e8f9cf982012967"},i("nav",{key:"90acdb38a7f5856c91008c59d0e33ed40e280413","data-scope":"pagination-nav","aria-label":"Pagination navigation"},this.isOnlyIcon?i("nv-iconbutton",{name:"chevron-left",size:"md",emphasis:"lower",disabled:t,onClick:()=>this.handlePageChange(this.currentPage-1),"data-scope":"previous-iconbutton","aria-label":this.previousButtonLabel}):i("nv-button",{size:"md",emphasis:"lower",disabled:t,onClick:()=>this.handlePageChange(this.currentPage-1),"data-scope":"previous-button"},i("nv-icon",{slot:"leading-icon",name:"chevron-left"}),this.previousButtonLabel),i("ol",{key:"e0d45ea0585641912d07224cda2f28da4d403328","data-scope":"page-list"},function({currentPage:t,totalCount:n,pageSize:e,numStartZoneButtons:a,numEndZoneButtons:i,numMiddleButtons:s,showMiddleZone:o}){const r=Math.ceil(n/e),c=[];if(r<=a+i){for(let t=1;t<=r;t++)c.push(t);return c}const l=a,u=r-i+1;if(!o&&!(t<=a\|\|t>=r-i+1)){if(t<=Math.floor(r/2)){for(let n=t-a+1;n<=t;n++)c.push(n);c.push("...");for(let t=u;t<=r;t++)c.push(t);return c}for(let t=1;t<=a;t++)c.push(t);c.push("...");const n=Math.min(t+i-1,r);for(let e=t;e<=n;e++)c.push(e);return c}const h=t<=l,d=t>=u;for(let t=1;t<=l;t++)c.push(t);if(o&&!h&&!d&&u>l+1){c.push("...");const n=Math.floor(s/2),e=Math.max(l+1,t-n),a=Math.min(u-1,t+n);for(let t=e;t<=a;t++)c.push(t);c.push("...")}else u>l+1&&c.push("...");for(let t=u;t<=r;t++)c.push(t);return c}({currentPage:this.currentPage,totalCount:this.totalCount,pageSize:this.pageSize,numStartZoneButtons:this.numStartZoneButtons,numEndZoneButtons:this.numEndZoneButtons,numMiddleButtons:this.numMiddleButtons,showMiddleZone:this.showMiddleZone}).map((t=>"number"==typeof t?this.renderPageButton(t):i("li",{key:"ellipsis-"+t,"data-scope":"ellipsis","aria-hidden":"true"},i("span",null,t))))),this.isOnlyIcon?i("nv-iconbutton",{name:"chevron-right",size:"md",emphasis:"lower",disabled:n,onClick:()=>this.handlePageChange(this.currentPage+1),"data-scope":"next-iconbutton","aria-label":this.nextButtonLabel}):i("nv-button",{size:"md",emphasis:"lower",disabled:n,onClick:()=>this.handlePageChange(this.currentPage+1),"data-scope":"next-button"},this.nextButtonLabel,i("nv-icon",{slot:"trailing-icon",name:"chevron-right"}))))}static get watchers(){return{currentPage:[{onCurrentPageChange:0}]}}static get style(){return"nv-pagination-nav{display:block}nv-pagination-nav [data-scope=pagination-nav]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap}nv-pagination-nav [data-scope=page-list]{display:flex;align-items:center;gap:var(--spacing-2);list-style:none;margin:0;padding:0}nv-pagination-nav [data-scope=page-button]{display:flex;align-items:center}nv-pagination-nav [data-scope=page-button] nv-button,nv-pagination-nav [data-scope=page-button] nv-iconbutton{min-width:var(--spacing-8);justify-content:center}nv-pagination-nav [data-scope=ellipsis]{display:flex;align-items:center;justify-content:center;min-width:var(--spacing-8);height:var(--spacing-8);color:var(--color-content-lower-text);font-size:var(--font-size-sm);user-select:none}"}},[0,"nv-pagination-nav",{previousButtonLabel:[513,"previous-button-label"],nextButtonLabel:[513,"next-button-label"],numStartZoneButtons:[514,"num-start-zone-buttons"],numEndZoneButtons:[514,"num-end-zone-buttons"],numMiddleButtons:[514,"num-middle-buttons"],currentPage:[1538,"current-page"],totalCount:[514,"total-count"],pageSize:[514,"page-size"],isOnlyIcon:[516,"is-only-icon"],showMiddleZone:[516,"show-middle-zone"]},void 0,{currentPage:[{onCurrentPageChange:0}]}]);function h(){"undefined"!=typeof customElements&&["nv-pagination-nav","nv-button","nv-icon","nv-iconbutton","nv-loader"].forEach((n=>{switch(n){case"nv-pagination-nav":customElements.get(t(n))\|\|customElements.define(t(n),u);break;case"nv-button":customElements.get(t(n))\|\|o();break;case"nv-icon":customElements.get(t(n))\|\|r();break;case"nv-iconbutton":customElements.get(t(n))\|\|c();break;case"nv-loader":customElements.get(t(n))\|\|l()}}))}h();const d=u,p=h;export{d as NvPaginationNav,p as defineCustomElement}