@nova-design-system/nova-webcomponents 3.21.0 → 3.22.0

package/dist/native/{p-a026654f.entry.js → p-c37ab530.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,f as i,h as n,H as r,g as o}from"./p-3060df80.js";import{g as s}from"./p-51602221.js";import{v as a}from"./p-f5ff676c.js";const l={HH:{pattern:/^([0-1]?[0-9]|2[0-3])$/,parts:[s.Hours],defaultValue:"00",maxLength:2},"HH:mm":{pattern:/^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes],defaultValue:"00:00",maxLength:5},"HH:mm:ss":{pattern:/^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes,s.Seconds],defaultValue:"00:00:00",maxLength:8},hh:{pattern:/^(0?[1-9]|1[0-2])$/,parts:[s.Hours],defaultValue:"01",maxLength:2},"hh:mm":{pattern:/^(0?[1-9]|1[0-2]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes],defaultValue:"01:00",maxLength:5},"hh:mm:ss":{pattern:/^(0?[1-9]|1[0-2]):([0-5]?[0-9]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes,s.Seconds],defaultValue:"01:00:00",maxLength:8}};function c(e){const t=l[e];if(!t){return[s.Hours,s.Minutes,s.Seconds]}return t.parts}function d(e,t){if(!e||!t){return false}const i=l[t];if(!i){return false}return i.pattern.test(e)}function f(e,t){const i=l[t];const n={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(!e||!i){return n}const r=e.replace(/[^0-9:]/g,"");const o=r.match(i.pattern);if(o){return h(o,t)}const a=/^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/;const c=r.match(a);if(c){const e=h(c,"HH:mm:ss");return u(e,t)}const d=r.split(":");const f=Object.assign({},n);if(d.length>=1&&d[0]){const e=parseInt(d[0],10);if(!isNaN(e)){if(t.startsWith("hh")){if(e>=1&&e<=12){f.hours=e.toString().padStart(2,"0")}else{f.hours=n.hours}}else{if(e>=0&&e<=23){f.hours=e.toString().padStart(2,"0")}else{f.hours=n.hours}}}}if(d.length>=2&&d[1]&&i.parts.includes(s.Minutes)){const e=parseInt(d[1],10);if(!isNaN(e)&&e>=0&&e<=59){f.minutes=e.toString().padStart(2,"0")}}if(d.length>=3&&d[2]&&i.parts.includes(s.Seconds)){const e=parseInt(d[2],10);if(!isNaN(e)&&e>=0&&e<=59){f.seconds=e.toString().padStart(2,"0")}}return f}function h(e,t){const i={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(e[1]){i.hours=parseInt(e[1],10).toString().padStart(2,"0")}if(e[2]){i.minutes=parseInt(e[2],10).toString().padStart(2,"0")}if(e[3]){i.seconds=parseInt(e[3],10).toString().padStart(2,"0")}return i}function u(e,t){const i=l[t];const n={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(i.parts.includes(s.Hours)){const i=parseInt(e.hours,10);if(t.startsWith("hh")){if(i>=1&&i<=12){n.hours=e.hours}}else{if(i>=0&&i<=23){n.hours=e.hours}}}if(i.parts.includes(s.Minutes)){n.minutes=e.minutes}if(i.parts.includes(s.Seconds)){n.seconds=e.seconds}return n}function m(e,t){const i=l[t];if(!i){return`${e.hours}:${e.minutes}:${e.seconds}`}switch(t){case"HH":case"hh":return e.hours;case"HH:mm":case"hh:mm":return`${e.hours}:${e.minutes}`;case"HH:mm:ss":case"hh:mm:ss":return`${e.hours}:${e.minutes}:${e.seconds}`;default:return`${e.hours}:${e.minutes}:${e.seconds}`}}const v='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtime{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtime[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtime[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtime[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtime[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtime nv-popover{width:100%;display:block;z-index:9999}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtime .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container input.time-input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px;margin-left:auto}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtime .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center;max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}';const p=v;const b=class{constructor(i){e(this,i);this.valueChanged=t(this,"valueChanged",7);this.inputElements={};this.inputZeroAdded={};this.typeFocused=s.Hours;this.hours="00";this.minutes="00";this.seconds="00";this.inputId=a();this.readonly=false;this.disabled=false;this.required=false;this.success=false;this.error=false;this.format="HH:mm:ss";this.open=false;this.step=6e4;this.autofocus=false}handleOpenChanged(e){e.stopPropagation();this.open=e.detail}handleKeyDown(e){var t,i;if(!this.open){if(e.key==="ArrowDown"){this.open=true;e.preventDefault();return}return}if(!this.popoverElement){console.warn("nv-fieldtime -> Popover element is not defined");return}const n=`.time-column.time-column-${this.typeFocused} div`;const r=Array.from(this.el.querySelectorAll(n));if(r.length===0){console.warn("nv-fieldtime -> No dropdown items found to navigate");return}let o=r.findIndex((e=>e.classList.contains("highlighted")));if(e.key==="ArrowDown"){e.preventDefault();o=(o+1)%r.length;this.updateHighlightedItem(r,o)}else if(e.key==="ArrowUp"){e.preventDefault();o=(o-1+r.length)%r.length;this.updateHighlightedItem(r,o)}else if(e.key==="Enter"&&o>=0){e.preventDefault();r[o].click();const n=c(this.format);const s=n.indexOf(this.typeFocused);const a=s+1;if(a<n.length){const e=n[a];(t=this.inputElements[e])===null||t===void 0?void 0:t.focus();(i=this.inputElements[e])===null||i===void 0?void 0:i.select()}}else if(e.key==="Escape"){e.preventDefault();const t=c(this.format);const i=t[0];if(i&&this.inputElements[i]){this.inputElements[i].blur()}this.open=false}}handleValueChange(e){if(e){const t=f(e,this.format);const i=m(t,this.format);if(i!==e){this.value=i;return}}this.valueChanged.emit(e)}handleOpenChange(e){if(e){const e=`.time-column.time-column-${s.Hours} div`;this.updateColumnHighlight(e,this.hours);const t=`.time-column.time-column-${s.Minutes} div`;this.updateColumnHighlight(t,this.minutes);const i=`.time-column.time-column-${s.Seconds} div`;this.updateColumnHighlight(i,this.seconds)}}handleFormatChange(e,t){if(e===t){return}const n=this.value||this.reconstructTime();const r=f(n,t||"HH:mm:ss");this.hours=r.hours;this.minutes=r.minutes;this.seconds=r.seconds;const o=m(r,e);this.value=o;i(this.el)}handleInputChange(e,t){const i=e.target;const n=i.value.replace(/[^0-9]/g,"");const r=c(this.format);if(!r.includes(t)){return}switch(t){case s.Hours:this.handleHoursChange(n,t);break;case s.Minutes:this.handleMinutesChange(n,t);break;case s.Seconds:this.handleSecondsChange(n,t);break}const o=this.reconstructTime();this.value=o}handleHoursChange(e,t){var i,n;const r=this.format.startsWith("HH");const o=r?24:12;if(e.length===0){this.hours="00";return}if(e.length===1){this.inputZeroAdded[t]=true;const i=e.padStart(2,"0");this.hours=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=false;const i=e.slice(1,3).padStart(2,"0");const n=parseInt(i,10)||0;if(n>=o){this.hours="00"}else{this.hours=i}}else if(e.length>2){if(e.startsWith("00")){this.inputZeroAdded[t]=true;const i=e.slice(1,3).padStart(2,"0");this.hours=i}else{const t=e.slice(1,3).padStart(2,"0");const i=parseInt(t,10)||0;if(i>=o){this.hours="00"}else{this.hours=i.toString()}}}else{const t=parseInt(e,10)||0;if(t>=o){this.hours="00"}else{this.hours=t.toString()}}if(this.hours.length>=1&&!this.inputZeroAdded[t]){const e=c(this.format);const t=e.indexOf(s.Hours);const r=t+1;if(r<e.length){const t=e[r];(i=this.inputElements[t])===null||i===void 0?void 0:i.focus();(n=this.inputElements[t])===null||n===void 0?void 0:n.select()}}}handleMinutesChange(e,t){var i,n;const r=60;if(e.length===0){this.minutes="00";return}if(e.length===1){this.inputZeroAdded[t]=true;const i=e.padStart(2,"0");this.minutes=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=false;const i=e.slice(1,3).padStart(2,"0");const n=parseInt(i,10)||0;if(n>=r){this.minutes="00"}else{this.minutes=i}}else if(e.length>2){if(e.startsWith("00")){this.inputZeroAdded[t]=true;const i=e.slice(1,3).padStart(2,"0");this.minutes=i}else{const t=e.slice(1,3).padStart(2,"0");const i=parseInt(t,10)||0;if(i>=r){this.minutes="00"}else{this.minutes=i.toString()}}}else{const t=parseInt(e,10)||0;if(t>=r){this.minutes="00"}else{this.minutes=t.toString()}}if(this.minutes.length>=1&&!this.inputZeroAdded[t]){const e=c(this.format);const t=e.indexOf(s.Minutes);const r=t+1;if(r<e.length){const t=e[r];(i=this.inputElements[t])===null||i===void 0?void 0:i.focus();(n=this.inputElements[t])===null||n===void 0?void 0:n.select()}}}handleSecondsChange(e,t){const i=60;if(e.length===0){this.seconds="00";return}if(e.length===1){this.inputZeroAdded[t]=true;const i=e.padStart(2,"0");this.seconds=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=false;const n=e.slice(1,3).padStart(2,"0");const r=parseInt(n,10)||0;if(r>=i){this.seconds="00"}else{this.seconds=n}}else if(e.length>2){const t=e.slice(1,3).padStart(2,"0");const n=parseInt(t,10)||0;if(n>=i){this.seconds="00"}else{this.seconds=n.toString()}}else{const t=parseInt(e,10)||0;if(t>=i){this.seconds="00"}else{this.seconds=t.toString()}}}parseTime(e){if(!e){return}const t=f(e,this.format);this.hours=t.hours;this.minutes=t.minutes;this.seconds=t.seconds}reconstructTime(){const e={hours:this.hours,minutes:this.minutes,seconds:this.seconds};const t=m(e,this.format);if(!d(t,this.format)){const e=l[this.format];return e?e.defaultValue:t}return t}handleFocus(e){var t,i,n,r;if(this.readonly||this.disabled){return}const o=c(this.format);if(!o.includes(e)){return}if(!this.open){this.open=true}if(((t=this.inputElements[e])===null||t===void 0?void 0:t.value.length)===0||((i=this.inputElements[e])===null||i===void 0?void 0:i.value)==="00"){(n=this.inputElements[e])===null||n===void 0?void 0:n.focus();(r=this.inputElements[e])===null||r===void 0?void 0:r.select()}this.typeFocused=e}HandleDropdownIconClick(){var e,t;if(this.disabled||this.readonly){return}const i=c(this.format);const n=i[0];if(this.open){this.open=false}else if(!this.open&&n&&this.inputElements[n]){(e=this.inputElements[n])===null||e===void 0?void 0:e.focus();(t=this.inputElements[n])===null||t===void 0?void 0:t.select()}else{console.warn("nv-fieldtime -> No visible input elements found to focus")}}updateHighlightedItem(e,t){e.forEach(((e,i)=>{if(i===t){e.classList.add("highlighted");e.setAttribute("tabindex","0");e.focus();e.scrollIntoView({block:"nearest"})}else{e.classList.remove("highlighted");e.setAttribute("tabindex","-1")}}))}handleTimeOptionClick(e,t){const i=parseInt(e.target.textContent||"0",10);if(t===s.Hours){this.hours=i.toString().padStart(2,"0")}else if(t===s.Minutes){this.minutes=i.toString().padStart(2,"0")}else if(t===s.Seconds){this.seconds=i.toString().padStart(2,"0")}const n=this.reconstructTime();this.value=n}handleInputBlur(){setTimeout((()=>{if(!this.el.contains(document.activeElement)){if(this.open){this.open=false}}}),150)}handleClickOutside(e){const t=e.target;if(this.el.contains(t)||Object.values(this.inputElements).some((e=>e.contains(t)))){return}if(this.open){this.open=false}}handleScroll(e,t){const i=e.target;const n=i.scrollTop;const r=i.clientHeight;const o=i.scrollHeight;const s=40;const a=this.generateTimeOptions(t);const l=a.length*s;if(n+r>=o-s||n<=0){i.scrollTop=l}}generateTimeOptions(e){const t=this.step/1e3;if(t===0){return["00"]}switch(e){case s.Hours:return this.generateHourOptions(t);case s.Minutes:return this.generateMinuteOptions(t);case s.Seconds:return this.generateSecondOptions(t);default:return[]}}generateHourOptions(e){const t=Math.max(1,Math.floor(e/3600));const i=this.format.startsWith("hh");const n=i?12:23;const r=i?1:0;const o=this.parseHour(this.max,this.format);const s=this.parseHour(this.min,this.format);const a=o?parseInt(o,10):n;const l=s?parseInt(s,10):r;const c=[];for(let e=l;e<=a;e+=t){const t=e.toString().padStart(2,"0");c.push(t)}return c}parseHour(e,t){if(!e)return null;const[i]=e.split(":");const n=parseInt(i,10);if(isNaN(n))return null;if(t.startsWith("hh"))return n>0&&n<=12?i.padStart(2,"0"):null;return n>=0&&n<=24?i.padStart(2,"0"):null}generateMinuteOptions(e){var t,i;const n=Math.max(1,Math.floor(e%3600/60));const r=(t=this.parseMinute(this.min))!==null&&t!==void 0?t:0;const o=(i=this.parseMinute(this.max))!==null&&i!==void 0?i:59;if(r===0&&o===0)return["00"];const s=[];for(let e=r;e<=o;e+=n){const t=e.toString().padStart(2,"0");s.push(t)}return s}parseMinute(e){if(!e)return null;const t=e.split(":");if(t.length<2)return null;const i=parseInt(t[1],10);return isNaN(i)||i<0||i>=60?null:i}generateSecondOptions(e){var t,i;const n=Math.max(1,e%60);const r=(t=this.parseSecond(this.min))!==null&&t!==void 0?t:0;const o=(i=this.parseSecond(this.max))!==null&&i!==void 0?i:59;if(r===0&&o===0)return["00"];const s=[];for(let e=r;e<=o;e+=n){const t=e.toString().padStart(2,"0");s.push(t)}return s}parseSecond(e){if(!e)return null;const t=e.split(":");if(t.length<3)return null;const i=parseInt(t[2],10);return isNaN(i)||i<0||i>=60?null:i}generateInfiniteTimeOptions(e){const t=this.generateTimeOptions(e);const i=t.length;const n=Math.ceil(300/i);return Array(n).fill(t).flat()}updateColumnHighlight(e,t){const i=Array.from(this.el.querySelectorAll(e));const n=i.findIndex((e=>e.textContent===t));this.updateHighlightedItem(i,n)}handleHostClick(e){var t,i;if(this.disabled||this.readonly){return}const n=e.target;if(n.closest("nv-iconbutton")){return}if(!this.open){if(this.inputElements){const e=c(this.format);const n=e[0];if(n&&this.inputElements[n]){(t=this.inputElements[n])===null||t===void 0?void 0:t.focus();(i=this.inputElements[n])===null||i===void 0?void 0:i.select()}}e.preventDefault()}}componentWillLoad(){document.addEventListener("click",this.handleClickOutside.bind(this));if(this.value){this.parseTime(this.value)}else{const e=f("",this.format);this.hours=e.hours;this.minutes=e.minutes;this.seconds=e.seconds;const t=m(e,this.format);this.value=t}}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this))}componentDidLoad(){const e=`.time-column.time-column-hours div`;this.updateColumnHighlight(e,this.hours);const t=`.time-column.time-column-minutes div`;this.updateColumnHighlight(t,this.minutes);const i=`.time-column.time-column-seconds div`;this.updateColumnHighlight(i,this.seconds)}renderTimeInputFields(){const e=c(this.format);const t=[];e.forEach(((e,i)=>{if(i>0){t.push(n("span",null,":"))}t.push(this.renderTimeInputField(e))}));return t}renderTimeInputField(e){const t=()=>{switch(e){case s.Hours:return this.hours;case s.Minutes:return this.minutes;case s.Seconds:return this.seconds;default:return"00"}};const i=()=>{switch(e){case s.Hours:return this.format.includes("hh")?"hh":"HH";case s.Minutes:return"mm";case s.Seconds:return"ss";default:return""}};const r=()=>{switch(e){case s.Hours:return this.inputId;case s.Minutes:return`${this.inputId}-minutes`;case s.Seconds:return`${this.inputId}-seconds`;default:return this.inputId}};return n("input",{ref:t=>this.inputElements[e]=t,type:"number",autofocus:this.autofocus&&e===c(this.format)[0],class:"time-input",pattern:"[0-9]*",maxlength:"3",value:t(),onInput:t=>this.handleInputChange(t,e),placeholder:i(),inputMode:"numeric",onFocus:()=>this.handleFocus(e),name:this.name?`${e}-${this.name}`:e,id:r(),readonly:this.readonly,disabled:this.disabled,required:this.required,onKeyDown:e=>this.handleKeyDown(e),onBlur:()=>this.handleInputBlur()})}renderTimeDropdownColumns(){const e=c(this.format);return e.map((e=>this.RenderTimeOptionsColumn(e)))}RenderTimeOptionsColumn(e){return n("div",{class:`time-column time-column-${e}`,onScroll:t=>this.handleScroll(t,e)},this.generateInfiniteTimeOptions(e).map(((t,i)=>n("div",{class:{"time-option":true,selected:e===s.Hours&&t===this.hours||e===s.Minutes&&t===this.minutes||e===s.Seconds&&t===this.seconds},key:`${t}-${i}`,onClick:t=>this.handleTimeOptionClick(t,e)},t))))}render(){return n(r,{key:"f66fe2a29f23a0bc967821a0c9bca4347b622286",onclick:e=>this.handleHostClick(e),"aria-expanded":this.open?"true":"false"},(this.label||this.el.querySelector('[slot="label"]'))&&n("label",{key:"f01ce1b034b1b547cbdde5814db9357ee1913e04",htmlFor:this.inputId},n("slot",{key:"d81dcb20883b93280db6e76e0299f679f1f9ed84",name:"label"},this.label)),n("nv-popover",{key:"8c9e83002edcfba89ca4ca282fc82db714ed2f43",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},n("div",{key:"3a5b26e4be67f277ead2a9fe2f04e5d12a4bd596",class:"input-wrapper",slot:"trigger"},n("slot",{key:"2ea5f8269c6f0892c53a002a298ca3ceed8f8a00",name:"before-input"}),n("div",{key:"ab97bbbf183118d7b510f82c800b4a3fa1fefda3",class:"input-container"},n("slot",{key:"a80d2f68b24d4226c18bf0df18ebf13ac6e0873e",name:"leading-input"}),this.renderTimeInputFields(),n("nv-iconbutton",{key:"1f7aacf1ab073c0c6ef10b50e948a7ecbca4dd75",name:"clock",size:"md",emphasis:"lower","aria-label":this.open?"Hide time picker":"Show time picker",onClick:()=>this.HandleDropdownIconClick()}),this.error&&n("nv-icon",{key:"8f414a3b3daae6f0625b3c62b920621bf8698db3",name:"alert-circle",class:"validation",size:"sm"}),this.success&&n("nv-icon",{key:"13b5671664466b6bb50f2561b5cffb96517a1068",name:"circle-check",class:"validation",size:"sm"})),n("slot",{key:"b5d6085a9864ef84d4113062a0b1cb8a807ab241",name:"after-input"})),n("div",{key:"2950c5fac3a0f219e5db2e3a7e9f605d86e50aa2",class:"time-dropdown",slot:"content"},n("div",{key:"c5b7ff3818a05e1f6d7ca76657f57b85bb595345",class:"time-columns"},this.renderTimeDropdownColumns()))),(this.description||this.el.querySelector('[slot="description"]'))&&n("div",{key:"c8cb90fad74721a9b5eb0ab50980f3fd7c587e62",class:"description"},n("slot",{key:"641d1a6a9dbf580267664831d5b371a601afb039",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&n("div",{key:"5721b81d7a16b626bfa7c3af20897f33b7c37080",hidden:!this.error,class:"error-description"},n("slot",{key:"84cef1043666ab6dd86f70d4ba0054d7f33ca589",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenChange"],format:["handleFormatChange"]}}};b.style=p;export{b as nv_fieldtime};
-//# sourceMappingURL=p-a026654f.entry.js.map
+import{r as e,c as t,f as i,h as n,H as r,g as o}from"./p-3060df80.js";import{g as s}from"./p-51602221.js";import{v as l}from"./p-f5ff676c.js";const a={HH:{pattern:/^([0-1]?[0-9]|2[0-3])$/,parts:[s.Hours],defaultValue:"00",maxLength:2},"HH:mm":{pattern:/^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes],defaultValue:"00:00",maxLength:5},"HH:mm:ss":{pattern:/^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes,s.Seconds],defaultValue:"00:00:00",maxLength:8},hh:{pattern:/^(0?[1-9]|1[0-2])$/,parts:[s.Hours],defaultValue:"01",maxLength:2},"hh:mm":{pattern:/^(0?[1-9]|1[0-2]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes],defaultValue:"01:00",maxLength:5},"hh:mm:ss":{pattern:/^(0?[1-9]|1[0-2]):([0-5]?[0-9]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes,s.Seconds],defaultValue:"01:00:00",maxLength:8}};function d(e){const t=a[e];if(!t){return[s.Hours,s.Minutes,s.Seconds]}return t.parts}function c(e,t){if(!e||!t){return false}const i=a[t];if(!i){return false}return i.pattern.test(e)}function f(e,t){const i=a[t];const n={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(!e||!i){return n}const r=e.replace(/[^0-9:]/g,"");const o=r.match(i.pattern);if(o){return h(o,t)}const l=/^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/;const d=r.match(l);if(d){const e=h(d,"HH:mm:ss");return u(e,t)}const c=r.split(":");const f=Object.assign({},n);if(c.length>=1&&c[0]){const e=parseInt(c[0],10);if(!isNaN(e)){if(t.startsWith("hh")){if(e>=1&&e<=12){f.hours=e.toString().padStart(2,"0")}else{f.hours=n.hours}}else{if(e>=0&&e<=23){f.hours=e.toString().padStart(2,"0")}else{f.hours=n.hours}}}}if(c.length>=2&&c[1]&&i.parts.includes(s.Minutes)){const e=parseInt(c[1],10);if(!isNaN(e)&&e>=0&&e<=59){f.minutes=e.toString().padStart(2,"0")}}if(c.length>=3&&c[2]&&i.parts.includes(s.Seconds)){const e=parseInt(c[2],10);if(!isNaN(e)&&e>=0&&e<=59){f.seconds=e.toString().padStart(2,"0")}}return f}function h(e,t){const i={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(e[1]){i.hours=parseInt(e[1],10).toString().padStart(2,"0")}if(e[2]){i.minutes=parseInt(e[2],10).toString().padStart(2,"0")}if(e[3]){i.seconds=parseInt(e[3],10).toString().padStart(2,"0")}return i}function u(e,t){const i=a[t];const n={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(i.parts.includes(s.Hours)){const i=parseInt(e.hours,10);if(t.startsWith("hh")){if(i>=1&&i<=12){n.hours=e.hours}}else{if(i>=0&&i<=23){n.hours=e.hours}}}if(i.parts.includes(s.Minutes)){n.minutes=e.minutes}if(i.parts.includes(s.Seconds)){n.seconds=e.seconds}return n}function m(e,t){const i=a[t];if(!i){return`${e.hours}:${e.minutes}:${e.seconds}`}switch(t){case"HH":case"hh":return e.hours;case"HH:mm":case"hh:mm":return`${e.hours}:${e.minutes}`;case"HH:mm:ss":case"hh:mm:ss":return`${e.hours}:${e.minutes}:${e.seconds}`;default:return`${e.hours}:${e.minutes}:${e.seconds}`}}const v='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtime{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtime[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtime[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtime[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtime[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtime nv-popover{width:100%;display:block;z-index:9999}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtime .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container input.time-input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px;margin-left:auto}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtime .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center;max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}';const p=v;const b=class{constructor(i){e(this,i);this.valueChanged=t(this,"valueChanged",7);this.inputElements={};this.inputZeroAdded={};this.typeFocused=s.Hours;this.hours="00";this.minutes="00";this.seconds="00";this.inputId=l();this.readonly=false;this.disabled=false;this.required=false;this.success=false;this.error=false;this.format="HH:mm:ss";this.open=false;this.step=6e4;this.autofocus=false}handleOpenChanged(e){e.stopPropagation();this.open=e.detail}handleKeyDown(e){var t,i;if(!this.open){if(e.key==="ArrowDown"){this.open=true;e.preventDefault();return}return}if(!this.popoverElement){console.warn("nv-fieldtime -> Popover element is not defined");return}const n=`.time-column.time-column-${this.typeFocused} div`;const r=Array.from(this.el.querySelectorAll(n));if(r.length===0){console.warn("nv-fieldtime -> No dropdown items found to navigate");return}let o=r.findIndex((e=>e.classList.contains("highlighted")));if(e.key==="ArrowDown"){e.preventDefault();o=(o+1)%r.length;this.updateHighlightedItem(r,o)}else if(e.key==="ArrowUp"){e.preventDefault();o=(o-1+r.length)%r.length;this.updateHighlightedItem(r,o)}else if(e.key==="Enter"&&o>=0){e.preventDefault();r[o].click();const n=d(this.format);const s=n.indexOf(this.typeFocused);const l=s+1;if(l<n.length){const e=n[l];(t=this.inputElements[e])===null||t===void 0?void 0:t.focus();(i=this.inputElements[e])===null||i===void 0?void 0:i.select()}}else if(e.key==="Escape"){e.preventDefault();const t=d(this.format);const i=t[0];if(i&&this.inputElements[i]){this.inputElements[i].blur()}this.open=false}}handleValueChange(e){if(e){const t=f(e,this.format);const i=m(t,this.format);if(i!==e){this.value=i;return}}this.valueChanged.emit(e)}handleOpenChange(e){if(e){const e=`.time-column.time-column-${s.Hours} div`;this.updateColumnHighlight(e,this.hours);const t=`.time-column.time-column-${s.Minutes} div`;this.updateColumnHighlight(t,this.minutes);const i=`.time-column.time-column-${s.Seconds} div`;this.updateColumnHighlight(i,this.seconds)}}handleFormatChange(e,t){if(e===t){return}const n=this.value||this.reconstructTime();const r=f(n,t||"HH:mm:ss");this.hours=r.hours;this.minutes=r.minutes;this.seconds=r.seconds;const o=m(r,e);this.value=o;i(this.el)}handleInputChange(e,t){const i=e.target;const n=i.value.replace(/[^0-9]/g,"");const r=d(this.format);if(!r.includes(t)){return}switch(t){case s.Hours:this.handleHoursChange(n,t);break;case s.Minutes:this.handleMinutesChange(n,t);break;case s.Seconds:this.handleSecondsChange(n,t);break}const o=this.reconstructTime();this.value=o}handleHoursChange(e,t){var i,n;const r=this.format.startsWith("HH");const o=r?24:12;if(e.length===0){this.hours="00";return}if(e.length===1){this.inputZeroAdded[t]=true;const i=e.padStart(2,"0");this.hours=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=false;const i=e.slice(1,3).padStart(2,"0");const n=parseInt(i,10)||0;if(n>=o){this.hours="00"}else{this.hours=i}}else if(e.length>2){if(e.startsWith("00")){this.inputZeroAdded[t]=true;const i=e.slice(1,3).padStart(2,"0");this.hours=i}else{const t=e.slice(1,3).padStart(2,"0");const i=parseInt(t,10)||0;if(i>=o){this.hours="00"}else{this.hours=i.toString()}}}else{const t=parseInt(e,10)||0;if(t>=o){this.hours="00"}else{this.hours=t.toString()}}if(this.hours.length>=1&&!this.inputZeroAdded[t]){const e=d(this.format);const t=e.indexOf(s.Hours);const r=t+1;if(r<e.length){const t=e[r];(i=this.inputElements[t])===null||i===void 0?void 0:i.focus();(n=this.inputElements[t])===null||n===void 0?void 0:n.select()}}}handleMinutesChange(e,t){var i,n;const r=60;if(e.length===0){this.minutes="00";return}if(e.length===1){this.inputZeroAdded[t]=true;const i=e.padStart(2,"0");this.minutes=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=false;const i=e.slice(1,3).padStart(2,"0");const n=parseInt(i,10)||0;if(n>=r){this.minutes="00"}else{this.minutes=i}}else if(e.length>2){if(e.startsWith("00")){this.inputZeroAdded[t]=true;const i=e.slice(1,3).padStart(2,"0");this.minutes=i}else{const t=e.slice(1,3).padStart(2,"0");const i=parseInt(t,10)||0;if(i>=r){this.minutes="00"}else{this.minutes=i.toString()}}}else{const t=parseInt(e,10)||0;if(t>=r){this.minutes="00"}else{this.minutes=t.toString()}}if(this.minutes.length>=1&&!this.inputZeroAdded[t]){const e=d(this.format);const t=e.indexOf(s.Minutes);const r=t+1;if(r<e.length){const t=e[r];(i=this.inputElements[t])===null||i===void 0?void 0:i.focus();(n=this.inputElements[t])===null||n===void 0?void 0:n.select()}}}handleSecondsChange(e,t){const i=60;if(e.length===0){this.seconds="00";return}if(e.length===1){this.inputZeroAdded[t]=true;const i=e.padStart(2,"0");this.seconds=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=false;const n=e.slice(1,3).padStart(2,"0");const r=parseInt(n,10)||0;if(r>=i){this.seconds="00"}else{this.seconds=n}}else if(e.length>2){const t=e.slice(1,3).padStart(2,"0");const n=parseInt(t,10)||0;if(n>=i){this.seconds="00"}else{this.seconds=n.toString()}}else{const t=parseInt(e,10)||0;if(t>=i){this.seconds="00"}else{this.seconds=t.toString()}}}parseTime(e){if(!e){return}const t=f(e,this.format);this.hours=t.hours;this.minutes=t.minutes;this.seconds=t.seconds}reconstructTime(){const e={hours:this.hours,minutes:this.minutes,seconds:this.seconds};const t=m(e,this.format);if(!c(t,this.format)){const e=a[this.format];return e?e.defaultValue:t}return t}handleFocus(e){var t,i,n,r;if(this.readonly||this.disabled){return}const o=d(this.format);if(!o.includes(e)){return}if(!this.open){this.open=true}if(((t=this.inputElements[e])===null||t===void 0?void 0:t.value.length)===0||((i=this.inputElements[e])===null||i===void 0?void 0:i.value)==="00"){(n=this.inputElements[e])===null||n===void 0?void 0:n.focus();(r=this.inputElements[e])===null||r===void 0?void 0:r.select()}this.typeFocused=e}HandleDropdownIconClick(){var e,t;if(this.disabled||this.readonly){return}const i=d(this.format);const n=i[0];if(this.open){this.open=false}else if(!this.open&&n&&this.inputElements[n]){(e=this.inputElements[n])===null||e===void 0?void 0:e.focus();(t=this.inputElements[n])===null||t===void 0?void 0:t.select()}else{console.warn("nv-fieldtime -> No visible input elements found to focus")}}updateHighlightedItem(e,t){e.forEach(((e,i)=>{if(i===t){e.classList.add("highlighted");e.setAttribute("tabindex","0");e.focus();e.scrollIntoView({block:"nearest"})}else{e.classList.remove("highlighted");e.setAttribute("tabindex","-1")}}))}handleTimeOptionClick(e,t){const i=parseInt(e.target.textContent||"0",10);if(t===s.Hours){this.hours=i.toString().padStart(2,"0")}else if(t===s.Minutes){this.minutes=i.toString().padStart(2,"0")}else if(t===s.Seconds){this.seconds=i.toString().padStart(2,"0")}const n=this.reconstructTime();this.value=n}handleInputBlur(){setTimeout((()=>{if(!this.el.contains(document.activeElement)){if(this.open){this.open=false}}}),150)}handleClickOutside(e){const t=e.target;if(this.el.contains(t)||Object.values(this.inputElements).some((e=>e.contains(t)))){return}if(this.open){this.open=false}}handleScroll(e,t){const i=e.target;const n=i.scrollTop;const r=i.clientHeight;const o=i.scrollHeight;const s=40;const l=this.generateTimeOptions(t);const a=l.length*s;if(n+r>=o-s||n<=0){i.scrollTop=a}}generateTimeOptions(e){const t=this.step/1e3;if(t===0){return["00"]}switch(e){case s.Hours:return this.generateHourOptions(t);case s.Minutes:return this.generateMinuteOptions(t);case s.Seconds:return this.generateSecondOptions(t);default:return[]}}generateHourOptions(e){const t=Math.max(1,Math.floor(e/3600));const i=this.format.startsWith("hh");const n=i?12:23;const r=i?1:0;const o=this.parseHour(this.max,this.format);const s=this.parseHour(this.min,this.format);const l=o?parseInt(o,10):n;const a=s?parseInt(s,10):r;const d=[];for(let e=a;e<=l;e+=t){const t=e.toString().padStart(2,"0");d.push(t)}return d}parseHour(e,t){if(!e)return null;const[i]=e.split(":");const n=parseInt(i,10);if(isNaN(n))return null;if(t.startsWith("hh"))return n>0&&n<=12?i.padStart(2,"0"):null;return n>=0&&n<=24?i.padStart(2,"0"):null}generateMinuteOptions(e){var t,i;const n=Math.max(1,Math.floor(e%3600/60));const r=(t=this.parseMinute(this.min))!==null&&t!==void 0?t:0;const o=(i=this.parseMinute(this.max))!==null&&i!==void 0?i:59;if(r===0&&o===0)return["00"];const s=[];for(let e=r;e<=o;e+=n){const t=e.toString().padStart(2,"0");s.push(t)}return s}parseMinute(e){if(!e)return null;const t=e.split(":");if(t.length<2)return null;const i=parseInt(t[1],10);return isNaN(i)||i<0||i>=60?null:i}generateSecondOptions(e){var t,i;const n=Math.max(1,e%60);const r=(t=this.parseSecond(this.min))!==null&&t!==void 0?t:0;const o=(i=this.parseSecond(this.max))!==null&&i!==void 0?i:59;if(r===0&&o===0)return["00"];const s=[];for(let e=r;e<=o;e+=n){const t=e.toString().padStart(2,"0");s.push(t)}return s}parseSecond(e){if(!e)return null;const t=e.split(":");if(t.length<3)return null;const i=parseInt(t[2],10);return isNaN(i)||i<0||i>=60?null:i}generateInfiniteTimeOptions(e){const t=this.generateTimeOptions(e);const i=t.length;const n=Math.ceil(300/i);return Array(n).fill(t).flat()}updateColumnHighlight(e,t){const i=Array.from(this.el.querySelectorAll(e));const n=i.findIndex((e=>e.textContent===t));this.updateHighlightedItem(i,n)}handleHostClick(e){var t,i;if(this.disabled||this.readonly){return}const n=e.target;if(n.closest("nv-iconbutton")){return}if(!this.open){if(this.inputElements){const e=d(this.format);const n=e[0];if(n&&this.inputElements[n]){(t=this.inputElements[n])===null||t===void 0?void 0:t.focus();(i=this.inputElements[n])===null||i===void 0?void 0:i.select()}}e.preventDefault()}}componentWillLoad(){document.addEventListener("click",this.handleClickOutside.bind(this));if(this.value){this.parseTime(this.value)}else{const e=f("",this.format);this.hours=e.hours;this.minutes=e.minutes;this.seconds=e.seconds;const t=m(e,this.format);this.value=t}}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this))}componentDidLoad(){const e=`.time-column.time-column-hours div`;this.updateColumnHighlight(e,this.hours);const t=`.time-column.time-column-minutes div`;this.updateColumnHighlight(t,this.minutes);const i=`.time-column.time-column-seconds div`;this.updateColumnHighlight(i,this.seconds)}renderTimeInputFields(){const e=d(this.format);const t=[];e.forEach(((e,i)=>{if(i>0){t.push(n("span",null,":"))}t.push(this.renderTimeInputField(e))}));return t}renderTimeInputField(e){const t=()=>{switch(e){case s.Hours:return this.hours;case s.Minutes:return this.minutes;case s.Seconds:return this.seconds;default:return"00"}};const i=()=>{switch(e){case s.Hours:return this.format.includes("hh")?"hh":"HH";case s.Minutes:return"mm";case s.Seconds:return"ss";default:return""}};const r=()=>{switch(e){case s.Hours:return this.inputId;case s.Minutes:return`${this.inputId}-minutes`;case s.Seconds:return`${this.inputId}-seconds`;default:return this.inputId}};return n("input",{ref:t=>this.inputElements[e]=t,type:"number",autofocus:this.autofocus&&e===d(this.format)[0],class:"time-input",pattern:"[0-9]*",maxlength:"3",value:t(),onInput:t=>this.handleInputChange(t,e),placeholder:i(),inputMode:"numeric",onFocus:()=>this.handleFocus(e),name:this.name?`${e}-${this.name}`:e,id:r(),readonly:this.readonly,disabled:this.disabled,required:this.required,onKeyDown:e=>this.handleKeyDown(e),onBlur:()=>this.handleInputBlur()})}renderTimeDropdownColumns(){const e=d(this.format);return e.map((e=>this.RenderTimeOptionsColumn(e)))}RenderTimeOptionsColumn(e){return n("div",{class:`time-column time-column-${e}`,onScroll:t=>this.handleScroll(t,e)},this.generateInfiniteTimeOptions(e).map(((t,i)=>n("div",{class:{"time-option":true,selected:e===s.Hours&&t===this.hours||e===s.Minutes&&t===this.minutes||e===s.Seconds&&t===this.seconds},key:`${t}-${i}`,onClick:t=>this.handleTimeOptionClick(t,e)},t))))}render(){return n(r,{key:"9b33f779d721d68375ddfbf1956982f14967272a",onclick:e=>this.handleHostClick(e),"aria-expanded":this.open?"true":"false"},(this.label||this.el.querySelector('[slot="label"]'))&&n("label",{key:"871876c71fe0df7bff76e702c229275b3090adbe",htmlFor:this.inputId},n("slot",{key:"100c3f1c159a7b1d5b023204e7dc8697c6f1f43b",name:"label"},this.label)),n("nv-popover",{key:"39d56cba57193b2dfed275384d6cf40e8560227d",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},n("div",{key:"aec6f7f818028bb2584a2d72e1d8af9558420b73",class:"input-wrapper",slot:"trigger"},n("slot",{key:"ed39cf1ceac3e904250aea8f5b4cd97e792943f1",name:"before-input"}),n("div",{key:"89ec8af6fdfa4b2dc4b804de90cc78f06d54c875",class:"input-container"},n("slot",{key:"27f5ea3a67272030552d99d105fa5db124db7a8c",name:"leading-input"}),this.renderTimeInputFields(),n("nv-iconbutton",{key:"008060a5a3c08dfb0cb1e71bdce8ce70aa76314d",name:"clock",size:"md",emphasis:"lower","aria-label":this.open?"Hide time picker":"Show time picker",onClick:()=>this.HandleDropdownIconClick()}),this.error&&n("nv-icon",{key:"d1aae5841eadcf5fc9c12c3a7ee9872971e57ad8",name:"alert-circle",class:"validation",size:"sm"}),this.success&&n("nv-icon",{key:"bdf4717f3160d81722562296d5fda18df41295c2",name:"circle-check",class:"validation",size:"sm"})),n("slot",{key:"ff65ecb08c4aa48bd0374123d999a7a2d438ba34",name:"after-input"})),n("div",{key:"c05b0b3e8f0014d6eb5ba95c89e809c920de76b5",class:"time-dropdown",slot:"content"},n("div",{key:"1f33346f4a3a8c241370965a1c419b8d5f7761c0",class:"time-columns"},this.renderTimeDropdownColumns()))),(this.description||this.el.querySelector('[slot="description"]'))&&n("div",{key:"94e101508871bffefcf644683e929d69b5038db3",class:"description"},n("slot",{key:"037c67df4a303a9b59d4f342e9702e38e5ca07f2",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&n("div",{key:"bb19bd9d03da1de56978b66f50db6550ce4b8df5",hidden:!this.error,class:"error-description"},n("slot",{key:"05a8a1c12b6a292d646a43fe1c66a2d8771960da",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenChange"],format:["handleFormatChange"]}}};b.style=p;export{b as nv_fieldtime};
+//# sourceMappingURL=p-c37ab530.entry.js.map

package/dist/native/{p-bd9bf6a1.entry.js → p-d22a503b.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as e,h as r,H as i,g as o}from"./p-3060df80.js";import{v as t}from"./p-f5ff676c.js";const a='/* TODO: integrate this logic in the proper structure */\nnv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range {\n  background: var(--components-slider-track-filled-hover);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb {\n  border-color: var(--components-slider-track-filled-hover);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range {\n  background: var(--components-slider-track-filled-focus);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb {\n  border-color: var(--components-slider-track-filled-focus);\n}\nnv-fieldslider[error] .slider-container .track-container .track .track-range {\n  background: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb {\n  border-color: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb:hover {\n  border-color: var(--components-slider-track-filled-error);\n  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n  outline-offset: calc(var(--focus-outline-offset) * 1);\n  background-color: var(--components-slider-handler-background-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb:focus {\n  border-color: var(--components-slider-track-filled-error);\n  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n  outline-offset: calc(var(--focus-outline-offset) * 1);\n  background-color: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range {\n  background: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb {\n  border-color: var(--components-slider-track-filled-error);\n}\n\nnv-fieldnumber {\n  --nv-field-border-default: var(--components-form-field-border-default);\n  --nv-field-border-hover: var(--components-form-field-border-hover);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--components-form-field-border-default);\n  --nv-field-border-readonly: var(--components-form-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-brand);\n  --nv-field-background: var(--components-form-field-background-default);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--form-gap-y);\n  box-sizing: border-box;\n  max-width: 480px;\n}\nnv-fieldnumber[fluid]:not([fluid=false]) {\n  max-width: unset;\n}\nnv-fieldnumber[readonly]:not([readonly=false]) {\n  --nv-field-border-default: var(--components-form-field-border-readonly);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-background: var(--components-form-field-background-readonly);\n}\nnv-fieldnumber[error]:not([error=false]) {\n  --nv-field-border-default: var(--components-form-field-border-error);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);\n}\nnv-fieldnumber[success]:not([success=false]) {\n  --nv-field-border-default: var(--components-form-field-border-success);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-success);\n}\nnv-fieldnumber[required]:not([required=false]) label::after {\n  content: "*";\n  color: var(--components-form-text-required);\n  font-weight: var(--font-weight-high-emphasis);\n}\nnv-fieldnumber label {\n  display: flex;\n  align-items: center;\n  gap: var(--form-label-gap);\n  align-self: stretch;\n  color: var(--components-form-text-label-default);\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  line-height: var(--form-label-line-height);\n}\nnv-fieldnumber .input-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\nnv-fieldnumber .input-wrapper .input-container {\n  display: flex;\n  flex-grow: 1;\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default, 1);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n  container-type: inline-size;\n  container-name: field-number-input-container;\n  overflow: hidden;\n  position: relative;\n}\nnv-fieldnumber .input-wrapper .input-container:hover {\n  border-color: var(--nv-field-border-hover);\n}\nnv-fieldnumber .input-wrapper .input-container:focus-within, nv-fieldnumber .input-wrapper .input-container:focus-within:hover, nv-fieldnumber .input-wrapper .input-container:focus, nv-fieldnumber .input-wrapper .input-container:focus:hover {\n  border-color: var(--nv-field-border-focus);\n  box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:read-only) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-readonly);\n  border-color: var(--nv-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:disabled) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-disabled);\n  border-color: var(--nv-field-border-disabled);\n}\nnv-fieldnumber .input-wrapper .input-container input {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  padding: var(--form-field-padding-y) var(--form-field-padding-x);\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  line-height: var(--form-field-line-height);\n  width: 100%;\n  /* Hide Edge built-in password reveal and clear icons */\n  width: 100%;\n  appearance: textfield;\n}\nnv-fieldnumber .input-wrapper .input-container input:focus {\n  outline: none;\n}\nnv-fieldnumber .input-wrapper .input-container input::placeholder {\n  overflow: hidden;\n  color: var(--components-form-field-content-placeholder);\n  text-overflow: ellipsis;\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: var(--font-weight-low-emphasis);\n  line-height: var(--form-field-line-height);\n}\nnv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-clear, nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-reveal {\n  display: none;\n  width: 0;\n  height: 0;\n}\nnv-fieldnumber .input-wrapper .input-container input::-webkit-inner-spin-button, nv-fieldnumber .input-wrapper .input-container input::-webkit-outer-spin-button {\n  appearance: none;\n  margin: 0;\n}\nnv-fieldnumber .input-wrapper .input-container nv-icon.validation {\n  color: var(--nv-field-border-default);\n  margin-right: var(--form-field-gap);\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton {\n  border: 0px;\n  border-radius: 0px;\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton:focus-visible {\n  border-radius: var(--button-md-border-radius);\n  outline-offset: -3px;\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton:last-of-type {\n  border-top-right-radius: var(--form-field-radius);\n  border-bottom-right-radius: var(--form-field-radius);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper {\n  display: flex;\n  border-left: var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton {\n  border: 0px;\n  border-radius: 0px;\n  border-radius: 0px;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton:focus-visible {\n  border-radius: var(--button-md-border-radius);\n  outline-offset: -3px;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton:last-of-type {\n  border-top-right-radius: var(--form-field-radius);\n  border-bottom-right-radius: var(--form-field-radius);\n}\n@container field-number-input-container (width < 150px) {\n  nv-fieldnumber .input-wrapper .input-container .stepper-spacer {\n    display: none;\n  }\n  nv-fieldnumber .input-wrapper .input-container .stepper {\n    display: none;\n  }\n}\nnv-fieldnumber .description {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  gap: var(--spacing-1);\n  color: var(--components-form-text-description-default);\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  line-height: var(--form-description-line-height);\n}\nnv-fieldnumber .error-description {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  gap: var(--spacing-1);\n  color: var(--components-form-text-description-default);\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  line-height: var(--form-description-line-height);\n  color: var(--components-form-text-description-error);\n}';const d=a;const l=class{constructor(r){n(this,r);this.valueChanged=e(this,"valueChanged",7);this.inputId=t();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.step=1;this.autofocus=false;this.fluid=false;this.handleInput=n=>{const e=n.target;if(e.value===""){this.value=null;return}const r=e.valueAsNumber;if(Number.isNaN(r)){return}this.value=r};this.handleInputContainerClick=()=>{this.inputElement.focus()};this.handlePlus=()=>{this.inputElement.stepUp();this.value=Number(this.inputElement.value)};this.handleMinus=()=>{this.inputElement.stepDown();this.value=Number(this.inputElement.value)};this.preventSelection=n=>{n.preventDefault()};this.isMinValueReached=()=>this.min!==undefined&&typeof this.value==="number"&&this.value<=this.min;this.isMaxValueReached=()=>this.max!==undefined&&typeof this.value==="number"&&this.value>=this.max}watchValueHandler(n){const e=typeof n==="number"&&!Number.isNaN(n)?n:null;if(this.lastEmittedValue===e){return}this.lastEmittedValue=e;this.valueChanged.emit(e)}componentWillRender(){if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return r(i,{key:"9b3239f09e6aace03f79f07399723fdbf557f070"},(this.label||this.el.querySelector('[slot="label"]'))&&r("label",{key:"322478abbaf477a33debcd828387402299ce6762",htmlFor:this.inputId},r("slot",{key:"75b791ca0fb7eec55faaf966a32733e37b87fb90",name:"label"},this.label)),r("div",{key:"5ce6c27db2b6b0ba8618ed2eac1f61abf8177793",class:"input-wrapper"},r("slot",{key:"3a4a86e358d575fc312d27ee5ffba68474904bd4",name:"before-input"}),r("div",{key:"8e07c3c37ea4869aa309fba913663e1d225e21fd",class:"input-container",onClick:this.handleInputContainerClick},r("slot",{key:"91e7c82e46d3268493669e6dd121f643be86a6be",name:"leading-input"}),r("input",{key:"3dcbd9d10e4425ebb29b16b1157845ea4ee7bdef",id:this.inputId,ref:n=>this.inputElement=n,placeholder:this.placeholder,name:this.name,type:"number",autofocus:this.autofocus,required:this.required,max:this.max,min:this.min,step:this.step,value:typeof this.value==="number"?this.value:undefined,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),r("slot",{key:"7d0d4a77d121433f4feb8aa2139be8e94f8e57a5",name:"trailing-input"}),this.error&&r("nv-icon",{key:"2a3969e56de0fc3911901c9540e300caf2b6d681",name:"alert-circle",class:"validation",size:"md"}),this.success&&r("nv-icon",{key:"8964d7ffaa2cc2a70caf781a37e66383234c6895",name:"circle-check",class:"validation",size:"md"}),r("div",{key:"1ca2fd7095afbc12a1a54c8b09551f28fe5a3579",class:"stepper"},r("nv-iconbutton",{key:"1c3f9200c5409bc05fab9061dff3847a92298d45",size:"md",name:"minus",emphasis:"lower",onClick:this.handleMinus,disabled:this.isMinValueReached(),onMouseDown:this.preventSelection,tabindex:"-1"}),r("nv-iconbutton",{key:"eb65687b3c31d2ac8bdb534f5ca300a1ada9cd64",size:"md",name:"plus",emphasis:"lower",onClick:this.handlePlus,disabled:this.isMaxValueReached(),onMouseDown:this.preventSelection,tabindex:"-1"}))),r("slot",{key:"01006c0c2487bce4f908104d263acb0231cdb701",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&r("div",{key:"9db93a8aa6bb002a3286763909118e9c7a1661c0",class:"description"},r("slot",{key:"13b0f797bace74e641cdd658bb798bccbfec70dc",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"4ca240bc22fb83a283637e60384e59d687d67e9e",hidden:!this.error,class:"error-description"},r("slot",{key:"145b68572a38e91559431ff51ec38a64027d4978",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:["watchValueHandler"]}}};l.style=d;export{l as nv_fieldnumber};
-//# sourceMappingURL=p-bd9bf6a1.entry.js.map
+import{r as e,c as n,h as r,H as i,g as o}from"./p-3060df80.js";import{v as t}from"./p-f5ff676c.js";const a='/* TODO: integrate this logic in the proper structure */\nnv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range {\n  background: var(--components-slider-track-filled-hover);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb {\n  border-color: var(--components-slider-track-filled-hover);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range {\n  background: var(--components-slider-track-filled-focus);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb {\n  border-color: var(--components-slider-track-filled-focus);\n}\nnv-fieldslider[error] .slider-container .track-container .track .track-range {\n  background: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb {\n  border-color: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb:hover {\n  border-color: var(--components-slider-track-filled-error);\n  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n  outline-offset: calc(var(--focus-outline-offset) * 1);\n  background-color: var(--components-slider-handler-background-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb:focus {\n  border-color: var(--components-slider-track-filled-error);\n  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n  outline-offset: calc(var(--focus-outline-offset) * 1);\n  background-color: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range {\n  background: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb {\n  border-color: var(--components-slider-track-filled-error);\n}\n\nnv-fieldnumber {\n  --nv-field-border-default: var(--components-form-field-border-default);\n  --nv-field-border-hover: var(--components-form-field-border-hover);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--components-form-field-border-default);\n  --nv-field-border-readonly: var(--components-form-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-brand);\n  --nv-field-background: var(--components-form-field-background-default);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--form-gap-y);\n  box-sizing: border-box;\n  max-width: 480px;\n}\nnv-fieldnumber[fluid]:not([fluid=false]) {\n  max-width: unset;\n}\nnv-fieldnumber[readonly]:not([readonly=false]) {\n  --nv-field-border-default: var(--components-form-field-border-readonly);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-background: var(--components-form-field-background-readonly);\n}\nnv-fieldnumber[error]:not([error=false]) {\n  --nv-field-border-default: var(--components-form-field-border-error);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);\n}\nnv-fieldnumber[success]:not([success=false]) {\n  --nv-field-border-default: var(--components-form-field-border-success);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-success);\n}\nnv-fieldnumber[required]:not([required=false]) label::after {\n  content: "*";\n  color: var(--components-form-text-required);\n  font-weight: var(--font-weight-high-emphasis);\n}\nnv-fieldnumber label {\n  display: flex;\n  align-items: center;\n  gap: var(--form-label-gap);\n  align-self: stretch;\n  color: var(--components-form-text-label-default);\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  line-height: var(--form-label-line-height);\n}\nnv-fieldnumber .input-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\nnv-fieldnumber .input-wrapper .input-container {\n  display: flex;\n  flex-grow: 1;\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default, 1);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n  container-type: inline-size;\n  container-name: field-number-input-container;\n  overflow: hidden;\n  position: relative;\n}\nnv-fieldnumber .input-wrapper .input-container:hover {\n  border-color: var(--nv-field-border-hover);\n}\nnv-fieldnumber .input-wrapper .input-container:focus-within, nv-fieldnumber .input-wrapper .input-container:focus-within:hover, nv-fieldnumber .input-wrapper .input-container:focus, nv-fieldnumber .input-wrapper .input-container:focus:hover {\n  border-color: var(--nv-field-border-focus);\n  box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:read-only) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-readonly);\n  border-color: var(--nv-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:disabled) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-disabled);\n  border-color: var(--nv-field-border-disabled);\n}\nnv-fieldnumber .input-wrapper .input-container input {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  padding: var(--form-field-padding-y) var(--form-field-padding-x);\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  line-height: var(--form-field-line-height);\n  width: 100%;\n  /* Hide Edge built-in password reveal and clear icons */\n  width: 100%;\n  appearance: textfield;\n}\nnv-fieldnumber .input-wrapper .input-container input:focus {\n  outline: none;\n}\nnv-fieldnumber .input-wrapper .input-container input::placeholder {\n  overflow: hidden;\n  color: var(--components-form-field-content-placeholder);\n  text-overflow: ellipsis;\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: var(--font-weight-low-emphasis);\n  line-height: var(--form-field-line-height);\n}\nnv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-clear, nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-reveal {\n  display: none;\n  width: 0;\n  height: 0;\n}\nnv-fieldnumber .input-wrapper .input-container input::-webkit-inner-spin-button, nv-fieldnumber .input-wrapper .input-container input::-webkit-outer-spin-button {\n  appearance: none;\n  margin: 0;\n}\nnv-fieldnumber .input-wrapper .input-container nv-icon.validation {\n  color: var(--nv-field-border-default);\n  margin-right: var(--form-field-gap);\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton {\n  border: 0px;\n  border-radius: 0px;\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton:focus-visible {\n  border-radius: var(--button-md-border-radius);\n  outline-offset: -3px;\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton:last-of-type {\n  border-top-right-radius: var(--form-field-radius);\n  border-bottom-right-radius: var(--form-field-radius);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper {\n  display: flex;\n  border-left: var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton {\n  border: 0px;\n  border-radius: 0px;\n  border-radius: 0px;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton:focus-visible {\n  border-radius: var(--button-md-border-radius);\n  outline-offset: -3px;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton:last-of-type {\n  border-top-right-radius: var(--form-field-radius);\n  border-bottom-right-radius: var(--form-field-radius);\n}\n@container field-number-input-container (width < 150px) {\n  nv-fieldnumber .input-wrapper .input-container .stepper-spacer {\n    display: none;\n  }\n  nv-fieldnumber .input-wrapper .input-container .stepper {\n    display: none;\n  }\n}\nnv-fieldnumber .description {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  gap: var(--spacing-1);\n  color: var(--components-form-text-description-default);\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  line-height: var(--form-description-line-height);\n}\nnv-fieldnumber .error-description {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  gap: var(--spacing-1);\n  color: var(--components-form-text-description-default);\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  line-height: var(--form-description-line-height);\n  color: var(--components-form-text-description-error);\n}';const d=a;const l=class{constructor(r){e(this,r);this.valueChanged=n(this,"valueChanged",7);this.inputId=t();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.step=1;this.autofocus=false;this.fluid=false;this.handleInput=e=>{const n=e.target;if(n.value===""){this.value=null;return}const r=n.valueAsNumber;if(Number.isNaN(r)){return}this.value=r};this.handleInputContainerClick=()=>{this.inputElement.focus()};this.handlePlus=()=>{this.inputElement.stepUp();this.value=Number(this.inputElement.value)};this.handleMinus=()=>{this.inputElement.stepDown();this.value=Number(this.inputElement.value)};this.preventSelection=e=>{e.preventDefault()};this.isMinValueReached=()=>this.min!==undefined&&typeof this.value==="number"&&this.value<=this.min;this.isMaxValueReached=()=>this.max!==undefined&&typeof this.value==="number"&&this.value>=this.max}watchValueHandler(e){const n=typeof e==="number"&&!Number.isNaN(e)?e:null;if(this.lastEmittedValue===n){return}this.lastEmittedValue=n;this.valueChanged.emit(n)}componentWillRender(){if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return r(i,{key:"3afce74f50fe43ac056458d04951d17ddddfeabb"},(this.label||this.el.querySelector('[slot="label"]'))&&r("label",{key:"57b43fe9c0385d1f2f649a559fc1cf5e99441c75",htmlFor:this.inputId},r("slot",{key:"dbc3019bc04f370571cca5ef33d67ed22e3c4a6e",name:"label"},this.label)),r("div",{key:"facbb2b93e2057ec061c7a9c612fb09ee5c7687d",class:"input-wrapper"},r("slot",{key:"0fb079215345c8aa91c5718aaf977f9716c19712",name:"before-input"}),r("div",{key:"348402a3a6b4e65d2a2fbf1baa35740fbbb243b6",class:"input-container",onClick:this.handleInputContainerClick},r("slot",{key:"942c7a43a36da7fd4f89826c4e721077987287f6",name:"leading-input"}),r("input",{key:"b8edf56607b26003781bae1eacbc40561917073d",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,type:"number",autofocus:this.autofocus,required:this.required,max:this.max,min:this.min,step:this.step,value:typeof this.value==="number"?this.value:undefined,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),r("slot",{key:"bc53377f72c4e1c9363c0e6c32c9d9c0ff18cee2",name:"trailing-input"}),this.error&&r("nv-icon",{key:"74b9e40d6687c8af506a3fcd365889fb98476050",name:"alert-circle",class:"validation",size:"md"}),this.success&&r("nv-icon",{key:"9ce0589197135d2baae625e2e34f589077e8a1ea",name:"circle-check",class:"validation",size:"md"}),r("div",{key:"4c04cb39da4f61a66f94044494cf1f02f8175e11",class:"stepper"},r("nv-iconbutton",{key:"bd5e034e94e16ea10bd56e23498e648e67ba72eb",size:"md",name:"minus",emphasis:"lower",onClick:this.handleMinus,disabled:this.isMinValueReached(),onMouseDown:this.preventSelection,tabindex:"-1"}),r("nv-iconbutton",{key:"b398efb51f9e6e297a6368424b3ceddf5f2a93a5",size:"md",name:"plus",emphasis:"lower",onClick:this.handlePlus,disabled:this.isMaxValueReached(),onMouseDown:this.preventSelection,tabindex:"-1"}))),r("slot",{key:"fbd610d0e620b253b92cd74791a3bbc02aec2e21",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&r("div",{key:"46740b8b00f374f16559aa7a3310142c7ae5e74c",class:"description"},r("slot",{key:"ed9c74990d0fbf42f46bf8bb9172ef8b84112ecc",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"cc9c5076c31cffc91f23db0e14eb4fde1072ecd2",hidden:!this.error,class:"error-description"},r("slot",{key:"aa4953c2c12cb7c7605086d72d435507d11b93c7",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:["watchValueHandler"]}}};l.style=d;export{l as nv_fieldnumber};
+//# sourceMappingURL=p-d22a503b.entry.js.map

package/dist/native/{p-f3c73492.entry.js → p-da76357c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as a,F as s,H as e,g as o}from"./p-3060df80.js";import{b as n}from"./p-51602221.js";const l="nv-dialogfooter{display:flex;padding:var(--dialog-footer-padding-top) var(--dialog-footer-padding-x) var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);justify-content:flex-end;align-items:flex-end;gap:var(--dialog-footer-gap-y);align-self:stretch}";const r=l;const h=class{constructor(a){t(this,a);this.dialogCanceled=i(this,"dialogCanceled",7);this.dialogPrimaryClicked=i(this,"dialogPrimaryClicked",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.hasSlot=false;this.disabled=false;this.undismissable=false;this.leadingIcon="";this.trailingIcon="";this.danger=false;this.cancelLabel="Cancel";this.primaryLabel="Primary";this.handlePrimary=t=>{t.stopPropagation();this.dialogPrimaryClicked.emit()};this.handleCancel=t=>{t.stopPropagation();this.dialogCanceled.emit()}}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}componentDidLoad(){this.primaryButtonType=this.primaryButtonType||this.form?n.Submit:n.Button}render(){return a(e,{key:"0868c3af73f89219eee7c006b4ddca47c6da29b0"},!this.hasSlot?a(s,null,!this.undismissable&&a("nv-button",{onClick:this.handleCancel,emphasis:"low",size:"sm"},this.cancelLabel),a("nv-button",{onClick:this.handlePrimary,disabled:this.disabled,danger:this.danger,size:"sm",emphasis:"high",form:this.form,type:this.primaryButtonType},this.leadingIcon&&a("nv-icon",{slot:"leading-icon",name:this.leadingIcon,size:"sm"}),this.primaryLabel,this.trailingIcon&&a("nv-icon",{slot:"trailing-icon",name:this.trailingIcon,size:"sm"}))):a("slot",null))}static get formAssociated(){return true}get el(){return o(this)}};h.style=r;const d="nv-dialogheader{padding:var(--dialog-header-padding-top) var(--dialog-header-padding-x) var(--dialog-header-padding-bottom) var(--dialog-header-padding-x);justify-content:space-between;align-items:flex-start;align-self:stretch}nv-dialogheader .heading{color:var(--color-content-high-text);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-lg);font-style:normal;font-weight:var(--font-weight-medium-emphasis);padding-right:var(--spacing-7);line-height:var(--leading-px-6);letter-spacing:var(--letter-spacing-heading-xs)}nv-dialogheader .subheading{color:var(--color-content-low-text);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm);}";const g=d;const f=class{constructor(i){t(this,i);this.hasSlot=false;this.heading="Dialog Title"}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}render(){return a(e,{key:"f91a9aea8aa7116266f52bb356ef2ec493df6354"},!this.hasSlot?a(s,null,a("div",{class:"heading"},this.heading),a("div",{class:"subheading"},this.subheading)):a("slot",null))}get el(){return o(this)}};f.style=g;export{h as nv_dialogfooter,f as nv_dialogheader};
-//# sourceMappingURL=p-f3c73492.entry.js.map
+import{r as t,c as i,h as s,F as a,H as e,g as o}from"./p-3060df80.js";import{b as n}from"./p-51602221.js";const l="nv-dialogfooter{display:flex;padding:var(--dialog-footer-padding-top) var(--dialog-footer-padding-x) var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);justify-content:flex-end;align-items:flex-end;gap:var(--dialog-footer-gap-y);align-self:stretch}";const r=l;const d=class{constructor(s){t(this,s);this.dialogCanceled=i(this,"dialogCanceled",7);this.dialogPrimaryClicked=i(this,"dialogPrimaryClicked",7);if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.hasSlot=false;this.disabled=false;this.undismissable=false;this.leadingIcon="";this.trailingIcon="";this.danger=false;this.cancelLabel="Cancel";this.primaryLabel="Primary";this.handlePrimary=t=>{t.stopPropagation();this.dialogPrimaryClicked.emit()};this.handleCancel=t=>{t.stopPropagation();this.dialogCanceled.emit()}}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}componentDidLoad(){this.primaryButtonType=this.primaryButtonType||this.form?n.Submit:n.Button}render(){return s(e,{key:"908abbe8e2e9aa215641dd056c70dc16f36c3ac3"},!this.hasSlot?s(a,null,!this.undismissable&&s("nv-button",{onClick:this.handleCancel,emphasis:"low",size:"sm"},this.cancelLabel),s("nv-button",{onClick:this.handlePrimary,disabled:this.disabled,danger:this.danger,size:"sm",emphasis:"high",form:this.form,type:this.primaryButtonType},this.leadingIcon&&s("nv-icon",{slot:"leading-icon",name:this.leadingIcon,size:"sm"}),this.primaryLabel,this.trailingIcon&&s("nv-icon",{slot:"trailing-icon",name:this.trailingIcon,size:"sm"}))):s("slot",null))}static get formAssociated(){return true}get el(){return o(this)}};d.style=r;const h="nv-dialogheader{padding:var(--dialog-header-padding-top) var(--dialog-header-padding-x) var(--dialog-header-padding-bottom) var(--dialog-header-padding-x);justify-content:space-between;align-items:flex-start;align-self:stretch}nv-dialogheader .heading{color:var(--color-content-high-text);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-lg);font-style:normal;font-weight:var(--font-weight-medium-emphasis);padding-right:var(--spacing-7);line-height:var(--leading-px-6);letter-spacing:var(--letter-spacing-heading-xs)}nv-dialogheader .subheading{color:var(--color-content-low-text);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm);}";const g=h;const f=class{constructor(i){t(this,i);this.hasSlot=false;this.heading="Dialog Title"}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}render(){return s(e,{key:"e3390a18cd40f00dd70f71b436d3603fdcb2b337"},!this.hasSlot?s(a,null,s("div",{class:"heading"},this.heading),s("div",{class:"subheading"},this.subheading)):s("slot",null))}get el(){return o(this)}};f.style=g;export{d as nv_dialogfooter,f as nv_dialogheader};
+//# sourceMappingURL=p-da76357c.entry.js.map

package/dist/native/{p-d0db5e72.entry.js → p-dac1537a.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as c,H as i,g as n}from"./p-3060df80.js";import{c as t}from"./p-8a1a6e56.js";import{v as r}from"./p-f5ff676c.js";const a="nv-fieldcheckbox{--nv-fieldcheckbox-border-default:var(\n    --components-form-field-border-default\n  );--nv-fieldcheckbox-border-hover:var(--components-form-field-border-hover);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-default);--nv-fieldcheckbox-background-default:var(\n    --components-form-field-background-default\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-checked\n  );--nv-fieldcheckbox-background-disabled:var(\n    --components-form-field-background-disabled\n  );--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-brand);--nv-fieldcheckbox-color-checked:var(\n    --components-form-shape-foreground-default\n  );--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldcheckbox:not([disabled],[readonly]) input,nv-fieldcheckbox:not([disabled],[readonly]) label{cursor:pointer}nv-fieldcheckbox.error>.input-container{--nv-fieldcheckbox-border-default:var(--components-form-field-border-error);--nv-fieldcheckbox-border-hover:var(--nv-fieldcheckbox-border-default);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-error);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-destructive);--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled-error\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-error\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-destructive)}nv-fieldcheckbox.label-placement-before{flex-direction:row-reverse}nv-fieldcheckbox[disabled]:not([disabled=false]){opacity:0.5}nv-fieldcheckbox>.input-container{position:relative;color:var(--nv-fieldcheckbox-color-checked)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-fieldcheckbox-color-disabled)}nv-fieldcheckbox>.input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-fieldcheckbox-border-default);background:var(--nv-fieldcheckbox-background-default)}nv-fieldcheckbox>.input-container input[type=checkbox]:hover{border-color:var(--nv-fieldcheckbox-border-hover)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus{border-color:var(--nv-fieldcheckbox-border-focus)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus,nv-fieldcheckbox>.input-container input[type=checkbox]:focus-within{outline:none}nv-fieldcheckbox>.input-container input[type=checkbox]:focus-visible,nv-fieldcheckbox>.input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldcheckbox-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldcheckbox>.input-container input[type=checkbox]:checked,nv-fieldcheckbox>.input-container input[type=checkbox]:indeterminate{background:var(--nv-fieldcheckbox-background-checked);border-color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox>.input-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-fieldcheckbox-background-disabled);border-color:var(--nv-fieldcheckbox-border-default)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-fieldcheckbox>.input-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}nv-fieldcheckbox>.text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}nv-fieldcheckbox>.text-container label{align-self:stretch;text-align:left;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldcheckbox>.text-container label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-fieldcheckbox>.text-container .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldcheckbox>.text-container .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";const d=a;const l=class{constructor(c){e(this,c);this.checkedChanged=o(this,"checkedChanged",7);this.labelBefore=false;this.inputId=r();this.hideLabel=false;this.error=false;this.checked=false;this.indeterminate=false;this.disabled=false;this.readonly=false;this.required=false;this.autofocus=false}handleChange(e){const o=e.target;if(o.type==="checkbox"&&o.id===this.inputId){if(this.readonly||this.disabled){e.preventDefault();return}if(this.indeterminate){this.indeterminate=false}this.checked=o.checked}}onCheckedChanged(e){this.checkedChanged.emit(e)}componentWillRender(){if(this.message){this.description=this.message}if(this.labelBefore){this.labelPlacement="before"}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return c(i,{key:"62195333f84808381f19ca4017916380d20d493f",class:t(this.labelPlacement==="before"&&"label-placement-before",this.error&&"error")},c("div",{key:"65f02aee06eacecf83c5297d87130bbe9f85b19c",class:"input-container"},c("input",{key:"c3e8fcb41c835f0eba254f9e77de749b7dc6349e",type:"checkbox",id:this.inputId,name:this.name,autofocus:this.autofocus,autocomplete:"off",value:this.value,checked:Boolean(this.checked),disabled:this.disabled||this.readonly,readonly:this.readonly&&!this.required,required:this.required,indeterminate:this.indeterminate,ref:e=>{if(e){e.indeterminate=this.indeterminate}}}),c("span",{key:"439a8c467373d734293012514cdb22c419b534ae",class:"icon"},this.checked&&!this.indeterminate&&c("slot",{key:"335a92ed1431fe96af3c7c6fac2f4245c0d4caaa",name:"checked-icon"},c("svg",{key:"67d97efca27a97c7db77d9f8c182a21fbd21d13c",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"9cb6730b00813e8d4fe6fa14549de6f2a41ea068",d:"M11.6667 3.5L5.25004 9.91667L2.33337 7","stroke-linecap":"round","stroke-linejoin":"round"}))),this.indeterminate&&c("slot",{key:"e47b17269156f72ddaf7af1ecc818ae5b6b8c0d3",name:"indeterminate-icon"},c("svg",{key:"4748acc27a70e74f9228cdb6e41eae4b1ae82559",class:"indeterminate-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"40748b36b277c1ed6ea8fc8f82f4cd687b2f6e3a",d:"M2.9165 7H11.0832","stroke-linecap":"round","stroke-linejoin":"round"}))))),c("slot",{key:"0fa9e559cefb8169c20b171fcbb6c1786fd6b3ae"}),c("div",{key:"44eef633025d1a7606979d4d8374c2a04081f45c",class:"text-container"},c("slot",{key:"b43251a02b15431f5399c3bced485b89741e069e",name:"main"},(this.label||this.el.querySelector('[slot="label"]'))&&c("label",{key:"7781451a357961ce1606b18c590baa344df4ff95",htmlFor:this.inputId,class:t(this.hideLabel&&"visually-hidden")},c("slot",{key:"b420ad1dbdc05a5c57d0b45e62176866ec0527ca",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&c("div",{key:"67715bef879e0778b58648b83135edefdbdba53d",class:"description"},c("slot",{key:"b1d4d21e83130e19e94efa915abd6661c027bbce",name:"description"},this.description))),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&c("div",{key:"157df3faf2cadb4014ba8475c99cf68d86da9f63",hidden:!this.error,class:"error-description"},c("slot",{key:"42aa95b2332618120d846fa481a1b30b7edeccca",name:"error-description"},this.errorDescription))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{checked:["onCheckedChanged"]}}};l.style=d;export{l as nv_fieldcheckbox};
-//# sourceMappingURL=p-d0db5e72.entry.js.map
+import{r as e,c as o,h as i,H as c,g as n}from"./p-3060df80.js";import{c as t}from"./p-8a1a6e56.js";import{v as r}from"./p-f5ff676c.js";const a="nv-fieldcheckbox{--nv-fieldcheckbox-border-default:var(\n    --components-form-field-border-default\n  );--nv-fieldcheckbox-border-hover:var(--components-form-field-border-hover);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-default);--nv-fieldcheckbox-background-default:var(\n    --components-form-field-background-default\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-checked\n  );--nv-fieldcheckbox-background-disabled:var(\n    --components-form-field-background-disabled\n  );--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-brand);--nv-fieldcheckbox-color-checked:var(\n    --components-form-shape-foreground-default\n  );--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldcheckbox:not([disabled],[readonly]) input,nv-fieldcheckbox:not([disabled],[readonly]) label{cursor:pointer}nv-fieldcheckbox.error>.input-container{--nv-fieldcheckbox-border-default:var(--components-form-field-border-error);--nv-fieldcheckbox-border-hover:var(--nv-fieldcheckbox-border-default);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-error);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-destructive);--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled-error\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-error\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-destructive)}nv-fieldcheckbox.label-placement-before{flex-direction:row-reverse}nv-fieldcheckbox[disabled]:not([disabled=false]){opacity:0.5}nv-fieldcheckbox>.input-container{position:relative;color:var(--nv-fieldcheckbox-color-checked)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-fieldcheckbox-color-disabled)}nv-fieldcheckbox>.input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-fieldcheckbox-border-default);background:var(--nv-fieldcheckbox-background-default)}nv-fieldcheckbox>.input-container input[type=checkbox]:hover{border-color:var(--nv-fieldcheckbox-border-hover)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus{border-color:var(--nv-fieldcheckbox-border-focus)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus,nv-fieldcheckbox>.input-container input[type=checkbox]:focus-within{outline:none}nv-fieldcheckbox>.input-container input[type=checkbox]:focus-visible,nv-fieldcheckbox>.input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldcheckbox-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldcheckbox>.input-container input[type=checkbox]:checked,nv-fieldcheckbox>.input-container input[type=checkbox]:indeterminate{background:var(--nv-fieldcheckbox-background-checked);border-color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox>.input-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-fieldcheckbox-background-disabled);border-color:var(--nv-fieldcheckbox-border-default)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-fieldcheckbox>.input-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}nv-fieldcheckbox>.text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}nv-fieldcheckbox>.text-container label{align-self:stretch;text-align:left;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldcheckbox>.text-container label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-fieldcheckbox>.text-container .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldcheckbox>.text-container .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";const d=a;const l=class{constructor(i){e(this,i);this.checkedChanged=o(this,"checkedChanged",7);this.labelBefore=false;this.inputId=r();this.hideLabel=false;this.error=false;this.checked=false;this.indeterminate=false;this.disabled=false;this.readonly=false;this.required=false;this.autofocus=false}handleChange(e){const o=e.target;if(o.type==="checkbox"&&o.id===this.inputId){if(this.readonly||this.disabled){e.preventDefault();return}if(this.indeterminate){this.indeterminate=false}this.checked=o.checked}}onCheckedChanged(e){this.checkedChanged.emit(e)}componentWillRender(){if(this.message){this.description=this.message}if(this.labelBefore){this.labelPlacement="before"}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return i(c,{key:"4db161f34d188b5370f28a39ec9637d269719b04",class:t(this.labelPlacement==="before"&&"label-placement-before",this.error&&"error")},i("div",{key:"7608f50840faf35c4da8dbfcc8240becece6f609",class:"input-container"},i("input",{key:"733ad01f2cadd1e17d6bfc40022ef9ab1db93f0a",type:"checkbox",id:this.inputId,name:this.name,autofocus:this.autofocus,autocomplete:"off",value:this.value,checked:Boolean(this.checked),disabled:this.disabled||this.readonly,readonly:this.readonly&&!this.required,required:this.required,indeterminate:this.indeterminate,ref:e=>{if(e){e.indeterminate=this.indeterminate}}}),i("span",{key:"81da5960abee0aa2c74f10612d05388e427b3a1a",class:"icon"},this.checked&&!this.indeterminate&&i("slot",{key:"e257ebad9a1c23bc77961645dabe6e0fc8c51440",name:"checked-icon"},i("svg",{key:"d4005dfd634169aa14140c7eba1e0ac63e28342d",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},i("path",{key:"1817c25edf09f09d4317d9e41b52484883c7a943",d:"M11.6667 3.5L5.25004 9.91667L2.33337 7","stroke-linecap":"round","stroke-linejoin":"round"}))),this.indeterminate&&i("slot",{key:"043148db3518e99f2850ffa4b3622f7ae3c654a7",name:"indeterminate-icon"},i("svg",{key:"b8a67cfa8d0f880657b62b89ddae7a238b22bc26",class:"indeterminate-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14",fill:"none"},i("path",{key:"d63f610ff5cca552d295de18dffeda84cbd370ac",d:"M2.9165 7H11.0832","stroke-linecap":"round","stroke-linejoin":"round"}))))),i("slot",{key:"e4befe30753cd2f76da4af10e648704068f7ce55"}),i("div",{key:"281b4046dbeb8b8dcb05fc154b65ed822fa45960",class:"text-container"},i("slot",{key:"8e40b1e52c55fa45b38bec26e6b20da90c8553ed",name:"main"},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"ad2e4a47d1d5a218835b410579e7e93febd08d15",htmlFor:this.inputId,class:t(this.hideLabel&&"visually-hidden")},i("slot",{key:"815d03f2c69465e430178c29a885ad770e2c561f",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"22159e2cb8c4897507da91ebee09502922093ead",class:"description"},i("slot",{key:"61b277015ecb4e0e3b813e45dbb6cd7ebe89506b",name:"description"},this.description))),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"924d333e443c943b5fe37f31e3191d231b9d87e1",hidden:!this.error,class:"error-description"},i("slot",{key:"2469d3f6cf2121b489b637138642417d27556740",name:"error-description"},this.errorDescription))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{checked:["onCheckedChanged"]}}};l.style=d;export{l as nv_fieldcheckbox};
+//# sourceMappingURL=p-dac1537a.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,F as s,H as r,g as o}from"./p-3060df80.js";import{v as n}from"./p-f5ff676c.js";const l='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldmultiselect[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-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldmultiselect[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldmultiselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{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-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect: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-fieldmultiselect .input-container-multiselect:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect 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:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldmultiselect .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:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}.no-results-message{cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0}.select-all-container{position:sticky;top:0;background-color:var(--components-list-dropdown-background);border-bottom:1px solid var(--components-list-dropdown-separator);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);z-index:10;margin-bottom:0}.select-all-container .select-all-header{display:flex;align-items:center;gap:var(--form-field-gap)}.select-all-container .select-all-header nv-fieldcheckbox{flex:1;margin:0}.select-all-container .select-all-header nv-iconbutton,.select-all-container .select-all-header nv-button{flex-shrink:0;margin-left:auto}.select-all-container .select-all-header nv-button{justify-content:center}';const a=l;const d=class{constructor(o){e(this,o);this.valueChanged=t(this,"valueChanged",7);this.filterTextChanged=t(this,"filterTextChanged",7);this.isBulkOperation=false;this.preventBlurClose=false;this.inputId=n();this.autocomplete="off";this.required=false;this.readonly=false;this.disabled=false;this.error=false;this.maxHeight="";this.open=false;this.fluid=false;this.value=[];this.filterable=false;this.emptyResult="No results found";this.debounceDelay=300;this.autofocus=false;this.badgeLabel="";this.filterText="";this.enableSelectAll=false;this.selectAllLabel="Select/deselect all";this.deselectAllLabel="Select/deselect all";this.sortedOptions=[];this.isHandlingEscape=false;this.hasFilterResults=true;this.isSelectAllSectionVisible=true;this.handleBadgeCloseOptions=()=>{this.value=[];this.valueChanged.emit(this.value);const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((e=>{e.checked=false;e.style.display=""}));this.options=this.options.filter((e=>!e.isDivider));this.reorderOptionsContent()};this.handleBadgeCloseSlots=()=>{this.value=[];this.valueChanged.emit(this.value);const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((e=>{e.checked=false;e.style.display=""}));requestAnimationFrame((()=>{this.reorderSlotContent()}))};this.handlePopoverClose=()=>{if(this.isHandlingEscape){return}};this.clearFilterText=()=>{if(this.filterText!==""){this.filterText="";this.filterTextChanged.emit("")}this.resetFilter();this.hasFilterResults=true};this.handleInputBlurOptions=()=>{setTimeout((()=>{if(this.preventBlurClose){this.preventBlurClose=false;return}if(!this.el.contains(document.activeElement)){this.open=false;if(this.filterable){this.clearFilterText()}}}),150)};this.handleInputContainerClickOptions=e=>{if(this.disabled||this.readonly){return}const t=e.target;if(t.tagName==="P"||t.tagName==="SPAN"){this.open=true;const e=this.el.querySelector(".input-container");if(e){e.classList.add("focus-within");const t=()=>{e.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",t)}}};this.handleInputContainerClickSlots=e=>{if(this.disabled||this.readonly){return}const t=e.target;if(t.tagName==="P"||t.tagName==="SPAN"){this.open=true;const e=this.el.querySelector(".input-container");if(e){e.classList.add("focus-within");const t=()=>{e.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",t)}}};this.handleInputOptions=e=>{if(!this.filterable)return;if(this.disabled||this.readonly){return}const t=e.target;this.filterText=t.value;this.filterTextChanged.emit(this.filterText);if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterItemsOption()}),this.debounceDelay)};this.handleInputSlots=e=>{if(!this.filterable)return;if(this.disabled||this.readonly)return;const t=e.target;this.filterText=t.value;this.filterTextChanged.emit(this.filterText);if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterSlotsItems()}),this.debounceDelay)};this.handleInputFocusOptions=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputFocusSlots=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputBlurSlots=()=>{setTimeout((()=>{if(this.preventBlurClose){this.preventBlurClose=false;return}if(!this.el.contains(document.activeElement)){this.open=false;if(this.filterable){this.clearFilterText()}}}),150)};this.togglePopoverOptions=()=>{if(this.disabled||this.readonly){return}this.open=!this.open};this.togglePopoverSlots=()=>{if(this.disabled||this.readonly){return}this.open=!this.open};this.toggleSelectAllOptions=e=>{if(!this.options)return;this.isBulkOperation=true;try{const t=this.getVisibleEnabledOptionItems();if(e){this.value=[...new Set([...this.value,...t])]}else{this.value=this.value.filter((e=>!t.includes(e)))}this.valueChanged.emit(this.value);this.syncChildComponents();this.reorderOptionsContent()}finally{requestAnimationFrame((()=>{this.isBulkOperation=false}))}};this.toggleSelectAllSlots=e=>{if(this.options)return;this.isBulkOperation=true;try{const t=this.getVisibleEnabledSlotItems();if(e){const e=t.map((e=>e.getAttribute("value")||e.getAttribute("label")||"")).filter((e=>e!==""));this.value=[...new Set([...this.value,...e])]}else{const e=t.map((e=>e.getAttribute("value")||e.getAttribute("label")||"")).filter((e=>e!==""));this.value=this.value.filter((t=>!e.includes(t)))}this.valueChanged.emit(this.value);requestAnimationFrame((()=>{this.syncChildComponents();this.reorderSlotContent()}))}finally{requestAnimationFrame((()=>{this.isBulkOperation=false}))}};this.handleSelectAllCheckboxOptionsClick=e=>{e.stopPropagation();e.preventDefault();const t=this.getSelectAllCheckboxStateOptions();const i=t==="unchecked"||t==="indeterminate";this.toggleSelectAllOptions(i)};this.handleSelectAllCheckboxSlotsClick=e=>{e.stopPropagation();e.preventDefault();const t=this.getSelectAllCheckboxStateSlots();const i=t==="unchecked"||t==="indeterminate";this.toggleSelectAllSlots(i)};this.handleMouseDownPreventBlur=()=>{this.preventBlurClose=true};this.renderOptionsMode=()=>{var e,t,o,n;return i(r,{"aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect"},i("slot",{name:"leading-input"}),(((e=this.value)===null||e===void 0?void 0:e.length)||0)>0&&i("nv-badge",{slot:"leading-input","prevent-auto-close":true,color:"10",dismissible:(((t=this.value)===null||t===void 0?void 0:t.length)||0)>0,label:`${((o=this.value)===null||o===void 0?void 0:o.length)||0} ${this.badgeLabel}`,"aria-label":`Clear all ${((n=this.value)===null||n===void 0?void 0:n.length)||0} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseOptions}),this.filterable||this.disabled||this.readonly?i("input",{type:"text",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.filterText,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputOptions,onFocus:this.handleInputFocusOptions,onBlur:this.handleInputBlurOptions,onKeyDown:this.handleKeyDown,"data-scope":"focusable","aria-label":this.label,"aria-controls":`${this.inputId}-listbox`}):i(s,null,i("input",{id:this.inputId,type:"text",style:{position:"absolute",opacity:"0",width:"0",height:"0",pointerEvents:"none"},tabIndex:-1,"aria-hidden":"true",autoComplete:this.autocomplete,name:this.name,onFocus:this.handleInputFocusOptions}),i("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickOptions,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusOptions,"aria-label":this.label,"aria-controls":`${this.inputId}-listbox`,"data-scope":"focusable",role:"button"},i("span",null,this.placeholder))),this.error&&i("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),this.filterable&&this.filterText.length>0&&i("nv-iconbutton",{"data-scope":"clear-filter",name:"x",size:"md",emphasis:"lower","aria-label":"Clear filter text",tabindex:"-1",title:"Clear filter text",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.clearFilterText}),i("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",title:this.open?"Hide dropdown":"Show dropdown",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.togglePopoverOptions})),i("slot",{name:"after-input"})),i("div",{id:`${this.inputId}-listbox`,slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{},onMouseDown:this.handleMouseDownPreventBlur},this.shouldShowToggleAllOptionsButton()&&i("div",{class:"select-all-container"},i("div",{class:"select-all-header"},this.isSelectAllSectionVisible&&i("nv-fieldcheckbox",{checked:this.getSelectAllCheckboxStateOptions()==="checked",indeterminate:this.getSelectAllCheckboxStateOptions()==="indeterminate",label:this.getSelectAllCheckboxStateOptions()==="unchecked"?this.selectAllLabel:this.deselectAllLabel,onMouseDown:this.handleMouseDownPreventBlur,onClick:this.handleSelectAllCheckboxOptionsClick}))),i("ul",{role:"listbox","aria-multiselectable":"true"},this.options.map((e=>i("nv-fielddropdownitemcheck",{role:"option",label:e.label,description:e.description,value:e.value,checked:(this.value||[]).includes(e.value),disabled:e.disabled})))))),this.renderDescriptions())};this.renderSlotsMode=()=>{var e,t,o,n;return i(r,{"aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect",onClick:this.handleInputContainerClickSlots},i("slot",{name:"leading-input"}),(((e=this.value)===null||e===void 0?void 0:e.length)||0)>0&&i("nv-badge",{slot:"leading-input","prevent-auto-close":true,color:"10",dismissible:(((t=this.value)===null||t===void 0?void 0:t.length)||0)>0,label:`${((o=this.value)===null||o===void 0?void 0:o.length)||0} ${this.badgeLabel}`,"aria-label":`Clear all ${((n=this.value)===null||n===void 0?void 0:n.length)||0} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseSlots}),this.filterable||this.disabled||this.readonly?i("input",{id:this.inputId,ref:e=>this.inputElement=e,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.filterText,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputSlots,onFocus:this.handleInputFocusSlots,onBlur:this.handleInputBlurSlots,onKeyDown:this.handleKeyDown,"data-scope":"focusable","aria-label":this.label,"aria-controls":`${this.inputId}-listbox`}):i(s,null,i("input",{id:this.inputId,type:"text",style:{position:"absolute",opacity:"0",width:"0",height:"0",pointerEvents:"none"},tabIndex:-1,"aria-hidden":"true",autoComplete:this.autocomplete,name:this.name,onFocus:this.handleInputFocusSlots}),i("p",{id:this.inputId,class:"non-filterable-text","aria-label":this.label,onClick:this.handleInputContainerClickSlots,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusSlots,"aria-controls":`${this.inputId}-listbox`,"data-scope":"focusable",role:"button"},i("span",null,this.placeholder))),this.error&&i("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),this.filterable&&this.filterText.length>0&&i("nv-iconbutton",{name:"x",size:"md",emphasis:"lower",tabindex:"-1",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.clearFilterText,"aria-label":"Clear filter text"}),i("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",title:this.open?"Hide dropdown":"Show dropdown",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.togglePopoverSlots})),i("slot",{name:"after-input"})),i("div",{id:`${this.inputId}-listbox`,slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{},onMouseDown:this.handleMouseDownPreventBlur},this.shouldShowToggleAllSlotButton()&&i("div",{class:"select-all-container"},i("div",{class:"select-all-header"},this.isSelectAllSectionVisible&&i("nv-fieldcheckbox",{checked:this.getSelectAllCheckboxStateSlots()==="checked",indeterminate:this.getSelectAllCheckboxStateSlots()==="indeterminate",label:this.getSelectAllCheckboxStateSlots()==="unchecked"?this.selectAllLabel:this.deselectAllLabel,onMouseDown:this.handleMouseDownPreventBlur,onClick:this.handleSelectAllCheckboxSlotsClick}))),i("slot",{name:"content"}))),this.renderDescriptions())}}handleOptionsChange(e){if(!e)return;if(!this.value||this.value.length===0){this.value=e.filter((e=>e.checked)).map((e=>e.value))}else{e.forEach((e=>{e.checked=(this.value||[]).includes(e.value)}))}this.reorderOptionsContent()}watchValueHandler(){if(this.isBulkOperation){return}if(this.el&&this.el.isConnected){this.syncChildComponents()}if(this.options){this.options.forEach((e=>{e.checked=(this.value||[]).includes(e.value)}))}}handleOpenChange(e){if(e){if(this.options){this.reorderOptionsContent()}else{this.reorderSlotContent()}if(this.filterText){this.filterItems()}}}handleOpenChanged(e){e.stopPropagation();if(e.target===this.popoverElement){if(this.open!==e.detail){this.open=e.detail;if(this.open){if(this.filterText){this.filterItems()}}else{if(this.filterable){this.clearFilterText()}this.handlePopoverClose()}if(this.options){this.reorderOptionsContent()}else{this.reorderSlotContent()}}}}handleItemChecked(e){if(this.disabled||this.readonly||this.isBulkOperation){return}const{value:t,checked:i}=e.detail;if(t!==undefined&&t!==null){const e=[...this.value||[]];const s=e.indexOf(t);let r=false;if(i&&s===-1){e.push(t);r=true}else if(!i&&s>-1){e.splice(s,1);r=true}if(r){this.value=e;this.valueChanged.emit(this.value);this.syncChildComponents()}if(this.filterable&&this.inputElement){this.inputElement.value=this.filterText}}else{console.warn("[Event:itemChecked] Received itemChecked event with undefined or null value")}}handleSlotChange(e){const t=e.target;if(t&&t.name==="content"){requestAnimationFrame((()=>{this.reorderSlotContent()}))}}async handleKeyDown(e){if(e.key==="Escape"){this.open=false;return}if(!this.open){if(e.key==="ArrowDown"){this.open=true;if(!this.filterable){requestAnimationFrame((()=>{this.focusFirstItem()}))}e.preventDefault();return}return}const t=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style*="display: none"])'));if(t.length===0){console.warn("No visible items found to navigate");return}let i=t.findIndex((e=>e.classList.contains("highlighted")));if(e.key==="ArrowDown"){e.preventDefault();i=i===-1?0:(i+1)%t.length;this.updateHighlightedItem(t,i)}else if(e.key==="ArrowUp"){e.preventDefault();i=i===-1?t.length-1:(i-1+t.length)%t.length;this.updateHighlightedItem(t,i)}else if(e.key==="Enter"&&i>=0){e.preventDefault();const s=t[i];const r=s.hasAttribute("checked");s.checked=!r;s.dispatchEvent(new MouseEvent("click",{view:window,bubbles:true,cancelable:true}))}else if(e.key==="Escape"){e.preventDefault();e.stopPropagation();const t=async()=>{this.isHandlingEscape=true;if(this.options){this.reorderOptionsContent()}else{this.reorderSlotContent()}await new Promise((e=>setTimeout(e,100)));setTimeout((()=>{this.isHandlingEscape=false;this.open=false}),150);if(this.inputElement){this.inputElement.blur()}};await t()}}connectedCallback(){if(!this._boundHandleClickOutside){this._boundHandleClickOutside=this.handleClickOutside.bind(this)}document.addEventListener("click",this._boundHandleClickOutside)}componentWillLoad(){var e;if(this.options){this.handleOptionsChange(this.options)}if(!this.options){this.initializeValueFromSlots();Promise.resolve().then((()=>{this.syncChildComponents();requestAnimationFrame((()=>{this.reorderSlotContent()}))}))}if(this.options){this.sortedOptions=[...(e=this.options)!==null&&e!==void 0?e:[]]}if(!this.filterText){this.resetFilter()}this.hasFilterResults=true}componentDidLoad(){if(this.options){this.handleOptionsChange(this.options)}this.syncChildComponents();if(!this.options){this.initializeValueFromSlots();this.syncChildComponents()}}disconnectedCallback(){if(this._boundHandleClickOutside){document.removeEventListener("click",this._boundHandleClickOutside)}}async getFilterText(){return this.filterText}async resetFilter(){const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((e=>{e.style.display=""}));const t=this.el.querySelector("ul");if(t){const i=t.querySelector("[data-empty]");if(i)i.remove();const s=e.filter((e=>(this.value||[]).includes(e.getAttribute("value")||"")));const r=e.filter((e=>!(this.value||[]).includes(e.getAttribute("value")||"")));if(s.length>0){this.manageDivider(t,s,r)}}this.hasFilterResults=true}async getSelectedValues(){return this.value}async selectAll(){if(this.disabled||this.readonly)return;if(this.options){this.toggleSelectAllOptions(true)}else{this.toggleSelectAllSlots(true)}}async deselectAll(){if(this.disabled||this.readonly)return;if(this.options){this.toggleSelectAllOptions(false)}else{this.toggleSelectAllSlots(false)}}async toggleSelectAll(){if(this.disabled||this.readonly)return;const e=this.options?this.getSelectAllCheckboxStateOptions():this.getSelectAllCheckboxStateSlots();const t=e==="unchecked"||e==="indeterminate";if(this.options){this.toggleSelectAllOptions(t)}else{this.toggleSelectAllSlots(t)}}reorderSlotContent(){if(this.options)return;const e=this.el.querySelector("ul");if(!e)return;e.querySelectorAll("hr.multiselect-divider").forEach((e=>e.remove()));const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((e=>e.style.display!=="none"));const i=e.querySelector("[data-empty]");if(i){return}const s=t.filter((e=>(this.value||[]).includes(e.getAttribute("value")||"")));const r=t.filter((e=>!(this.value||[]).includes(e.getAttribute("value")||"")));s.forEach((t=>{e.appendChild(t)}));if(s.length>0&&r.length>0){const t=document.createElement("hr");t.className="multiselect-divider";e.appendChild(t)}r.forEach((t=>{e.appendChild(t)}))}reorderOptionsContent(){const e=this.el.querySelector("ul");if(!e)return;const t=Array.from(e.querySelectorAll("nv-fielddropdownitemcheck")).filter((e=>e.style.display!=="none"));const i=t.filter((e=>(this.value||[]).includes(e.getAttribute("value")||"")));const s=t.filter((e=>!(this.value||[]).includes(e.getAttribute("value")||"")));i.forEach((t=>e.appendChild(t)));s.forEach((t=>e.appendChild(t)));this.manageDivider(e,i,s)}filterItems(){const e=this.el.querySelector("ul");if(!e)return;const t=e.querySelector("[data-empty]");if(t){t.remove()}if(!this.filterText.trim()){if(this.options&&this.options.length>0){const t=Array.from(e.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((e=>{e.style.display=""}))}else{const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((e=>{e.style.display=""}))}const t=Array.from(e.querySelectorAll("nv-fielddropdownitemcheck"));const i=t.filter((e=>(this.value||[]).includes(e.getAttribute("value")||"")));const s=t.filter((e=>!(this.value||[]).includes(e.getAttribute("value")||"")));this.manageDivider(e,i,s);return}const i=this.normalizeText(this.filterText);let s=false;if(this.options&&this.options.length>0){const t=Array.from(e.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((e=>{const t=this.options.find((t=>t.value===e.getAttribute("value")));if(t&&!t.isDivider){const r=this.normalizeText(t.label).includes(i)||this.normalizeText(t.value).includes(i);e.style.display=r?"":"none";if(r)s=true}}));const r=t.filter((e=>e.style.display!=="none"));const o=r.filter((e=>(this.value||[]).includes(e.getAttribute("value")||"")));const n=r.filter((e=>!(this.value||[]).includes(e.getAttribute("value")||"")));this.manageDivider(e,o,n)}else{const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((e=>{const t=e.getAttribute("label")||"";const r=e.getAttribute("value")||"";const o=e.textContent||"";const n=this.normalizeText(t).includes(i)||this.normalizeText(r).includes(i)||this.normalizeText(o).includes(i);e.style.display=n?"":"none";if(n)s=true}))}if(!s){const t=document.createElement("li");t.setAttribute("data-empty","true");t.textContent=this.emptyResult;t.classList.add("no-results-message");e.appendChild(t)}this.reorderSlotContent()}filterItemsOption(){const e=this.el.querySelector("ul");if(!e)return;const t=this.normalizeText(this.filterText);let i=false;const s=Array.from(e.querySelectorAll("nv-fielddropdownitemcheck"));if(!this.filterText.trim()){this.removeEmptyMessageOption(e);s.forEach((e=>{e.style.display="";e.removeAttribute("aria-hidden")}));this.reorderOptionsContent();this.hasFilterResults=true;return}s.forEach((e=>{const s=this.options.find((t=>t.value===e.getAttribute("value")));if(s&&!s.isDivider){const r=this.normalizeText(s.label).includes(t)||this.normalizeText(s.value).includes(t);e.style.display=r?"":"none";e.setAttribute("aria-hidden",r?"false":"true");if(r)i=true}else{e.style.display="none";e.setAttribute("aria-hidden","true")}}));this.hasFilterResults=i;const r=s.filter((e=>e.style.display!=="none"));const o=r.filter((e=>(this.value||[]).includes(e.getAttribute("value")||"")));const n=r.filter((e=>!(this.value||[]).includes(e.getAttribute("value")||"")));this.manageDivider(e,o,n);if(!i){this.addEmptyMessageOption(e)}else{this.removeEmptyMessageOption(e)}}filterSlotsItems(){if(this.options)return;const e=this.el.querySelector("ul");if(!e)return;const t=e.querySelector("[data-empty]");if(t){t.remove()}if(!this.filterText.trim()){this.resetFilter();this.hasFilterResults=true;return}const i=this.normalizeText(this.filterText);let s=false;const r=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));r.forEach((e=>{var t;const r=e.getAttribute("label")||"";const o=e.getAttribute("value")||"";const n=((t=e.textContent)===null||t===void 0?void 0:t.trim())||"";const l=this.normalizeText(r).includes(i)||this.normalizeText(o).includes(i)||this.normalizeText(n).includes(i);e.style.display=l?"":"none";if(l)s=true}));this.hasFilterResults=s;const o=r.filter((e=>e.style.display!=="none"));const n=o.filter((e=>(this.value||[]).includes(e.getAttribute("value")||"")));this.manageDivider(e,n,o.filter((e=>!(this.value||[]).includes(e.getAttribute("value")||""))));if(!s){const t=document.createElement("li");t.setAttribute("data-empty","true");t.textContent=this.emptyResult;t.classList.add("no-results-message");e.appendChild(t)}}normalizeText(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase().trim()}handleClickOutside(e){if(this.el.contains(e.target)||this.inputElement&&this.inputElement.contains(e.target)){return}this.open=false}updateHighlightedItem(e,t){e.forEach(((e,i)=>{if(i===t){e.classList.add("highlighted");e.setAttribute("tabindex","0");e.scrollIntoView({block:"nearest"});const t=e.querySelector("nv-fieldcheckbox");if(t){t.focus()}}else{e.classList.remove("highlighted");e.setAttribute("tabindex","-1")}}))}focusFirstItem(){const e=this.el.querySelector('nv-fielddropdownitemcheck:not([style*="display: none"])');if(e){e.setAttribute("tabindex","0");e.classList.add("highlighted");e.scrollIntoView({block:"nearest"});const t=e.querySelector("nv-fieldcheckbox");if(t){t.focus()}}else{console.warn("No visible first item found to focus")}}addEmptyMessageOption(e){const t=e.querySelector("[data-empty]");if(t)return;const i=document.createElement("li");i.setAttribute("data-empty","true");i.textContent=this.emptyResult;i.classList.add("no-results-message");e.appendChild(i)}removeEmptyMessageOption(e){const t=e.querySelector("[data-empty]");if(t)t.remove()}manageDivider(e,t,i){let s=e.querySelector("hr.multiselect-divider");if(!s){s=document.createElement("hr");s.className="multiselect-divider";e.appendChild(s)}const r=t.length>0&&i.length>0;if(r){const e=t[t.length-1];e.after(s);s.style.display=""}else{s.style.display="none"}}syncChildComponents(){if(!this.el||!this.el.isConnected){return}const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));e.forEach((e=>{const t=e.getAttribute("value")||e.getAttribute("label")||"";const i=(this.value||[]).includes(t);if(e.checked!==i){if(this.isBulkOperation){if(i){e.setAttribute("checked","")}else{e.removeAttribute("checked")}e.checked=i}else{e.checked=i}}}))}getVisibleEnabledSlotItems(){const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));return e.filter((e=>{const t=e.style.display==="none";const i=e.hasAttribute("disabled");return!t&&!i}))}getVisibleEnabledOptionItems(){const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));const t=e.filter((e=>{const t=e.style.display==="none"||e.getAttribute("aria-hidden")==="true";const i=e.hasAttribute("disabled")||e.getAttribute("disabled")==="true";return!t&&!i}));return t.map((e=>e.getAttribute("value")||"")).filter((e=>e!==""))}shouldShowToggleAllOptionsButton(){if(!this.options)return false;return this.enableSelectAll&&this.hasFilterResults}getSelectAllCheckboxStateOptions(){if(!this.options)return"unchecked";const e=this.getVisibleEnabledOptionItems();if(e.length===0)return"unchecked";const t=e.filter((e=>(this.value||[]).includes(e)));if(t.length===0)return"unchecked";if(t.length===e.length)return"checked";return"indeterminate"}getSelectAllCheckboxStateSlots(){if(this.options)return"unchecked";const e=this.getVisibleEnabledSlotItems();if(e.length===0)return"unchecked";const t=e.filter((e=>{const t=e.getAttribute("value")||e.getAttribute("label")||"";return t!==""&&(this.value||[]).includes(t)}));if(t.length===0)return"unchecked";if(t.length===e.length)return"checked";return"indeterminate"}shouldShowToggleAllSlotButton(){if(this.options)return false;return this.enableSelectAll&&this.hasFilterResults}initializeValueFromSlots(){const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));const t=e.filter((e=>e.hasAttribute("checked"))).map((e=>e.getAttribute("value")||e.getAttribute("label")||""));this.value=Array.from(new Set([...this.value||[],...t]))}renderDescriptions(){return[(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{class:"description"},i("slot",{name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{hidden:!this.error,class:"error-description"},i("slot",{name:"error-description"},this.errorDescription))]}render(){return this.options?this.renderOptionsMode():this.renderSlotsMode()}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{options:["handleOptionsChange"],value:["watchValueHandler"],open:["handleOpenChange"]}}};d.style=a;export{d as nv_fieldmultiselect};
+//# sourceMappingURL=p-e688c905.entry.js.map