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

package/dist/components/nv-drawer.js

@@ -1 +1 @@
-import{t,p as e,H as i,c as s,h as r,d as a}from"./p-flcatmxD.js";import{t as o}from"./p-D3eWMME9.js";import{a as n,r as d}from"./p-B6GgGra-.js";import{u as h}from"./p-9xYwU7ku.js";import"./p-Dz1GUhVy.js";import{u as l}from"./p-D2otK4Ce.js";import{p as c}from"./p-CgHCo_Ho.js";import{c as p}from"./p-ChV9xqsO.js";import{b as w}from"./p-BReL3Lsa.js";import{d as m}from"./p-Cnlbk416.js";import{d as b}from"./p-C47vpaBp.js";import{d as f}from"./p-CBlrNW6n.js";import{d as v}from"./p-DKgmDzJ1.js";import{d as u}from"./p-D3JDACHw.js";import{v as g}from"./p-BdYh22OP.js";const k=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.openChanged=s(this,"openChanged",3),this.eventsAttached=!1,this.swipeStartX=null,this.swipeStartY=null,this.swipeStartTime=null,this.isSwiping=!1,this.SWIPE_THRESHOLD=50,this.SWIPE_EDGE_ZONE=20,this.SWIPE_VELOCITY_THRESHOLD=.3,this.triggerClickEvents=[["click",this.show],["keydown",t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.show())}]],this.open=!1,this.undismissable=!1,this.clickOutside=!1,this.controlled=!1,this.side="right",this.size="md",this.autofocus=!1,this.swipeToOpen=!1,this.checkForForm=()=>{if(!this.form){const t=this.el.querySelector("form");t&&(this.form=this.ensureFormId(t))}},this.handleDrawerClose=()=>{this.open&&this.close()},this.handleDrawerClick=t=>{this.clickOutside&&!this.undismissable&&(this.checkForOpenPopovers()||t.target===this.backdropElement&&(this.close(),t.preventDefault(),t.stopPropagation()))},this.checkForOpenPopovers=()=>{let t=!1;return this.el.querySelectorAll("nv-popover").forEach((e=>{e.hasAttribute("open")&&(t=!0)})),t}}async show(){this.open=!0,this.preventScroll();const{setFadeOut:t}=h(this.dialogElement);t(),this.dialogElement.showModal(),await new Promise((t=>requestAnimationFrame(t)));const e="right"===this.side?100:-100,{setSlideX:i,slideX:s}=l(this.contentElement,{duration:300}),{fadeIn:r}=h(this.dialogElement,{duration:300});this.contentElement&&(this.contentElement.style.transform=""),i(e),await new Promise((t=>requestAnimationFrame(t)));const a=s({from:e,to:0});await c(r,a).start()}async close(){this.open=!1,this.allowScroll();const t="right"===this.side?100:-100,{slideX:e}=l(this.contentElement,{duration:300}),{fadeOut:i}=h(this.dialogElement,{duration:300}),s=e({from:0,to:t});await c(s,i).start(),this.contentElement&&(this.contentElement.style.transform=""),this.dialogElement.close()}setAutofocus(){const t=o(this.dialogElement,{displayCheck:"none"});if(t.length>0){let e=t[0],i=e.getBoundingClientRect();t.forEach((t=>{const s=t.getBoundingClientRect();(s.top<i.top||s.left<i.left)&&(e=t,i=s)})),e.setAttribute("autofocus","true")}}attachEventListeners(){!this.triggerElement||this.eventsAttached||this.controlled||(n(this.triggerClickEvents,this.triggerElement,this),this.eventsAttached=!0)}preventScroll(){const t=window.innerWidth-document.documentElement.clientWidth;document.documentElement.style.overflow="hidden",document.documentElement.style.paddingRight=t+"px"}allowScroll(){document.documentElement.style.removeProperty("overflow"),document.documentElement.style.removeProperty("padding-right")}ensureFormId(t){return t.id||(t.id="drawer-form-"+g()),t.id}async handleDrawerOpenChange(t){t?(this.show(),this.openChanged.emit(t)):(this.close(),this.openChanged.emit(t))}handleKeyDown(t){if("Escape"!==t.key)return;if(!this.open)return;t.preventDefault(),t.stopPropagation();const e=this.checkForOpenPopovers();this.undismissable||e||(t.preventDefault(),t.stopPropagation(),this.close())}handlePointerDown(t){if(!this.swipeToOpen||this.controlled)return;const e=t.clientX,i=t.clientY,s=window.innerWidth;if(this.open){if(this.contentElement&&this.dialogElement.hasAttribute("open")){const t=this.contentElement.getBoundingClientRect();e>=t.left&&e<=t.right&&i>=t.top&&i<=t.bottom&&(this.swipeStartX=e,this.swipeStartY=i,this.swipeStartTime=Date.now(),this.isSwiping=!0)}}else("left"===this.side&&e<=this.SWIPE_EDGE_ZONE||"right"===this.side&&e>=s-this.SWIPE_EDGE_ZONE)&&(this.swipeStartX=e,this.swipeStartY=i,this.swipeStartTime=Date.now(),this.isSwiping=!0,t.preventDefault())}handlePointerMove(t){this.isSwiping&&this.swipeStartX&&this.swipeStartY&&t.preventDefault()}handlePointerUp(t){if(!(this.isSwiping&&this.swipeStartX&&this.swipeStartY&&this.swipeStartTime))return void this.resetSwipe();const e=t.clientX-this.swipeStartX,i=t.clientY-this.swipeStartY,s=Date.now()-this.swipeStartTime,r=Math.abs(e),a=r/s;Math.abs(i)>Math.abs(e)||(r>=this.SWIPE_THRESHOLD||a>=this.SWIPE_VELOCITY_THRESHOLD)&&(this.open?("left"===this.side&&e<0||"right"===this.side&&e>0)&&!this.undismissable&&this.close():("left"===this.side&&e>0||"right"===this.side&&e<0)&&!this.undismissable&&this.show()),this.resetSwipe()}resetSwipe(){this.swipeStartX=null,this.swipeStartY=null,this.swipeStartTime=null,this.isSwiping=!1}componentWillLoad(){this.headerElement||(this.headerElement=this.el.querySelector('[slot="header"]')??this.el.querySelector("nv-drawerheader")),this.footerElement||(this.footerElement=this.el.querySelector('[slot="footer"]')??this.el.querySelector("nv-drawerfooter")),this.checkForForm()}componentDidRender(){this.triggerElement=this.el.querySelector('[slot="trigger"]'),this.attachEventListeners()}componentDidLoad(){this.open&&this.show(),this.autofocus&&!this.dialogElement.querySelector("[autofocus]")&&this.setAutofocus(),this.attachEventListeners(),this.checkForForm()}disconnectedCallback(){!this.triggerElement||this.eventsAttached||this.controlled||(d(this.triggerClickEvents,this.triggerElement,this),this.eventsAttached=!1),this.allowScroll()}render(){const t=this.form||this.el.querySelector("form"),e=this.open?"open":"closed";return r(a,{key:"6ca026b67705704b891c9bca8293dde501c0dc7d"},r("slot",{key:"ce9a79e0fe385b774aeac0106929343d6a053394",name:"trigger"}),r("dialog",{key:"49f9c71fd04de256f05d82d671b7664cf1ab3563",ref:t=>this.dialogElement=t,onClose:this.handleDrawerClose,onClick:this.handleDrawerClick,role:"dialog","aria-modal":"true","aria-labelledby":"drawer-header","aria-describedby":"drawer-content",class:p({["side-"+this.side]:!0}),"data-state":e},r("div",{key:"9c113486255925e4c7520c1f040b95ec253625d8",class:"backdrop",ref:t=>this.backdropElement=t},r("div",{key:"e5b32ffe6785c27eef326f37b23478b9993f451a",class:p("content","size-"+this.size),ref:t=>this.contentElement=t,"data-state":e,"data-side":this.side,style:this.width?{width:this.width}:{}},!this.undismissable&&r("nv-button",{key:"ac89f7d87b1f307fd809e518cfb88ceb82a074af",class:"close-button",emphasis:"lower",size:"sm",onClick:this.handleDrawerClose,"aria-label":"Close drawer"},r("nv-icon",{key:"47d0888ea54efdf3f82cfd0b39bda5c1141074ba",name:"x",size:"sm"})),this.headerElement?r("slot",{name:"header"}):r("nv-drawerheader",{id:"drawer-header"}),r("div",{key:"77a08ee8fcda500d45c9426de8d0b6fb9e960142",class:"content-body",id:"drawer-content"},r("slot",{key:"fc40bc3ecb66c95c188b1984431788e8d3bb66e2"})),this.footerElement?r("slot",{name:"footer"}):r("nv-drawerfooter",{form:this.form,primaryButtonType:t?w.Submit:w.Button,onDrawerCanceled:this.handleDrawerClose,undismissable:this.undismissable})))))}get el(){return this}static get watchers(){return{open:[{handleDrawerOpenChange:0}]}}static get style(){return"nv-drawer dialog{width:100vw;height:100svh;margin:0;max-height:unset;max-width:unset;padding:0;background:color-mix(in srgb, var(--components-overlay-background) 70%, transparent);backdrop-filter:blur(4px);border:none}nv-drawer dialog[data-state=closed]{pointer-events:none}nv-drawer dialog[data-state=open]{pointer-events:auto}nv-drawer dialog.side-right .backdrop{justify-content:flex-end}nv-drawer dialog.side-right .content{box-shadow:-4px 0 24px rgba(0, 0, 0, 0.15)}nv-drawer dialog.side-left .backdrop{justify-content:flex-start}nv-drawer dialog.side-left .content{box-shadow:4px 0 24px rgba(0, 0, 0, 0.15)}nv-drawer .backdrop{display:flex;height:100%;width:100%;padding:0}nv-drawer .backdrop .content{background:var(--color-level-00-background);width:var(--drawer-width, min(90vw, 400px));height:100%;display:flex;flex-direction:column;align-items:flex-start;position:relative}nv-drawer .backdrop .content[data-side=left]{border-top-right-radius:var(--drawer-radius-top-right, 0);border-bottom-right-radius:var(--drawer-radius-bottom-right, 0)}nv-drawer .backdrop .content[data-side=right]{border-top-left-radius:var(--drawer-radius-top-left, 0);border-bottom-left-radius:var(--drawer-radius-bottom-left, 0)}nv-drawer .backdrop .content.size-sm{width:clamp(var(--drawer-size-sm-min-width), var(--drawer-size-sm-width), var(--drawer-size-sm-max-width))}nv-drawer .backdrop .content.size-md{width:clamp(var(--drawer-size-md-min-width), var(--drawer-size-md-width), var(--drawer-size-md-max-width))}nv-drawer .backdrop .content.size-lg{width:clamp(var(--drawer-size-lg-min-width), var(--drawer-size-lg-width), var(--drawer-size-lg-max-width))}nv-drawer .backdrop .content.size-full{width:var(--drawer-size-full-width)}nv-drawer .backdrop .content nv-button.close-button{position:absolute;top:var(--drawer-dismissible-position-top, var(--dialog-dismissible-position-top));right:var(--drawer-dismissible-position-right, var(--dialog-dismissible-position-right));z-index:1;display:flex;padding:var(--button-sm-icon-button-padding);justify-content:flex-end;align-items:flex-start;gap:var(--drawer-gap-y, 10px)}nv-drawer .backdrop .content .content-body::-webkit-scrollbar{width:6px;height:6px}nv-drawer .backdrop .content .content-body::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-drawer .backdrop .content .content-body::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-drawer .backdrop .content .content-body{box-sizing:border-box;padding:var(--drawer-padding-y, var(--dialog-body-padding-y)) var(--drawer-padding-x, var(--dialog-body-padding-x));scrollbar-gutter:stable both-edges;flex:1;overflow-y:auto;width:100%;border-bottom:1px solid var(--color-content-low-border);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);color:var(--color-content-medium-text)}nv-drawer .backdrop .content slot[name=footer]::slotted(*),nv-drawer .backdrop .content nv-drawerfooter{padding-top:var(--spacing-4)}"}},[260,"nv-drawer",{open:[1540],undismissable:[516],clickOutside:[516,"click-outside"],controlled:[516],side:[513],size:[513],width:[513],autofocus:[516],swipeToOpen:[516,"swipe-to-open"],show:[64],close:[64]},[[4,"keydown","handleKeyDown"],[9,"pointerdown","handlePointerDown"],[9,"pointermove","handlePointerMove"],[9,"pointerup","handlePointerUp"]],{open:[{handleDrawerOpenChange:0}]}]);function y(){"undefined"!=typeof customElements&&["nv-drawer","nv-button","nv-drawerfooter","nv-drawerheader","nv-icon","nv-loader"].forEach((e=>{switch(e){case"nv-drawer":customElements.get(t(e))||customElements.define(t(e),k);break;case"nv-button":customElements.get(t(e))||m();break;case"nv-drawerfooter":customElements.get(t(e))||b();break;case"nv-drawerheader":customElements.get(t(e))||f();break;case"nv-icon":customElements.get(t(e))||v();break;case"nv-loader":customElements.get(t(e))||u()}}))}y();const x=k,z=y;export{x as NvDrawer,z as defineCustomElement}
+import{t,p as e,H as i,c as s,h as r,d as a}from"./p-DiwYO24j.js";import{t as o}from"./p-D3eWMME9.js";import{a as n,r as d}from"./p-B6GgGra-.js";import{u as h}from"./p-9xYwU7ku.js";import"./p-Dz1GUhVy.js";import{u as l}from"./p-D2otK4Ce.js";import{p as c}from"./p-CgHCo_Ho.js";import{c as p}from"./p-ChV9xqsO.js";import{b as w}from"./p-gOKBmbgZ.js";import{d as m}from"./p-L7U51TAH.js";import{d as b}from"./p-DP_K3tkj.js";import{d as f}from"./p-BU3AWnne.js";import{d as v}from"./p-BYrgllP3.js";import{d as u}from"./p-Cx5CLy9v.js";import{v as g}from"./p-BdYh22OP.js";const k=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.openChanged=s(this,"openChanged",3),this.eventsAttached=!1,this.swipeStartX=null,this.swipeStartY=null,this.swipeStartTime=null,this.isSwiping=!1,this.SWIPE_THRESHOLD=50,this.SWIPE_EDGE_ZONE=20,this.SWIPE_VELOCITY_THRESHOLD=.3,this.triggerClickEvents=[["click",this.show],["keydown",t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.show())}]],this.open=!1,this.undismissable=!1,this.clickOutside=!1,this.controlled=!1,this.side="right",this.size="md",this.autofocus=!1,this.swipeToOpen=!1,this.checkForForm=()=>{if(!this.form){const t=this.el.querySelector("form");t&&(this.form=this.ensureFormId(t))}},this.handleDrawerClose=()=>{this.open&&this.close()},this.handleDrawerClick=t=>{this.clickOutside&&!this.undismissable&&(this.checkForOpenPopovers()||t.target===this.backdropElement&&(this.close(),t.preventDefault(),t.stopPropagation()))},this.checkForOpenPopovers=()=>{let t=!1;return this.el.querySelectorAll("nv-popover").forEach((e=>{e.hasAttribute("open")&&(t=!0)})),t}}async show(){this.open=!0,this.preventScroll();const{setFadeOut:t}=h(this.dialogElement);t(),this.dialogElement.showModal(),await new Promise((t=>requestAnimationFrame(t)));const e="right"===this.side?100:-100,{setSlideX:i,slideX:s}=l(this.contentElement,{duration:300}),{fadeIn:r}=h(this.dialogElement,{duration:300});this.contentElement&&(this.contentElement.style.transform=""),i(e),await new Promise((t=>requestAnimationFrame(t)));const a=s({from:e,to:0});await c(r,a).start()}async close(){this.open=!1,this.allowScroll();const t="right"===this.side?100:-100,{slideX:e}=l(this.contentElement,{duration:300}),{fadeOut:i}=h(this.dialogElement,{duration:300}),s=e({from:0,to:t});await c(s,i).start(),this.contentElement&&(this.contentElement.style.transform=""),this.dialogElement.close()}setAutofocus(){const t=o(this.dialogElement,{displayCheck:"none"});if(t.length>0){let e=t[0],i=e.getBoundingClientRect();t.forEach((t=>{const s=t.getBoundingClientRect();(s.top<i.top||s.left<i.left)&&(e=t,i=s)})),e.setAttribute("autofocus","true")}}attachEventListeners(){!this.triggerElement||this.eventsAttached||this.controlled||(n(this.triggerClickEvents,this.triggerElement,this),this.eventsAttached=!0)}preventScroll(){const t=window.innerWidth-document.documentElement.clientWidth;document.documentElement.style.overflow="hidden",document.documentElement.style.paddingRight=t+"px"}allowScroll(){document.documentElement.style.removeProperty("overflow"),document.documentElement.style.removeProperty("padding-right")}ensureFormId(t){return t.id||(t.id="drawer-form-"+g()),t.id}async handleDrawerOpenChange(t){t?(this.show(),this.openChanged.emit(t)):(this.close(),this.openChanged.emit(t))}handleKeyDown(t){if("Escape"!==t.key)return;if(!this.open)return;t.preventDefault(),t.stopPropagation();const e=this.checkForOpenPopovers();this.undismissable||e||(t.preventDefault(),t.stopPropagation(),this.close())}handlePointerDown(t){if(!this.swipeToOpen||this.controlled)return;const e=t.clientX,i=t.clientY,s=window.innerWidth;if(this.open){if(this.contentElement&&this.dialogElement.hasAttribute("open")){const t=this.contentElement.getBoundingClientRect();e>=t.left&&e<=t.right&&i>=t.top&&i<=t.bottom&&(this.swipeStartX=e,this.swipeStartY=i,this.swipeStartTime=Date.now(),this.isSwiping=!0)}}else("left"===this.side&&e<=this.SWIPE_EDGE_ZONE||"right"===this.side&&e>=s-this.SWIPE_EDGE_ZONE)&&(this.swipeStartX=e,this.swipeStartY=i,this.swipeStartTime=Date.now(),this.isSwiping=!0,t.preventDefault())}handlePointerMove(t){this.isSwiping&&this.swipeStartX&&this.swipeStartY&&t.preventDefault()}handlePointerUp(t){if(!(this.isSwiping&&this.swipeStartX&&this.swipeStartY&&this.swipeStartTime))return void this.resetSwipe();const e=t.clientX-this.swipeStartX,i=t.clientY-this.swipeStartY,s=Date.now()-this.swipeStartTime,r=Math.abs(e),a=r/s;Math.abs(i)>Math.abs(e)||(r>=this.SWIPE_THRESHOLD||a>=this.SWIPE_VELOCITY_THRESHOLD)&&(this.open?("left"===this.side&&e<0||"right"===this.side&&e>0)&&!this.undismissable&&this.close():("left"===this.side&&e>0||"right"===this.side&&e<0)&&!this.undismissable&&this.show()),this.resetSwipe()}resetSwipe(){this.swipeStartX=null,this.swipeStartY=null,this.swipeStartTime=null,this.isSwiping=!1}componentWillLoad(){this.headerElement||(this.headerElement=this.el.querySelector('[slot="header"]')??this.el.querySelector("nv-drawerheader")),this.footerElement||(this.footerElement=this.el.querySelector('[slot="footer"]')??this.el.querySelector("nv-drawerfooter")),this.checkForForm()}componentDidRender(){this.triggerElement=this.el.querySelector('[slot="trigger"]'),this.attachEventListeners()}componentDidLoad(){this.open&&this.show(),this.autofocus&&!this.dialogElement.querySelector("[autofocus]")&&this.setAutofocus(),this.attachEventListeners(),this.checkForForm()}disconnectedCallback(){!this.triggerElement||this.eventsAttached||this.controlled||(d(this.triggerClickEvents,this.triggerElement,this),this.eventsAttached=!1),this.allowScroll()}render(){const t=this.form||this.el.querySelector("form"),e=this.open?"open":"closed";return r(a,{key:"aada34b34ad78467aed1a5aa494bd573b8c3023c"},r("slot",{key:"fe01a0da104aa434f193a16e102880566b283531",name:"trigger"}),r("dialog",{key:"7db46371372809e4434d93675926cecfb2f90b74",ref:t=>this.dialogElement=t,onClose:this.handleDrawerClose,onClick:this.handleDrawerClick,role:"dialog","aria-modal":"true","aria-labelledby":"drawer-header","aria-describedby":"drawer-content",class:p({["side-"+this.side]:!0}),"data-state":e},r("div",{key:"1bd258e560667dc30474c3f30e376e9c6058e104",class:"backdrop",ref:t=>this.backdropElement=t},r("div",{key:"bd3d78bc975a15d9bd03ffd764e4c9831a982c3a",class:p("content","size-"+this.size),ref:t=>this.contentElement=t,"data-state":e,"data-side":this.side,style:this.width?{width:this.width}:{}},!this.undismissable&&r("nv-button",{key:"44dc185a2180b6371a822bdae3c2498e9228356d",class:"close-button",emphasis:"lower",size:"sm",onClick:this.handleDrawerClose,"aria-label":"Close drawer"},r("nv-icon",{key:"9892aded6c0540f08785ff93cda21966420564bd",name:"x",size:"sm"})),this.headerElement?r("slot",{name:"header"}):r("nv-drawerheader",{id:"drawer-header"}),r("div",{key:"f99756243748abee798cf6dca389dfb350980b98",class:"content-body",id:"drawer-content"},r("slot",{key:"fdd5e1c648dd1bc88429e9b3f1d01d94577042f5"})),this.footerElement?r("slot",{name:"footer"}):r("nv-drawerfooter",{form:this.form,primaryButtonType:t?w.Submit:w.Button,onDrawerCanceled:this.handleDrawerClose,undismissable:this.undismissable})))))}get el(){return this}static get watchers(){return{open:[{handleDrawerOpenChange:0}]}}static get style(){return"nv-drawer dialog{width:100vw;height:100svh;margin:0;max-height:unset;max-width:unset;padding:0;background:color-mix(in srgb, var(--components-overlay-background) 70%, transparent);backdrop-filter:blur(4px);border:none}nv-drawer dialog[data-state=closed]{pointer-events:none}nv-drawer dialog[data-state=open]{pointer-events:auto}nv-drawer dialog.side-right .backdrop{justify-content:flex-end}nv-drawer dialog.side-right .content{box-shadow:-4px 0 24px rgba(0, 0, 0, 0.15)}nv-drawer dialog.side-left .backdrop{justify-content:flex-start}nv-drawer dialog.side-left .content{box-shadow:4px 0 24px rgba(0, 0, 0, 0.15)}nv-drawer .backdrop{display:flex;height:100%;width:100%;padding:0}nv-drawer .backdrop .content{background:var(--color-level-00-background);width:var(--drawer-width, min(90vw, 400px));height:100%;display:flex;flex-direction:column;align-items:flex-start;position:relative}nv-drawer .backdrop .content[data-side=left]{border-top-right-radius:var(--drawer-radius-top-right, 0);border-bottom-right-radius:var(--drawer-radius-bottom-right, 0)}nv-drawer .backdrop .content[data-side=right]{border-top-left-radius:var(--drawer-radius-top-left, 0);border-bottom-left-radius:var(--drawer-radius-bottom-left, 0)}nv-drawer .backdrop .content.size-sm{width:clamp(var(--drawer-size-sm-min-width), var(--drawer-size-sm-width), var(--drawer-size-sm-max-width))}nv-drawer .backdrop .content.size-md{width:clamp(var(--drawer-size-md-min-width), var(--drawer-size-md-width), var(--drawer-size-md-max-width))}nv-drawer .backdrop .content.size-lg{width:clamp(var(--drawer-size-lg-min-width), var(--drawer-size-lg-width), var(--drawer-size-lg-max-width))}nv-drawer .backdrop .content.size-full{width:var(--drawer-size-full-width)}nv-drawer .backdrop .content nv-button.close-button{position:absolute;top:var(--drawer-dismissible-position-top, var(--dialog-dismissible-position-top));right:var(--drawer-dismissible-position-right, var(--dialog-dismissible-position-right));z-index:1;display:flex;padding:var(--button-sm-icon-button-padding);justify-content:flex-end;align-items:flex-start;gap:var(--drawer-gap-y, 10px)}nv-drawer .backdrop .content .content-body::-webkit-scrollbar{width:6px;height:6px}nv-drawer .backdrop .content .content-body::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-drawer .backdrop .content .content-body::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-drawer .backdrop .content .content-body{box-sizing:border-box;padding:var(--drawer-padding-y, var(--dialog-body-padding-y)) var(--drawer-padding-x, var(--dialog-body-padding-x));scrollbar-gutter:stable both-edges;flex:1;overflow-y:auto;width:100%;border-bottom:1px solid var(--color-content-low-border);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);color:var(--color-content-medium-text)}nv-drawer .backdrop .content slot[name=footer]::slotted(*),nv-drawer .backdrop .content nv-drawerfooter{padding-top:var(--spacing-4)}"}},[260,"nv-drawer",{open:[1540],undismissable:[516],clickOutside:[516,"click-outside"],controlled:[516],side:[513],size:[513],width:[513],autofocus:[516],swipeToOpen:[516,"swipe-to-open"],show:[64],close:[64]},[[4,"keydown","handleKeyDown"],[9,"pointerdown","handlePointerDown"],[9,"pointermove","handlePointerMove"],[9,"pointerup","handlePointerUp"]],{open:[{handleDrawerOpenChange:0}]}]);function y(){"undefined"!=typeof customElements&&["nv-drawer","nv-button","nv-drawerfooter","nv-drawerheader","nv-icon","nv-loader"].forEach((e=>{switch(e){case"nv-drawer":customElements.get(t(e))||customElements.define(t(e),k);break;case"nv-button":customElements.get(t(e))||m();break;case"nv-drawerfooter":customElements.get(t(e))||b();break;case"nv-drawerheader":customElements.get(t(e))||f();break;case"nv-icon":customElements.get(t(e))||v();break;case"nv-loader":customElements.get(t(e))||u()}}))}y();const x=k,z=y;export{x as NvDrawer,z as defineCustomElement}

package/dist/components/nv-drawerfooter.js

@@ -1 +1 @@
-import{N as p,d as o}from"./p-C47vpaBp.js";const s=p,a=o;export{s as NvDrawerfooter,a as defineCustomElement}
+import{N as o,d as s}from"./p-DP_K3tkj.js";const t=o,p=s;export{t as NvDrawerfooter,p as defineCustomElement}

package/dist/components/nv-drawerheader.js

@@ -1 +1 @@
-import{N as o,d as r}from"./p-CBlrNW6n.js";const s=o,p=r;export{s as NvDrawerheader,p as defineCustomElement}
+import{N as o,d as s}from"./p-BU3AWnne.js";const n=o,p=s;export{n as NvDrawerheader,p as defineCustomElement}

package/dist/components/nv-fieldcheckbox.js

@@ -1 +1 @@
-import{N as o,d as s}from"./p-ChVdX6FG.js";const p=o,r=s;export{p as NvFieldcheckbox,r as defineCustomElement}
+import{N as o,d as s}from"./p-GDyaHbt9.js";const t=o,a=s;export{t as NvFieldcheckbox,a as defineCustomElement}

package/dist/components/nv-fielddate.js

@@ -1 +1 @@
-import{t as e,p as r,H as t,c as i,h as o,d as a}from"./p-flcatmxD.js";import{I as n}from"./p-CD12QIMB.js";import{d}from"./p-Bl7rc9YV.js";import{d as s}from"./p-DKgmDzJ1.js";import{d as l}from"./p-_zOMJBOq.js";import{d as c}from"./p-D3JDACHw.js";import{d as f}from"./p-RYxAzR3m.js";import{v as h}from"./p-BdYh22OP.js";const p=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged",3),this.popoverId=h(),this.inputId=h(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.singleValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=1,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)||(this.open=!1))},this.handleInputContainerClick=e=>{this.readonly||this.disabled?e.preventDefault():this.inputElement.focus()},this.handleInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const r=e.target;this.singleValue=r.value,""===r.value&&(this.value="",this.valueChanged.emit(""))},this.handleFocus=e=>{if(this.readonly||this.disabled)return e.preventDefault(),void e.target.blur();this.open=!0},this.handleCalendarValueChanged=e=>{e.stopPropagation()},this.setPopoverRef=e=>{this.popoverElement=e},this.setInputRef=e=>{this.inputElement=e},this.toggleCalendar=()=>{this.readonly||this.disabled||(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","YYYY-MM-DD":"yyyy-mm-dd","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]||"dd/mm/yyyy"}async clear(){this.singleValue="",this.value="",this.inputElement&&(this.inputElement.value="",this.inputElement.inputmask&&this.inputElement.inputmask.remove()),this.valueChanged.emit(""),this.open=!1}updateMask(){this.inputElement&&(this.inputElement.inputmask?.remove?.(),new n({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncomplete:e=>{const r=e.target?.value;this.value!==r&&(this.singleValue=r,this.value=r,this.valueChanged.emit(r))}}).mask(this.inputElement))}handleSingleDateChange(e){const r=e.detail,t=this.value;this.singleValue=r,this.value=r,this.inputElement&&(this.inputElement.value=r),t!==r&&this.valueChanged.emit(r),this.showActions||(this.open=!1)}componentWillLoad(){this.value&&(this.singleValue=this.value)}componentDidLoad(){this.updateMask(),this.inputElement.name===this.name&&this.singleValue&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue;const e=new CustomEvent("input",{bubbles:!0});this.inputElement.dispatchEvent(e)}))}componentDidRender(){this.singleValue&&this.inputElement&&!this.inputElement.value&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue,this.inputElement.setAttribute("value",this.singleValue)}))}disconnectedCallback(){this.inputElement&&this.inputElement.inputmask&&this.inputElement.inputmask.remove()}handleValueChange(e){this.singleValue=e,this.inputElement&&this.inputElement.value!==e&&(this.inputElement.value=e)}handleOpenChange(e){if(this.updateMask(),e&&this.popoverElement){const e=this.popoverElement.querySelector("nv-calendar [data-date]");e&&e.focus()}}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleDocumentClick(e){this.handleClickOutside(e)}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement||console.warn("nv-fielddate -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}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,t=e?r:null,i=e?"true"===t||""===t:void 0,n=this.required&&(!e||!0===i);return o(a,{key:"373ddbc08a6b5d6ca6f2ac368f0ec84067539313"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&o("label",{key:"8373d2e38786f41bda23dd8fe9d345d24fb27710",htmlFor:this.inputId},o("slot",{key:"8ded993892e5eef5caec76081eff5d3ed2db695a",name:"label"},this.label)),o("nv-popover",{key:"0a394aab113c9a964f7495481d728416b1b7b041",ref:this.setPopoverRef,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},o("div",{key:"ae7e1a4d7454b09969335a4772e77ba137a12389",slot:"trigger",class:"input-wrapper"},o("slot",{key:"7b744ada5b12dca2ffaca4690f27a9a77240ea55",name:"before-input"}),o("div",{key:"9eb02599b7d7b6ee1835756525d8646d8a50be73",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"882a358dd1f0865a0c46ca5d9c5f8fe4689de616",name:"leading-input"}),o("input",{key:"2f8603d625b8fbfe8a5287e5512fdb2b7309004b",id:this.inputId,ref:this.setInputRef,placeholder:this.placeholder||this.convertToInputmaskFormat(this.dateFormat),name:this.name,disabled:this.disabled,readOnly:this.readonly,required:n?this.required:void 0,...void 0!==i&&{"aria-required":i+""},autofocus:this.autofocus,onInput:this.handleInput,onFocus:this.handleFocus,"data-scope":"date"}),this.error&&o("nv-icon",{key:"ae611c7990a9ee817fcd8fec5c3c6068b995310d",name:"alert-circle",class:"validation",size:"md"}),this.success&&o("nv-icon",{key:"3fa08699f440d9dcbd9612965a3f1cf88b17a83c",name:"circle-check",class:"validation",size:"md"}),o("nv-iconbutton",{key:"ee781c688e8bc62d17250dd4ec198e5706641cf7",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),o("slot",{key:"ab360fe2a6d5ceb48899ba05e404548995348e96",name:"after-input"})),o("div",{key:"8379e7defd054c642fe0d25cd8f3890c351811b1",slot:"content"},o("nv-calendar",{key:"316df6f492d8d684ba91429fe5e499330329d0a7",onSingleDateChange:this.handleSingleDateChange.bind(this),dateFormat:this.dateFormat,singleValue:this.singleValue,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,onValueChanged:this.handleCalendarValueChanged}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&o("div",{key:"9bad6d56684e9fea1298b5338ed32c04f3ab364c",class:"description"},o("slot",{key:"180f3d6aac34ed02bf7ac351319327d701d4a419",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"b62cfbae2fec4d1e4c6d15f3bd3cf8e0936ec28f",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?o("slot",{name:"error-description"}):this.errorDescription),o("slot",{key:"6c4f47488a757c5808ed1bbe8bcedaa5dce60da2"}))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenChange: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-fielddate{--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-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[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-fielddate[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-fielddate[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-fielddate[required]:not([required=false]) label::after,nv-fielddate[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddate 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-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .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-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .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-fielddate .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .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-fielddate .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-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .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-fielddate .input-wrapper .input-container input{}nv-fielddate .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddate .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddate .input-wrapper .input-container input{font-feature-settings:"tnum";font-family:"TTNorms Pro Mono", monospace}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .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-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .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-fielddate .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-fielddate .error-description[hidden]{display:none}'}},[260,"nv-fielddate",{inputId:[513,"input-id"],label:[513],description:[513],placeholder:[513],name:[513],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],autofocus:[516],value:[1537],firstDayOfWeek:[514,"first-day-of-week"],numberOfCalendars:[514,"number-of-calendars"],min:[513],max:[513],locale:[513],dateFormat:[513,"date-format"],shortcutsPlacement:[513,"shortcuts-placement"],showActions:[516,"show-actions"],shortcuts:[16],showWeekNumbers:[516,"show-week-numbers"],disabledDates:[16],fluid:[516],singleValue:[32],open:[32],clear:[64]},[[0,"closePopover","handleClosePopover"],[4,"click","handleDocumentClick"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],open:[{handleOpenChange:0}]}]);function v(){"undefined"!=typeof customElements&&["nv-fielddate","nv-calendar","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((r=>{switch(r){case"nv-fielddate":customElements.get(e(r))||customElements.define(e(r),p);break;case"nv-calendar":customElements.get(e(r))||d();break;case"nv-icon":customElements.get(e(r))||s();break;case"nv-iconbutton":customElements.get(e(r))||l();break;case"nv-loader":customElements.get(e(r))||c();break;case"nv-popover":customElements.get(e(r))||f()}}))}v();const u=p,m=v;export{u as NvFielddate,m as defineCustomElement}
+import{t as e,p as r,H as t,c as i,h as o,d as n}from"./p-DiwYO24j.js";import{I as a}from"./p-CTISxdir.js";import{d}from"./p-Cyn4-37z.js";import{d as s}from"./p-BYrgllP3.js";import{d as l}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 p=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged",3),this.popoverId=h(),this.inputId=h(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.singleValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=1,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)||(this.open=!1))},this.handleInputContainerClick=e=>{this.readonly||this.disabled?e.preventDefault():this.inputElement.focus()},this.handleInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const r=e.target;this.singleValue=r.value,""===r.value&&(this.value="",this.valueChanged.emit(""))},this.handleFocus=e=>{if(this.readonly||this.disabled)return e.preventDefault(),void e.target.blur();this.open=!0},this.handleCalendarValueChanged=e=>{e.stopPropagation()},this.setPopoverRef=e=>{this.popoverElement=e},this.setInputRef=e=>{this.inputElement=e},this.toggleCalendar=()=>{this.readonly||this.disabled||(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","YYYY-MM-DD":"yyyy-mm-dd","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]||"dd/mm/yyyy"}async clear(){this.singleValue="",this.value="",this.inputElement&&(this.inputElement.value="",this.inputElement.inputmask&&this.inputElement.inputmask.remove()),this.valueChanged.emit(""),this.open=!1}updateMask(){this.inputElement&&(this.inputElement.inputmask?.remove?.(),new a({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncomplete:e=>{const r=e.target?.value;this.value!==r&&(this.singleValue=r,this.value=r,this.valueChanged.emit(r))}}).mask(this.inputElement))}handleSingleDateChange(e){const r=e.detail,t=this.value;this.singleValue=r,this.value=r,this.inputElement&&(this.inputElement.value=r),t!==r&&this.valueChanged.emit(r),this.showActions||(this.open=!1)}componentWillLoad(){this.value&&(this.singleValue=this.value)}componentDidLoad(){this.updateMask(),this.inputElement.name===this.name&&this.singleValue&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue;const e=new CustomEvent("input",{bubbles:!0});this.inputElement.dispatchEvent(e)}))}componentDidRender(){this.singleValue&&this.inputElement&&!this.inputElement.value&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue,this.inputElement.setAttribute("value",this.singleValue)}))}disconnectedCallback(){this.inputElement&&this.inputElement.inputmask&&this.inputElement.inputmask.remove()}handleValueChange(e){this.singleValue=e,this.inputElement&&this.inputElement.value!==e&&(this.inputElement.value=e)}handleOpenChange(e){if(this.updateMask(),e&&this.popoverElement){const e=this.popoverElement.querySelector("nv-calendar [data-date]");e&&e.focus()}}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleDocumentClick(e){this.handleClickOutside(e)}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement||console.warn("nv-fielddate -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}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,t=e?r:null,i=e?"true"===t||""===t:void 0,a=this.required&&(!e||!0===i);return o(n,{key:"8a52688bd6a8739256310a59a7e78f6ac80598f2"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&o("label",{key:"467bba7d225fe472f832226e39c03f2ccb32ce09",htmlFor:this.inputId},o("slot",{key:"c372e4c061d7708c10c66beb663dcc1acd6749c4",name:"label"},this.label)),o("nv-popover",{key:"6019c2d41926414f7cb22d9c468c9102d376a192",ref:this.setPopoverRef,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},o("div",{key:"468aca7a419ee74bc06a33b6db1828d9f4d879d7",slot:"trigger",class:"input-wrapper"},o("slot",{key:"7719e96c033ce988c2eb2a140933d41f6e0274f1",name:"before-input"}),o("div",{key:"c9280aa0e17cbc7b11cfdf15523c2c02d7e21d7b",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"52a01c9fc92bf40435faf13b0492aab64d585adf",name:"leading-input"}),o("input",{key:"98701b6adb0eb857ed2411a96402874b41485055",id:this.inputId,ref:this.setInputRef,placeholder:this.placeholder||this.convertToInputmaskFormat(this.dateFormat),name:this.name,disabled:this.disabled,readOnly:this.readonly,required:a?this.required:void 0,...void 0!==i&&{"aria-required":i+""},autofocus:this.autofocus,onInput:this.handleInput,onFocus:this.handleFocus,"data-scope":"date"}),this.error&&o("nv-icon",{key:"ce78e8ecefe12547f34304229201e4a2f7b313d6",name:"alert-circle",class:"validation",size:"md"}),this.success&&o("nv-icon",{key:"512a15dca24742c33005e9beab9a4bafcd5c473e",name:"circle-check",class:"validation",size:"md"}),o("nv-iconbutton",{key:"4ed638a61d62ce44b94effb942f3eab98d37c871",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),o("slot",{key:"0cb23a55e9d8ac474f1c479d41ea95563cbe7a74",name:"after-input"})),o("div",{key:"62dfe1673077745f6cc90eb74d56ce00d11efa42",slot:"content"},o("nv-calendar",{key:"033ad7d2c066741fb2178538da8b286c303b3f0f",onSingleDateChange:this.handleSingleDateChange.bind(this),dateFormat:this.dateFormat,singleValue:this.singleValue,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,onValueChanged:this.handleCalendarValueChanged}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&o("div",{key:"de333761b2cf725bbad48263c9b2f3b43d35e25d",class:"description"},o("slot",{key:"9d10b90345e035fbf7b5cd1e8698f14560e704d5",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"41ffe913883404441173d962461c5af824e4e27b",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?o("slot",{name:"error-description"}):this.errorDescription),o("slot",{key:"0fb13823bd0fe37d1a1040cc1d6ef0b54982fa4c"}))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenChange: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-fielddate{--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-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[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-fielddate[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-fielddate[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-fielddate[required]:not([required=false]) label::after,nv-fielddate[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddate 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-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .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-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .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-fielddate .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .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-fielddate .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-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .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-fielddate .input-wrapper .input-container input{}nv-fielddate .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddate .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddate .input-wrapper .input-container input{font-feature-settings:"tnum";font-family:"TTNorms Pro Mono", monospace}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .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-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .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-fielddate .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-fielddate .error-description[hidden]{display:none}'}},[260,"nv-fielddate",{inputId:[513,"input-id"],label:[513],description:[513],placeholder:[513],name:[513],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],autofocus:[516],value:[1537],firstDayOfWeek:[514,"first-day-of-week"],numberOfCalendars:[514,"number-of-calendars"],min:[513],max:[513],locale:[513],dateFormat:[513,"date-format"],shortcutsPlacement:[513,"shortcuts-placement"],showActions:[516,"show-actions"],shortcuts:[16],showWeekNumbers:[516,"show-week-numbers"],disabledDates:[16],fluid:[516],singleValue:[32],open:[32],clear:[64]},[[0,"closePopover","handleClosePopover"],[4,"click","handleDocumentClick"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],open:[{handleOpenChange:0}]}]);function v(){"undefined"!=typeof customElements&&["nv-fielddate","nv-calendar","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((r=>{switch(r){case"nv-fielddate":customElements.get(e(r))||customElements.define(e(r),p);break;case"nv-calendar":customElements.get(e(r))||d();break;case"nv-icon":customElements.get(e(r))||s();break;case"nv-iconbutton":customElements.get(e(r))||l();break;case"nv-loader":customElements.get(e(r))||c();break;case"nv-popover":customElements.get(e(r))||f()}}))}v();const u=p,m=v;export{u as NvFielddate,m as defineCustomElement}

package/dist/components/nv-fielddaterange.js

@@ -1 +1 @@
-import{t as e,p as t,H as r,c as i,h as n,d as a}from"./p-flcatmxD.js";import{I as o}from"./p-CD12QIMB.js";import{d as s}from"./p-Bl7rc9YV.js";import{d}from"./p-DKgmDzJ1.js";import{d as l}from"./p-_zOMJBOq.js";import{d as c}from"./p-D3JDACHw.js";import{d as f}from"./p-RYxAzR3m.js";import{v as h}from"./p-BdYh22OP.js";const p=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.dateRangeChange=i(this,"dateRangeChange",3),this.valueChanged=i(this,"valueChanged",3),this.popoverId=h(),this.startInputId=h(),this.endInputId=h(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.startValue="",this.endValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=2,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.parseUnifiedValue=e=>{if(!e)return this.startValue="",void(this.endValue="");const t=e.split(",").map((e=>e.trim())).filter(Boolean);t.length>=2&&(this.startValue=t[0],this.endValue=t[1])},this.handleClickOutside=e=>{this.open&&this.el&&!this.el.contains(e.target)&&(this.open=!1)},this.handleStartInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const t=e.target;if(this.startValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${t.value},${this.endValue}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleEndInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const t=e.target;if(this.endValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${this.startValue},${t.value}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleFocus=e=>{if(this.readonly||this.disabled)return e.preventDefault(),void e.target.blur();this.calendarElement&&this.calendarElement.removeAttribute("data-prevent-navigation"),this.open=!0,setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),300)},this.toggleCalendar=()=>{this.readonly||this.disabled||(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"YYYY-MM-DD":"yyyy-mm-dd","DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]||"dd/mm/yyyy"}async clear(){this.startValue="",this.endValue="",this.value="",this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value="",e.inputmask&&e.inputmask.remove()})),this.valueChanged.emit(""),this.dateRangeChange.emit({start:"",end:""}),this.open=!1,this.calendarElement&&this.calendarElement.clear()}updateMask(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.inputmask?.remove?.();const t=new o({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncleared:e=>{const t=e.target;t.id===this.startInputId&&(this.startValue=""),t.id===this.endInputId&&(this.endValue="")},oncomplete:e=>{const t=e.target;t.id===this.startInputId?this.startValue=t.value:t.id===this.endInputId&&(this.endValue=t.value);const r=`${this.startValue},${this.endValue}`;this.startValue&&this.endValue&&this.value!==r&&(this.value=r,this.valueChanged.emit(this.value),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}});t.mask(e)}))}handleCancelDateChange(e){let t=!1,r=!1;"singleDateChange"===e.type&&""===e.detail&&(t=!0),"rangeDateChange"===e.type&&"object"==typeof e.detail&&""===e.detail.start&&""===e.detail.end&&(r=!0),(t||r)&&(this.startValue="",this.endValue="",this.value="",this.valueChanged.emit(""),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value=""})),this.dateRangeChange.emit({start:"",end:""}))}handleRangeDateChange(e){this.handleCancelDateChange(e);const{start:t,end:r}=e.detail||{};if(t&&r){this.startValue=t,this.endValue=r;const e=`${t},${r}`;this.value!==e&&(this.value=e,this.valueChanged.emit(this.value)),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}),this.showActions||(this.open=!1)}}handleCalendarValueChanged(e){const t=e.detail||"";t!==this.value&&(this.value=t,this.valueChanged.emit(t),this.parseUnifiedValue(t),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}componentWillLoad(){this.value&&this.parseUnifiedValue(this.value)}componentDidLoad(){this.updateMask(),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.name===this.startName&&this.startValue?requestAnimationFrame((()=>{e.value=this.startValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)})):e.name===this.endName&&this.endValue&&requestAnimationFrame((()=>{e.value=this.endValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)}))}))}componentDidRender(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{const t=e.name===this.startName?this.startValue:this.endName?this.endValue:"";t&&requestAnimationFrame((()=>{e.value=t,e.setAttribute("value",t)}))}))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement||console.warn("nv-fielddaterange -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}handleValueChange(e){this.parseUnifiedValue(e)}onOpenChanged(e){this.updateMask(),this.contentRef&&(e?(this.contentRef.style.transition="none",this.contentRef.style.maxHeight="0px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px"}))):(this.contentRef.style.transition="none",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight="0px"}))))}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,r=e?t:null,i=e?"true"===r||""===r:void 0,o=this.required&&(!e||!0===i);return n(a,{key:"659fbd943d7f088b0dde4ad6ae9eac2fd719d58d"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&n("label",{key:"5ec3a4df845c445ce2c4b45798677c9ba1c79f04",htmlFor:this.startInputId},n("slot",{key:"ac22f1a6d6f49a2feb2a92a1ff9045422785ef64",name:"label"},this.label)),n("nv-popover",{key:"d4ac345011bce61f263df887fa9eebc210659145",ref:e=>this.popoverElement=e,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},n("div",{key:"6f13372e3bea5b40ed7bc82ffea0fa4f85f6e450",slot:"trigger",class:"input-wrapper"},n("slot",{key:"4403b049058b231017eea3be6a1045312d805d75",name:"before-input"}),n("div",{key:"df2603a90a1e7740311c8a4b1a85a051ed8efff0",class:"input-container"},n("slot",{key:"37554324ba2bb1f25446c97db50546e0a33b5af8",name:"leading-input"}),n("div",{key:"0e99431473e98409bdf883acfd7e50823e6fc3c2",class:"range-inputs"},n("input",{key:"7077a4a95fd264466c44f4f96fd9b6236887b731",id:this.startInputId,type:"text",placeholder:this.startPlaceholder||this.convertToInputmaskFormat(this.dateFormat),name:this.startName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==i&&{"aria-required":i+""},autofocus:this.autofocus,value:this.startValue,onInput:this.handleStartInput,onFocus:this.handleFocus,"data-scope":"date-range"}),n("div",{key:"8f84668eb682306ff6751044fb715dfbccc38e6b",class:"range-separator"}),n("input",{key:"1e7045f9501a04e14d4f726171abd07cbce0e004",id:this.endInputId,type:"text",placeholder:this.endPlaceholder||this.convertToInputmaskFormat(this.dateFormat),name:this.endName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==i&&{"aria-required":i+""},value:this.endValue,onInput:this.handleEndInput,onFocus:this.handleFocus,"data-scope":"date-range"})),this.error&&n("nv-icon",{key:"a82a7ea123f900eda3eb82cb1a70796ffc0248da",name:"alert-circle",class:"validation",size:"md"}),this.success&&n("nv-icon",{key:"176e92373cb84d7cd873637818eba98b51a69646",name:"circle-check",class:"validation",size:"md"}),n("nv-iconbutton",{key:"d7069a77fa7fdca3b8202fed9fdfe8af082fdaf6",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),n("slot",{key:"1ef543db2799a3242ed0a9ef8a5058b002fb885b",name:"after-input"})),n("div",{key:"b47f6bbc98772ba7b0aa680737bf278b716aa237",slot:"content"},n("nv-calendar",{key:"6008dda7daff3c40f20475996f8215ae8b6c457a",ref:e=>this.calendarElement=e,onRangeDateChange:this.handleRangeDateChange.bind(this),onValueChanged:this.handleCalendarValueChanged.bind(this),onSingleDateChange:this.handleCancelDateChange.bind(this),dateFormat:this.dateFormat,value:this.value,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,selectionType:"range","data-prevent-navigation":"true"}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&n("div",{key:"bd3c9e7650cea0ae6e30418c1ed15e2e21241576",class:"description"},n("slot",{key:"c87eb17e1b5624c7d3b5b31644919c4a473ea135",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&n("div",{key:"e9cb169a418080a3c374f5d36fdc7c09845a52f6",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?n("slot",{name:"error-description"}):this.errorDescription),n("slot",{key:"ea7d3580a7007bcdc85eb096ccdbf683d7a1d906"}))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{onOpenChanged: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-fielddaterange{--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-fielddaterange[fluid]:not([fluid=false]){max-width:unset}nv-fielddaterange[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-fielddaterange[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-fielddaterange[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-fielddaterange[required]:not([required=false]) label::after,nv-fielddaterange[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddaterange 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-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto;z-index:2}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .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-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .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-fielddaterange .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddaterange .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-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{box-shadow:none;border-color:var(--nv-field-border-default)}nv-fielddaterange .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-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .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-fielddaterange .input-wrapper .input-container input{}nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddaterange .input-wrapper .input-container input{width:100%}nv-fielddaterange .input-wrapper .input-container input:focus-within,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover,nv-fielddaterange .input-wrapper .input-container input:focus,nv-fielddaterange .input-wrapper .input-container input:focus:hover{outline:var(--focus-outline-stroke) solid var(--nv-field-border-focus);outline-offset:0px}nv-fielddaterange .input-wrapper .input-container input:focus-within~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus:hover~.range-separator{background-color:transparent}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddaterange .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-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .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-fielddaterange .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-fielddaterange .error-description[hidden]{display:none}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:0;width:100%}nv-fielddaterange .range-inputs:focus-within{z-index:1}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}nv-fielddaterange .range-inputs .range-separator{width:1px;height:1.5rem;background-color:var(--color-content-medium-border)}'}},[260,"nv-fielddaterange",{startInputId:[513,"start-input-id"],endInputId:[513,"end-input-id"],label:[513],description:[513],startPlaceholder:[513,"start-placeholder"],endPlaceholder:[513,"end-placeholder"],startName:[513,"start-name"],endName:[513,"end-name"],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],autofocus:[516],value:[1537],firstDayOfWeek:[514,"first-day-of-week"],numberOfCalendars:[514,"number-of-calendars"],min:[513],max:[513],locale:[513],dateFormat:[513,"date-format"],shortcutsPlacement:[513,"shortcuts-placement"],showActions:[516,"show-actions"],shortcuts:[16],showWeekNumbers:[516,"show-week-numbers"],disabledDates:[16],fluid:[516],startValue:[32],endValue:[32],open:[32],clear:[64]},[[0,"closePopover","handleClosePopover"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],open:[{onOpenChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["nv-fielddaterange","nv-calendar","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((t=>{switch(t){case"nv-fielddaterange":customElements.get(e(t))||customElements.define(e(t),p);break;case"nv-calendar":customElements.get(e(t))||s();break;case"nv-icon":customElements.get(e(t))||d();break;case"nv-iconbutton":customElements.get(e(t))||l();break;case"nv-loader":customElements.get(e(t))||c();break;case"nv-popover":customElements.get(e(t))||f()}}))}u();const v=p,m=u;export{v as NvFielddaterange,m as defineCustomElement}
+import{t as e,p as t,H as r,c as i,h as n,d as a}from"./p-DiwYO24j.js";import{I as o}from"./p-CTISxdir.js";import{d as s}from"./p-Cyn4-37z.js";import{d}from"./p-BYrgllP3.js";import{d as l}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 p=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.dateRangeChange=i(this,"dateRangeChange",3),this.valueChanged=i(this,"valueChanged",3),this.popoverId=h(),this.startInputId=h(),this.endInputId=h(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.startValue="",this.endValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=2,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.parseUnifiedValue=e=>{if(!e)return this.startValue="",void(this.endValue="");const t=e.split(",").map((e=>e.trim())).filter(Boolean);t.length>=2&&(this.startValue=t[0],this.endValue=t[1])},this.handleClickOutside=e=>{this.open&&this.el&&!this.el.contains(e.target)&&(this.open=!1)},this.handleStartInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const t=e.target;if(this.startValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${t.value},${this.endValue}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleEndInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const t=e.target;if(this.endValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${this.startValue},${t.value}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleFocus=e=>{if(this.readonly||this.disabled)return e.preventDefault(),void e.target.blur();this.calendarElement&&this.calendarElement.removeAttribute("data-prevent-navigation"),this.open=!0,setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),300)},this.toggleCalendar=()=>{this.readonly||this.disabled||(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"YYYY-MM-DD":"yyyy-mm-dd","DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]||"dd/mm/yyyy"}async clear(){this.startValue="",this.endValue="",this.value="",this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value="",e.inputmask&&e.inputmask.remove()})),this.valueChanged.emit(""),this.dateRangeChange.emit({start:"",end:""}),this.open=!1,this.calendarElement&&this.calendarElement.clear()}updateMask(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.inputmask?.remove?.();const t=new o({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncleared:e=>{const t=e.target;t.id===this.startInputId&&(this.startValue=""),t.id===this.endInputId&&(this.endValue="")},oncomplete:e=>{const t=e.target;t.id===this.startInputId?this.startValue=t.value:t.id===this.endInputId&&(this.endValue=t.value);const r=`${this.startValue},${this.endValue}`;this.startValue&&this.endValue&&this.value!==r&&(this.value=r,this.valueChanged.emit(this.value),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}});t.mask(e)}))}handleCancelDateChange(e){let t=!1,r=!1;"singleDateChange"===e.type&&""===e.detail&&(t=!0),"rangeDateChange"===e.type&&"object"==typeof e.detail&&""===e.detail.start&&""===e.detail.end&&(r=!0),(t||r)&&(this.startValue="",this.endValue="",this.value="",this.valueChanged.emit(""),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value=""})),this.dateRangeChange.emit({start:"",end:""}))}handleRangeDateChange(e){this.handleCancelDateChange(e);const{start:t,end:r}=e.detail||{};if(t&&r){this.startValue=t,this.endValue=r;const e=`${t},${r}`;this.value!==e&&(this.value=e,this.valueChanged.emit(this.value)),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}),this.showActions||(this.open=!1)}}handleCalendarValueChanged(e){const t=e.detail||"";t!==this.value&&(this.value=t,this.valueChanged.emit(t),this.parseUnifiedValue(t),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}componentWillLoad(){this.value&&this.parseUnifiedValue(this.value)}componentDidLoad(){this.updateMask(),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.name===this.startName&&this.startValue?requestAnimationFrame((()=>{e.value=this.startValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)})):e.name===this.endName&&this.endValue&&requestAnimationFrame((()=>{e.value=this.endValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)}))}))}componentDidRender(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{const t=e.name===this.startName?this.startValue:this.endName?this.endValue:"";t&&requestAnimationFrame((()=>{e.value=t,e.setAttribute("value",t)}))}))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement||console.warn("nv-fielddaterange -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}handleValueChange(e){this.parseUnifiedValue(e)}onOpenChanged(e){this.updateMask(),this.contentRef&&(e?(this.contentRef.style.transition="none",this.contentRef.style.maxHeight="0px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px"}))):(this.contentRef.style.transition="none",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight="0px"}))))}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,r=e?t:null,i=e?"true"===r||""===r:void 0,o=this.required&&(!e||!0===i);return n(a,{key:"72eedbcf2b8150af17a0e13a86c64052b549df4f"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&n("label",{key:"2d507287369342d26069438f814d2247f69a6eeb",htmlFor:this.startInputId},n("slot",{key:"f71c2562185885caaf171cdcc0d1a45a5a7c96bc",name:"label"},this.label)),n("nv-popover",{key:"347378adcbad2af070de86932df99ea76a4f90d8",ref:e=>this.popoverElement=e,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},n("div",{key:"999dd22805ca2b00fa6199361eccd72017aa99a9",slot:"trigger",class:"input-wrapper"},n("slot",{key:"ef74ae9271a4f27361fe4f86c721e53f5e4db338",name:"before-input"}),n("div",{key:"902ee11f0a85ce865de1b79f1e16e24f23acc696",class:"input-container"},n("slot",{key:"353d326f48cf52c804216c5a4d693ad15c756eda",name:"leading-input"}),n("div",{key:"f573a6474e1ffb54eac8dcff4b4ce809a72106b2",class:"range-inputs"},n("input",{key:"0f68addf68a4bd26d9376b4cad6473330c463b1d",id:this.startInputId,type:"text",placeholder:this.startPlaceholder||this.convertToInputmaskFormat(this.dateFormat),name:this.startName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==i&&{"aria-required":i+""},autofocus:this.autofocus,value:this.startValue,onInput:this.handleStartInput,onFocus:this.handleFocus,"data-scope":"date-range"}),n("div",{key:"7c4dea3b2844f542d09c5343890a057a198b8959",class:"range-separator"}),n("input",{key:"e865a043d22ae844705c398bc989d76f03ba134b",id:this.endInputId,type:"text",placeholder:this.endPlaceholder||this.convertToInputmaskFormat(this.dateFormat),name:this.endName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==i&&{"aria-required":i+""},value:this.endValue,onInput:this.handleEndInput,onFocus:this.handleFocus,"data-scope":"date-range"})),this.error&&n("nv-icon",{key:"2487913e0ca5887989d59ecf36b54597d825f519",name:"alert-circle",class:"validation",size:"md"}),this.success&&n("nv-icon",{key:"16fd2d6a50045042e92327c73af572e0569f5538",name:"circle-check",class:"validation",size:"md"}),n("nv-iconbutton",{key:"e1e8024fd38d402e774d33ea46e81217680e81f1",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),n("slot",{key:"fb7bb98c40a92294cb8dae80b2148ac21c032389",name:"after-input"})),n("div",{key:"93537a1973acddbec91a051fd75d59da68851e0f",slot:"content"},n("nv-calendar",{key:"abbf6ec3e5934fe4e8d0e5bab097633b5dca1f13",ref:e=>this.calendarElement=e,onRangeDateChange:this.handleRangeDateChange.bind(this),onValueChanged:this.handleCalendarValueChanged.bind(this),onSingleDateChange:this.handleCancelDateChange.bind(this),dateFormat:this.dateFormat,value:this.value,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,selectionType:"range","data-prevent-navigation":"true"}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&n("div",{key:"4783e7960e12b88d183f72b63e8f96d4d71b1a49",class:"description"},n("slot",{key:"2f33e315d94e9fadb05d2d83b6291a93815f3b04",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&n("div",{key:"4acabd61332b519bd969feea19736a5dd9664f9d",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?n("slot",{name:"error-description"}):this.errorDescription),n("slot",{key:"6fe455b36e2ae0288a1d202057414da2450fc8ca"}))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{onOpenChanged: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-fielddaterange{--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-fielddaterange[fluid]:not([fluid=false]){max-width:unset}nv-fielddaterange[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-fielddaterange[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-fielddaterange[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-fielddaterange[required]:not([required=false]) label::after,nv-fielddaterange[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddaterange 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-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto;z-index:2}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .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-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .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-fielddaterange .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddaterange .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-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{box-shadow:none;border-color:var(--nv-field-border-default)}nv-fielddaterange .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-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .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-fielddaterange .input-wrapper .input-container input{}nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddaterange .input-wrapper .input-container input{width:100%}nv-fielddaterange .input-wrapper .input-container input:focus-within,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover,nv-fielddaterange .input-wrapper .input-container input:focus,nv-fielddaterange .input-wrapper .input-container input:focus:hover{outline:var(--focus-outline-stroke) solid var(--nv-field-border-focus);outline-offset:0px}nv-fielddaterange .input-wrapper .input-container input:focus-within~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus:hover~.range-separator{background-color:transparent}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddaterange .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-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .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-fielddaterange .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-fielddaterange .error-description[hidden]{display:none}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:0;width:100%}nv-fielddaterange .range-inputs:focus-within{z-index:1}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}nv-fielddaterange .range-inputs .range-separator{width:1px;height:1.5rem;background-color:var(--color-content-medium-border)}'}},[260,"nv-fielddaterange",{startInputId:[513,"start-input-id"],endInputId:[513,"end-input-id"],label:[513],description:[513],startPlaceholder:[513,"start-placeholder"],endPlaceholder:[513,"end-placeholder"],startName:[513,"start-name"],endName:[513,"end-name"],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],error:[516],errorDescription:[513,"error-description"],success:[516],autofocus:[516],value:[1537],firstDayOfWeek:[514,"first-day-of-week"],numberOfCalendars:[514,"number-of-calendars"],min:[513],max:[513],locale:[513],dateFormat:[513,"date-format"],shortcutsPlacement:[513,"shortcuts-placement"],showActions:[516,"show-actions"],shortcuts:[16],showWeekNumbers:[516,"show-week-numbers"],disabledDates:[16],fluid:[516],startValue:[32],endValue:[32],open:[32],clear:[64]},[[0,"closePopover","handleClosePopover"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],open:[{onOpenChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["nv-fielddaterange","nv-calendar","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((t=>{switch(t){case"nv-fielddaterange":customElements.get(e(t))||customElements.define(e(t),p);break;case"nv-calendar":customElements.get(e(t))||s();break;case"nv-icon":customElements.get(e(t))||d();break;case"nv-iconbutton":customElements.get(e(t))||l();break;case"nv-loader":customElements.get(e(t))||c();break;case"nv-popover":customElements.get(e(t))||f()}}))}u();const v=p,m=u;export{v as NvFielddaterange,m as defineCustomElement}

package/dist/components/nv-fielddropdown.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as o,h as r,d as n}from"./p-flcatmxD.js";import{F as d,f as s,k as a,q as l,l as c,S as h,h as f,s as p,i as u}from"./p-BaF3Tuua.js";import{g as v,f as b}from"./p-CR9MpYzU.js";import{d as m}from"./p-CUjRfVPl.js";import{d as w}from"./p-DKgmDzJ1.js";import{d as g}from"./p-_zOMJBOq.js";import{d as y}from"./p-D3JDACHw.js";import{d as k}from"./p-RYxAzR3m.js";import{v as x}from"./p-BdYh22OP.js";const z=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=o(this,"valueChanged",3),this.filterTextChanged=o(this,"filterTextChanged",3),this.openChanged=o(this,"openChanged",3),this.dropdownItemSelected=o(this,"dropdownItemSelected",7),this.indexedItems=[],this.rawItems=[],this.workerClient=null,this.effectiveFilterMode="strict",this.inputId=x(),this.autocomplete="off",this.required=!1,this.ariaRequiredAttr=!1,this.readonly=!1,this.disabled=!1,this.error=!1,this.maxHeight="",this.emptyResult="No results found",this.filterable=!1,this.openOnSelect=!1,this.controlledFilter=!1,this.debounceDelay=300,this.autofocus=!1,this.fluid=!1,this.filterMode="strict",this.maxResults=25,this.startFilterAt=0,this.workerThreshold=2e3,this.fuzzyThreshold=.3,this.filterText="",this.selectedValues=new Set,this.open=!1,this.resultsTruncated=!1,this.totalResults=0,this.isSearching=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)||(this.open=!1))},this.handleFilterInput=()=>{this.open=!0,this.filterText=this.inputElement.value,this.filterTextChanged.emit(this.inputElement.value),clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),"fuzzy"===this.effectiveFilterMode?d:this.debounceDelay)},this.getSelectedLabel=()=>{if(!this.value)return"";if(this.filterText?.length)return this.filterText;if(this.options?.length>1){const e=this.options.find((e=>e.value===this.value));return e?.label??e?.value??this.value}const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem")).find((e=>e.value===this.value));return e?e.label??e.textContent?.trim()??e.value:""}}handleOpenChange(e){!1===e&&(clearTimeout(this.debounceTimer),setTimeout((()=>{this.clearFilter()}),100))}handleValueChange(){this.updateSelectedItem(),this.open&&this.filterText||this.setFilterInputToSelectedValue()}handleOptionsChange(){this.updateSelectedItem(),this.rebuildSearchIndex()}handleDropdownItemSelected(e){this.disabled||this.readonly||(this.openOnSelect||(this.open=!1),e.detail.detached||(this.getAllItems().forEach((t=>{t!==e.target?t.removeAttribute("selected"):t.setAttribute("selected","true")})),this.value=e.detail.value,this.setFilterInputToSelectedValue(),this.valueChanged.emit(e.detail.value)))}handleFocus(e){e.relatedTarget instanceof i&&e.relatedTarget.tagName.includes("NV-FIELDDROPDOWNITEM")||e.target!=this.toggleElement&&(this.open=!0)}handleFocusOut(e){e.relatedTarget instanceof Node&&(this.el.contains(e.relatedTarget)||(this.open=!1))}handleKeyDown(e){if("Escape"===e.key)return this.focusField(),void(this.open=!1);if(" "===e.key)return void(e.target==this.selectElement&&(e.preventDefault(),this.open=!0));const t=this.getNavigableItems(),i=this.getHighlightedItemIndex(t);if("ArrowDown"===e.key){e.preventDefault(),this.open=!0;const o=i+1;this.updateHighlightedItem(t,o>=t.length?0:o)}if("ArrowUp"===e.key){e.preventDefault(),this.open=!0;const o=i-1;this.updateHighlightedItem(t,o<0?t.length-1:o)}}handleDocumentClick(e){this.handleClickOutside(e)}async clearFilter(){this.filterable&&(this.filterText?.length&&(this.filterText="",this.filterTextChanged.emit(this.filterText)),this.filterItems(),setTimeout((()=>{this.setFilterInputToSelectedValue()}),0))}async toggleDropdown(e){setTimeout(void 0!==e?()=>{this.open=e}:()=>{this.open=!this.open},0)}syncToggleDropdown(){this.open=!this.open}setFilterInputToSelectedValue(){if((this.filterable||this.disabled||this.readonly)&&this.inputElement)return this.value?void(this.inputElement.value=this.getSelectedLabel()):this.inputElement.value=""}getFilterableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([data-empty]):not([detached])"))}getNavigableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([disabled]):not([hidden])"))}getAllItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem"))}getHighlightedItemIndex(e){return e.findIndex((e=>e.classList.contains("highlighted")))}updateHighlightedItem(e,t){e.forEach(((e,i)=>{e.classList.remove("highlighted"),i===t&&(e.classList.add("highlighted"),e.focus(),e.scrollIntoView({block:"nearest"}))}))}focusField(){const e=this.el.querySelector('[data-scope="focusable"]');e?.focus()}async rebuildSearchIndex(){const e=this.getFilterableItems();this.rawItems=e.map(((e,t)=>({id:e.value||"item-"+t,label:e.label||e.textContent?.trim()||e.value||""}))),this.options?.length&&this.options.forEach(((e,t)=>{this.rawItems.push({id:e.value||"opt-"+t,label:e.label||e.value||""})})),this.indexedItems=s(this.rawItems),this.effectiveFilterMode=a(this.filterMode);const t=this.rawItems.length,i=u(this.workerThreshold);l(t,this.effectiveFilterMode,i)?await this.initWorker():this.terminateWorker()}async initWorker(){c()&&(this.workerClient||(this.workerClient=new h),await this.workerClient.init(this.rawItems))}terminateWorker(){this.workerClient&&(this.workerClient.terminate(),this.workerClient=null)}async filterItems(){if(this.controlledFilter)return;this.indexedItems.length||await this.rebuildSearchIndex();const e=this.getFilterableItems();if(this.el.querySelectorAll("nv-fielddropdownitem[data-empty], nv-fielddropdownitem[data-truncated]").forEach((e=>e.remove())),this.filterText.length<this.startFilterAt){const t=f(this.maxResults);let i=0;return e.forEach((e=>{i<t?(e.removeAttribute("hidden"),i++):e.setAttribute("hidden","")})),this.resultsTruncated=e.length>t,this.totalResults=e.length,void(this.resultsTruncated&&this.addTruncatedMessage(t,e.length))}const t=this.rawItems.length,i=u(this.workerThreshold);let o;if(l(t,this.effectiveFilterMode,i)&&this.workerClient?.isReady){this.isSearching=!0;try{o=await this.workerClient.search(this.filterText,this.effectiveFilterMode,this.maxResults,this.fuzzyThreshold)}catch(e){console.error("Worker search failed, falling back to main thread:",e),o=p(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}finally{this.isSearching=!1}}else o=p(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold});this.resultsTruncated=o.truncated,this.totalResults=o.total,this.applySearchResults(o,e)}applySearchResults(e,t){const i=new Set(e.ids);let o=!1,r=0;const n=f(this.maxResults);if(t.forEach((t=>{const d=t.value||"",s=t.label||t.textContent?.trim()||"";(i.has(d)||e.ids.some((e=>{const t=this.indexedItems.find((t=>t.id===e));return t&&(t.label===s||t.id===d)})))&&r<n?(t.removeAttribute("hidden"),o=!0,r++):t.setAttribute("hidden","")})),o)e.truncated&&this.addTruncatedMessage(e.ids.length,e.total);else{const e=document.createElement("nv-fielddropdownitem");e.setAttribute("data-empty","true"),e.setAttribute("disabled","true"),e.textContent=this.emptyResult,this.el.querySelector('div[slot="content"] ul')?.prepend(e)}}addTruncatedMessage(e,t){const i=this.truncatedResultsText||v(this.locale),o=document.createElement("nv-fielddropdownitem");o.setAttribute("data-truncated","true"),o.setAttribute("disabled","true"),o.setAttribute("detached","true"),o.className="truncated-message",o.textContent=b(i,e,t);const r=this.el.querySelector('div[slot="content"] ul');r&&r.appendChild(o)}async updateSelectedItem(){const e=this.getAllItems();this.value&&e.forEach((e=>{e.selected=e.value===this.value}))}componentDidLoad(){this.updateSelectedItem(),this.setFilterInputToSelectedValue(),this.rebuildSearchIndex()}disconnectedCallback(){clearTimeout(this.debounceTimer),this.terminateWorker()}componentDidRender(){this.filterable||!this.disabled&&!this.readonly||(this.inputElement.value=this.getSelectedLabel())}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,i=e?t:null,o=e?"true"===i||""===i:void 0,d=this.required&&(!e||!0===o);return r(n,{key:"b41a60470da47b175fac17a8bc88b8719b56cc14",role:"combobox","aria-expanded":""+this.open,"aria-haspopup":"listbox","aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&r("label",{key:"adf93f21febb5404b931b821595eed91b24da55b",htmlFor:this.inputId,onClick:this.syncToggleDropdown.bind(this)},r("slot",{key:"c8b8256e6e06695a3b6778cec0a696bc0713e6dc",name:"label"},this.label)),r("nv-popover",{key:"66895b00c801a5c1889da8bc73d9f519d3fe4b70",triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:e=>this.openChanged.emit(e.detail)},r("div",{key:"e468646cb1d08f7f26a8c427040d14f843279fd0",class:"input-wrapper",slot:"trigger"},r("slot",{key:"d5567eb82b1e9230507963ed7ca76656f1415855",name:"before-input"}),r("div",{key:"872a8f01aeba95f52209e8dbe2bb1cff3c65c46f",class:"input-container"},r("slot",{key:"f8038d509899b3dbe895c9f042f39a1274d1b681",name:"leading-input"}),this.filterable||this.disabled||this.readonly?r("input",{"data-scope":"focusable",id:this.inputId,type:"search",ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,required:d?this.required:void 0,...void 0!==o&&{"aria-required":o+""},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleFilterInput}):r("p",{"data-scope":"focusable",id:this.inputId,ref:e=>this.selectElement=e,class:"non-filterable-text",tabIndex:this.disabled?-1:0},this.getSelectedLabel()||this.value||this.placeholder),this.filterable&&this.filterText&&r("nv-iconbutton",{key:"b5b48972a2529eee9dd2fd68871859bf289d472a",name:"x",size:"md",emphasis:"lower",class:"clear-button",onClick:this.clearFilter.bind(this),"aria-label":"Clear input"}),this.error&&r("nv-icon",{key:"2cca314634242b1e697ba2b26298b095f0742582",name:"alert-circle",class:"validation",size:"md"}),r("nv-iconbutton",{key:"eac277cbb66ac82547d5c4c6a6aec3443f2fb593","data-scope":"toggle-dropdown",ref:e=>this.toggleElement=e,name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",onClick:this.syncToggleDropdown.bind(this),tabIndex:this.disabled?-1:0})),r("slot",{key:"25f05b5425937ca89e1c8c4f2be9fbde2e39959a",name:"after-input"})),r("div",{key:"064a1701a6f4678e1443d7e028f3681e2e41dfd9",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},this.options?.length>0&&r("ul",{key:"a9e489d4eb5551044f43a5aacaed94457ddbcacc"},this.options.map((e=>r("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))),r("slot",{key:"4dda850901378ea3416260e1c0adda7af9a153c7",name:"content"}))),(this.description||this.el.querySelector('[slot="description"]'))&&r("div",{key:"a878da5beb9572bc8d3a318d3879517ee84c7bac",class:"description"},r("slot",{key:"04618e824a1b5d67a4ccbe70f13d9ca818f607bd",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"007314310806e8dcc5b2b48af65bc66de4ba9f7a",hidden:!this.error,class:"error-description"},r("slot",{key:"237a4e37e5869f8b66c631559027ec6551005ec6",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{open:[{handleOpenChange:0}],value:[{handleValueChange:0}],options:[{handleOptionsChange: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-fielddropdown{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddropdown[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddropdown[required]:not([required=false]) label::after,nv-fielddropdown[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container{position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container p.non-filterable-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .input-container p.non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddropdown .error-description[hidden]{display:none}'}},[324,"nv-fielddropdown",{inputId:[513,"input-id"],name:[513],label:[513],description:[513],placeholder:[513],autocomplete:[513],value:[1537],required:[516],ariaRequiredAttr:[516,"aria-required"],readonly:[516],disabled:[516],error:[516],errorDescription:[513,"error-description"],maxHeight:[513,"max-height"],emptyResult:[513,"empty-result"],filterable:[516],openOnSelect:[516,"open-on-select"],controlledFilter:[516,"controlled-filter"],options:[16],debounceDelay:[514,"debounce-delay"],autofocus:[516],fluid:[516],filterMode:[513,"filter-mode"],maxResults:[514,"max-results"],startFilterAt:[514,"start-filter-at"],locale:[513],truncatedResultsText:[513,"truncated-results-text"],workerThreshold:[514,"worker-threshold"],fuzzyThreshold:[514,"fuzzy-threshold"],filterText:[32],selectedValues:[32],open:[32],resultsTruncated:[32],totalResults:[32],isSearching:[32],clearFilter:[64],toggleDropdown:[64]},[[0,"dropdownItemSelected","handleDropdownItemSelected"],[3,"focus","handleFocus"],[3,"focusout","handleFocusOut"],[0,"keydown","handleKeyDown"],[4,"click","handleDocumentClick"]],{open:[{handleOpenChange:0}],value:[{handleValueChange:0}],options:[{handleOptionsChange:0}]}]);function C(){"undefined"!=typeof customElements&&["nv-fielddropdown","nv-fielddropdownitem","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((t=>{switch(t){case"nv-fielddropdown":customElements.get(e(t))||customElements.define(e(t),z);break;case"nv-fielddropdownitem":customElements.get(e(t))||m();break;case"nv-icon":customElements.get(e(t))||w();break;case"nv-iconbutton":customElements.get(e(t))||g();break;case"nv-loader":customElements.get(e(t))||y();break;case"nv-popover":customElements.get(e(t))||k()}}))}C();const D=z,I=C;export{D as NvFielddropdown,I as defineCustomElement}
+import{t as e,p as t,H as i,c as o,h as r,d as n}from"./p-DiwYO24j.js";import{F as d,f as s,k as a,q as l,l as c,S as h,h as f,s as p,i as u}from"./p-BaF3Tuua.js";import{g as v,f as m}from"./p-CR9MpYzU.js";import{d as b}from"./p-D54x8OFu.js";import{d as w}from"./p-BYrgllP3.js";import{d as g}from"./p-Dg-Ac5i4.js";import{d as y}from"./p-Cx5CLy9v.js";import{d as k}from"./p-MLanePUO.js";import{v as x}from"./p-BdYh22OP.js";const z=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=o(this,"valueChanged",3),this.filterTextChanged=o(this,"filterTextChanged",3),this.openChanged=o(this,"openChanged",3),this.dropdownItemSelected=o(this,"dropdownItemSelected",7),this.indexedItems=[],this.rawItems=[],this.workerClient=null,this.effectiveFilterMode="strict",this.inputId=x(),this.autocomplete="off",this.required=!1,this.ariaRequiredAttr=!1,this.readonly=!1,this.disabled=!1,this.error=!1,this.maxHeight="",this.emptyResult="No results found",this.filterable=!1,this.openOnSelect=!1,this.controlledFilter=!1,this.debounceDelay=300,this.autofocus=!1,this.fluid=!1,this.filterMode="strict",this.maxResults=25,this.startFilterAt=0,this.workerThreshold=2e3,this.fuzzyThreshold=.3,this.filterText="",this.selectedValues=new Set,this.open=!1,this.resultsTruncated=!1,this.totalResults=0,this.isSearching=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)||(this.open=!1))},this.handleFilterInput=()=>{this.open=!0,this.filterText=this.inputElement.value,this.filterTextChanged.emit(this.inputElement.value),clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),"fuzzy"===this.effectiveFilterMode?d:this.debounceDelay)},this.getSelectedLabel=()=>{if(!this.value)return"";if(this.filterText?.length)return this.filterText;if(this.options?.length>1){const e=this.options.find((e=>e.value===this.value));return e?.label??e?.value??this.value}const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem")).find((e=>e.value===this.value));return e?e.label??e.textContent?.trim()??e.value:""}}handleOpenChange(e){!1===e&&(clearTimeout(this.debounceTimer),setTimeout((()=>{this.clearFilter()}),100))}handleValueChange(){this.updateSelectedItem(),this.open&&this.filterText||this.setFilterInputToSelectedValue()}handleOptionsChange(){this.updateSelectedItem(),this.rebuildSearchIndex()}handleDropdownItemSelected(e){this.disabled||this.readonly||(this.openOnSelect||(this.open=!1),e.detail.detached||(this.getAllItems().forEach((t=>{t!==e.target?t.removeAttribute("selected"):t.setAttribute("selected","true")})),this.value=e.detail.value,this.setFilterInputToSelectedValue(),this.valueChanged.emit(e.detail.value)))}handleFocus(e){e.relatedTarget instanceof i&&e.relatedTarget.tagName.includes("NV-FIELDDROPDOWNITEM")||e.target!=this.toggleElement&&(this.open=!0)}handleFocusOut(e){e.relatedTarget instanceof Node&&(this.el.contains(e.relatedTarget)||(this.open=!1))}handleKeyDown(e){if("Escape"===e.key)return this.focusField(),void(this.open=!1);if(" "===e.key)return void(e.target==this.selectElement&&(e.preventDefault(),this.open=!0));const t=this.getNavigableItems(),i=this.getHighlightedItemIndex(t);if("ArrowDown"===e.key){e.preventDefault(),this.open=!0;const o=i+1;this.updateHighlightedItem(t,o>=t.length?0:o)}if("ArrowUp"===e.key){e.preventDefault(),this.open=!0;const o=i-1;this.updateHighlightedItem(t,o<0?t.length-1:o)}}handleDocumentClick(e){this.handleClickOutside(e)}async clearFilter(){this.filterable&&(this.filterText?.length&&(this.filterText="",this.filterTextChanged.emit(this.filterText)),this.filterItems(),setTimeout((()=>{this.setFilterInputToSelectedValue()}),0))}async toggleDropdown(e){setTimeout(void 0!==e?()=>{this.open=e}:()=>{this.open=!this.open},0)}syncToggleDropdown(){this.open=!this.open}setFilterInputToSelectedValue(){if((this.filterable||this.disabled||this.readonly)&&this.inputElement)return this.value?void(this.inputElement.value=this.getSelectedLabel()):this.inputElement.value=""}getFilterableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([data-empty]):not([detached])"))}getNavigableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([disabled]):not([hidden])"))}getAllItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem"))}getHighlightedItemIndex(e){return e.findIndex((e=>e.classList.contains("highlighted")))}updateHighlightedItem(e,t){e.forEach(((e,i)=>{e.classList.remove("highlighted"),i===t&&(e.classList.add("highlighted"),e.focus(),e.scrollIntoView({block:"nearest"}))}))}focusField(){const e=this.el.querySelector('[data-scope="focusable"]');e?.focus()}async rebuildSearchIndex(){const e=this.getFilterableItems();this.rawItems=e.map(((e,t)=>({id:e.value||"item-"+t,label:e.label||e.textContent?.trim()||e.value||""}))),this.options?.length&&this.options.forEach(((e,t)=>{this.rawItems.push({id:e.value||"opt-"+t,label:e.label||e.value||""})})),this.indexedItems=s(this.rawItems),this.effectiveFilterMode=a(this.filterMode);const t=this.rawItems.length,i=u(this.workerThreshold);l(t,this.effectiveFilterMode,i)?await this.initWorker():this.terminateWorker()}async initWorker(){c()&&(this.workerClient||(this.workerClient=new h),await this.workerClient.init(this.rawItems))}terminateWorker(){this.workerClient&&(this.workerClient.terminate(),this.workerClient=null)}async filterItems(){if(this.controlledFilter)return;this.indexedItems.length||await this.rebuildSearchIndex();const e=this.getFilterableItems();if(this.el.querySelectorAll("nv-fielddropdownitem[data-empty], nv-fielddropdownitem[data-truncated]").forEach((e=>e.remove())),this.filterText.length<this.startFilterAt){const t=f(this.maxResults);let i=0;return e.forEach((e=>{i<t?(e.removeAttribute("hidden"),i++):e.setAttribute("hidden","")})),this.resultsTruncated=e.length>t,this.totalResults=e.length,void(this.resultsTruncated&&this.addTruncatedMessage(t,e.length))}const t=this.rawItems.length,i=u(this.workerThreshold);let o;if(l(t,this.effectiveFilterMode,i)&&this.workerClient?.isReady){this.isSearching=!0;try{o=await this.workerClient.search(this.filterText,this.effectiveFilterMode,this.maxResults,this.fuzzyThreshold)}catch(e){console.error("Worker search failed, falling back to main thread:",e),o=p(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}finally{this.isSearching=!1}}else o=p(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold});this.resultsTruncated=o.truncated,this.totalResults=o.total,this.applySearchResults(o,e)}applySearchResults(e,t){const i=new Set(e.ids);let o=!1,r=0;const n=f(this.maxResults);if(t.forEach((t=>{const d=t.value||"",s=t.label||t.textContent?.trim()||"";(i.has(d)||e.ids.some((e=>{const t=this.indexedItems.find((t=>t.id===e));return t&&(t.label===s||t.id===d)})))&&r<n?(t.removeAttribute("hidden"),o=!0,r++):t.setAttribute("hidden","")})),o)e.truncated&&this.addTruncatedMessage(e.ids.length,e.total);else{const e=document.createElement("nv-fielddropdownitem");e.setAttribute("data-empty","true"),e.setAttribute("disabled","true"),e.textContent=this.emptyResult,this.el.querySelector('div[slot="content"] ul')?.prepend(e)}}addTruncatedMessage(e,t){const i=this.truncatedResultsText||v(this.locale),o=document.createElement("nv-fielddropdownitem");o.setAttribute("data-truncated","true"),o.setAttribute("disabled","true"),o.setAttribute("detached","true"),o.className="truncated-message",o.textContent=m(i,e,t);const r=this.el.querySelector('div[slot="content"] ul');r&&r.appendChild(o)}async updateSelectedItem(){const e=this.getAllItems();this.value&&e.forEach((e=>{e.selected=e.value===this.value}))}componentDidLoad(){this.updateSelectedItem(),this.setFilterInputToSelectedValue(),this.rebuildSearchIndex()}disconnectedCallback(){clearTimeout(this.debounceTimer),this.terminateWorker()}componentDidRender(){this.filterable||!this.disabled&&!this.readonly||(this.inputElement.value=this.getSelectedLabel())}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,i=e?t:null,o=e?"true"===i||""===i:void 0,d=this.required&&(!e||!0===o);return r(n,{key:"a0a129aeee7140680b618e20e0ba2557835d3aee",role:"combobox","aria-expanded":""+this.open,"aria-haspopup":"listbox","aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&r("label",{key:"e84b1cb668cc910b8fe4f81a4939eb6109829983",htmlFor:this.inputId,onClick:this.syncToggleDropdown.bind(this)},r("slot",{key:"b1e59b97c865e87559f7bad61019a05184d27623",name:"label"},this.label)),r("nv-popover",{key:"31e5b57856dfb48b5c6f212f0f29a95b05eefe06",triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:e=>this.openChanged.emit(e.detail)},r("div",{key:"b828839bf1b2c957afee3aaa1a9c9faf34c15bce",class:"input-wrapper",slot:"trigger"},r("slot",{key:"a0d2cc5c6806ed2694310b2e20fa5d4d218194e1",name:"before-input"}),r("div",{key:"812cbc43ba84748db9cbc49eb0f0c22995ac0285",class:"input-container"},r("slot",{key:"0e79dfcd550c09a9cf45ed9cdae36e15a72be285",name:"leading-input"}),this.filterable||this.disabled||this.readonly?r("input",{"data-scope":"focusable",id:this.inputId,type:"search",ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,required:d?this.required:void 0,...void 0!==o&&{"aria-required":o+""},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleFilterInput}):r("p",{"data-scope":"focusable",id:this.inputId,ref:e=>this.selectElement=e,class:"non-filterable-text",tabIndex:this.disabled?-1:0},this.getSelectedLabel()||this.value||this.placeholder),this.filterable&&this.filterText&&r("nv-iconbutton",{key:"d84df53cffb3eb54d8263f8b83ea325e1806d036",name:"x",size:"md",emphasis:"lower",class:"clear-button",onClick:this.clearFilter.bind(this),"aria-label":"Clear input"}),this.error&&r("nv-icon",{key:"aa47af71684d1143d49acea9f652a75af721ea42",name:"alert-circle",class:"validation",size:"md"}),r("nv-iconbutton",{key:"b3b4f616bfa69a0ec169d38bc4a5997a25bb752a","data-scope":"toggle-dropdown",ref:e=>this.toggleElement=e,name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",onClick:this.syncToggleDropdown.bind(this),tabIndex:this.disabled?-1:0})),r("slot",{key:"1186748c136a4738a40bedbd9d4e55ce34d43600",name:"after-input"})),r("div",{key:"af5fd84039c5a319b0301e41d42eca46ec599a6d",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},this.options?.length>0&&r("ul",{key:"b28fae6234d2b5a6d5a350fc91070f2a59c19939"},this.options.map((e=>r("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))),r("slot",{key:"1036fac674f016670b916c09f7892d1600c3998a",name:"content"}))),(this.description||this.el.querySelector('[slot="description"]'))&&r("div",{key:"a047c7a480de216be1c83f84e7f52220cc174cc6",class:"description"},r("slot",{key:"01a54b2fd7f5086c7c7247d5b11628e3012d63dd",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"4cff548c666ea082738bd7f66878c564126dc60c",hidden:!this.error,class:"error-description"},r("slot",{key:"553170d5254e4841d91eee119756a5466663c5c0",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{open:[{handleOpenChange:0}],value:[{handleValueChange:0}],options:[{handleOptionsChange: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-fielddropdown{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddropdown[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddropdown[required]:not([required=false]) label::after,nv-fielddropdown[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container{position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container p.non-filterable-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .input-container p.non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddropdown .error-description[hidden]{display:none}'}},[324,"nv-fielddropdown",{inputId:[513,"input-id"],name:[513],label:[513],description:[513],placeholder:[513],autocomplete:[513],value:[1537],required:[516],ariaRequiredAttr:[516,"aria-required"],readonly:[516],disabled:[516],error:[516],errorDescription:[513,"error-description"],maxHeight:[513,"max-height"],emptyResult:[513,"empty-result"],filterable:[516],openOnSelect:[516,"open-on-select"],controlledFilter:[516,"controlled-filter"],options:[16],debounceDelay:[514,"debounce-delay"],autofocus:[516],fluid:[516],filterMode:[513,"filter-mode"],maxResults:[514,"max-results"],startFilterAt:[514,"start-filter-at"],locale:[513],truncatedResultsText:[513,"truncated-results-text"],workerThreshold:[514,"worker-threshold"],fuzzyThreshold:[514,"fuzzy-threshold"],filterText:[32],selectedValues:[32],open:[32],resultsTruncated:[32],totalResults:[32],isSearching:[32],clearFilter:[64],toggleDropdown:[64]},[[0,"dropdownItemSelected","handleDropdownItemSelected"],[3,"focus","handleFocus"],[3,"focusout","handleFocusOut"],[0,"keydown","handleKeyDown"],[4,"click","handleDocumentClick"]],{open:[{handleOpenChange:0}],value:[{handleValueChange:0}],options:[{handleOptionsChange:0}]}]);function C(){"undefined"!=typeof customElements&&["nv-fielddropdown","nv-fielddropdownitem","nv-icon","nv-iconbutton","nv-loader","nv-popover"].forEach((t=>{switch(t){case"nv-fielddropdown":customElements.get(e(t))||customElements.define(e(t),z);break;case"nv-fielddropdownitem":customElements.get(e(t))||b();break;case"nv-icon":customElements.get(e(t))||w();break;case"nv-iconbutton":customElements.get(e(t))||g();break;case"nv-loader":customElements.get(e(t))||y();break;case"nv-popover":customElements.get(e(t))||k()}}))}C();const D=z,I=C;export{D as NvFielddropdown,I as defineCustomElement}

package/dist/components/nv-fielddropdownitem.js

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

package/dist/components/nv-fielddropdownitemcheck.js

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