@nova-design-system/nova-webcomponents 3.0.0-beta.42 → 3.0.0-beta.44

package/dist/native/{p-442f04f9.entry.js → p-ac72abfc.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a,a as s}from"./p-ab002252.js";import{c as n}from"./p-8a1a6e56.js";const e="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const c=e;const i=class{constructor(a){t(this,a);this.gutter=2}render(){return a(s,{key:"aef0e6f873f68880d20b5ae9f4f56ece40e8a0ee",class:n(this.fill&&"nv-stack-fill",this.flex&&"nv-stack-flex",this.full&&"w-full",this.gutter&&!this.vertical&&`gutter-x-${this.gutter}`,this.gutter&&this.vertical&&`gutter-y-${this.gutter}`,this.vertical&&"nv-stack-vertical")},a("slot",{key:"d003e23ec3c9b4a5c4496bc9f4c170af467b311e"}))}};i.style=c;export{i as nv_stack};
-//# sourceMappingURL=p-442f04f9.entry.js.map
+import{r as t,h as a,a as s}from"./p-ab002252.js";import{c as n}from"./p-8a1a6e56.js";const c="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const e=c;const i=class{constructor(a){t(this,a);this.gutter=2}render(){return a(s,{key:"cb020ed488cd43090467bbe122b83b0c714d8606",class:n(this.fill&&"nv-stack-fill",this.flex&&"nv-stack-flex",this.full&&"w-full",this.gutter&&!this.vertical&&`gutter-x-${this.gutter}`,this.gutter&&this.vertical&&`gutter-y-${this.gutter}`,this.vertical&&"nv-stack-vertical")},a("slot",{key:"d06069ed1efd5e81b4a32dac07c37ce884841c06"}))}};i.style=e;export{i as nv_stack};
+//# sourceMappingURL=p-ac72abfc.entry.js.map

package/dist/native/p-adf0f628.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as i,a as t,g as r}from"./p-ab002252.js";import{v as n}from"./p-f5ff676c.js";const d='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}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)}nv-fielddropdown[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}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:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{width:100%;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 .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;position:relative;width:100%;min-height:40px}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){opacity:0.5;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 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:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}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:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}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-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .non-filterable-text{display:block;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:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", 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)}';const s=d;const l=class{constructor(i){e(this,i);this.valueChanged=o(this,"valueChanged",7);this.dropdownItemSelected=o(this,"dropdownItemSelected",7);this.inputId=n();this.open=false;this.autocomplete="off";this.required=false;this.error=false;this.readonly=false;this.disabled=false;this.emptyResult="No results found";this.filterable=false;this.autofocus=false;this.filterText="";this.isFilterable=this.filterable;this.selectedValues=new Set;this.parsedOptions=[];this.handleInputContainerClick=e=>{if(this.disabled||this.readonly){return}const o=e.target;if(o.tagName==="P"||o.tagName==="SPAN"){this.open=true;const e=this.el.querySelector(".input-container");if(e){e.classList.add("focus-within");const o=()=>{e.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",o)}}};this.handleInput=e=>{if(!this.filterable)return;if(this.disabled||this.readonly){return}const o=e.target;this.open=true;this.filterText=o.value.toLowerCase();this.filterItems()};this.handleInputFocus=()=>{if(this.disabled||this.readonly)return;this.open=true};this.togglePopover=()=>{if(this.disabled||this.readonly)return;this.open=!this.open};this.getSelectedLabel=()=>{var e,o,i,t,r;if(!this.value)return"";if(this.parsedOptions.length>1){const i=this.parsedOptions.find((e=>e.value===this.value));return(o=(e=i===null||i===void 0?void 0:i.label)!==null&&e!==void 0?e:i===null||i===void 0?void 0:i.value)!==null&&o!==void 0?o:this.value}const n=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const d=n.find((e=>e.value===this.value));const s=d?(r=(i=d.label)!==null&&i!==void 0?i:(t=d.textContent)===null||t===void 0?void 0:t.trim())!==null&&r!==void 0?r:d.value:"";return s};this.clearFilter=()=>{if(!this.filterable)return;this.filterText="";this.inputElement.value=this.getSelectedLabel();this.inputElement.focus();this.filterItems()}}handleDropdownItemSelected(e){if(this.disabled||this.readonly)return;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));o.forEach((o=>{if(o!==e.target){o.removeAttribute("selected")}else{o.setAttribute("selected","true")}}));this.clearFilter();this.value=e.detail.value;this.open=false}handleOpenChanged(e){this.open=e.detail}watchFilterableHandler(e){this.isFilterable=e;this.filterable=e}watchValueHandler(e){this.valueChanged.emit(e)}handleOptionsChange(e){var o;if(e){try{const i=JSON.parse(e);this.parsedOptions=[...i];if(!this.value){const e=i.find((e=>e.selected));this.value=(o=e===null||e===void 0?void 0:e.value)!==null&&o!==void 0?o:"";this.updateSelectedItem(this.value)}}catch(e){console.error("nv-fielddropdown: error parsing options:",e);this.parsedOptions=[]}}else{this.parsedOptions=[]}}handleBlur(e){const o=e.relatedTarget;if(!(o instanceof Node)||!this.el.contains(o)){this.open=false;if(this.inputElement){this.filterText="";this.inputElement.value=this.getSelectedLabel();setTimeout((()=>{this.filterItems()}),200)}}}handleKeyDown(e){if(!this.el)return;if(!this.open){if(e.key==="ArrowDown"){this.open=true;e.preventDefault();return}return}const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([disabled]):not([hidden])"));let i=o.findIndex((e=>e.classList.contains("highlighted")));if(e.key==="ArrowDown"){e.preventDefault();i=(i+1)%o.length;this.updateHighlightedItem(o,i)}else if(e.key==="ArrowUp"){e.preventDefault();i=(i-1+o.length)%o.length;this.updateHighlightedItem(o,i)}else if(e.key==="Escape"){e.preventDefault();this.open=false}}async getFilterText(){return this.filterText}filterItems(){var e;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const i=this.el.querySelector("nv-fielddropdownitem[data-empty]");if(i){i.remove()}let t=false;o.forEach((e=>{var o,i;const r=((o=e.textContent)===null||o===void 0?void 0:o.toLowerCase())||"";const n=((i=e.value)===null||i===void 0?void 0:i.toLowerCase())||"";const d=n.includes(this.filterText)||r.includes(this.filterText);if(d)e.removeAttribute("hidden");else e.setAttribute("hidden","");if(d){t=true}}));if(!t){const o=document.createElement("nv-fielddropdownitem");o.setAttribute("data-empty","true");o.setAttribute("disabled","true");o.textContent=this.emptyResult;(e=this.el.querySelector('ul[slot="content"]'))===null||e===void 0?void 0:e.appendChild(o)}}resetFilter(){const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));e.forEach((e=>{e.style.display=""}))}updateHighlightedItem(e,o){e.forEach(((e,i)=>{if(i===o){e.classList.add("highlighted");e.focus();e.scrollIntoView({block:"nearest"})}else{e.classList.remove("highlighted")}}))}updateSelectedItem(e){if(!e)return;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const i=o.find((o=>{var i;const t=o.getAttribute("label");const r=o.getAttribute("value");const n=(i=o.textContent)===null||i===void 0?void 0:i.trim();return t===e||r===e||n===e}));o.forEach((e=>{if(e===i){e.setAttribute("selected","")}else{e.removeAttribute("selected")}}))}componentWillLoad(){this.resetFilter();if(this.filterable&&this.filterText){this.filterItems()}if(this.options){this.handleOptionsChange(this.options)}}componentDidLoad(){if(this.value){this.updateSelectedItem(this.value)}if(this.inputElement){this.inputElement.value=this.getSelectedLabel()}}render(){return i(t,{key:"fd9c415beb138bf85bdd914c6143b50a2f2330bf",role:"combobox","aria-expanded":this.open.toString(),"aria-haspopup":"listbox","aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"3bd9ea3ac7f1202882511ab6bf0d187975eaaaf6",htmlFor:this.inputId},i("slot",{key:"0e33a34af113e622401e5d23843fc67afce8c7a0",name:"label"},this.label)),i("nv-popover",{key:"cf41abb986f71b746f7b83828eb69244e502626a",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{key:"c030054877c24d5091bc9ea91f8b90182a5150b9",class:"input-wrapper",slot:"trigger"},i("slot",{key:"974aa8736caa3112d2e17a6e6fc33d0271315303",name:"before-input"}),i("div",{key:"7b657cf2dd489e8e22ecd52403a9eba8193c1728",class:"input-container",onClick:this.handleInputContainerClick},i("slot",{key:"26d55cabf26329cde6f7ac93464def081533dd7d",name:"leading-input"}),this.isFilterable||this.disabled||this.readonly?i("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,value:this.getSelectedLabel(),required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput,onFocus:this.handleInputFocus,onClick:this.handleInputFocus,onKeyDown:this.handleKeyDown}):i("p",{"data-scope":"focusable",id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClick,tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocus},this.getSelectedLabel()||this.value||this.placeholder),this.isFilterable&&this.filterText&&this.open&&i("nv-iconbutton",{key:"4dab0dd29d016a68b94681893bd0367c2f2bbccb",name:"x",size:"md",emphasis:"lower",class:"clear-button",onClick:this.clearFilter,"aria-label":"Clear input"}),this.error&&i("nv-icon",{key:"94555a8f663a45ce5e744a2c4f42442ee725556f",name:"alert-circle",class:"validation",size:"md"}),i("nv-iconbutton",{key:"c52dcc16864b6093cc7c1417d98506c9b4739f4b","data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopover,tabIndex:this.disabled?-1:0})),i("slot",{key:"a78197668881b8fc5fd7522a3b2ebcb4e4d6c1cc",name:"after-input"})),i("div",{key:"161678718ea939874d27b800052f3ff2df94a07d",slot:"content"},this.parsedOptions.length>0?i("ul",null,this.parsedOptions.map((e=>i("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))):i("slot",{name:"content"}))),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"b4ea5b9e6d12307201847c8b9979e7c77442c0a9",class:"description"},i("slot",{key:"7162553aadfbeae787683a1fcf4ac7a1ca4788da",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"c96506582bd9c604490ce0d9c4a398ff70b7e814",hidden:!this.error,class:"error-description"},i("slot",{key:"9069e068a0e1624344b248d68799ecf07f10c649",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return r(this)}static get watchers(){return{filterable:["watchFilterableHandler"],value:["watchValueHandler"],options:["handleOptionsChange"]}}};l.style=s;export{l as nv_fielddropdown};
+//# sourceMappingURL=p-adf0f628.entry.js.map

package/dist/native/p-adf0f628.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFielddropdownCss","NvFielddropdownStyle0","NvFielddropdown","constructor","hostRef","this","inputId","uuidv4","open","autocomplete","required","error","readonly","disabled","emptyResult","filterable","autofocus","filterText","isFilterable","selectedValues","Set","parsedOptions","handleInputContainerClick","event","target","tagName","inputContainer","el","querySelector","classList","add","removeFocusWithin","remove","popoverElement","addEventListener","handleInput","input","value","toLowerCase","filterItems","handleInputFocus","togglePopover","getSelectedLabel","length","matchingItem","find","option","_b","_a","label","items","Array","from","querySelectorAll","item","selectedLabel","_e","_c","_d","textContent","trim","clearFilter","inputElement","focus","handleDropdownItemSelected","forEach","removeAttribute","setAttribute","detail","handleOpenChanged","watchFilterableHandler","newValue","watchValueHandler","valueChanged","emit","handleOptionsChange","parsedOpts","JSON","parse","defaultValue","selected","updateSelectedItem","console","handleBlur","relatedTarget","Node","contains","setTimeout","handleKeyDown","key","preventDefault","currentIndex","findIndex","updateHighlightedItem","getFilterText","existingEmptyItem","hasVisibleItems","shouldShow","includes","emptyItem","document","createElement","appendChild","resetFilter","style","display","index","i","scrollIntoView","block","itemLabel","getAttribute","itemValue","itemText","componentWillLoad","options","componentDidLoad","render","h","Host","role","toString","htmlFor","name","ref","triggerMode","placement","class","slot","onClick","id","type","e","placeholder","readOnly","onInput","onFocus","onKeyDown","tabIndex","size","emphasis","map","description","errorDescription","hidden"],"sources":["src/components/nv-fielddropdown/styles/nv-fielddropdown.scss?tag=nv-fielddropdown","src/components/nv-fielddropdown/nv-fielddropdown.tsx"],"sourcesContent":["@use \"./mixins\" as *;\n@import '../../../styles/form-field';\n\nnv-fielddropdown {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  &[hidden]:not([hidden='false']) label {\n    display: none;\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    @include form-field-popover();\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n    @include input-wrapper-styles();\n  }\n\n  .input-container {\n    @include form-field-input-container();\n    @include input-container-styles();\n\n    input[type=\"search\"]::-webkit-search-decoration,\n    input[type=\"search\"]::-webkit-search-cancel-button,\n    input[type=\"search\"]::-webkit-search-results-button,\n    input[type=\"search\"]::-webkit-search-results-decoration {\n      -webkit-appearance:none;\n    }\n\n    input,\n    p.non-filterable-text {\n      @include form-field-input();\n    }\n\n    > nv-iconbutton {\n      @include form-field-action();\n    }\n\n    nv-icon.validation {\n      @include form-field-icon();\n    }\n  }\n\n  .non-filterable-text {\n    @include non-filterable-text-styles();\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  State,\n  Listen,\n  Event,\n  EventEmitter,\n  Watch,\n  Method,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot content - Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fielddropdown',\n  styleUrl: 'styles/nv-fielddropdown.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFielddropdown {\n  @Element() el: HTMLNvFielddropdownElement;\n  private inputElement: HTMLInputElement;\n  private popoverElement!: HTMLNvPopoverElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should enter in the text\n   * input field. It's a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Add helpful hints or extra information under the text input field. This is\n   * where you can clarify what users should enter or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Display temporary text inside the input field to give users a hint about\n   * what to type. It's a great way to provide examples or suggestions directly\n   * in the field before they start typing.\n   * The placeholder is displayed only when the filterable option is enabled.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Defines the name attribute of the input field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the input's data in form submissions. It should be\n   * unique within the form to avoid conflicts.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * State of the dropdown popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * The autocomplete prop helps users fill out the input field faster by\n   * suggesting entries they've used before, like their email or address.\n   * You can turn it on to make forms more convenient or off to ensure users\n   * always type in fresh data.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n  /**\n   * Specifies the value of the input field, which determines the text displayed\n   * within the field. This prop is typically used in controlled components\n   * where the input's value is managed by the component's state.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * Marks the input field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Alters the input field's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the dropdown\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Display the input field's content without allowing users to change it.\n   * Users can still click on it, select, and copy the text, but they won't be\n   * able to type or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * The disabled prop lets you turn off the input field so that users can't\n   * type in it. When disabled, the field is grayed out and won't respond to\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * The text to display when no items match the filter.\n   */\n  @Prop({ reflect: true })\n  readonly emptyResult: string = 'No results found';\n\n  /**\n   * Enables or disables the filtering feature for the dropdown items.\n   */\n  @Prop({ reflect: true, mutable: true })\n  filterable: boolean = false;\n\n  /**\n   * List of options available in the dropdown. The options are passed as a JSON\n   * string.\n   *\n   * @example\n   * options=[{\n   *  \"label\": \"Option 1\",\n   *  \"value\": \"option1\",\n   *  \"selected\": true\n   * },\n   * {\n   *  \"label\": \"Option 2\",\n   *  \"value\": \"option2\"\n   * }]\n   */\n  @Prop({ reflect: true })\n  readonly options?: string;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region STATE\n\n  /** The text entered by the user for filtering dropdown items. */\n  @State()\n  filterText: string = '';\n\n  @State()\n  isFilterable: boolean = this.filterable;\n\n  @State()\n  selectedValues: Set<string> = new Set();\n\n  /**\n   * Options configuration for the dropdown items.\n   */\n  @State()\n  parsedOptions: Array<{\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is disabled */\n    disabled?: boolean;\n    /** Whether this option is pre-selected */\n    selected?: boolean;\n  }> = [];\n\n  //#endregion STATE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  /**\n   * Event emitted when an item is clicked.\n   */\n  @Event()\n  dropdownItemSelected: EventEmitter<\n    HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n  >;\n\n  @Listen('dropdownItemSelected')\n  handleDropdownItemSelected(\n    event: CustomEvent<\n      HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n    >,\n  ) {\n    if (this.disabled || this.readonly) return;\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    items.forEach(item => {\n      if (item !== event.target) {\n        item.removeAttribute('selected');\n      } else {\n        item.setAttribute('selected', 'true');\n      }\n    });\n\n    this.clearFilter();\n    this.value = event.detail.value;\n    this.open = false;\n  }\n\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    this.open = event.detail; // Update `open` based on the popover state\n  }\n\n  @Watch('filterable')\n  watchFilterableHandler(newValue: boolean) {\n    this.isFilterable = newValue;\n    this.filterable = newValue;\n  }\n\n  @Watch('value')\n  watchValueHandler(newValue: string) {\n    this.valueChanged.emit(newValue);\n  }\n\n  @Watch('options')\n  handleOptionsChange(newValue: string) {\n    if (newValue) {\n      try {\n        const parsedOpts = JSON.parse(newValue);\n        this.parsedOptions = [...parsedOpts];\n        if (!this.value) {\n          const defaultValue = parsedOpts.find(option => option.selected);\n          this.value = defaultValue?.value ?? '';\n          this.updateSelectedItem(this.value);\n        }\n      } catch (error) {\n        console.error('nv-fielddropdown: error parsing options:', error);\n        this.parsedOptions = [];\n      }\n    } else {\n      this.parsedOptions = [];\n    }\n  }\n\n  @Listen('blur', { capture: true })\n  handleBlur(event: FocusEvent) {\n    const target = event.relatedTarget;\n    if (!(target instanceof Node) || !this.el.contains(target)) {\n      this.open = false;\n\n      if (this.inputElement) {\n        this.filterText = '';\n        this.inputElement.value = this.getSelectedLabel();\n        setTimeout(() => {\n          this.filterItems();\n        }, 200);\n      }\n    }\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.el) return;\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll(\n        'nv-fielddropdownitem:not([disabled]):not([hidden])',\n      ),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex = (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex = (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this.open = false;\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Retrieves the current filter text entered by the user.\n   * @returns {string} The filter text.\n   */\n  @Method()\n  async getFilterText(): Promise<string> {\n    return this.filterText;\n  }\n\n  private handleInputContainerClick = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n\n      // Simulate focus to trigger \"focus-within\" style\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        // Remove the \"focus-within\" class after a delay or when the popover is closed\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        // Or remove the class when the popover is closed\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  private handleInput = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    this.open = true;\n    this.filterText = input.value.toLowerCase();\n    this.filterItems();\n  };\n\n  /**\n   * Filter dropdown items based on the text entered by the user.\n   * If no items are found, display a message indicating no results.\n   */\n  private filterItems() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    // Remove the \"no results found\" item if it exists\n    const existingEmptyItem = this.el.querySelector(\n      'nv-fielddropdownitem[data-empty]',\n    );\n    if (existingEmptyItem) {\n      existingEmptyItem.remove();\n    }\n\n    let hasVisibleItems = false;\n\n    // Iterate over all items and adjust their visibility\n    items.forEach(item => {\n      const textContent = item.textContent?.toLowerCase() || ''; // Get the textual content of the slot\n      const value = item.value?.toLowerCase() || ''; // Get the value of the `value` attribute\n\n      // Check if the filtered text is present either in the value or in the textual content\n      const shouldShow =\n        value.includes(this.filterText) ||\n        textContent.includes(this.filterText);\n\n      if (shouldShow) item.removeAttribute('hidden');\n      else item.setAttribute('hidden', '');\n\n      if (shouldShow) {\n        hasVisibleItems = true;\n      }\n    });\n\n    // If no items are visible, add the \"no results found\" item\n    if (!hasVisibleItems) {\n      const emptyItem = document.createElement('nv-fielddropdownitem');\n      emptyItem.setAttribute('data-empty', 'true');\n      emptyItem.setAttribute('disabled', 'true');\n      emptyItem.textContent = this.emptyResult;\n      this.el.querySelector('ul[slot=\"content\"]')?.appendChild(emptyItem);\n    }\n  }\n\n  /** Reset the filter and make all items visible. */\n  private resetFilter() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    items.forEach(item => {\n      item.style.display = '';\n    });\n  }\n\n  private handleInputFocus = () => {\n    if (this.disabled || this.readonly) return;\n    this.open = true;\n  };\n\n  private togglePopover = () => {\n    if (this.disabled || this.readonly) return;\n    this.open = !this.open;\n  };\n\n  private updateHighlightedItem(\n    items: HTMLNvFielddropdownitemElement[],\n    index: number,\n  ) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.focus();\n        item.scrollIntoView({ block: 'nearest' });\n      } else {\n        item.classList.remove('highlighted');\n      }\n    });\n  }\n\n  private getSelectedLabel = (): string => {\n    if (!this.value) return '';\n\n    if (this.parsedOptions.length > 1) {\n      const matchingItem = this.parsedOptions.find(\n        option => option.value === this.value,\n      );\n      return matchingItem?.label ?? matchingItem?.value ?? this.value;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    const matchingItem = items.find(item => item.value === this.value);\n\n    const selectedLabel = matchingItem\n      ? matchingItem.label ??\n        matchingItem.textContent?.trim() ??\n        matchingItem.value\n      : '';\n\n    return selectedLabel;\n  };\n\n  private clearFilter = () => {\n    if (!this.filterable) return;\n\n    this.filterText = '';\n    this.inputElement.value = this.getSelectedLabel();\n    this.inputElement.focus();\n    this.filterItems();\n  };\n\n  private updateSelectedItem(value: string) {\n    if (!value) return;\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    const matchingItem = items.find(item => {\n      const itemLabel = item.getAttribute('label');\n      const itemValue = item.getAttribute('value');\n      const itemText = item.textContent?.trim();\n      return itemLabel === value || itemValue === value || itemText === value;\n    });\n\n    items.forEach(item => {\n      if (item === matchingItem) {\n        item.setAttribute('selected', '');\n      } else {\n        item.removeAttribute('selected');\n      }\n    });\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.resetFilter();\n\n    if (this.filterable && this.filterText) {\n      this.filterItems();\n    }\n    if (this.options) {\n      this.handleOptionsChange(this.options);\n    }\n  }\n\n  componentDidLoad() {\n    if (this.value) {\n      this.updateSelectedItem(this.value);\n    }\n    if (this.inputElement) {\n      this.inputElement.value = this.getSelectedLabel();\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"combobox\"\n        aria-expanded={this.open.toString()}\n        aria-haspopup=\"listbox\"\n        aria-label={this.label}\n      >\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div\n              class=\"input-container\"\n              onClick={this.handleInputContainerClick}\n            >\n              <slot name=\"leading-input\"></slot>\n\n              {this.isFilterable || this.disabled || this.readonly ? (\n                <input\n                  data-scope=\"focusable\"\n                  id={this.inputId}\n                  type=\"search\"\n                  ref={e => (this.inputElement = e)}\n                  autofocus={this.autofocus}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.getSelectedLabel()}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInput}\n                  onFocus={this.handleInputFocus}\n                  onClick={this.handleInputFocus}\n                  onKeyDown={this.handleKeyDown}\n                />\n              ) : (\n                <p\n                  data-scope=\"focusable\"\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClick}\n                  tabIndex={this.disabled ? -1 : 0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocus}\n                >\n                  {this.getSelectedLabel() || this.value || this.placeholder}\n                </p>\n              )}\n\n              {this.isFilterable && this.filterText && this.open && (\n                <nv-iconbutton\n                  name=\"x\"\n                  size=\"md\"\n                  emphasis=\"lower\"\n                  class=\"clear-button\"\n                  onClick={this.clearFilter}\n                  aria-label=\"Clear input\"\n                />\n              )}\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n\n              <nv-iconbutton\n                data-scope=\"toggle-dropdown\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopover}\n                tabIndex={this.disabled ? -1 : 0}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div slot=\"content\">\n            {this.parsedOptions.length > 0 ? (\n              <ul>\n                {this.parsedOptions.map(option => (\n                  <nv-fielddropdownitem\n                    label={option.label}\n                    value={option.value}\n                    disabled={option.disabled}\n                    selected={option.value === this.value}\n                  />\n                ))}\n              </ul>\n            ) : (\n              <slot name=\"content\"></slot>\n            )}\n          </div>\n        </nv-popover>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n  //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/{p-048486e0.entry.js → p-c84eb11f.entry.js}

@@ -3,5 +3,5 @@ import{r as t,c as e,h as i,a as r,g as n}from"./p-ab002252.js";import{a,r as o}
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var f=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"];var u=f.join(",");var c=typeof Element==="undefined";var v=c?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var h=!c&&Element.prototype.getRootNode?function(t){var e;return t===null||t===void 0?void 0:(e=t.getRootNode)===null||e===void 0?void 0:e.call(t)}:function(t){return t===null||t===void 0?void 0:t.ownerDocument};var p=function t(e,i){var r;if(i===void 0){i=true}var n=e===null||e===void 0?void 0:(r=e.getAttribute)===null||r===void 0?void 0:r.call(e,"inert");var a=n===""||n==="true";var o=a||i&&e&&t(e.parentNode);return o};var b=function t(e){var i;var r=e===null||e===void 0?void 0:(i=e.getAttribute)===null||i===void 0?void 0:i.call(e,"contenteditable");return r===""||r==="true"};var m=function t(e,i,r){if(p(e)){return[]}var n=Array.prototype.slice.apply(e.querySelectorAll(u));if(i&&v.call(e,u)){n.unshift(e)}n=n.filter(r);return n};var g=function t(e,i,r){var n=[];var a=Array.from(e);while(a.length){var o=a.shift();if(p(o,false)){continue}if(o.tagName==="SLOT"){var s=o.assignedElements();var l=s.length?s:o.children;var d=t(l,true,r);if(r.flatten){n.push.apply(n,d)}else{n.push({scopeParent:o,candidates:d})}}else{var f=v.call(o,u);if(f&&r.filter(o)&&(i||!e.includes(o))){n.push(o)}var c=o.shadowRoot||typeof r.getShadowRoot==="function"&&r.getShadowRoot(o);var h=!p(c,false)&&(!r.shadowRootFilter||r.shadowRootFilter(o));if(c&&h){var b=t(c===true?o.children:c.children,true,r);if(r.flatten){n.push.apply(n,b)}else{n.push({scopeParent:o,candidates:b})}}else{a.unshift.apply(a,o.children)}}}return n};var y=function t(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))};var w=function t(e){if(!e){throw new Error("No node provided")}if(e.tabIndex<0){if((/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||b(e))&&!y(e)){return 0}}return e.tabIndex};var x=function t(e,i){var r=w(e);if(r<0&&i&&!y(e)){return 0}return r};var k=function t(e,i){return e.tabIndex===i.tabIndex?e.documentOrder-i.documentOrder:e.tabIndex-i.tabIndex};var E=function t(e){return e.tagName==="INPUT"};var S=function t(e){return E(e)&&e.type==="hidden"};var T=function t(e){var i=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some((function(t){return t.tagName==="SUMMARY"}));return i};var A=function t(e,i){for(var r=0;r<e.length;r++){if(e[r].checked&&e[r].form===i){return e[r]}}};var C=function t(e){if(!e.name){return true}var i=e.form||h(e);var r=function t(e){return i.querySelectorAll('input[type="radio"][name="'+e+'"]')};var n;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){n=r(window.CSS.escape(e.name))}else{try{n=r(e.name)}catch(t){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message);return false}}var a=A(n,e.form);return!a||a===e};var D=function t(e){return E(e)&&e.type==="radio"};var I=function t(e){return D(e)&&!C(e)};var N=function t(e){var i;var r=e&&h(e);var n=(i=r)===null||i===void 0?void 0:i.host;var a=false;if(r&&r!==e){var o,s,l;a=!!((o=n)!==null&&o!==void 0&&(s=o.ownerDocument)!==null&&s!==void 0&&s.contains(n)||e!==null&&e!==void 0&&(l=e.ownerDocument)!==null&&l!==void 0&&l.contains(e));while(!a&&n){var d,f,u;r=h(n);n=(d=r)===null||d===void 0?void 0:d.host;a=!!((f=n)!==null&&f!==void 0&&(u=f.ownerDocument)!==null&&u!==void 0&&u.contains(n))}}return a};var L=function t(e){var i=e.getBoundingClientRect(),r=i.width,n=i.height;return r===0&&n===0};var O=function t(e,i){var r=i.displayCheck,n=i.getShadowRoot;if(getComputedStyle(e).visibility==="hidden"){return true}var a=v.call(e,"details>summary:first-of-type");var o=a?e.parentElement:e;if(v.call(o,"details:not([open]) *")){return true}if(!r||r==="full"||r==="legacy-full"){if(typeof n==="function"){var s=e;while(e){var l=e.parentElement;var d=h(e);if(l&&!l.shadowRoot&&n(l)===true){return L(e)}else if(e.assignedSlot){e=e.assignedSlot}else if(!l&&d!==e.ownerDocument){e=d.host}else{e=l}}e=s}if(N(e)){return!e.getClientRects().length}if(r!=="legacy-full"){return true}}else if(r==="non-zero-area"){return L(e)}return false};var j=function t(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName)){var i=e.parentElement;while(i){if(i.tagName==="FIELDSET"&&i.disabled){for(var r=0;r<i.children.length;r++){var n=i.children.item(r);if(n.tagName==="LEGEND"){return v.call(i,"fieldset[disabled] *")?true:!n.contains(e)}}return true}i=i.parentElement}}return false};var U=function t(e,i){if(i.disabled||p(i)||S(i)||O(i,e)||T(i)||j(i)){return false}return true};var z=function t(e,i){if(I(i)||w(i)<0||!U(e,i)){return false}return true};var P=function t(e){var i=parseInt(e.getAttribute("tabindex"),10);if(isNaN(i)||i>=0){return true}return false};var R=function t(e){var i=[];var r=[];e.forEach((function(e,n){var a=!!e.scopeParent;var o=a?e.scopeParent:e;var s=x(o,a);var l=a?t(e.candidates):o;if(s===0){a?i.push.apply(i,l):i.push(o)}else{r.push({documentOrder:n,tabIndex:s,item:e,isScope:a,content:l})}}));return r.sort(k).reduce((function(t,e){e.isScope?t.push.apply(t,e.content):t.push(e.content);return t}),[]).concat(i)};var B=function t(e,i){i=i||{};var r;if(i.getShadowRoot){r=g([e],i.includeContainer,{filter:z.bind(null,i),flatten:false,getShadowRoot:i.getShadowRoot,shadowRootFilter:P})}else{r=m(e,i.includeContainer,z.bind(null,i))}return R(r)};const F='dialog{border-radius:var(--radius-rounded-2xl);background:var(--color-level-00-background);min-width:400px;width:fit-content;max-width:960px;margin:auto;box-shadow:0px var(--shadow-y-axis-2xl) var(--shadow-blur-2xl) var(--shadow-spread-2xl) var(--shadow-color-opacity-3) var(--shadow-color-opacity-3)}dialog.full{width:90vw}dialog::backdrop{opacity:var(--components-overlay-opacity);background:var(--components-overlay-background)}dialog .content{display:flex;flex-direction:column;align-items:flex-start}dialog .content nv-button.close-button{position:absolute;top:var(--dialog-dismissible-position-top);right:var(--dialog-dismissible-position-right);display:flex;padding:var(--button-sm-icon-button-padding);justify-content:flex-end;align-items:flex-start;gap:10px}dialog .content .content-body{padding:var(--dialog-body-padding-y) var(--dialog-body-padding-x);align-items:flex-start;gap:8px;color:var(--color-content-medium-text);font-family:"TT Norms Pro", sans-serif;font-size:var(--font-size-md);font-style:normal;font-weight:400;line-height:var(--line-height-base);width:100%}';const $=F;const M=class{constructor(i){t(this,i);this.close=e(this,"close",7);this.eventsAttached=false;this.open=false;this.undismissable=false;this.clickOutside=false;this.controlled=false;this.full=false;this.handleCloseButton=()=>{this.hide()};this.handleCancelButton=()=>{this.hide()};this.handleDialogClose=()=>{this.hide();this.close.emit()};this.handleClickOutside=t=>{if(t.target===this.dialogElement){this.hide();t.preventDefault();t.stopPropagation()}};this.triggerClickEvents=[["click",this.show],["touchstart",this.show],["keydown",t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();this.show()}}]]}async show(){this.preventScroll();this.dialogElement.showModal();this.open=true}async hide(){this.allowScroll();this.dialogElement.close();this.open=false}setAutofocus(){const t=B(this.dialogElement,{displayCheck:"none"});if(t.length>0){let e=t[0];let i=e.getBoundingClientRect();t.forEach((t=>{const r=t.getBoundingClientRect();if(r.top<i.top||r.left<i.left){e=t;i=r}}));e.setAttribute("autofocus","true")}}attachEventListeners(){if(this.triggerElement&&!this.eventsAttached&&!this.controlled){a(this.triggerClickEvents,this.triggerElement,this);this.eventsAttached=true}}preventScroll(){document.body.style.overflow="hidden"}allowScroll(){document.body.style.overflow=""}ensureFormId(t){if(!t.id){t.id=`dialog-form-${d()}`}return t.id}handleKeyDown(t){if(t.key==="Escape"&&this.undismissable){t.preventDefault();t.stopPropagation()}}handleDocumentClick(t){if(!this.clickOutside||this.undismissable)return;this.handleClickOutside(t)}handleDocumentTouch(t){if(!this.clickOutside||this.undismissable)return;this.handleClickOutside(t)}async handleDialogOpenChange(t){if(t){this.show()}else{this.hide()}}componentWillLoad(){this.triggerElement=Array.from(this.el.children).find((t=>t.getAttribute("slot")==="trigger"));this.headerElement=Array.from(this.el.children).find((t=>t.getAttribute("slot")==="header"||t.tagName.toLowerCase()==="nv-dialogheader"));this.footerElement=Array.from(this.el.children).find((t=>t.getAttribute("slot")==="footer"||t.tagName.toLowerCase()==="nv-dialogfooter"));if(!this.form){const t=Array.from(this.el.children).find((t=>t.tagName.toLowerCase()==="form"));if(t){this.form=this.ensureFormId(t)}}}componentWillUpdate(){this.attachEventListeners()}componentDidLoad(){if(this.open){this.show()}if(!this.dialogElement.querySelector("[autofocus]")){this.setAutofocus()}this.attachEventListeners()}disconnectedCallback(){if(this.triggerElement&&!this.eventsAttached&&!this.controlled){o(this.triggerClickEvents,this.triggerElement,this);this.eventsAttached=false}this.allowScroll()}render(){const t=this.form||this.el.querySelector("form");return i(r,{key:"0ff2d1b1fb2b7d27fc33e8946d50209935146f36"},i("slot",{key:"b01206050bdbf7e446b1284de19f23c91c0b6bfe",name:"trigger"}),i("dialog",{key:"dedc1c3253f9765f217327cbfc88434d807e1827",ref:t=>this.dialogElement=t,onClose:this.handleDialogClose,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-header","aria-describedby":"dialog-content",class:s({full:this.full})},i("div",{key:"909c44e7d05cf84f02c1231a461d2b580bbf0660",class:"content"},!this.undismissable&&i("nv-button",{key:"795678ba153222efd9ee884d36b13d1a3e5ec83b",class:"close-button",emphasis:"lower",size:"sm",onClick:this.handleCloseButton,"aria-label":"Close dialog"},i("nv-icon",{key:"07c1c028411840aacac2173189bc92dd694045e1",name:"x",size:"sm"})),this.headerElement?i("slot",{name:"header"}):i("nv-dialogheader",{id:"dialog-header"}),i("div",{key:"d95b2cd7b32eef29ea5fd7c450eab42e11b1b036",class:"content-body",id:"dialog-content"},i("slot",{key:"58c5f6050e96a17b28248159a97ea5035208174c"})),this.footerElement?i("slot",{name:"footer"}):i("nv-dialogfooter",{form:this.form,primaryButtonType:t?l.Submit:l.Button,onNvDialogCanceled:this.handleCancelButton,undismissable:this.undismissable}))))}get el(){return n(this)}static get watchers(){return{open:["handleDialogOpenChange"]}}};M.style=$;export{M as nv_dialog};
-//# sourceMappingURL=p-048486e0.entry.js.map
+var f=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"];var u=f.join(",");var c=typeof Element==="undefined";var v=c?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var h=!c&&Element.prototype.getRootNode?function(t){var e;return t===null||t===void 0?void 0:(e=t.getRootNode)===null||e===void 0?void 0:e.call(t)}:function(t){return t===null||t===void 0?void 0:t.ownerDocument};var p=function t(e,i){var r;if(i===void 0){i=true}var n=e===null||e===void 0?void 0:(r=e.getAttribute)===null||r===void 0?void 0:r.call(e,"inert");var a=n===""||n==="true";var o=a||i&&e&&t(e.parentNode);return o};var b=function t(e){var i;var r=e===null||e===void 0?void 0:(i=e.getAttribute)===null||i===void 0?void 0:i.call(e,"contenteditable");return r===""||r==="true"};var m=function t(e,i,r){if(p(e)){return[]}var n=Array.prototype.slice.apply(e.querySelectorAll(u));if(i&&v.call(e,u)){n.unshift(e)}n=n.filter(r);return n};var g=function t(e,i,r){var n=[];var a=Array.from(e);while(a.length){var o=a.shift();if(p(o,false)){continue}if(o.tagName==="SLOT"){var s=o.assignedElements();var l=s.length?s:o.children;var d=t(l,true,r);if(r.flatten){n.push.apply(n,d)}else{n.push({scopeParent:o,candidates:d})}}else{var f=v.call(o,u);if(f&&r.filter(o)&&(i||!e.includes(o))){n.push(o)}var c=o.shadowRoot||typeof r.getShadowRoot==="function"&&r.getShadowRoot(o);var h=!p(c,false)&&(!r.shadowRootFilter||r.shadowRootFilter(o));if(c&&h){var b=t(c===true?o.children:c.children,true,r);if(r.flatten){n.push.apply(n,b)}else{n.push({scopeParent:o,candidates:b})}}else{a.unshift.apply(a,o.children)}}}return n};var y=function t(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))};var w=function t(e){if(!e){throw new Error("No node provided")}if(e.tabIndex<0){if((/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||b(e))&&!y(e)){return 0}}return e.tabIndex};var x=function t(e,i){var r=w(e);if(r<0&&i&&!y(e)){return 0}return r};var k=function t(e,i){return e.tabIndex===i.tabIndex?e.documentOrder-i.documentOrder:e.tabIndex-i.tabIndex};var E=function t(e){return e.tagName==="INPUT"};var S=function t(e){return E(e)&&e.type==="hidden"};var T=function t(e){var i=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some((function(t){return t.tagName==="SUMMARY"}));return i};var A=function t(e,i){for(var r=0;r<e.length;r++){if(e[r].checked&&e[r].form===i){return e[r]}}};var C=function t(e){if(!e.name){return true}var i=e.form||h(e);var r=function t(e){return i.querySelectorAll('input[type="radio"][name="'+e+'"]')};var n;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){n=r(window.CSS.escape(e.name))}else{try{n=r(e.name)}catch(t){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message);return false}}var a=A(n,e.form);return!a||a===e};var D=function t(e){return E(e)&&e.type==="radio"};var I=function t(e){return D(e)&&!C(e)};var L=function t(e){var i;var r=e&&h(e);var n=(i=r)===null||i===void 0?void 0:i.host;var a=false;if(r&&r!==e){var o,s,l;a=!!((o=n)!==null&&o!==void 0&&(s=o.ownerDocument)!==null&&s!==void 0&&s.contains(n)||e!==null&&e!==void 0&&(l=e.ownerDocument)!==null&&l!==void 0&&l.contains(e));while(!a&&n){var d,f,u;r=h(n);n=(d=r)===null||d===void 0?void 0:d.host;a=!!((f=n)!==null&&f!==void 0&&(u=f.ownerDocument)!==null&&u!==void 0&&u.contains(n))}}return a};var N=function t(e){var i=e.getBoundingClientRect(),r=i.width,n=i.height;return r===0&&n===0};var O=function t(e,i){var r=i.displayCheck,n=i.getShadowRoot;if(getComputedStyle(e).visibility==="hidden"){return true}var a=v.call(e,"details>summary:first-of-type");var o=a?e.parentElement:e;if(v.call(o,"details:not([open]) *")){return true}if(!r||r==="full"||r==="legacy-full"){if(typeof n==="function"){var s=e;while(e){var l=e.parentElement;var d=h(e);if(l&&!l.shadowRoot&&n(l)===true){return N(e)}else if(e.assignedSlot){e=e.assignedSlot}else if(!l&&d!==e.ownerDocument){e=d.host}else{e=l}}e=s}if(L(e)){return!e.getClientRects().length}if(r!=="legacy-full"){return true}}else if(r==="non-zero-area"){return N(e)}return false};var j=function t(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName)){var i=e.parentElement;while(i){if(i.tagName==="FIELDSET"&&i.disabled){for(var r=0;r<i.children.length;r++){var n=i.children.item(r);if(n.tagName==="LEGEND"){return v.call(i,"fieldset[disabled] *")?true:!n.contains(e)}}return true}i=i.parentElement}}return false};var U=function t(e,i){if(i.disabled||p(i)||S(i)||O(i,e)||T(i)||j(i)){return false}return true};var z=function t(e,i){if(I(i)||w(i)<0||!U(e,i)){return false}return true};var P=function t(e){var i=parseInt(e.getAttribute("tabindex"),10);if(isNaN(i)||i>=0){return true}return false};var R=function t(e){var i=[];var r=[];e.forEach((function(e,n){var a=!!e.scopeParent;var o=a?e.scopeParent:e;var s=x(o,a);var l=a?t(e.candidates):o;if(s===0){a?i.push.apply(i,l):i.push(o)}else{r.push({documentOrder:n,tabIndex:s,item:e,isScope:a,content:l})}}));return r.sort(k).reduce((function(t,e){e.isScope?t.push.apply(t,e.content):t.push(e.content);return t}),[]).concat(i)};var B=function t(e,i){i=i||{};var r;if(i.getShadowRoot){r=g([e],i.includeContainer,{filter:z.bind(null,i),flatten:false,getShadowRoot:i.getShadowRoot,shadowRootFilter:P})}else{r=m(e,i.includeContainer,z.bind(null,i))}return R(r)};const F='dialog{border-radius:var(--radius-rounded-2xl);background:var(--color-level-00-background);min-width:400px;width:fit-content;max-width:960px;margin:auto;box-shadow:0px var(--shadow-y-axis-2xl) var(--shadow-blur-2xl) var(--shadow-spread-2xl) var(--shadow-color-opacity-3) var(--shadow-color-opacity-3)}dialog.full{width:90vw}dialog::backdrop{opacity:var(--components-overlay-opacity);background:var(--components-overlay-background)}dialog .content{display:flex;flex-direction:column;align-items:flex-start}dialog .content nv-button.close-button{position:absolute;top:var(--dialog-dismissible-position-top);right:var(--dialog-dismissible-position-right);display:flex;padding:var(--button-sm-icon-button-padding);justify-content:flex-end;align-items:flex-start;gap:10px}dialog .content .content-body{padding:var(--dialog-body-padding-y) var(--dialog-body-padding-x);align-items:flex-start;gap:8px;color:var(--color-content-medium-text);font-family:"TT Norms Pro", sans-serif;font-size:var(--font-size-md);font-style:normal;font-weight:400;line-height:var(--line-height-base);width:100%}';const $=F;const M=class{constructor(i){t(this,i);this.close=e(this,"close",7);this.eventsAttached=false;this.open=false;this.undismissable=false;this.clickOutside=false;this.controlled=false;this.full=false;this.handleCloseButton=()=>{this.hide()};this.handleCancelButton=()=>{this.hide()};this.handleDialogClose=()=>{this.hide();this.close.emit()};this.handleClickOutside=t=>{if(t.target===this.dialogElement){this.hide();t.preventDefault();t.stopPropagation()}};this.triggerClickEvents=[["click",this.show],["touchstart",this.show],["keydown",t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();this.show()}}]]}async show(){this.preventScroll();this.dialogElement.showModal();this.open=true}async hide(){this.allowScroll();this.dialogElement.close();this.open=false}setAutofocus(){const t=B(this.dialogElement,{displayCheck:"none"});if(t.length>0){let e=t[0];let i=e.getBoundingClientRect();t.forEach((t=>{const r=t.getBoundingClientRect();if(r.top<i.top||r.left<i.left){e=t;i=r}}));e.setAttribute("autofocus","true")}}attachEventListeners(){if(this.triggerElement&&!this.eventsAttached&&!this.controlled){a(this.triggerClickEvents,this.triggerElement,this);this.eventsAttached=true}}preventScroll(){document.body.style.overflow="hidden"}allowScroll(){document.body.style.overflow=""}ensureFormId(t){if(!t.id){t.id=`dialog-form-${d()}`}return t.id}handleKeyDown(t){if(t.key==="Escape"&&this.undismissable){t.preventDefault();t.stopPropagation()}}handleDocumentClick(t){if(!this.clickOutside||this.undismissable)return;this.handleClickOutside(t)}handleDocumentTouch(t){if(!this.clickOutside||this.undismissable)return;this.handleClickOutside(t)}async handleDialogOpenChange(t){if(t){this.show()}else{this.hide()}}componentWillLoad(){this.triggerElement=Array.from(this.el.children).find((t=>t.getAttribute("slot")==="trigger"));this.headerElement=Array.from(this.el.children).find((t=>t.getAttribute("slot")==="header"||t.tagName.toLowerCase()==="nv-dialogheader"));this.footerElement=Array.from(this.el.children).find((t=>t.getAttribute("slot")==="footer"||t.tagName.toLowerCase()==="nv-dialogfooter"));if(!this.form){const t=Array.from(this.el.children).find((t=>t.tagName.toLowerCase()==="form"));if(t){this.form=this.ensureFormId(t)}}}componentWillUpdate(){this.attachEventListeners()}componentDidLoad(){if(this.open){this.show()}if(!this.dialogElement.querySelector("[autofocus]")){this.setAutofocus()}this.attachEventListeners()}disconnectedCallback(){if(this.triggerElement&&!this.eventsAttached&&!this.controlled){o(this.triggerClickEvents,this.triggerElement,this);this.eventsAttached=false}this.allowScroll()}render(){const t=this.form||this.el.querySelector("form");return i(r,{key:"731274a64589490c56ab51e29de4d5a1b0f46fcb"},i("slot",{key:"87364a75032d2912402cb7521f8139534b31e836",name:"trigger"}),i("dialog",{key:"689f5acab998db40d17014a70956b227af28fdce",ref:t=>this.dialogElement=t,onClose:this.handleDialogClose,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-header","aria-describedby":"dialog-content",class:s({full:this.full})},i("div",{key:"819b8a7c7b57c80f6581d2130ef799bc66697a2a",class:"content"},!this.undismissable&&i("nv-button",{key:"bb370ddcf138c75f383a0cd21417a738f49574b7",class:"close-button",emphasis:"lower",size:"sm",onClick:this.handleCloseButton,"aria-label":"Close dialog"},i("nv-icon",{key:"1a6f429045572f88bd5c0ceba0d7745ce074316e",name:"x",size:"sm"})),this.headerElement?i("slot",{name:"header"}):i("nv-dialogheader",{id:"dialog-header"}),i("div",{key:"609b0f6c8f902270e497cd31fd6eabe41b889978",class:"content-body",id:"dialog-content"},i("slot",{key:"7923f02b0aed38de9db5e61ab38b90b4888e3735"})),this.footerElement?i("slot",{name:"footer"}):i("nv-dialogfooter",{form:this.form,primaryButtonType:t?l.Submit:l.Button,onDialogCanceled:this.handleCancelButton,undismissable:this.undismissable}))))}get el(){return n(this)}static get watchers(){return{open:["handleDialogOpenChange"]}}};M.style=$;export{M as nv_dialog};
+//# sourceMappingURL=p-c84eb11f.entry.js.map

package/dist/native/p-c84eb11f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["candidateSelectors","candidateSelector","join","NoElement","Element","matches","prototype","msMatchesSelector","webkitMatchesSelector","getRootNode","element","_element$getRootNode","call","ownerDocument","isInert","node","lookUp","_node$getAttribute","inertAtt","getAttribute","inert","result","parentNode","isContentEditable","_node$getAttribute2","attValue","getCandidates","el","includeContainer","filter","candidates","Array","slice","apply","querySelectorAll","unshift","getCandidatesIteratively","elements","options","elementsToCheck","from","length","shift","tagName","assigned","assignedElements","content","children","nestedCandidates","flatten","push","scopeParent","validCandidate","includes","shadowRoot","getShadowRoot","validShadowRoot","shadowRootFilter","_nestedCandidates","hasTabIndex","isNaN","parseInt","getTabIndex","Error","tabIndex","test","getSortOrderTabIndex","isScope","sortOrderedTabbables","a","b","documentOrder","isInput","isHiddenInput","type","isDetailsWithSummary","r","some","child","getCheckedRadio","nodes","form","i","checked","isTabbableRadio","name","radioScope","queryRadios","radioSet","window","CSS","escape","err","console","error","message","isRadio","isNonTabbableRadio","isNodeAttached","_nodeRoot","nodeRoot","nodeRootHost","host","attached","_nodeRootHost","_nodeRootHost$ownerDo","_node$ownerDocument","contains","_nodeRoot2","_nodeRootHost2","_nodeRootHost2$ownerD","isZeroArea","_node$getBoundingClie","getBoundingClientRect","width","height","isHidden","_ref","displayCheck","getComputedStyle","visibility","isDirectSummary","nodeUnderDetails","parentElement","originalNode","rootNode","assignedSlot","getClientRects","isDisabledFromFieldset","disabled","item","isNodeMatchingSelectorFocusable","isNodeMatchingSelectorTabbable","isValidShadowRootTabbable","shadowHostNode","sortByOrder","regularTabbables","orderedTabbables","forEach","candidateTabindex","sort","reduce","acc","sortable","concat","tabbable","container","bind","nvDialogCss","NvDialogStyle0","NvDialog","constructor","hostRef","this","eventsAttached","open","undismissable","clickOutside","controlled","full","handleCloseButton","hide","handleCancelButton","handleDialogClose","close","emit","handleClickOutside","event","target","dialogElement","preventDefault","stopPropagation","triggerClickEvents","show","e","key","preventScroll","showModal","allowScroll","setAutofocus","focusableElements","topLeftElement","topLeftRect","rect","top","left","setAttribute","attachEventListeners","triggerElement","addEventListeners","document","body","style","overflow","ensureFormId","formElement","id","uuidv4","handleKeyDown","handleDocumentClick","handleDocumentTouch","handleDialogOpenChange","componentWillLoad","find","headerElement","toLowerCase","footerElement","componentWillUpdate","componentDidLoad","querySelector","disconnectedCallback","removeEventListeners","render","hasForm","h","Host","ref","onClose","role","class","clsx","emphasis","size","onClick","primaryButtonType","ButtonType","Submit","Button","onDialogCanceled"],"sources":["../../node_modules/tabbable/dist/index.esm.js","src/components/nv-dialog/nv-dialog.scss?tag=nv-dialog","src/components/nv-dialog/nv-dialog.tsx"],"sourcesContent":["/*!\n* tabbable 6.2.0\n* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE\n*/\n// NOTE: separate `:not()` selectors has broader browser support than the newer\n//  `:not([inert], [inert] *)` (Feb 2023)\n// CAREFUL: JSDom does not support `:not([inert] *)` as a selector; using it causes\n//  the entire query to fail, resulting in no nodes found, which will break a lot\n//  of things... so we have to rely on JS to identify nodes inside an inert container\nvar candidateSelectors = ['input:not([inert])', 'select:not([inert])', 'textarea:not([inert])', 'a[href]:not([inert])', 'button:not([inert])', '[tabindex]:not(slot):not([inert])', 'audio[controls]:not([inert])', 'video[controls]:not([inert])', '[contenteditable]:not([contenteditable=\"false\"]):not([inert])', 'details>summary:first-of-type:not([inert])', 'details:not([inert])'];\nvar candidateSelector = /* #__PURE__ */candidateSelectors.join(',');\nvar NoElement = typeof Element === 'undefined';\nvar matches = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;\nvar getRootNode = !NoElement && Element.prototype.getRootNode ? function (element) {\n  var _element$getRootNode;\n  return element === null || element === void 0 ? void 0 : (_element$getRootNode = element.getRootNode) === null || _element$getRootNode === void 0 ? void 0 : _element$getRootNode.call(element);\n} : function (element) {\n  return element === null || element === void 0 ? void 0 : element.ownerDocument;\n};\n\n/**\n * Determines if a node is inert or in an inert ancestor.\n * @param {Element} [node]\n * @param {boolean} [lookUp] If true and `node` is not inert, looks up at ancestors to\n *  see if any of them are inert. If false, only `node` itself is considered.\n * @returns {boolean} True if inert itself or by way of being in an inert ancestor.\n *  False if `node` is falsy.\n */\nvar isInert = function isInert(node, lookUp) {\n  var _node$getAttribute;\n  if (lookUp === void 0) {\n    lookUp = true;\n  }\n  // CAREFUL: JSDom does not support inert at all, so we can't use the `HTMLElement.inert`\n  //  JS API property; we have to check the attribute, which can either be empty or 'true';\n  //  if it's `null` (not specified) or 'false', it's an active element\n  var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, 'inert');\n  var inert = inertAtt === '' || inertAtt === 'true';\n\n  // NOTE: this could also be handled with `node.matches('[inert], :is([inert] *)')`\n  //  if it weren't for `matches()` not being a function on shadow roots; the following\n  //  code works for any kind of node\n  // CAREFUL: JSDom does not appear to support certain selectors like `:not([inert] *)`\n  //  so it likely would not support `:is([inert] *)` either...\n  var result = inert || lookUp && node && isInert(node.parentNode); // recursive\n\n  return result;\n};\n\n/**\n * Determines if a node's content is editable.\n * @param {Element} [node]\n * @returns True if it's content-editable; false if it's not or `node` is falsy.\n */\nvar isContentEditable = function isContentEditable(node) {\n  var _node$getAttribute2;\n  // CAREFUL: JSDom does not support the `HTMLElement.isContentEditable` API so we have\n  //  to use the attribute directly to check for this, which can either be empty or 'true';\n  //  if it's `null` (not specified) or 'false', it's a non-editable element\n  var attValue = node === null || node === void 0 ? void 0 : (_node$getAttribute2 = node.getAttribute) === null || _node$getAttribute2 === void 0 ? void 0 : _node$getAttribute2.call(node, 'contenteditable');\n  return attValue === '' || attValue === 'true';\n};\n\n/**\n * @param {Element} el container to check in\n * @param {boolean} includeContainer add container to check\n * @param {(node: Element) => boolean} filter filter candidates\n * @returns {Element[]}\n */\nvar getCandidates = function getCandidates(el, includeContainer, filter) {\n  // even if `includeContainer=false`, we still have to check it for inertness because\n  //  if it's inert, all its children are inert\n  if (isInert(el)) {\n    return [];\n  }\n  var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));\n  if (includeContainer && matches.call(el, candidateSelector)) {\n    candidates.unshift(el);\n  }\n  candidates = candidates.filter(filter);\n  return candidates;\n};\n\n/**\n * @callback GetShadowRoot\n * @param {Element} element to check for shadow root\n * @returns {ShadowRoot|boolean} ShadowRoot if available or boolean indicating if a shadowRoot is attached but not available.\n */\n\n/**\n * @callback ShadowRootFilter\n * @param {Element} shadowHostNode the element which contains shadow content\n * @returns {boolean} true if a shadow root could potentially contain valid candidates.\n */\n\n/**\n * @typedef {Object} CandidateScope\n * @property {Element} scopeParent contains inner candidates\n * @property {Element[]} candidates list of candidates found in the scope parent\n */\n\n/**\n * @typedef {Object} IterativeOptions\n * @property {GetShadowRoot|boolean} getShadowRoot true if shadow support is enabled; falsy if not;\n *  if a function, implies shadow support is enabled and either returns the shadow root of an element\n *  or a boolean stating if it has an undisclosed shadow root\n * @property {(node: Element) => boolean} filter filter candidates\n * @property {boolean} flatten if true then result will flatten any CandidateScope into the returned list\n * @property {ShadowRootFilter} shadowRootFilter filter shadow roots;\n */\n\n/**\n * @param {Element[]} elements list of element containers to match candidates from\n * @param {boolean} includeContainer add container list to check\n * @param {IterativeOptions} options\n * @returns {Array.<Element|CandidateScope>}\n */\nvar getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {\n  var candidates = [];\n  var elementsToCheck = Array.from(elements);\n  while (elementsToCheck.length) {\n    var element = elementsToCheck.shift();\n    if (isInert(element, false)) {\n      // no need to look up since we're drilling down\n      // anything inside this container will also be inert\n      continue;\n    }\n    if (element.tagName === 'SLOT') {\n      // add shadow dom slot scope (slot itself cannot be focusable)\n      var assigned = element.assignedElements();\n      var content = assigned.length ? assigned : element.children;\n      var nestedCandidates = getCandidatesIteratively(content, true, options);\n      if (options.flatten) {\n        candidates.push.apply(candidates, nestedCandidates);\n      } else {\n        candidates.push({\n          scopeParent: element,\n          candidates: nestedCandidates\n        });\n      }\n    } else {\n      // check candidate element\n      var validCandidate = matches.call(element, candidateSelector);\n      if (validCandidate && options.filter(element) && (includeContainer || !elements.includes(element))) {\n        candidates.push(element);\n      }\n\n      // iterate over shadow content if possible\n      var shadowRoot = element.shadowRoot ||\n      // check for an undisclosed shadow\n      typeof options.getShadowRoot === 'function' && options.getShadowRoot(element);\n\n      // no inert look up because we're already drilling down and checking for inertness\n      //  on the way down, so all containers to this root node should have already been\n      //  vetted as non-inert\n      var validShadowRoot = !isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));\n      if (shadowRoot && validShadowRoot) {\n        // add shadow dom scope IIF a shadow root node was given; otherwise, an undisclosed\n        //  shadow exists, so look at light dom children as fallback BUT create a scope for any\n        //  child candidates found because they're likely slotted elements (elements that are\n        //  children of the web component element (which has the shadow), in the light dom, but\n        //  slotted somewhere _inside_ the undisclosed shadow) -- the scope is created below,\n        //  _after_ we return from this recursive call\n        var _nestedCandidates = getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);\n        if (options.flatten) {\n          candidates.push.apply(candidates, _nestedCandidates);\n        } else {\n          candidates.push({\n            scopeParent: element,\n            candidates: _nestedCandidates\n          });\n        }\n      } else {\n        // there's not shadow so just dig into the element's (light dom) children\n        //  __without__ giving the element special scope treatment\n        elementsToCheck.unshift.apply(elementsToCheck, element.children);\n      }\n    }\n  }\n  return candidates;\n};\n\n/**\n * @private\n * Determines if the node has an explicitly specified `tabindex` attribute.\n * @param {HTMLElement} node\n * @returns {boolean} True if so; false if not.\n */\nvar hasTabIndex = function hasTabIndex(node) {\n  return !isNaN(parseInt(node.getAttribute('tabindex'), 10));\n};\n\n/**\n * Determine the tab index of a given node.\n * @param {HTMLElement} node\n * @returns {number} Tab order (negative, 0, or positive number).\n * @throws {Error} If `node` is falsy.\n */\nvar getTabIndex = function getTabIndex(node) {\n  if (!node) {\n    throw new Error('No node provided');\n  }\n  if (node.tabIndex < 0) {\n    // in Chrome, <details/>, <audio controls/> and <video controls/> elements get a default\n    // `tabIndex` of -1 when the 'tabindex' attribute isn't specified in the DOM,\n    // yet they are still part of the regular tab order; in FF, they get a default\n    // `tabIndex` of 0; since Chrome still puts those elements in the regular tab\n    // order, consider their tab index to be 0.\n    // Also browsers do not return `tabIndex` correctly for contentEditable nodes;\n    // so if they don't have a tabindex attribute specifically set, assume it's 0.\n    if ((/^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName) || isContentEditable(node)) && !hasTabIndex(node)) {\n      return 0;\n    }\n  }\n  return node.tabIndex;\n};\n\n/**\n * Determine the tab index of a given node __for sort order purposes__.\n * @param {HTMLElement} node\n * @param {boolean} [isScope] True for a custom element with shadow root or slot that, by default,\n *  has tabIndex -1, but needs to be sorted by document order in order for its content to be\n *  inserted into the correct sort position.\n * @returns {number} Tab order (negative, 0, or positive number).\n */\nvar getSortOrderTabIndex = function getSortOrderTabIndex(node, isScope) {\n  var tabIndex = getTabIndex(node);\n  if (tabIndex < 0 && isScope && !hasTabIndex(node)) {\n    return 0;\n  }\n  return tabIndex;\n};\nvar sortOrderedTabbables = function sortOrderedTabbables(a, b) {\n  return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex;\n};\nvar isInput = function isInput(node) {\n  return node.tagName === 'INPUT';\n};\nvar isHiddenInput = function isHiddenInput(node) {\n  return isInput(node) && node.type === 'hidden';\n};\nvar isDetailsWithSummary = function isDetailsWithSummary(node) {\n  var r = node.tagName === 'DETAILS' && Array.prototype.slice.apply(node.children).some(function (child) {\n    return child.tagName === 'SUMMARY';\n  });\n  return r;\n};\nvar getCheckedRadio = function getCheckedRadio(nodes, form) {\n  for (var i = 0; i < nodes.length; i++) {\n    if (nodes[i].checked && nodes[i].form === form) {\n      return nodes[i];\n    }\n  }\n};\nvar isTabbableRadio = function isTabbableRadio(node) {\n  if (!node.name) {\n    return true;\n  }\n  var radioScope = node.form || getRootNode(node);\n  var queryRadios = function queryRadios(name) {\n    return radioScope.querySelectorAll('input[type=\"radio\"][name=\"' + name + '\"]');\n  };\n  var radioSet;\n  if (typeof window !== 'undefined' && typeof window.CSS !== 'undefined' && typeof window.CSS.escape === 'function') {\n    radioSet = queryRadios(window.CSS.escape(node.name));\n  } else {\n    try {\n      radioSet = queryRadios(node.name);\n    } catch (err) {\n      // eslint-disable-next-line no-console\n      console.error('Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s', err.message);\n      return false;\n    }\n  }\n  var checked = getCheckedRadio(radioSet, node.form);\n  return !checked || checked === node;\n};\nvar isRadio = function isRadio(node) {\n  return isInput(node) && node.type === 'radio';\n};\nvar isNonTabbableRadio = function isNonTabbableRadio(node) {\n  return isRadio(node) && !isTabbableRadio(node);\n};\n\n// determines if a node is ultimately attached to the window's document\nvar isNodeAttached = function isNodeAttached(node) {\n  var _nodeRoot;\n  // The root node is the shadow root if the node is in a shadow DOM; some document otherwise\n  //  (but NOT _the_ document; see second 'If' comment below for more).\n  // If rootNode is shadow root, it'll have a host, which is the element to which the shadow\n  //  is attached, and the one we need to check if it's in the document or not (because the\n  //  shadow, and all nodes it contains, is never considered in the document since shadows\n  //  behave like self-contained DOMs; but if the shadow's HOST, which is part of the document,\n  //  is hidden, or is not in the document itself but is detached, it will affect the shadow's\n  //  visibility, including all the nodes it contains). The host could be any normal node,\n  //  or a custom element (i.e. web component). Either way, that's the one that is considered\n  //  part of the document, not the shadow root, nor any of its children (i.e. the node being\n  //  tested).\n  // To further complicate things, we have to look all the way up until we find a shadow HOST\n  //  that is attached (or find none) because the node might be in nested shadows...\n  // If rootNode is not a shadow root, it won't have a host, and so rootNode should be the\n  //  document (per the docs) and while it's a Document-type object, that document does not\n  //  appear to be the same as the node's `ownerDocument` for some reason, so it's safer\n  //  to ignore the rootNode at this point, and use `node.ownerDocument`. Otherwise,\n  //  using `rootNode.contains(node)` will _always_ be true we'll get false-positives when\n  //  node is actually detached.\n  // NOTE: If `nodeRootHost` or `node` happens to be the `document` itself (which is possible\n  //  if a tabbable/focusable node was quickly added to the DOM, focused, and then removed\n  //  from the DOM as in https://github.com/focus-trap/focus-trap-react/issues/905), then\n  //  `ownerDocument` will be `null`, hence the optional chaining on it.\n  var nodeRoot = node && getRootNode(node);\n  var nodeRootHost = (_nodeRoot = nodeRoot) === null || _nodeRoot === void 0 ? void 0 : _nodeRoot.host;\n\n  // in some cases, a detached node will return itself as the root instead of a document or\n  //  shadow root object, in which case, we shouldn't try to look further up the host chain\n  var attached = false;\n  if (nodeRoot && nodeRoot !== node) {\n    var _nodeRootHost, _nodeRootHost$ownerDo, _node$ownerDocument;\n    attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== void 0 && (_nodeRootHost$ownerDo = _nodeRootHost.ownerDocument) !== null && _nodeRootHost$ownerDo !== void 0 && _nodeRootHost$ownerDo.contains(nodeRootHost) || node !== null && node !== void 0 && (_node$ownerDocument = node.ownerDocument) !== null && _node$ownerDocument !== void 0 && _node$ownerDocument.contains(node));\n    while (!attached && nodeRootHost) {\n      var _nodeRoot2, _nodeRootHost2, _nodeRootHost2$ownerD;\n      // since it's not attached and we have a root host, the node MUST be in a nested shadow DOM,\n      //  which means we need to get the host's host and check if that parent host is contained\n      //  in (i.e. attached to) the document\n      nodeRoot = getRootNode(nodeRootHost);\n      nodeRootHost = (_nodeRoot2 = nodeRoot) === null || _nodeRoot2 === void 0 ? void 0 : _nodeRoot2.host;\n      attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== void 0 && (_nodeRootHost2$ownerD = _nodeRootHost2.ownerDocument) !== null && _nodeRootHost2$ownerD !== void 0 && _nodeRootHost2$ownerD.contains(nodeRootHost));\n    }\n  }\n  return attached;\n};\nvar isZeroArea = function isZeroArea(node) {\n  var _node$getBoundingClie = node.getBoundingClientRect(),\n    width = _node$getBoundingClie.width,\n    height = _node$getBoundingClie.height;\n  return width === 0 && height === 0;\n};\nvar isHidden = function isHidden(node, _ref) {\n  var displayCheck = _ref.displayCheck,\n    getShadowRoot = _ref.getShadowRoot;\n  // NOTE: visibility will be `undefined` if node is detached from the document\n  //  (see notes about this further down), which means we will consider it visible\n  //  (this is legacy behavior from a very long way back)\n  // NOTE: we check this regardless of `displayCheck=\"none\"` because this is a\n  //  _visibility_ check, not a _display_ check\n  if (getComputedStyle(node).visibility === 'hidden') {\n    return true;\n  }\n  var isDirectSummary = matches.call(node, 'details>summary:first-of-type');\n  var nodeUnderDetails = isDirectSummary ? node.parentElement : node;\n  if (matches.call(nodeUnderDetails, 'details:not([open]) *')) {\n    return true;\n  }\n  if (!displayCheck || displayCheck === 'full' || displayCheck === 'legacy-full') {\n    if (typeof getShadowRoot === 'function') {\n      // figure out if we should consider the node to be in an undisclosed shadow and use the\n      //  'non-zero-area' fallback\n      var originalNode = node;\n      while (node) {\n        var parentElement = node.parentElement;\n        var rootNode = getRootNode(node);\n        if (parentElement && !parentElement.shadowRoot && getShadowRoot(parentElement) === true // check if there's an undisclosed shadow\n        ) {\n          // node has an undisclosed shadow which means we can only treat it as a black box, so we\n          //  fall back to a non-zero-area test\n          return isZeroArea(node);\n        } else if (node.assignedSlot) {\n          // iterate up slot\n          node = node.assignedSlot;\n        } else if (!parentElement && rootNode !== node.ownerDocument) {\n          // cross shadow boundary\n          node = rootNode.host;\n        } else {\n          // iterate up normal dom\n          node = parentElement;\n        }\n      }\n      node = originalNode;\n    }\n    // else, `getShadowRoot` might be true, but all that does is enable shadow DOM support\n    //  (i.e. it does not also presume that all nodes might have undisclosed shadows); or\n    //  it might be a falsy value, which means shadow DOM support is disabled\n\n    // Since we didn't find it sitting in an undisclosed shadow (or shadows are disabled)\n    //  now we can just test to see if it would normally be visible or not, provided it's\n    //  attached to the main document.\n    // NOTE: We must consider case where node is inside a shadow DOM and given directly to\n    //  `isTabbable()` or `isFocusable()` -- regardless of `getShadowRoot` option setting.\n\n    if (isNodeAttached(node)) {\n      // this works wherever the node is: if there's at least one client rect, it's\n      //  somehow displayed; it also covers the CSS 'display: contents' case where the\n      //  node itself is hidden in place of its contents; and there's no need to search\n      //  up the hierarchy either\n      return !node.getClientRects().length;\n    }\n\n    // Else, the node isn't attached to the document, which means the `getClientRects()`\n    //  API will __always__ return zero rects (this can happen, for example, if React\n    //  is used to render nodes onto a detached tree, as confirmed in this thread:\n    //  https://github.com/facebook/react/issues/9117#issuecomment-284228870)\n    //\n    // It also means that even window.getComputedStyle(node).display will return `undefined`\n    //  because styles are only computed for nodes that are in the document.\n    //\n    // NOTE: THIS HAS BEEN THE CASE FOR YEARS. It is not new, nor is it caused by tabbable\n    //  somehow. Though it was never stated officially, anyone who has ever used tabbable\n    //  APIs on nodes in detached containers has actually implicitly used tabbable in what\n    //  was later (as of v5.2.0 on Apr 9, 2021) called `displayCheck=\"none\"` mode -- essentially\n    //  considering __everything__ to be visible because of the innability to determine styles.\n    //\n    // v6.0.0: As of this major release, the default 'full' option __no longer treats detached\n    //  nodes as visible with the 'none' fallback.__\n    if (displayCheck !== 'legacy-full') {\n      return true; // hidden\n    }\n    // else, fallback to 'none' mode and consider the node visible\n  } else if (displayCheck === 'non-zero-area') {\n    // NOTE: Even though this tests that the node's client rect is non-zero to determine\n    //  whether it's displayed, and that a detached node will __always__ have a zero-area\n    //  client rect, we don't special-case for whether the node is attached or not. In\n    //  this mode, we do want to consider nodes that have a zero area to be hidden at all\n    //  times, and that includes attached or not.\n    return isZeroArea(node);\n  }\n\n  // visible, as far as we can tell, or per current `displayCheck=none` mode, we assume\n  //  it's visible\n  return false;\n};\n\n// form fields (nested) inside a disabled fieldset are not focusable/tabbable\n//  unless they are in the _first_ <legend> element of the top-most disabled\n//  fieldset\nvar isDisabledFromFieldset = function isDisabledFromFieldset(node) {\n  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(node.tagName)) {\n    var parentNode = node.parentElement;\n    // check if `node` is contained in a disabled <fieldset>\n    while (parentNode) {\n      if (parentNode.tagName === 'FIELDSET' && parentNode.disabled) {\n        // look for the first <legend> among the children of the disabled <fieldset>\n        for (var i = 0; i < parentNode.children.length; i++) {\n          var child = parentNode.children.item(i);\n          // when the first <legend> (in document order) is found\n          if (child.tagName === 'LEGEND') {\n            // if its parent <fieldset> is not nested in another disabled <fieldset>,\n            // return whether `node` is a descendant of its first <legend>\n            return matches.call(parentNode, 'fieldset[disabled] *') ? true : !child.contains(node);\n          }\n        }\n        // the disabled <fieldset> containing `node` has no <legend>\n        return true;\n      }\n      parentNode = parentNode.parentElement;\n    }\n  }\n\n  // else, node's tabbable/focusable state should not be affected by a fieldset's\n  //  enabled/disabled state\n  return false;\n};\nvar isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(options, node) {\n  if (node.disabled ||\n  // we must do an inert look up to filter out any elements inside an inert ancestor\n  //  because we're limited in the type of selectors we can use in JSDom (see related\n  //  note related to `candidateSelectors`)\n  isInert(node) || isHiddenInput(node) || isHidden(node, options) ||\n  // For a details element with a summary, the summary element gets the focus\n  isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {\n    return false;\n  }\n  return true;\n};\nvar isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable(options, node) {\n  if (isNonTabbableRadio(node) || getTabIndex(node) < 0 || !isNodeMatchingSelectorFocusable(options, node)) {\n    return false;\n  }\n  return true;\n};\nvar isValidShadowRootTabbable = function isValidShadowRootTabbable(shadowHostNode) {\n  var tabIndex = parseInt(shadowHostNode.getAttribute('tabindex'), 10);\n  if (isNaN(tabIndex) || tabIndex >= 0) {\n    return true;\n  }\n  // If a custom element has an explicit negative tabindex,\n  // browsers will not allow tab targeting said element's children.\n  return false;\n};\n\n/**\n * @param {Array.<Element|CandidateScope>} candidates\n * @returns Element[]\n */\nvar sortByOrder = function sortByOrder(candidates) {\n  var regularTabbables = [];\n  var orderedTabbables = [];\n  candidates.forEach(function (item, i) {\n    var isScope = !!item.scopeParent;\n    var element = isScope ? item.scopeParent : item;\n    var candidateTabindex = getSortOrderTabIndex(element, isScope);\n    var elements = isScope ? sortByOrder(item.candidates) : element;\n    if (candidateTabindex === 0) {\n      isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element);\n    } else {\n      orderedTabbables.push({\n        documentOrder: i,\n        tabIndex: candidateTabindex,\n        item: item,\n        isScope: isScope,\n        content: elements\n      });\n    }\n  });\n  return orderedTabbables.sort(sortOrderedTabbables).reduce(function (acc, sortable) {\n    sortable.isScope ? acc.push.apply(acc, sortable.content) : acc.push(sortable.content);\n    return acc;\n  }, []).concat(regularTabbables);\n};\nvar tabbable = function tabbable(container, options) {\n  options = options || {};\n  var candidates;\n  if (options.getShadowRoot) {\n    candidates = getCandidatesIteratively([container], options.includeContainer, {\n      filter: isNodeMatchingSelectorTabbable.bind(null, options),\n      flatten: false,\n      getShadowRoot: options.getShadowRoot,\n      shadowRootFilter: isValidShadowRootTabbable\n    });\n  } else {\n    candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));\n  }\n  return sortByOrder(candidates);\n};\nvar focusable = function focusable(container, options) {\n  options = options || {};\n  var candidates;\n  if (options.getShadowRoot) {\n    candidates = getCandidatesIteratively([container], options.includeContainer, {\n      filter: isNodeMatchingSelectorFocusable.bind(null, options),\n      flatten: true,\n      getShadowRoot: options.getShadowRoot\n    });\n  } else {\n    candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorFocusable.bind(null, options));\n  }\n  return candidates;\n};\nvar isTabbable = function isTabbable(node, options) {\n  options = options || {};\n  if (!node) {\n    throw new Error('No node provided');\n  }\n  if (matches.call(node, candidateSelector) === false) {\n    return false;\n  }\n  return isNodeMatchingSelectorTabbable(options, node);\n};\nvar focusableCandidateSelector = /* #__PURE__ */candidateSelectors.concat('iframe').join(',');\nvar isFocusable = function isFocusable(node, options) {\n  options = options || {};\n  if (!node) {\n    throw new Error('No node provided');\n  }\n  if (matches.call(node, focusableCandidateSelector) === false) {\n    return false;\n  }\n  return isNodeMatchingSelectorFocusable(options, node);\n};\n\nexport { focusable, getTabIndex, isFocusable, isTabbable, tabbable };\n//# sourceMappingURL=index.esm.js.map\n","dialog {\n  border-radius: var(--radius-rounded-2xl);\n  background: var(--color-level-00-background);\n  min-width: 400px;\n  width: fit-content;\n  max-width: 960px;\n  margin: auto;\n\n  &.full {\n    width: 90vw;\n  }\n\n  /* shadow/2xl */\n  box-shadow: 0px var(--shadow-y-axis-2xl) var(--shadow-blur-2xl)\n    var(--shadow-spread-2xl) var(--shadow-color-opacity-3)\n    var(--shadow-color-opacity-3);\n\n  &::backdrop {\n    opacity: var(--components-overlay-opacity);\n    background: var(--components-overlay-background);\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    nv-button.close-button {\n      position: absolute;\n      top: var(--dialog-dismissible-position-top);\n      right: var(--dialog-dismissible-position-right);\n      display: flex;\n      padding: var(--button-sm-icon-button-padding);\n      justify-content: flex-end;\n      align-items: flex-start;\n      gap: 10px;\n    }\n\n    .content-body {\n      padding: var(--dialog-body-padding-y) var(--dialog-body-padding-x);\n      align-items: flex-start;\n      gap: 8px;\n\n      color: var(--color-content-medium-text);\n\n      /* text/md/regular */\n      font-family: 'TT Norms Pro', sans-serif;\n      font-size: var(--font-size-md);\n      font-style: normal;\n      font-weight: 400;\n      line-height: var(--line-height-base); /* 150% */\n      width: 100%;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Method,\n  Event,\n  EventEmitter,\n  Watch,\n  Listen,\n} from '@stencil/core';\nimport { tabbable } from 'tabbable';\nimport {\n  addEventListeners,\n  removeEventListeners,\n  type EventsAndListeners,\n} from '../../utils/events.utils';\nimport clsx from 'clsx';\nimport { ButtonType } from '../../utils/constants';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Body of the dialog.\n * @slot trigger - Content to be placed as the trigger, will override the trigger prop.\n * @slot header - Content to be placed as the header, will override the header prop.\n * @slot footer - Content to be placed as the footer, will override the footer prop.\n */\n@Component({\n  tag: 'nv-dialog',\n  styleUrl: 'nv-dialog.scss',\n  shadow: false,\n})\nexport class NvDialog {\n  @Element() el: HTMLNvDialogElement;\n  private dialogElement!: HTMLDialogElement;\n  private eventsAttached = false;\n  private form: string;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the popover trigger. This\n   * should be used when the slot for the trigger is not defined.\n   */\n  @Prop({ reflect: false, mutable: true })\n  triggerElement: Element;\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the header. This should\n   * be used when the slot for the header is not defined.\n   */\n  @Prop({ reflect: false, mutable: true })\n  headerElement: Element;\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the footer. This should\n   * be used when the slot for the footer is not defined.\n   */\n  @Prop({ reflect: false, mutable: true })\n  footerElement: Element;\n\n  /**\n   * Use this prop to toggle the visibility of the dialog. Set to true to show\n   * the dialog and false to hide it.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * If true, the dialog cannot be closed by the user.\n   */\n  @Prop({ reflect: true })\n  readonly undismissable: boolean = false;\n\n  /**\n   * If true, the dialog will be closed when the backdrop is clicked.\n   */\n  @Prop({ reflect: true })\n  readonly clickOutside: boolean = false;\n\n  /**\n   * If true, the dialog visibility is managed manually through methods or the open prop.\n   */\n  @Prop({ reflect: true })\n  readonly controlled: boolean = false;\n\n  /**\n   * If true, the dialog takes full width styling.\n   */\n  @Prop({ reflect: true })\n  readonly full: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Call this method to show the dialog, making it visible on the screen.\n   */\n  @Method()\n  public async show() {\n    this.preventScroll();\n    this.dialogElement.showModal();\n    this.open = true;\n  }\n\n  /**\n   * Call this method to hide the dialog, making it disappear from view.\n   */\n  @Method()\n  public async hide() {\n    this.allowScroll();\n    this.dialogElement.close();\n    this.open = false;\n  }\n\n  /**\n   * Handles the close button click.\n   */\n  private handleCloseButton = () => {\n    this.hide();\n  };\n\n  /**\n   * Handles the cancel button click.\n   */\n  private handleCancelButton = () => {\n    this.hide();\n  };\n\n  /**\n   * Sets the autofocus on the first focusable element in the dialog.\n   */\n  private setAutofocus() {\n    const focusableElements = tabbable(this.dialogElement, {\n      displayCheck: 'none',\n    });\n\n    if (focusableElements.length > 0) {\n      // Convert to array and find element with smallest top and left position\n      let topLeftElement = focusableElements[0];\n      let topLeftRect = topLeftElement.getBoundingClientRect();\n\n      focusableElements.forEach(element => {\n        const rect = element.getBoundingClientRect();\n        if (rect.top < topLeftRect.top || rect.left < topLeftRect.left) {\n          topLeftElement = element;\n          topLeftRect = rect;\n        }\n      });\n\n      // Set autofocus attribute on the found element\n      topLeftElement.setAttribute('autofocus', 'true');\n    }\n  }\n\n  /**\n   * Attaches event listeners to the dialog.\n   */\n  private attachEventListeners() {\n    if (this.triggerElement && !this.eventsAttached && !this.controlled) {\n      addEventListeners(this.triggerClickEvents, this.triggerElement, this);\n      this.eventsAttached = true;\n    }\n  }\n\n  /**\n   * Prevents the body from scrolling when the dialog is open.\n   */\n  private preventScroll() {\n    document.body.style.overflow = 'hidden';\n  }\n\n  /**\n   * Allows the body to scroll when the dialog is closed.\n   */\n\n  private allowScroll() {\n    document.body.style.overflow = '';\n  }\n\n  private ensureFormId(formElement: HTMLFormElement): string {\n    if (!formElement.id) {\n      formElement.id = `dialog-form-${uuidv4()}`;\n    }\n    return formElement.id;\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the dialog is closing in order to allow for cleanup, data-capture, etc.\n   */\n  @Event()\n  close: EventEmitter<void>;\n\n  /**\n   * Handles the dialog close event.\n   */\n  private handleDialogClose = () => {\n    this.hide();\n    this.close.emit();\n  };\n\n  /**\n   * Handles the keydown event to optionally prevent the native dialog from closing when the escape key is pressed.\n   * @param {KeyboardEvent} event - The keydown event.\n   */\n  @Listen('keydown', { target: 'document' })\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.undismissable) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  /**\n   * Handles the click event to close the dialog when clickOutside is true.\n   * @param {MouseEvent} event - The click event.\n   */\n  @Listen('click', { target: 'document' })\n  handleDocumentClick(event: MouseEvent) {\n    if (!this.clickOutside || this.undismissable) return;\n    this.handleClickOutside(event);\n  }\n\n  /**\n   * Handles the touchstart event to close the dialog when clickOutside is true.\n   * @param {TouchEvent} event - The touchstart event.\n   */\n  @Listen('touchstart', { target: 'document' })\n  handleDocumentTouch(event: TouchEvent) {\n    if (!this.clickOutside || this.undismissable) return;\n    this.handleClickOutside(event);\n  }\n\n  private handleClickOutside = (event: MouseEvent | TouchEvent) => {\n    if (event.target === this.dialogElement) {\n      this.hide();\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  private triggerClickEvents: EventsAndListeners = [\n    ['click', this.show],\n    ['touchstart', this.show],\n    [\n      'keydown',\n      (e: KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          this.show();\n        }\n      },\n    ],\n  ];\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('open')\n  async handleDialogOpenChange(open: boolean) {\n    if (open) {\n      this.show();\n    } else {\n      this.hide();\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Lifecycle method that runs before the component loads.\n   * Initializes the trigger, header, and footer elements by finding them in the component's children.\n   * Elements are found either by their slot attribute or by their tag name (for dialog header/footer)\n   */\n  componentWillLoad() {\n    this.triggerElement = Array.from(this.el.children).find(child => {\n      return child.getAttribute('slot') === 'trigger';\n    }) as HTMLElement;\n\n    this.headerElement = Array.from(this.el.children).find(child => {\n      return (\n        child.getAttribute('slot') === 'header' ||\n        child.tagName.toLowerCase() === 'nv-dialogheader'\n      );\n    }) as HTMLElement;\n\n    this.footerElement = Array.from(this.el.children).find(child => {\n      return (\n        child.getAttribute('slot') === 'footer' ||\n        child.tagName.toLowerCase() === 'nv-dialogfooter'\n      );\n    }) as HTMLElement;\n\n    // If no form ID is provided, check if there's a form and generate an ID\n    if (!this.form) {\n      const formElement = Array.from(this.el.children).find(child => {\n        return child.tagName.toLowerCase() === 'form';\n      }) as HTMLFormElement;\n\n      if (formElement) {\n        this.form = this.ensureFormId(formElement);\n      }\n    }\n  }\n\n  componentWillUpdate() {\n    this.attachEventListeners();\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.show();\n    }\n    // Check if any element already has autofocus before setting it automatically\n    if (!this.dialogElement.querySelector('[autofocus]')) {\n      this.setAutofocus();\n    }\n    this.attachEventListeners();\n  }\n\n  disconnectedCallback() {\n    if (this.triggerElement && !this.eventsAttached && !this.controlled) {\n      removeEventListeners(this.triggerClickEvents, this.triggerElement, this);\n      this.eventsAttached = false;\n    }\n    this.allowScroll();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const hasForm = this.form || this.el.querySelector('form');\n\n    return (\n      <Host>\n        <slot name=\"trigger\"></slot>\n\n        <dialog\n          ref={el => (this.dialogElement = el)}\n          onClose={this.handleDialogClose}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"dialog-header\"\n          aria-describedby=\"dialog-content\"\n          class={clsx({ full: this.full })}\n        >\n          <div class=\"content\">\n            {!this.undismissable && (\n              <nv-button\n                class=\"close-button\"\n                emphasis=\"lower\"\n                size=\"sm\"\n                onClick={this.handleCloseButton}\n                aria-label=\"Close dialog\"\n              >\n                <nv-icon name=\"x\" size=\"sm\" />\n              </nv-button>\n            )}\n\n            {this.headerElement ? (\n              <slot name=\"header\"></slot>\n            ) : (\n              <nv-dialogheader id=\"dialog-header\"></nv-dialogheader>\n            )}\n\n            <div class=\"content-body\" id=\"dialog-content\">\n              <slot></slot>\n            </div>\n\n            {this.footerElement ? (\n              <slot name=\"footer\"></slot>\n            ) : (\n              <nv-dialogfooter\n                form={this.form}\n                primaryButtonType={\n                  hasForm ? ButtonType.Submit : ButtonType.Button\n                }\n                onDialogCanceled={this.handleCancelButton}\n                undismissable={this.undismissable}\n              ></nv-dialogfooter>\n            )}\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-ca1eff59.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as r,a as n,g as a}from"./p-ab002252.js";import{c as s}from"./p-0462f723.js";import{C as i,a as o,W as c}from"./p-59768ee5.js";var h={exports:{}};(function(t,e){!function(e,r){t.exports=r()}(s,(function(){var t=1e3,e=6e4,r=36e5,n="millisecond",a="second",s="minute",i="hour",o="day",c="week",h="month",d="quarter",l="year",u="date",f="Invalid Date",p=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,g=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,v={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],r=t%100;return"["+t+(e[(r-20)%10]||e[r]||e[0])+"]"}},m=function(t,e,r){var n=String(t);return!n||n.length>=e?t:""+Array(e+1-n.length).join(r)+t},y={s:m,z:function(t){var e=-t.utcOffset(),r=Math.abs(e),n=Math.floor(r/60),a=r%60;return(e<=0?"+":"-")+m(n,2,"0")+":"+m(a,2,"0")},m:function t(e,r){if(e.date()<r.date())return-t(r,e);var n=12*(r.year()-e.year())+(r.month()-e.month()),a=e.clone().add(n,h),s=r-a<0,i=e.clone().add(n+(s?-1:1),h);return+(-(n+(r-a)/(s?a-i:i-a))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:h,y:l,w:c,d:o,D:u,h:i,m:s,s:a,ms:n,Q:d}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},b="en",w={};w[b]=v;var k="$isDayjsObject",D=function(t){return t instanceof Y||!(!t||!t[k])},M=function t(e,r,n){var a;if(!e)return b;if("string"==typeof e){var s=e.toLowerCase();w[s]&&(a=s),r&&(w[s]=r,a=s);var i=e.split("-");if(!a&&i.length>1)return t(i[0])}else{var o=e.name;w[o]=e,a=o}return!n&&a&&(b=a),a||!n&&b},x=function(t,e){if(D(t))return t.clone();var r="object"==typeof e?e:{};return r.date=t,r.args=arguments,new Y(r)},S=y;S.l=M,S.i=D,S.w=function(t,e){return x(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var Y=function(){function v(t){this.$L=M(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[k]=!0}var m=v.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,r=t.utc;if(null===e)return new Date(NaN);if(S.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var n=e.match(p);if(n){var a=n[2]-1||0,s=(n[7]||"0").substring(0,3);return r?new Date(Date.UTC(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,s)):new Date(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,s)}}return new Date(e)}(t),this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return S},m.isValid=function(){return!(this.$d.toString()===f)},m.isSame=function(t,e){var r=x(t);return this.startOf(e)<=r&&r<=this.endOf(e)},m.isAfter=function(t,e){return x(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<x(t)},m.$g=function(t,e,r){return S.u(t)?this[e]:this.set(r,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var r=this,n=!!S.u(e)||e,d=S.p(t),f=function(t,e){var a=S.w(r.$u?Date.UTC(r.$y,e,t):new Date(r.$y,e,t),r);return n?a:a.endOf(o)},p=function(t,e){return S.w(r.toDate()[t].apply(r.toDate("s"),(n?[0,0,0,0]:[23,59,59,999]).slice(e)),r)},g=this.$W,v=this.$M,m=this.$D,y="set"+(this.$u?"UTC":"");switch(d){case l:return n?f(1,0):f(31,11);case h:return n?f(1,v):f(0,v+1);case c:var b=this.$locale().weekStart||0,w=(g<b?g+7:g)-b;return f(n?m-w:m+(6-w),v);case o:case u:return p(y+"Hours",0);case i:return p(y+"Minutes",1);case s:return p(y+"Seconds",2);case a:return p(y+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var r,c=S.p(t),d="set"+(this.$u?"UTC":""),f=(r={},r[o]=d+"Date",r[u]=d+"Date",r[h]=d+"Month",r[l]=d+"FullYear",r[i]=d+"Hours",r[s]=d+"Minutes",r[a]=d+"Seconds",r[n]=d+"Milliseconds",r)[c],p=c===o?this.$D+(e-this.$W):e;if(c===h||c===l){var g=this.clone().set(u,1);g.$d[f](p),g.init(),this.$d=g.set(u,Math.min(this.$D,g.daysInMonth())).$d}else f&&this.$d[f](p);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[S.p(t)]()},m.add=function(n,d){var u,f=this;n=Number(n);var p=S.p(d),g=function(t){var e=x(f);return S.w(e.date(e.date()+Math.round(t*n)),f)};if(p===h)return this.set(h,this.$M+n);if(p===l)return this.set(l,this.$y+n);if(p===o)return g(1);if(p===c)return g(7);var v=(u={},u[s]=e,u[i]=r,u[a]=t,u)[p]||1,m=this.$d.getTime()+n*v;return S.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,r=this.$locale();if(!this.isValid())return r.invalidDate||f;var n=t||"YYYY-MM-DDTHH:mm:ssZ",a=S.z(this),s=this.$H,i=this.$m,o=this.$M,c=r.weekdays,h=r.months,d=r.meridiem,l=function(t,r,a,s){return t&&(t[r]||t(e,n))||a[r].slice(0,s)},u=function(t){return S.s(s%12||12,t,"0")},p=d||function(t,e,r){var n=t<12?"AM":"PM";return r?n.toLowerCase():n};return n.replace(g,(function(t,n){return n||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return S.s(e.$y,4,"0");case"M":return o+1;case"MM":return S.s(o+1,2,"0");case"MMM":return l(r.monthsShort,o,h,3);case"MMMM":return l(h,o);case"D":return e.$D;case"DD":return S.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return l(r.weekdaysMin,e.$W,c,2);case"ddd":return l(r.weekdaysShort,e.$W,c,3);case"dddd":return c[e.$W];case"H":return String(s);case"HH":return S.s(s,2,"0");case"h":return u(1);case"hh":return u(2);case"a":return p(s,i,!0);case"A":return p(s,i,!1);case"m":return String(i);case"mm":return S.s(i,2,"0");case"s":return String(e.$s);case"ss":return S.s(e.$s,2,"0");case"SSS":return S.s(e.$ms,3,"0");case"Z":return a}return null}(t)||a.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(n,u,f){var p,g=this,v=S.p(u),m=x(n),y=(m.utcOffset()-this.utcOffset())*e,b=this-m,w=function(){return S.m(g,m)};switch(v){case l:p=w()/12;break;case h:p=w();break;case d:p=w()/3;break;case c:p=(b-y)/6048e5;break;case o:p=(b-y)/864e5;break;case i:p=b/r;break;case s:p=b/e;break;case a:p=b/t;break;default:p=b}return f?p:S.a(p)},m.daysInMonth=function(){return this.endOf(h).$D},m.$locale=function(){return w[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var r=this.clone(),n=M(t,e,!0);return n&&(r.$L=n),r},m.clone=function(){return S.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},v}(),C=Y.prototype;return x.prototype=C,[["$ms",n],["$s",a],["$m",s],["$H",i],["$W",o],["$M",h],["$y",l],["$D",u]].forEach((function(t){C[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),x.extend=function(t,e){return t.$i||(t(e,Y,x),t.$i=!0),x},x.locale=M,x.isDayjs=D,x.unix=function(t){return x(1e3*t)},x.en=w[b],x.Ls=w,x.p={},x}))})(h);const d=h.exports;var l={exports:{}};(function(t,e){!function(e,r){t.exports=r()}(s,(function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},e=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,r=/\d/,n=/\d\d/,a=/\d\d?/,s=/\d*[^-_:/,()\s\d]+/,i={},o=function(t){return(t=+t)+(t>68?1900:2e3)};var c=function(t){return function(e){this[t]=+e}},h=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var e=t.match(/([+-]|\d\d)/g),r=60*e[1]+(+e[2]||0);return 0===r?0:"+"===e[0]?-r:r}(t)}],d=function(t){var e=i[t];return e&&(e.indexOf?e:e.s.concat(e.f))},l=function(t,e){var r,n=i.meridiem;if(n){for(var a=1;a<=24;a+=1)if(t.indexOf(n(a,0,e))>-1){r=a>12;break}}else r=t===(e?"pm":"PM");return r},u={A:[s,function(t){this.afternoon=l(t,!1)}],a:[s,function(t){this.afternoon=l(t,!0)}],Q:[r,function(t){this.month=3*(t-1)+1}],S:[r,function(t){this.milliseconds=100*+t}],SS:[n,function(t){this.milliseconds=10*+t}],SSS:[/\d{3}/,function(t){this.milliseconds=+t}],s:[a,c("seconds")],ss:[a,c("seconds")],m:[a,c("minutes")],mm:[a,c("minutes")],H:[a,c("hours")],h:[a,c("hours")],HH:[a,c("hours")],hh:[a,c("hours")],D:[a,c("day")],DD:[n,c("day")],Do:[s,function(t){var e=i.ordinal,r=t.match(/\d+/);if(this.day=r[0],e)for(var n=1;n<=31;n+=1)e(n).replace(/\[|\]/g,"")===t&&(this.day=n)}],w:[a,c("week")],ww:[n,c("week")],M:[a,c("month")],MM:[n,c("month")],MMM:[s,function(t){var e=d("months"),r=(d("monthsShort")||e.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(r<1)throw new Error;this.month=r%12||r}],MMMM:[s,function(t){var e=d("months").indexOf(t)+1;if(e<1)throw new Error;this.month=e%12||e}],Y:[/[+-]?\d+/,c("year")],YY:[n,function(t){this.year=o(t)}],YYYY:[/\d{4}/,c("year")],Z:h,ZZ:h};function f(r){var n,a;n=r,a=i&&i.formats;for(var s=(r=n.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,r,n){var s=n&&n.toUpperCase();return r||a[n]||t[n]||a[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,r){return e||r.slice(1)}))}))).match(e),o=s.length,c=0;c<o;c+=1){var h=s[c],d=u[h],l=d&&d[0],f=d&&d[1];s[c]=f?{regex:l,parser:f}:h.replace(/^\[|\]$/g,"")}return function(t){for(var e={},r=0,n=0;r<o;r+=1){var a=s[r];if("string"==typeof a)n+=a.length;else{var i=a.regex,c=a.parser,h=t.slice(n),d=i.exec(h)[0];c.call(e,d),t=t.replace(d,"")}}return function(t){var e=t.afternoon;if(void 0!==e){var r=t.hours;e?r<12&&(t.hours+=12):12===r&&(t.hours=0),delete t.afternoon}}(e),e}}return function(t,e,r){r.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(o=t.parseTwoDigitYear);var n=e.prototype,a=n.parse;n.parse=function(t){var e=t.date,n=t.utc,s=t.args;this.$u=n;var o=s[1];if("string"==typeof o){var c=!0===s[2],h=!0===s[3],d=c||h,l=s[2];h&&(l=s[2]),i=this.$locale(),!c&&l&&(i=r.Ls[l]),this.$d=function(t,e,r,n){try{if(["x","X"].indexOf(e)>-1)return new Date(("X"===e?1e3:1)*t);var a=f(e)(t),s=a.year,i=a.month,o=a.day,c=a.hours,h=a.minutes,d=a.seconds,l=a.milliseconds,u=a.zone,p=a.week,g=new Date,v=o||(s||i?1:g.getDate()),m=s||g.getFullYear(),y=0;s&&!i||(y=i>0?i-1:g.getMonth());var b,w=c||0,k=h||0,D=d||0,M=l||0;return u?new Date(Date.UTC(m,y,v,w,k,D,M+60*u.offset*1e3)):r?new Date(Date.UTC(m,y,v,w,k,D,M)):(b=new Date(m,y,v,w,k,D,M),p&&(b=n(b).week(p).toDate()),b)}catch(t){return new Date("")}}(e,o,n,r),this.init(),l&&!0!==l&&(this.$L=this.locale(l).$L),d&&e!=this.format(o)&&(this.$d=new Date("")),i={}}else if(o instanceof Array)for(var u=o.length,p=1;p<=u;p+=1){s[1]=o[p-1];var g=r.apply(this,s);if(g.isValid()){this.$d=g.$d,this.$L=g.$L,this.init();break}p===u&&(this.$d=new Date(""))}else a.call(this,t)}}}))})(l);const u=l.exports;var f={exports:{}};(function(t,e){!function(e,r){t.exports=r()}(s,(function(){var t="minute",e=/[+-]\d\d(?::?\d\d)?/g,r=/([+-]|\d\d)/g;return function(n,a,s){var i=a.prototype;s.utc=function(t){var e={date:t,utc:!0,args:arguments};return new a(e)},i.utc=function(e){var r=s(this.toDate(),{locale:this.$L,utc:!0});return e?r.add(this.utcOffset(),t):r},i.local=function(){return s(this.toDate(),{locale:this.$L,utc:!1})};var o=i.parse;i.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t)};var c=i.init;i.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else c.call(this)};var h=i.utcOffset;i.utcOffset=function(n,a){var s=this.$utils().u;if(s(n))return this.$u?0:s(this.$offset)?h.call(this):this.$offset;if("string"==typeof n&&(n=function(t){void 0===t&&(t="");var n=t.match(e);if(!n)return null;var a=(""+n[0]).match(r)||["-",0,0],s=a[0],i=60*+a[1]+ +a[2];return 0===i?0:"+"===s?i:-i}(n),null===n))return this;var i=Math.abs(n)<=16?60*n:n,o=this;if(a)return o.$offset=i,o.$u=0===n,o;if(0!==n){var c=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(i+c,t)).$offset=i,o.$x.$localOffset=c}else o=this.utc();return o};var d=i.format;i.format=function(t){var e=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return d.call(this,e)},i.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},i.isUTC=function(){return!!this.$u},i.toISOString=function(){return this.toDate().toISOString()},i.toString=function(){return this.toDate().toUTCString()};var l=i.toDate;i.toDate=function(t){return"s"===t&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var u=i.diff;i.diff=function(t,e,r){if(t&&this.$u===t.$u)return u.call(this,t,e,r);var n=this.local(),a=s(t).local();return u.call(n,a,e,r)}}}))})(f);const p=f.exports;var g={exports:{}};(function(t,e){!function(e,r){t.exports=r()}(s,(function(){var t="week",e="year";return function(r,n,a){var s=n.prototype;s.week=function(r){if(void 0===r&&(r=null),null!==r)return this.add(7*(r-this.week()),"day");var n=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var s=a(this).startOf(e).add(1,e).date(n),i=a(this).endOf(t);if(s.isBefore(i))return 1}var o=a(this).startOf(e).date(n).startOf(t).subtract(1,"millisecond"),c=this.diff(o,t,!0);return c<0?a(this).startOf("week").week():Math.ceil(c)},s.weeks=function(t){return void 0===t&&(t=null),this.week(t)}}}))})(g);const v=g.exports;const m='nv-calendar{display:block}.datepicker-root{display:flex;justify-content:center;align-items:flex-start;width:auto}.datepicker-container{font-family:system-ui, sans-serif;display:flex;flex-direction:column;align-items:stretch;background:var(--components-calendar-background);border-radius:var(--calendar-radius);padding:var(--calendar-padding);box-shadow:0px var(--shadow-y-axis-md-1) var(--shadow-blur-md-1) var(--shadow-spread-md, 0) var(--shadow-color-opacity-0), 0px var(--shadow-y-axis-md-2) var(--shadow-blur-md-2) var(--shadow-spread-md, 0) var(--shadow-color-opacity-2);border:1px solid var(--components-calendar-border);width:auto;max-width:100%}.datepicker-container-single{max-width:300px}.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-left),.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-container-single:has(.shortcuts-placement-left),.datepicker-container-single:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:var(--calendar-gap-x);width:auto;overflow-x:hidden}.datepicker-wrapper.single{justify-content:center}.calendar-container{display:flex;flex-direction:column;align-items:center;padding:var(--calendar-padding);width:auto;position:relative}.calendar-separator{width:1px;background:var(--components-calendar-border);height:auto;min-height:100%;margin:0 10px}.header{display:flex;justify-content:start;align-items:center;margin-bottom:var(--calendar-header-margin-bottom);width:100%}.header nv-iconbutton{width:var(--calendar-header-button-size);height:var(--calendar-header-button-size)}.nav-buttons{display:flex;gap:var(--spacing-0);margin-left:auto}.nav-left{order:-1}.date-controls{display:flex;gap:var(--spacing-1);align-items:center;min-height:34px;justify-content:center}.datepicker-container-single .date-controls{justify-content:flex-start}.datepicker-container:not(.datepicker-container-single) .date-controls{justify-content:start;flex-grow:1}.date-controls .month-select,.date-controls .year-input{background:transparent !important}.calendar-wrapper:nth-child(n+2) .datepicker-container{margin-left:42px}.calendar-grid{display:grid;grid-template-columns:auto 1fr;column-gap:var(--calendar-weeks-calendar-gap-x);position:relative}.calendar-grid.slide-left{animation:slideLeft 0.3s ease-out}.calendar-grid.slide-right{animation:slideRight 0.3s ease-out}.week-numbers{display:grid;grid-template-rows:var(--calendar-cell-size) repeat(6, var(--calendar-cell-size));background:var(--components-calendar-weeks-background);color:var(--components-calendar-weeks-text);border-radius:var(--calendar-weeks-radius);width:var(--calendar-weeks-size);row-gap:var(--calendar-grid-gap-y)}.week-numbers .clickable{cursor:pointer}.week-numbers .clickable:hover{background-color:var(--components-calendar-weeks-background-hover);color:var(--components-calendar-weeks-text-hover);border-radius:var(--calendar-radius)}.week-header,.week-number{display:grid;place-items:center;font-size:var(--calendar-cell-font-size)}.week-header{font-weight:700;color:var(--components-calendar-weeks-text)}.week-number{color:var(--components-calendar-cell-text)}.days-container{display:grid;grid-template-rows:auto 1fr;row-gap:var(--calendar-grid-gap-y)}.days-header{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));height:var(--calendar-cell-size)}.day-header{display:grid;place-items:center;font-size:var(--calendar-cell-font-size);color:var(--components-calendar-cell-text)}.days-grid{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));grid-template-rows:repeat(6, var(--calendar-cell-size));animation:fadeIn 0.2s ease-in;row-gap:var(--calendar-grid-gap-y);z-index:0}.day{display:grid;place-items:center;width:var(--calendar-cell-size);height:var(--calendar-cell-size);font-size:var(--calendar-cell-font-size);border-radius:var(--calendar-cell-radius);cursor:pointer;border:none;background:transparent;transition:all 0.2s ease;text-align:center;animation:scaleIn 0.2s ease-out}.day:hover:not(.disabled,.empty,.selected){background:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}.day.selected,.day.selected:hover .day.is-today.selected,.day.is-today.selected:hover{background:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected) !important}.day.disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.day.outside-month{color:var(--components-calendar-cell-text);opacity:var(--opacity-disabled)}.day.outside-month.selected{opacity:1 !important;color:var(--components-calendar-cell-text-selected)}.day.outside-month.in-range{opacity:1 !important;background-color:var(--components-calendar-cell-background-in-range);color:var(--components-calendar-cell-text-in-range)}.day.in-range{background:var(--components-calendar-cell-background-in-range);color:var(--components-calendar-cell-text-in-range);border-radius:0;position:relative}.day.range-start,.day.range-start:focus,.day.range-start:hover,.day.range-end,.day.range-end:focus,.day.range-end:hover{background-color:var(--components-calendar-cell-background-selected) !important;color:var(--components-calendar-cell-text-selected) !important}.day.range-start,.day.range-end,.day.range-start.is-today,.day.range-end.is-today{background:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected);position:relative;border-radius:var(--radius-rounded-full)}.day.range-start:hover,.day.range-end:hover,.day.range-start.is-today:hover,.day.range-end.is-today:hover{color:var(--components-calendar-cell-text-today)}.day.range-start:before,.day.range-end:before,.day.range-start.is-today:before,.day.range-end.is-today:before{content:"";position:absolute;bottom:0;left:0;right:0;top:0;z-index:-1;background-color:var(--components-calendar-cell-background-in-range);border-radius:var(--radius-rounded-full);width:auto;height:auto}.day.range-start:has(~.range-end):before,.day.range-start:has(+.in-range):before{border-top-right-radius:0;border-bottom-right-radius:0}.day.range-end:before{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.day.outside-month.range-start,.day.outside-month.range-end{background:var(--components-calendar-cell-background-selected) !important;color:var(--components-calendar-cell-text-selected);opacity:1 !important}.day.is-today{font-weight:700;position:relative;color:var(--components-calendar-cell-text-today)}.day.is-today.range-start,.day.is-today.range-end{color:var(--components-calendar-cell-text-selected)}.day.is-today.range-start:hover,.day.is-today.range-end:hover{color:var(--components-calendar-cell-text-today)}.day.is-today::after{content:"";position:absolute;bottom:var(--spacing-1);left:50%;transform:translateX(-50%);width:var(--calendar-cell-dot-size);height:var(--calendar-cell-dot-size);background-color:currentColor;border-radius:50%}.day.is-today.selected::after{color:var(--components-calendar-cell-text-selected)}.day.is-today.selected::after::after{background-color:var(--components-calendar-cell-dot-selected)}.calendar-footer{display:flex;gap:var(--spacing-1);justify-content:flex-start;width:100%;flex-wrap:wrap}.footer-placement-left{justify-content:flex-start}.footer-placement-right{justify-content:flex-end}.footer-placement-center{justify-content:center}.datepicker-controls{display:flex;flex-direction:column;border-top:1px solid var(--components-calendar-border);padding:var(--calendar-controls-padding-top) var(--calendar-padding) var(--calendar-padding);gap:var(--calendar-grid-gap-y);margin-top:var(--calendar-controls-margin-top)}.datepicker-actions{display:flex;justify-content:flex-end;gap:var(--spacing-1);width:100%}.datepicker-actions slot-fb{display:contents !important}.calendar-footer+.datepicker-actions{margin-top:0}.shortcuts-placement-left,.shortcuts-placement-right{display:flex;flex-direction:column;gap:var(--spacing-1);margin-top:var(--spacing-4)}.shortcuts-placement-left{align-items:flex-end}.shortcuts-placement-right{align-items:flex-start}@keyframes slideLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}';const y=m;d.extend(u);d.extend(p);d.extend(v);const b=class{constructor(r){t(this,r);this.singleDateChange=e(this,"singleDateChange",7);this.rangeDateChange=e(this,"rangeDateChange",7);this.firstDayOfWeek=0;this.numberOfCalendars=1;this.singleValue="";this.rangeValue="";this.min="";this.max="";this.disabledDates="";this.locale="en-BE";this.dateFormat="YYYY-MM-DD";this.shortcutsPlacement="bottom";this.selectionType="single";this.showActions=false;this.shortcuts="[]";this.parsedDisabledDates=[];this.selectedDate=null;this.startDate=null;this.endDate=null;this.months=[];this.resetSelection=()=>{if(this.selectionType==="single"){this.selectedDate=null;this.singleValue="";this.singleDateChange.emit("")}else{this.startDate=null;this.endDate=null;this.rangeValue="";this.rangeDateChange.emit({start:"",end:""})}};this.confirmSelection=()=>{if(this.selectionType==="single"&&this.selectedDate){const t=this.formatDate(this.selectedDate);this.singleDateChange.emit(t);this.singleValue=t;const e=new CustomEvent("closePopover",{bubbles:true,composed:true});this.el.dispatchEvent(e)}else if(this.selectionType==="range"&&this.startDate&&this.endDate){this.rangeDateChange.emit({start:this.formatDate(this.startDate),end:this.formatDate(this.endDate)});this.rangeValue=JSON.stringify({start:this.formatDate(this.startDate),end:this.formatDate(this.endDate)});const t=new CustomEvent("closePopover",{bubbles:true,composed:true});this.el.dispatchEvent(t)}}}componentWillLoad(){this.parseDisabledDates();if(this.selectionType==="single"&&this.singleValue){this.selectedDate=this.parseDate(this.singleValue);this.currentDate=this.selectedDate}else if(this.selectionType==="range"&&this.rangeValue){try{let t;if(typeof this.rangeValue==="string"){t=JSON.parse(this.rangeValue)}else{t=this.rangeValue}if(t.start&&t.end){this.startDate=this.parseDate(t.start);this.endDate=this.parseDate(t.end);this.currentDate=this.startDate;if(this.startDate&&this.endDate&&this.startDate>this.endDate){console.warn(`Warning: startDate (${this.formatDate(this.startDate)}) is after endDate (${this.formatDate(this.endDate)})`);throw new Error("startDate cannot be after endDate")}}}catch(t){console.error("Invalid JSON for rangeValue:",t)}}else{this.currentDate=new Date}this.initializeMonths()}changeMonth(t,e=0){const r=new Date(this.currentDate);r.setUTCMonth(r.getUTCMonth()+t+e);const n=this.el.querySelectorAll(".calendar-grid");n.forEach((e=>{e.classList.remove("slide-left","slide-right");const r=t>0?"slide-left":"slide-right";e.classList.add(r);setTimeout((()=>{e.classList.remove(r)}),300)}));this.currentDate=r}handleDateSelection(t){if(this.isDateDisabled(t)){return}if(this.selectionType==="single"){this.handleSingleSelection(t)}else{this.handleRangeSelection(t)}}handleSingleSelection(t){if(!t)return;const e=this.formatDate(t);this.selectedDate=t;this.singleDateChange.emit(e)}handleRangeSelection(t){if(!this.startDate||this.startDate&&this.endDate){this.startDate=t;this.endDate=null}else{this.endDate=t;if(this.startDate>this.endDate){[this.startDate,this.endDate]=[this.endDate,this.startDate]}this.rangeDateChange.emit({start:this.formatDate(this.startDate),end:this.formatDate(this.endDate)})}}getWeekNumber(t){const e=new Date(t.getFullYear(),0,1);const r=(t.getTime()-e.getTime())/864e5;return Math.ceil((r+e.getDay()+1)/7)}isDateDisabled(t){if(!t)return true;if(this.min){const e=this.parseDate(this.min);if(e&&t<e){return true}}if(this.max){const e=this.parseDate(this.max);if(e&&t>e){return true}}return this.parsedDisabledDates.some((e=>this.isSameDate(t,e)))}isDateInRange(t){if(!t||!this.startDate||!this.endDate)return false;const e=this.parseDate(t);const r=this.parseDate(this.startDate);const n=this.parseDate(this.endDate);if(isNaN(r.getTime())||isNaN(n.getTime())){return false}if(r>n)return false;return this.isSameOrAfter(e,r)&&this.isSameOrBefore(e,n)}getDayNames(){if(i[this.locale]){const t=[...i[this.locale]];const e=t.slice(0,this.firstDayOfWeek);const r=t.slice(this.firstDayOfWeek);return[...r,...e]}const t=new Intl.DateTimeFormat(this.locale,{weekday:"short"});const e=[...Array(7)].map(((e,r)=>t.format(new Date(2023,0,r+1)).toUpperCase()));const r=e.slice(0,this.firstDayOfWeek);const n=e.slice(this.firstDayOfWeek);return[...n,...r]}getDaysInMonth(t=0,e=1){const r=this.currentDate.getUTCFullYear();const n=this.currentDate.getUTCMonth()+t;const a=new Date(Date.UTC(r,n,1));const s=new Date(Date.UTC(r,n+1,0));const i=[];const o=t===0?(a.getUTCDay()-this.firstDayOfWeek+7)%7:0;if(t===0){const t=new Date(Date.UTC(r,n,0)).getUTCDate();for(let e=o;e>0;e--){const a=new Date(Date.UTC(r,n-1,t-e+1));i.push({dayOfMonth:a.getUTCDate(),date:a,isCurrentMonth:false,isDisabled:this.isDateDisabled(a)})}}for(let t=1;t<=s.getUTCDate();t++){const e=new Date(Date.UTC(r,n,t));i.push({dayOfMonth:t,date:e,isCurrentMonth:true,isDisabled:this.isDateDisabled(e)})}if(t===e-1){const t=7-(i.length%7||7);for(let e=1;e<=t;e++){const t=new Date(Date.UTC(r,n+1,e));i.push({dayOfMonth:e,date:t,isCurrentMonth:false,isDisabled:this.isDateDisabled(t)})}}return i}initializeMonths(){if(o[this.locale]){this.months=o[this.locale].map(((t,e)=>({value:e,label:t})));return}const t=new Intl.DateTimeFormat(this.locale,{month:"short"});this.months=Array.from({length:12},((e,r)=>({value:r,label:t.format(new Date(2e3,r,1)).toUpperCase()})))}getLocalizedWeekText(){return c[this.locale]||"W"}handleMonthChange(t,e=0){const r=t.target;const n=parseInt(r.value,10);const a=this.currentDate.getUTCMonth();const s=n-(a+e)%12;const i=new Date(this.currentDate);i.setUTCMonth(i.getUTCMonth()+s);this.currentDate=i}handleYearChange(t,e=0){const r=t.target;const n=parseInt(r.value,10);if(!isNaN(n)&&n>=1900&&n<=2100){const t=new Date(this.currentDate);t.setUTCFullYear(n);t.setUTCMonth(t.getUTCMonth()+e);this.currentDate=t}}handleWeekSelection(t,e){if(this.selectionType!=="range")return;const r=this.getDaysInMonth(e,this.numberOfCalendars);const n=t[0];const a=t[t.length-1];if(!n||!a)return;const s=r.filter((t=>t.date&&t.date>=n&&t.date<=a));const i=s.filter((t=>!this.isDateDisabled(t.date)));if(i.length>0){this.startDate=i[0].date;this.endDate=i[i.length-1].date;this.rangeDateChange.emit({start:this.formatDate(this.startDate),end:this.formatDate(this.endDate)})}}isToday(t){const e=new Date;return t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}validateNumberOfCalendars(t){if(t<1||t>4){console.warn("numberOfCalendars must be between 1 and 4. Defaulting to 1.");this.numberOfCalendars=1}}onRangeValueChange(t){if(t){try{const e=JSON.parse(t);if(e.start&&e.end){this.startDate=this.parseDate(e.start);this.endDate=this.parseDate(e.end);this.currentDate=this.parseDate(e.start)}}catch(t){console.error("Invalid JSON for rangeValue:",t)}}}handleDisabledDatesChange(){this.parseDisabledDates()}onSingleValueChange(t,e){if(this.selectionType==="single"&&t!==e&&t){const e=this.parseDate(t);if(e){this.selectedDate=e;this.currentDate=e}}}parseDate(t){if(t instanceof Date)return t;if(this.dateFormat==="X"){const e=Number(t);if(isNaN(e))return null;return this.isUTCMode?d.unix(e).utc().toDate():d.unix(e).toDate()}if(this.dateFormat==="x"){const e=Number(t);if(isNaN(e))return null;return this.isUTCMode?d(e).utc().toDate():d(e).toDate()}if(this.dateFormat==="Ticks"){const e=Number(t);if(isNaN(e))return null;const r=(e-621355968e9)/1e4;return this.isUTCMode?d(r).utc().toDate():d(r).toDate()}let e;if(this.isUTCMode){e=d.utc(t,this.dateFormat,true)}else{e=d(t,this.dateFormat,true)}if(!e.isValid()){console.error(`Parsing error:`,{dateInput:t,dateFormat:this.dateFormat});return null}return e.toDate()}formatDate(t){if(!t)return"";if(this.dateFormat==="Ticks"){const e=t.getTime()*1e4+621355968e9;return e.toString()}if(this.dateFormat==="X"){return d(t).unix().toString()}if(this.dateFormat==="x"){return t.getTime().toString()}return this.isUTCMode?d(t).utc().format(this.dateFormat):d(t).format(this.dateFormat)}parseDisabledDates(){if(!this.disabledDates){this.parsedDisabledDates=[];return}try{const t=JSON.parse(this.disabledDates);this.parsedDisabledDates=t.map((t=>this.parseDate(t))).filter((t=>t!==null))}catch(t){console.error("Error parsing disabled dates:",t);this.parsedDisabledDates=[]}}isSameDate(t,e){if(!t||!e)return false;if(this.isUTCMode){return t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()===e.getUTCMonth()&&t.getUTCDate()===e.getUTCDate()}else{return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}}isSameOrAfter(t,e){if(this.isUTCMode){return t.getUTCFullYear()>e.getUTCFullYear()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()>e.getUTCMonth()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()===e.getUTCMonth()&&t.getUTCDate()>=e.getUTCDate()}else{return t.getFullYear()>e.getFullYear()||t.getFullYear()===e.getFullYear()&&t.getMonth()>e.getMonth()||t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()>=e.getDate()}}isSameOrBefore(t,e){if(this.isUTCMode){return t.getUTCFullYear()<e.getUTCFullYear()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()<e.getUTCMonth()||t.getUTCFullYear()===e.getUTCFullYear()&&t.getUTCMonth()===e.getUTCMonth()&&t.getUTCDate()<=e.getUTCDate()}else{return t.getFullYear()<e.getFullYear()||t.getFullYear()===e.getFullYear()&&t.getMonth()<e.getMonth()||t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()<=e.getDate()}}applyShortcut(t){this.selectedDate=null;this.startDate=null;this.endDate=null;if(t.singleValue){const e=this.parseDate(t.singleValue);this.selectedDate=e;this.singleDateChange.emit(this.formatDate(e));this.singleValue=this.formatDate(e);if(!this.showActions){const t=new CustomEvent("closePopover",{bubbles:true,composed:true});this.el.dispatchEvent(t)}this.forceCalendarUpdate(e)}else{const e=this.parseDate(t.rangeValue.start);const r=this.parseDate(t.rangeValue.end);this.startDate=e;this.endDate=r;this.rangeDateChange.emit({start:this.formatDate(e),end:this.formatDate(r)});this.rangeValue=JSON.stringify({start:this.formatDate(e),end:this.formatDate(r)});if(!this.showActions){const t=new CustomEvent("closePopover",{bubbles:true,composed:true});this.el.dispatchEvent(t)}this.forceCalendarUpdate(r)}}forceCalendarUpdate(t){this.currentDate=new Date(t);this.currentDate=new Date(this.currentDate);requestAnimationFrame((()=>{const t=document.querySelectorAll(".day");t.forEach((t=>{t.classList.remove("hover","active","touched");t.style.pointerEvents="none"}));document.body.addEventListener("touchstart",this.clearTouchState,{passive:true});setTimeout((()=>{t.forEach((t=>{t.style.pointerEvents=""}))}),50)}))}clearTouchState(){document.querySelectorAll(".day").forEach((t=>{t.classList.remove("touched")}));document.body.removeEventListener("touchstart",this.clearTouchState)}getChangeMonthHandler(t,e){return()=>this.changeMonth(t,e)}getHandleMonthChange(t){return e=>this.handleMonthChange(e,t)}getHandleYearChange(t){return e=>this.handleYearChange(e,t)}getDayClickHandler(t,e){return e?undefined:()=>this.handleDateSelection(t)}getShortcutHandler(t){return()=>this.applyShortcut(t)}getWeekSelectionHandler(t,e){return()=>{if(this.selectionType==="range"){this.handleWeekSelection(t,e)}}}parsedShortcuts(){try{return this.shortcuts?JSON.parse(this.shortcuts):[]}catch(t){console.error("Invalid JSON for shortcuts:",t);return[]}}get isUTCMode(){return this.dateFormat.includes("Z")}get hasShortcuts(){return this.shortcutsPlacement==="bottom"&&this.parsedShortcuts().length>0}get hasActions(){return this.showActions}renderHeader(t,e){return r("div",{class:"header"},this.numberOfCalendars>1&&e===0&&r("nv-iconbutton",{class:"nav-left",emphasis:"lower",name:"chevron-left",onClick:this.getChangeMonthHandler(-1,t)}),r("div",{class:"date-controls"},r("select",{class:"month-select mr-4",onChange:this.getHandleMonthChange(t)},this.months.map((e=>r("option",{key:e.value,value:e.value,selected:e.value===(this.currentDate.getUTCMonth()+t)%12},e.label)))),r("input",{type:"number",class:"year-input",min:"1950",max:"2100",value:this.currentDate.getUTCFullYear()+Math.floor((this.currentDate.getUTCMonth()+t)/12),onChange:this.getHandleYearChange(t)})),this.numberOfCalendars===1&&r("div",{class:"nav-buttons"},r("nv-iconbutton",{emphasis:"lower",name:"chevron-left",onClick:this.getChangeMonthHandler(-1,t)}),r("nv-iconbutton",{emphasis:"lower",name:"chevron-right",onClick:this.getChangeMonthHandler(1,t)})),this.numberOfCalendars>1&&e===this.numberOfCalendars-1&&r("nv-iconbutton",{emphasis:"lower",name:"chevron-right",onClick:this.getChangeMonthHandler(1,t),class:"nav-right"}))}renderWeekNumbers(t,e){return r("div",{class:"week-numbers"},r("div",{class:"week-header"},this.getLocalizedWeekText()),t.map(((t,n)=>{var a;const s=t.map((t=>t.date));return r("div",{class:`week-number ${this.selectionType==="range"?"clickable":""}`,onClick:this.getWeekSelectionHandler(s,e),key:`week-${n}`},this.getWeekNumber(((a=t.find((t=>t.date)))===null||a===void 0?void 0:a.date)||new Date))})))}renderDaysGrid(t){return r("div",{class:"days-grid"},t.map((t=>{const e=t.date;if(!e)return null;const n=this.selectionType==="single"&&this.isSameDate(e,this.selectedDate);const a=this.isDateInRange(e);const s=this.isSameDate(e,this.startDate);const i=this.isSameDate(e,this.endDate);const o=this.isToday(e);const c=!t.isCurrentMonth;const h=["day",n?"selected":"",s?"range-start":"",i?"range-end":"",a?"in-range":"",t.isDisabled?"disabled":"",c?"outside-month":"",o?"is-today":""];return r("div",{class:h.filter(Boolean).join(" "),onClick:this.getDayClickHandler(e,t.isDisabled),"aria-disabled":t.isDisabled,key:`day-${e.toISOString()}`},t.dayOfMonth)})))}renderCalendar(t,e){const n=this.getDaysInMonth(e,this.numberOfCalendars);const a=[];for(let t=0;t<n.length;t+=7){a.push(n.slice(t,t+7))}return r("div",{class:"calendar-wrapper"},r("div",{class:"calendar-container",key:`calendar-${t}`},this.renderHeader(e,t),r("div",{class:"calendar-grid"},this.showWeekNumbers&&this.renderWeekNumbers(a,t),r("div",{class:"days-container"},r("div",{class:"days-header"},this.getDayNames().map((t=>r("div",{class:"day-header"},t)))),this.renderDaysGrid(n)))),t<this.numberOfCalendars-1&&r("div",{class:"calendar-separator"}))}renderShortcuts(){if(!this.parsedShortcuts().length){return null}return r("div",{class:`shortcuts-container shortcuts-placement-${this.shortcutsPlacement}`},this.parsedShortcuts().map((t=>r("nv-button",{emphasis:"lower",size:"xs","aria-label":t.label,onClick:this.getShortcutHandler(t)},t.label))))}renderActions(){return r("div",{class:"datepicker-actions"},r("slot",{name:"actions"},r("nv-button",{emphasis:"low",size:"xs",onClick:this.resetSelection},"Cancel"),r("nv-button",{size:"xs",onClick:this.confirmSelection},"OK")))}render(){return r(n,{key:"9b09650b368bcc9e0ce3c9508630c2fdeb573674"},r("div",{key:"57d3ef9b5f450570176132293fb2a102bba51312",class:"datepicker-root"},r("div",{key:"aa49f6897b3da87214945d77eb046dc7f8c68b82",class:`datepicker-container ${this.numberOfCalendars===1?"datepicker-container-single":""}`},r("div",{key:"0939858f254cfc36db1d40e8fdb4e524699a8e91",class:`datepicker-wrapper ${this.numberOfCalendars===1?"single":""}`},this.shortcutsPlacement==="left"&&this.renderShortcuts(),Array.from({length:this.numberOfCalendars},((t,e)=>this.renderCalendar(e,e))),this.shortcutsPlacement==="right"&&this.renderShortcuts()),(this.hasShortcuts||this.hasActions)&&r("div",{key:"39df0c4b31203d6fd500a8b97c1c33c87b2e326a",class:"datepicker-controls"},this.hasShortcuts&&this.renderShortcuts(),this.hasActions&&this.renderActions()))),r("slot",{key:"a1433b59ecda88aad2d5589cebd310dff4ad30fb"}))}get el(){return a(this)}static get watchers(){return{numberOfCalendars:["validateNumberOfCalendars"],rangeValue:["onRangeValueChange"],disabledDates:["handleDisabledDatesChange"],singleValue:["onSingleValueChange"]}}};b.style=y;export{b as nv_calendar};
+//# sourceMappingURL=p-ca1eff59.entry.js.map