@esri/calcite-components 2.2.0-next.10 → 2.2.0-next.11

package/dist/calcite/p-a64ef919.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
- */
-import{r as e,c as t,h as s,H as i,g as a,F as r}from"./p-c0595915.js";import{j as n,c as o,e as h,g as c,h as d,f as l,s as f,k as p,i as u,l as g,n as v,p as y,m as b,o as m}from"./p-c43eabbe.js";import{c as w,s as x,a as k}from"./p-e003995f.js";import{c as D,d as z,n as C,e as A}from"./p-904be5f8.js";import{c as I,d as S,s as j,u as M}from"./p-9a9521de.js";import{c as P,t as H}from"./p-26960e4c.js";import{I as R,c as L,u as O,d as W}from"./p-3c1c7466.js";import{i as _}from"./p-9306d022.js";import{H as Y}from"./p-38493b6a.js";import{g as E}from"./p-da020626.js";import"./p-1a02138f.js";import"./p-af2e8eba.js";import"./p-48317d63.js";import"./p-9a7e6205.js";const N=2;const F={dateStyle:"full"};const K=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:auto;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);vertical-align:top}:host([scale=s]){inline-size:234px;min-inline-size:216px;max-inline-size:380px}:host([scale=m]){inline-size:304px;min-inline-size:272px;max-inline-size:480px}:host([scale=l]){inline-size:370px;min-inline-size:320px;max-inline-size:600px}:host([hidden]){display:none}[hidden]{display:none}";const T=class{constructor(s){e(this,s);this.calciteDatePickerChange=t(this,"calciteDatePickerChange",6);this.calciteDatePickerRangeChange=t(this,"calciteDatePickerRangeChange",6);this.keyDownHandler=e=>{if(e.key==="Escape"){this.resetActiveDates()}};this.monthHeaderSelectChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthActiveDateChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthHoverChange=e=>{if(!this.range){this.hoverRange=undefined;return}const{valueAsDate:t}=this;const s=Array.isArray(t)&&t[0];const i=Array.isArray(t)&&t[1];const a=new Date(e.detail);this.hoverRange={focused:this.activeRange||"start",start:s,end:i};if(!this.proximitySelectionDisabled){if(s&&i){const e=n(a,s);const t=n(a,i);if(t>0){this.hoverRange.end=a;this.hoverRange.focused="end"}else if(e<0){this.hoverRange.start=a;this.hoverRange.focused="start"}else if(e>t){this.hoverRange.start=a;this.hoverRange.focused="start"}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}else{if(s){if(a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}}}else{if(!i){if(a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}else{this.hoverRange=undefined}}e.stopPropagation()};this.monthMouseOutChange=()=>{if(this.hoverRange){this.hoverRange=undefined}};this.resetActiveDates=()=>{const{valueAsDate:e}=this;if(!Array.isArray(e)&&e&&e!==this.activeDate){this.activeDate=new Date(e)}if(Array.isArray(e)){if(e[0]&&e[0]!==this.activeStartDate){this.activeStartDate=new Date(e[0])}if(e[1]&&e[1]!==this.activeEndDate){this.activeEndDate=new Date(e[1])}}};this.monthDateChange=e=>{const t=new Date(e.detail);const s=o(t);if(!this.range&&s===o(this.valueAsDate)){return}if(!this.range){this.value=s||"";this.valueAsDate=t||null;this.activeDate=t||null;this.calciteDatePickerChange.emit();return}const i=this.getStartDate();const a=this.getEndDate();if(!i||!a&&t<i){if(i){this.setEndDate(new Date(i))}if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else if(!a){this.setEndDate(t)}else{if(!this.proximitySelectionDisabled){if(this.activeRange){if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else{const e=n(t,i);const s=n(t,a);if(s===0||e<0){this.setStartDate(t)}else if(e===0||s<0){this.setEndDate(t)}else if(e<s){this.setStartDate(t)}else{this.setEndDate(t)}}}else{this.setStartDate(t)}}this.calciteDatePickerChange.emit()};this.activeDate=undefined;this.activeRange=undefined;this.value=undefined;this.headingLevel=undefined;this.valueAsDate=undefined;this.minAsDate=undefined;this.maxAsDate=undefined;this.min=undefined;this.max=undefined;this.numberingSystem=undefined;this.scale="m";this.range=false;this.proximitySelectionDisabled=false;this.messageOverrides=undefined;this.messages=undefined;this.activeEndDate=undefined;this.activeStartDate=undefined;this.dateTimeFormat=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.endAsDate=undefined;this.hoverRange=undefined;this.localeData=undefined;this.mostRecentRangeValue=undefined;this.startAsDate=undefined}activeDateWatcher(e){if(this.activeRange==="end"){this.activeEndDate=e}}valueAsDateWatcher(e){if(this.range&&Array.isArray(e)){const{activeStartDate:t,activeEndDate:s}=this;const i=e[0];const a=e[1];this.activeStartDate=t!==i&&i;this.activeEndDate=s!==a&&a}else if(e&&e!==this.activeDate){this.activeDate=e}}onMinChanged(e){if(e){this.minAsDate=h(e)}}onMaxChanged(e){if(e){this.maxAsDate=h(e)}}onMessagesChange(){}async setFocus(){await w(this);this.el.focus()}async reset(){this.resetActiveDates();this.mostRecentRangeValue=undefined}connectedCallback(){D(this);I(this);if(Array.isArray(this.value)){this.valueAsDate=c(this.value)}else if(this.value){this.valueAsDate=h(this.value)}if(this.min){this.minAsDate=h(this.min)}if(this.max){this.maxAsDate=h(this.max)}}disconnectedCallback(){z(this);S(this)}async componentWillLoad(){x(this);await this.loadLocaleData();this.onMinChanged(this.min);this.onMaxChanged(this.max);await j(this)}componentDidLoad(){k(this)}render(){const e=d(this.range&&Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate);let t=this.getActiveDate(e,this.minAsDate,this.maxAsDate);const a=this.range&&Array.isArray(this.valueAsDate)?d(this.valueAsDate[1],this.minAsDate,this.maxAsDate):null;const r=this.getActiveEndDate(a,this.minAsDate,this.maxAsDate);if((this.activeRange==="end"||this.hoverRange?.focused==="end"&&(!this.proximitySelectionDisabled||a))&&r){t=r}if(this.range&&this.mostRecentRangeValue){t=this.mostRecentRangeValue}const n=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:e||this.minAsDate:this.minAsDate;const o=this.range&&this.activeRange?this.activeRange==="start"?a||this.maxAsDate:this.maxAsDate:this.maxAsDate;return s(i,{onBlur:this.resetActiveDates,onKeyDown:this.keyDownHandler},this.renderCalendar(t,o,n,e,a))}effectiveLocaleChange(){M(this,this.effectiveLocale)}valueHandler(e){if(Array.isArray(e)){this.valueAsDate=c(e)}else if(e){this.valueAsDate=h(e)}}async loadLocaleData(){C.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};this.localeData=await l(this.effectiveLocale);this.dateTimeFormat=A(this.effectiveLocale,F)}renderCalendar(e,t,i,a,r){return this.localeData&&[s("calcite-date-picker-month-header",{activeDate:e,headingLevel:this.headingLevel||N,localeData:this.localeData,max:t,messages:this.messages,min:i,onCalciteInternalDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a||new Date}),s("calcite-date-picker-month",{activeDate:e,dateTimeFormat:this.dateTimeFormat,endDate:this.range?r:undefined,hoverRange:this.hoverRange,localeData:this.localeData,max:t,min:i,onCalciteInternalDatePickerActiveDateChange:this.monthActiveDateChange,onCalciteInternalDatePickerHover:this.monthHoverChange,onCalciteInternalDatePickerMouseOut:this.monthMouseOutChange,onCalciteInternalDatePickerSelect:this.monthDateChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a,startDate:this.range?a:undefined})]}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||undefined}setEndDate(e){const t=this.getStartDate();const s=e?f(e):e;this.value=[o(t),o(e)];this.valueAsDate=[t,e];this.mostRecentRangeValue=s;this.calciteDatePickerRangeChange.emit();this.activeEndDate=e||null}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]}setStartDate(e){const t=this.getEndDate();this.value=[o(e),o(t)];this.valueAsDate=[e,t];this.mostRecentRangeValue=e;this.calciteDatePickerRangeChange.emit();this.activeStartDate=e||null}getActiveDate(e,t,s){return d(this.activeDate,t,s)||e||d(new Date,t,s)}getActiveEndDate(e,t,s){return d(this.activeEndDate,t,s)||e||d(new Date,t,s)}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{activeDate:["activeDateWatcher"],valueAsDate:["valueAsDateWatcher"],min:["onMinChanged"],max:["onMaxChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","loadLocaleData"],value:["valueHandler"]}}};T.style=K;const $=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;cursor:pointer;color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-v-wrapper{flex:1 1 auto}.day-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}:host([range]) .day-wrapper:before,:host([range]) .day-wrapper:after,:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after{pointer-events:none;position:absolute;inset-block:0;content:"";block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.day{z-index:var(--calcite-z-index);display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background:none;box-shadow:0 0 0 2px transparent;block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size:27px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size:33px}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding:0px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size:43px}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day,:host([active]:not([range]):not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}:host(:focus:not([disabled])) .day,:host([start-of-range]:not(:focus)) .day,:host([end-of-range]:not(:focus)) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([highlighted]:not([selected])) .day-wrapper:before{inset-inline-end:50%;border-radius:0}:host([range-hover]:not([selected])) .day-wrapper:after,:host([highlighted]:not([selected])) .day-wrapper:after{inset-inline-start:50%;border-radius:0}:host([range-hover]:not([selected])) .day,:host([highlighted]:not([selected])) .day{color:var(--calcite-color-text-1)}:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([selected]:not(.hover--outside-range)) .day-wrapper:before,:host([selected]:not(.hover--outside-range)) .day-wrapper:after{background-color:var(--calcite-color-foreground-current)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:var(--calcite-color-foreground-2)}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:before,:host([highlighted][end-of-range]) .day-wrapper:before,:host([highlighted][range-edge=end]) .day-wrapper:before,:host([range-hover][range-edge=end]) .day-wrapper:before,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:before{inset-inline-end:50%}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:after,:host([highlighted][end-of-range]) .day-wrapper:after,:host([highlighted][range-edge=end]) .day-wrapper:after,:host([range-hover][range-edge=end]) .day-wrapper:after,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:after{inset-inline-start:50%;border-start-end-radius:var(--calcite-internal-day-size);border-end-end-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:before,:host([highlighted][range-edge=start]) .day-wrapper:before,:host([range-hover][range-edge=start]) .day-wrapper:before,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:before,:host([start-of-range].hover--inside-range) .day-wrapper:before,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:before{inset-inline-end:50%;border-start-start-radius:var(--calcite-internal-day-size);border-end-start-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:after,:host([highlighted][range-edge=start]) .day-wrapper:after,:host([range-hover][range-edge=start]) .day-wrapper:after,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:after,:host([start-of-range].hover--inside-range) .day-wrapper:after,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:after{inset-inline-start:50%}:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:after,:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:before,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:after,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:before,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:after,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:before,:host([end-of-range]) .day-wrapper:after,:host([end-of-range]) .day-wrapper:before{content:unset}:host(:hover[range-hover]:not([selected]).focused--start) .day,:host(:hover[range-hover]:not([selected]).focused--end) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){.day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day-wrapper:before,:host([range][selected]) .day-wrapper:after,:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:highlight}:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after,:host([range][selected][start-of-range]) .day-wrapper:before,:host([range][selected][start-of-range]) .day-wrapper:after,:host([range][selected][end-of-range]) .day-wrapper:before,:host([range][selected][end-of-range]) .day-wrapper:after{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}';const G=class{constructor(s){e(this,s);this.calciteDaySelect=t(this,"calciteDaySelect",6);this.calciteInternalDayHover=t(this,"calciteInternalDayHover",6);this.onClick=()=>{if(this.disabled){return}this.calciteDaySelect.emit()};this.keyDownHandler=e=>{if(_(e.key)){!this.disabled&&this.calciteDaySelect.emit();e.preventDefault()}};this.day=undefined;this.dateTimeFormat=undefined;this.disabled=false;this.currentMonth=false;this.selected=false;this.highlighted=false;this.range=false;this.rangeEdge=undefined;this.startOfRange=false;this.endOfRange=false;this.rangeHover=false;this.active=false;this.scale=undefined;this.value=undefined}pointerOverHandler(){if(this.disabled){return}this.calciteInternalDayHover.emit()}componentWillLoad(){this.parentDatePickerEl=P(this.el,"calcite-date-picker")}render(){const e=o(this.value).replaceAll("-","");if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const t=C.localize(String(this.day));const a=this.dateTimeFormat.format(this.value);return s(i,{"aria-disabled":H(this.disabled),"aria-label":a,"aria-selected":H(this.active),id:e,onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"button",tabIndex:this.active&&!this.disabled?0:-1},s(R,{disabled:this.disabled},s("div",{"aria-hidden":"true",class:{"day-v-wrapper":true}},s("div",{class:"day-wrapper"},s("span",{class:"day"},s("span",{class:"text"},t))))))}connectedCallback(){L(this)}componentDidRender(){O(this)}disconnectedCallback(){W(this)}get el(){return a(this)}};G.style=$;const U=":host([hidden]){display:none}[hidden]{display:none}.calendar{margin-block-end:0.25rem}.week-headers{display:flex;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline:0.25rem}.week-header{text-align:center;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-3);inline-size:14.2857142857%}.day{display:flex;min-inline-size:0px;justify-content:center;inline-size:14.2857142857%}.day calcite-date-picker-day{inline-size:100%}:host([scale=s]) .week-header{padding-inline:0px;padding-block:0.5rem 0.75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) .week-header{padding-inline:0px;padding-block:0.75rem 1rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]) .week-header{padding-inline:0px;padding-block:1rem 1.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}.week-days{display:flex;flex-direction:row;padding-block:0px;padding-inline:6px}.week-days:focus{outline:2px solid transparent;outline-offset:2px}";const B=7;const q=6;const J=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.calciteInternalDatePickerHover=t(this,"calciteInternalDatePickerHover",6);this.calciteInternalDatePickerActiveDateChange=t(this,"calciteInternalDatePickerActiveDateChange",6);this.calciteInternalDatePickerMouseOut=t(this,"calciteInternalDatePickerMouseOut",6);this.keyDownHandler=e=>{if(e.defaultPrevented){return}const t=this.el.dir==="rtl";switch(e.key){case"ArrowUp":e.preventDefault();this.addDays(-7);break;case"ArrowRight":e.preventDefault();this.addDays(t?-1:1);break;case"ArrowDown":e.preventDefault();this.addDays(7);break;case"ArrowLeft":e.preventDefault();this.addDays(t?1:-1);break;case"PageUp":e.preventDefault();this.addMonths(-1);break;case"PageDown":e.preventDefault();this.addMonths(1);break;case"Home":e.preventDefault();this.activeDate.setDate(1);this.addDays();break;case"End":e.preventDefault();this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate());this.addDays();break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=false}};this.disableActiveFocus=()=>{this.activeFocus=false};this.dayHover=e=>{const t=e.target;if(t.disabled){this.calciteInternalDatePickerMouseOut.emit()}else{this.calciteInternalDatePickerHover.emit(t.value)}e.stopPropagation()};this.daySelect=e=>{const t=e.target;this.calciteInternalDatePickerSelect.emit(t.value)};this.dateTimeFormat=undefined;this.selectedDate=undefined;this.activeDate=new Date;this.startDate=undefined;this.endDate=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.hoverRange=undefined}pointerOutHandler(){this.calciteInternalDatePickerMouseOut.emit()}render(){const e=this.activeDate.getMonth();const t=this.activeDate.getFullYear();const a=this.localeData.weekStart%7;const{abbreviated:r,short:n,narrow:o}=this.localeData.days;const h=this.scale==="s"?o||n||r:n||r||o;const c=[...h.slice(a,7),...h.slice(0,a)];const d=this.getCurrentMonthDays(e,t);const l=this.getPreviousMonthDays(e,t,a);const f=this.getNextMonthDays(e,t,a);let u=0;const g=()=>u++%7;const v=[...l.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e-1,s)}))),...d.map((s=>{const i=new Date(t,e,s);const a=p(i,this.activeDate);return{active:a,currentMonth:true,day:s,dayInWeek:g(),date:i,ref:true}})),...f.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e+1,s)})))];const y=[];for(let e=0;e<v.length;e+=7){y.push(v.slice(e,e+7))}return s(i,{onFocusOut:this.disableActiveFocus,onKeyDown:this.keyDownHandler},s("div",{class:"calendar",role:"grid"},s("div",{class:"week-headers",role:"row"},c.map((e=>s("span",{class:"week-header",role:"columnheader"},e)))),y.map((e=>s("div",{class:"week-days",role:"row"},e.map((e=>this.renderDateDay(e))))))))}addMonths(e){const t=new Date(this.activeDate);t.setMonth(this.activeDate.getMonth()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}addDays(e=0){const t=new Date(this.activeDate);t.setDate(this.activeDate.getDate()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}getPreviousMonthDays(e,t,s){const i=new Date(t,e,0);const a=i.getDate();const r=i.getDay();const n=[];if(r===(s+q)%B){return n}if(r===s){return[a]}for(let e=(B+r-s)%B;e>=0;e--){n.push(a-e)}return n}getCurrentMonthDays(e,t){const s=new Date(t,e+1,0).getDate();const i=[];for(let e=0;e<s;e++){i.push(e+1)}return i}getNextMonthDays(e,t,s){const i=new Date(t,e+1,0).getDay();const a=[];if(i===(s+q)%B){return a}for(let e=0;e<(q-(i-s))%B;e++){a.push(e+1)}return a}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(p(e,this.selectedDate)||this.startDate&&p(e,this.startDate)||this.endDate&&p(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!p(this.startDate,this.endDate)&&p(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!p(this.startDate,this.endDate)&&p(this.endDate,e)||!this.endDate&&this.hoverRange&&p(this.startDate,this.hoverRange.end)&&p(e,this.hoverRange.end))}renderDateDay({active:e,currentMonth:t,date:i,day:a,dayInWeek:r,ref:n}){const o=this.isFocusedOnStart();const h=this.isHoverInRange()||!this.endDate&&this.hoverRange&&p(this.hoverRange?.end,this.startDate);return s("div",{class:"day",key:i.toDateString(),role:"gridcell"},s("calcite-date-picker-day",{active:e,class:{"hover--inside-range":this.startDate&&h,"hover--outside-range":this.startDate&&!h,"focused--start":o,"focused--end":!o},currentMonth:t,dateTimeFormat:this.dateTimeFormat,day:a,disabled:!u(i,this.min,this.max),endOfRange:this.isEndOfRange(i),highlighted:this.betweenSelectedRange(i),onCalciteDaySelect:this.daySelect,onCalciteInternalDayHover:this.dayHover,range:!!this.startDate&&!!this.endDate&&!p(this.startDate,this.endDate),rangeEdge:r===0?"start":r===6?"end":undefined,rangeHover:this.isRangeHover(i),scale:this.scale,selected:this.isSelected(i),startOfRange:this.isStartOfRange(i),value:i,ref:t=>{if(n&&e&&this.activeFocus){t?.focus()}}}))}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange){return false}const{start:e,end:t}=this.hoverRange;return!!(!this.isFocusedOnStart()&&this.startDate&&(!this.endDate||t<this.endDate)||this.isFocusedOnStart()&&this.startDate&&e>this.startDate)}isRangeHover(e){if(!this.hoverRange){return false}const{start:t,end:s}=this.hoverRange;const i=this.isFocusedOnStart();const a=this.isHoverInRange();const r=a&&(!i&&e>this.startDate&&(e<s||p(e,s))||i&&e<this.endDate&&(e>t||p(e,t)));const n=!a&&(!i&&e>=this.endDate&&(e<s||p(e,s))||i&&(this.startDate&&e<this.startDate||this.endDate&&p(e,this.startDate))&&(t&&e>t||p(e,t)));return r||n}get el(){return a(this)}};J.style=U;const Q={header:"header",month:"month",chevron:"chevron",suffix:"suffix",yearSuffix:"year--suffix",yearWrap:"year-wrap",textReverse:"text--reverse"};const V={chevronLeft:"chevron-left",chevronRight:"chevron-right"};const X=":host{display:block}.header{display:flex;justify-content:space-between;padding-block:0px;padding-inline:0.25rem}:host([scale=s]) .text{margin-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{block-size:2.25rem}:host([scale=m]) .text{margin-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{block-size:3rem}:host([scale=l]) .text{margin-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{block-size:3.5rem}.chevron{margin-inline:-0.25rem;box-sizing:content-box;display:flex;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding-inline:0.25rem;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inline-size:14.2857142857%}.chevron:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.chevron:hover,.chevron:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none;opacity:0}.text{margin-block:auto;display:flex;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;line-height:1}.text--reverse{flex-direction:row-reverse}.month,.year,.suffix{margin-inline:0.25rem;margin-block:auto;display:inline-block;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-1);font-size:inherit}.year{position:relative;inline-size:2.5rem;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent}.year:hover{transition-duration:100ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.year--suffix{text-align:start}.year-wrap{position:relative}.suffix{inset-block-start:0px;white-space:nowrap;text-align:start;inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}";const Z=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.onYearKey=e=>{const t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault();this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault();this.setYear({localizedYear:t,offset:1});break}};this.onYearChange=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})};this.onYearInput=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:false})};this.prevMonthClick=e=>{this.handleArrowClick(e,this.prevMonthDate)};this.prevMonthKeydown=e=>{if(_(e.key)){this.prevMonthClick(e)}};this.nextMonthClick=e=>{this.handleArrowClick(e,this.nextMonthDate)};this.nextMonthKeydown=e=>{if(_(e.key)){this.nextMonthClick(e)}};this.handleArrowClick=(e,t)=>{e.preventDefault();this.calciteInternalDatePickerSelect.emit(t)};this.selectedDate=undefined;this.activeDate=undefined;this.headingLevel=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.messages=undefined;this.nextMonthDate=undefined;this.prevMonthDate=undefined}componentWillLoad(){this.parentDatePickerEl=P(this.el,"calcite-date-picker")}connectedCallback(){this.setNextPrevMonthDates()}render(){return s("div",{class:Q.header},this.renderContent())}renderContent(){const{messages:e,localeData:t,activeDate:i}=this;if(!i||!t){return null}if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const a=i.getMonth();const{months:n,unitOrder:o}=t;const h=(n.wide||n.narrow||n.abbreviated)[a];const c=this.formatCalendarYear(i.getFullYear());const d=g(o);const l=d.indexOf("y")<d.indexOf("m");const f=t.year?.suffix;return s(r,null,s("a",{"aria-disabled":`${this.prevMonthDate.getMonth()===a}`,"aria-label":e.prevMonth,class:Q.chevron,href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:V.chevronLeft,scale:E(this.scale)})),s("div",{class:{text:true,[Q.textReverse]:l}},s(Y,{class:Q.month,level:this.headingLevel},h),s("span",{class:Q.yearWrap},s("input",{"aria-label":e.year,class:{year:true,[Q.yearSuffix]:!!f},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.onYearChange,onInput:this.onYearInput,onKeyDown:this.onYearKey,pattern:"\\d*",type:"text",value:c,ref:e=>this.yearInput=e}),f&&s("span",{class:Q.suffix},f))),s("a",{"aria-disabled":`${this.nextMonthDate.getMonth()===a}`,"aria-label":e.nextMonth,class:Q.chevron,href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:V.chevronRight,scale:E(this.scale)})))}setNextPrevMonthDates(){if(!this.activeDate){return}this.nextMonthDate=d(v(this.activeDate),this.min,this.max);this.prevMonthDate=d(y(this.activeDate),this.min,this.max)}formatCalendarYear(e){return C.localize(`${b(e,this.localeData)}`)}parseCalendarYear(e){return C.localize(`${m(Number(C.delocalize(e)),this.localeData)}`)}getInRangeDate({localizedYear:e,offset:t=0}){const{min:s,max:i,activeDate:a}=this;const r=Number(C.delocalize(e));const n=r.toString().length;const o=isNaN(r)?false:r+t;const h=o&&(!s||s.getFullYear()<=o)&&(!i||i.getFullYear()>=o);if(o&&h&&n===e.length){const e=new Date(a);e.setFullYear(o);return d(e,s,i)}}setYear({localizedYear:e,commit:t=true,offset:s=0}){const{yearInput:i,activeDate:a}=this;const r=this.getInRangeDate({localizedYear:e,offset:s});if(r){this.calciteInternalDatePickerSelect.emit(r)}if(t){i.value=this.formatCalendarYear((r||a).getFullYear())}}get el(){return a(this)}static get watchers(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}}};Z.style=X;export{T as calcite_date_picker,G as calcite_date_picker_day,J as calcite_date_picker_month,Z as calcite_date_picker_month_header};
-//# sourceMappingURL=p-a64ef919.entry.js.map

package/dist/calcite/p-a64ef919.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["HEADING_LEVEL","DATE_PICKER_FORMAT_OPTIONS","dateStyle","datePickerCss","DatePicker","this","keyDownHandler","event","key","resetActiveDates","monthHeaderSelectChange","date","Date","detail","range","activeDate","activeRange","activeEndDate","activeStartDate","mostRecentRangeValue","monthActiveDateChange","monthHoverChange","hoverRange","undefined","valueAsDate","start","Array","isArray","end","focused","proximitySelectionDisabled","startDiff","getDaysDiff","endDiff","stopPropagation","monthMouseOutChange","monthDateChange","isoDate","dateToISO","value","calciteDatePickerChange","emit","getStartDate","getEndDate","setEndDate","setStartDate","activeDateWatcher","newActiveDate","valueAsDateWatcher","newValueAsDate","newActiveStartDate","newActiveEndDate","onMinChanged","min","minAsDate","dateFromISO","onMaxChanged","max","maxAsDate","onMessagesChange","setFocus","componentFocusable","el","focus","reset","connectedCallback","connectLocalized","connectMessages","getValueAsDateRange","disconnectedCallback","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","loadLocaleData","setUpMessages","componentDidLoad","setComponentLoaded","render","dateFromRange","getActiveDate","endDate","getActiveEndDate","minDate","maxDate","h","Host","onBlur","onKeyDown","renderCalendar","effectiveLocaleChange","updateMessages","effectiveLocale","valueHandler","numberStringFormatter","numberFormatOptions","numberingSystem","locale","useGrouping","localeData","getLocaleData","dateTimeFormat","getDateTimeFormat","headingLevel","messages","onCalciteInternalDatePickerSelect","scale","selectedDate","onCalciteInternalDatePickerActiveDateChange","onCalciteInternalDatePickerHover","onCalciteInternalDatePickerMouseOut","startDate","newEndDate","setEndOfDay","calciteDatePickerRangeChange","datePickerDayCss","DatePickerDay","onClick","disabled","calciteDaySelect","isActivationKey","preventDefault","pointerOverHandler","calciteInternalDayHover","parentDatePickerEl","closestElementCrossShadowBoundary","dayId","replaceAll","lang","formattedDay","localize","String","day","dayLabel","format","toAriaBoolean","active","id","role","tabIndex","InteractiveContainer","class","connectInteractive","componentDidRender","updateHostInteraction","disconnectInteractive","datePickerMonthCss","DAYS_PER_WEEK","DAYS_MAXIMUM_INDEX","DatePickerMonth","defaultPrevented","isRTL","dir","addDays","addMonths","setDate","getFullYear","getMonth","getDate","activeFocus","disableActiveFocus","dayHover","target","calciteInternalDatePickerMouseOut","calciteInternalDatePickerHover","daySelect","calciteInternalDatePickerSelect","pointerOutHandler","month","year","startOfWeek","weekStart","abbreviated","short","narrow","days","weekDays","adjustedWeekDays","slice","curMonDays","getCurrentMonthDays","prevMonDays","getPreviousMonthDays","nextMonDays","getNextMonthDays","dayInWeek","getDayInWeek","map","sameDate","currentMonth","ref","weeks","i","length","push","onFocusOut","weekday","renderDateDay","step","nextDate","setMonth","calciteInternalDatePickerActiveDateChange","lastDate","startDay","getDay","num","endDay","betweenSelectedRange","isRangeHover","isSelected","isStartOfRange","isEndOfRange","isFocusedOnStart","isHoverInRange","toDateString","inRange","endOfRange","highlighted","onCalciteDaySelect","onCalciteInternalDayHover","rangeEdge","rangeHover","selected","startOfRange","isStart","insideRange","cond1","cond2","CSS","header","chevron","suffix","yearSuffix","yearWrap","textReverse","ICON","chevronLeft","chevronRight","datePickerMonthHeaderCss","DatePickerMonthHeader","onYearKey","localizedYear","parseCalendarYear","setYear","offset","onYearChange","onYearInput","commit","prevMonthClick","handleArrowClick","prevMonthDate","prevMonthKeydown","nextMonthClick","nextMonthDate","nextMonthKeydown","setNextPrevMonthDates","renderContent","activeMonth","months","unitOrder","localizedMonth","wide","formatCalendarYear","order","getOrder","reverse","indexOf","Fragment","prevMonth","href","tabindex","icon","getIconScale","text","Heading","level","inputmode","maxlength","minlength","onChange","onInput","pattern","type","yearInput","nextMonth","Number","delocalize","getInRangeDate","parsedYear","toString","isNaN","setFullYear","inRangeDate"],"sources":["src/components/date-picker/resources.ts","src/components/date-picker/date-picker.scss?tag=calcite-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx","src/components/date-picker-day/date-picker-day.scss?tag=calcite-date-picker-day&encapsulation=shadow","src/components/date-picker-day/date-picker-day.tsx","src/components/date-picker-month/date-picker-month.scss?tag=calcite-date-picker-month&encapsulation=shadow","src/components/date-picker-month/date-picker-month.tsx","src/components/date-picker-month-header/resources.ts","src/components/date-picker-month-header/date-picker-month-header.scss?tag=calcite-date-picker-month-header&encapsulation=shadow","src/components/date-picker-month-header/date-picker-month-header.tsx"],"sourcesContent":["export const HEADING_LEVEL = 2;\n\nexport const DATE_PICKER_FORMAT_OPTIONS: Intl.DateTimeFormatOptions = { dateStyle: \"full\" };\n",":host {\n  @extend %component-host;\n  @apply align-top\n    border\n    border-color-1\n    border-solid\n    inline-block\n    overflow-visible\n    rounded-none\n    w-auto;\n}\n\n:host([scale=\"s\"]) {\n  inline-size: 234px;\n  min-inline-size: 216px;\n  max-inline-size: 380px;\n}\n\n:host([scale=\"m\"]) {\n  inline-size: 304px;\n  min-inline-size: 272px;\n  max-inline-size: 480px;\n}\n\n:host([scale=\"l\"]) {\n  inline-size: 370px;\n  min-inline-size: 320px;\n  max-inline-size: 600px;\n}\n\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  dateFromISO,\n  dateFromRange,\n  dateToISO,\n  getDaysDiff,\n  HoverRange,\n  setEndOfDay,\n} from \"../../utils/date\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  getDateTimeFormat,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { DatePickerMessages } from \"./assets/date-picker/t9n\";\nimport { DATE_PICKER_FORMAT_OPTIONS, HEADING_LEVEL } from \"./resources\";\nimport { DateLocaleData, getLocaleData, getValueAsDateRange } from \"./utils\";\n\n@Component({\n  assetsDirs: [\"assets\"],\n  tag: \"calcite-date-picker\",\n  styleUrl: \"date-picker.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DatePicker implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the component's active date. */\n  @Prop({ mutable: true }) activeDate: Date;\n\n  @Watch(\"activeDate\")\n  activeDateWatcher(newActiveDate: Date): void {\n    if (this.activeRange === \"end\") {\n      this.activeEndDate = newActiveDate;\n    }\n  }\n\n  /**\n   * When `range` is true, specifies the active `range`. Where `\"start\"` specifies the starting range date and `\"end\"` the ending range date.\n   */\n  @Prop({ reflect: true }) activeRange: \"start\" | \"end\";\n\n  /**\n   * Specifies the selected date as a string (`\"yyyy-mm-dd\"`), or an array of strings for `range` values (`[\"yyyy-mm-dd\", \"yyyy-mm-dd\"]`).\n   */\n  @Prop({ mutable: true }) value: string | string[];\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** Specifies the selected date as a full date object (`new Date(\"yyyy-mm-dd\")`), or an array containing full date objects (`[new Date(\"yyyy-mm-dd\"), new Date(\"yyyy-mm-dd\")]`). */\n  @Prop({ mutable: true }) valueAsDate: Date | Date[];\n\n  @Watch(\"valueAsDate\")\n  valueAsDateWatcher(newValueAsDate: Date | Date[]): void {\n    if (this.range && Array.isArray(newValueAsDate)) {\n      const { activeStartDate, activeEndDate } = this;\n      const newActiveStartDate = newValueAsDate[0];\n      const newActiveEndDate = newValueAsDate[1];\n      this.activeStartDate = activeStartDate !== newActiveStartDate && newActiveStartDate;\n      this.activeEndDate = activeEndDate !== newActiveEndDate && newActiveEndDate;\n    } else if (newValueAsDate && newValueAsDate !== this.activeDate) {\n      this.activeDate = newValueAsDate as Date;\n    }\n  }\n\n  /** Specifies the earliest allowed date as a full date object (`new Date(\"yyyy-mm-dd\")`). */\n  @Prop({ mutable: true }) minAsDate: Date;\n\n  /** Specifies the latest allowed date as a full date object (`new Date(\"yyyy-mm-dd\")`). */\n  @Prop({ mutable: true }) maxAsDate: Date;\n\n  /** Specifies the earliest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop({ reflect: true }) min: string;\n\n  @Watch(\"min\")\n  onMinChanged(min: string): void {\n    if (min) {\n      this.minAsDate = dateFromISO(min);\n    }\n  }\n\n  /** Specifies the latest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop({ reflect: true }) max: string;\n\n  @Watch(\"max\")\n  onMaxChanged(max: string): void {\n    if (max) {\n      this.maxAsDate = dateFromISO(max);\n    }\n  }\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.\n   *\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"s\" | \"m\" | \"l\" = \"m\";\n\n  /** When `true`, activates the component's range mode to allow a start and end date. */\n  @Prop({ reflect: true }) range = false;\n\n  /** When `true`, disables the default behavior on the third click of narrowing or extending the range and instead starts a new range. */\n  @Prop({ reflect: true }) proximitySelectionDisabled = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<DatePickerMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: DatePickerMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Emits when a user changes the component's date. For `range` events, use `calciteDatePickerRangeChange`.\n   */\n  @Event({ cancelable: false }) calciteDatePickerChange: EventEmitter<void>;\n\n  /**\n   * Emits when a user changes the component's date `range`. For components without `range` use `calciteDatePickerChange`.\n   */\n  @Event({ cancelable: false }) calciteDatePickerRangeChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  /**\n   * Resets active date state.\n   * @internal\n   */\n  @Method()\n  async reset(): Promise<void> {\n    this.resetActiveDates();\n    this.mostRecentRangeValue = undefined;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n\n    if (Array.isArray(this.value)) {\n      this.valueAsDate = getValueAsDateRange(this.value);\n    } else if (this.value) {\n      this.valueAsDate = dateFromISO(this.value);\n    }\n\n    if (this.min) {\n      this.minAsDate = dateFromISO(this.min);\n    }\n\n    if (this.max) {\n      this.maxAsDate = dateFromISO(this.max);\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await this.loadLocaleData();\n    this.onMinChanged(this.min);\n    this.onMaxChanged(this.max);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  render(): VNode {\n    const date = dateFromRange(\n      this.range && Array.isArray(this.valueAsDate) ? this.valueAsDate[0] : this.valueAsDate,\n      this.minAsDate,\n      this.maxAsDate,\n    );\n    let activeDate = this.getActiveDate(date, this.minAsDate, this.maxAsDate);\n    const endDate =\n      this.range && Array.isArray(this.valueAsDate)\n        ? dateFromRange(this.valueAsDate[1], this.minAsDate, this.maxAsDate)\n        : null;\n    const activeEndDate = this.getActiveEndDate(endDate, this.minAsDate, this.maxAsDate);\n    if (\n      (this.activeRange === \"end\" ||\n        (this.hoverRange?.focused === \"end\" && (!this.proximitySelectionDisabled || endDate))) &&\n      activeEndDate\n    ) {\n      activeDate = activeEndDate;\n    }\n    if (this.range && this.mostRecentRangeValue) {\n      activeDate = this.mostRecentRangeValue;\n    }\n\n    const minDate =\n      this.range && this.activeRange\n        ? this.activeRange === \"start\"\n          ? this.minAsDate\n          : date || this.minAsDate\n        : this.minAsDate;\n\n    const maxDate =\n      this.range && this.activeRange\n        ? this.activeRange === \"start\"\n          ? endDate || this.maxAsDate\n          : this.maxAsDate\n        : this.maxAsDate;\n    return (\n      <Host onBlur={this.resetActiveDates} onKeyDown={this.keyDownHandler}>\n        {this.renderCalendar(activeDate, maxDate, minDate, date, endDate)}\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerElement;\n\n  /**\n   * Active end date.\n   */\n  @State() activeEndDate: Date;\n\n  /**\n   * Active start date.\n   */\n  @State() activeStartDate: Date;\n\n  /**\n   * The DateTimeFormat used to provide screen reader labels.\n   *\n   * @internal\n   */\n  @State() dateTimeFormat: Intl.DateTimeFormat;\n\n  @State() defaultMessages: DatePickerMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() endAsDate: Date;\n\n  @State() private hoverRange: HoverRange;\n\n  @State() private localeData: DateLocaleData;\n\n  @State() private mostRecentRangeValue?: Date;\n\n  @State() startAsDate: Date;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.key === \"Escape\") {\n      this.resetActiveDates();\n    }\n  };\n\n  @Watch(\"value\")\n  valueHandler(value: string | string[]): void {\n    if (Array.isArray(value)) {\n      this.valueAsDate = getValueAsDateRange(value);\n    } else if (value) {\n      this.valueAsDate = dateFromISO(value);\n    }\n  }\n\n  @Watch(\"effectiveLocale\")\n  private async loadLocaleData(): Promise<void> {\n    if (!Build.isBrowser) {\n      return;\n    }\n\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem: this.numberingSystem,\n      locale: this.effectiveLocale,\n      useGrouping: false,\n    };\n\n    this.localeData = await getLocaleData(this.effectiveLocale);\n    this.dateTimeFormat = getDateTimeFormat(this.effectiveLocale, DATE_PICKER_FORMAT_OPTIONS);\n  }\n\n  monthHeaderSelectChange = (event: CustomEvent<Date>): void => {\n    const date = new Date(event.detail);\n    if (!this.range) {\n      this.activeDate = date;\n    } else {\n      if (this.activeRange === \"end\") {\n        this.activeEndDate = date;\n      } else {\n        this.activeStartDate = date;\n      }\n      this.mostRecentRangeValue = date;\n    }\n  };\n\n  monthActiveDateChange = (event: CustomEvent<Date>): void => {\n    const date = new Date(event.detail);\n    if (!this.range) {\n      this.activeDate = date;\n    } else {\n      if (this.activeRange === \"end\") {\n        this.activeEndDate = date;\n      } else {\n        this.activeStartDate = date;\n      }\n      this.mostRecentRangeValue = date;\n    }\n  };\n\n  monthHoverChange = (event: CustomEvent<Date>): void => {\n    if (!this.range) {\n      this.hoverRange = undefined;\n      return;\n    }\n\n    const { valueAsDate } = this;\n    const start = Array.isArray(valueAsDate) && valueAsDate[0];\n    const end = Array.isArray(valueAsDate) && valueAsDate[1];\n\n    const date = new Date(event.detail);\n    this.hoverRange = {\n      focused: this.activeRange || \"start\",\n      start,\n      end,\n    };\n    if (!this.proximitySelectionDisabled) {\n      if (start && end) {\n        const startDiff = getDaysDiff(date, start);\n        const endDiff = getDaysDiff(date, end);\n        if (endDiff > 0) {\n          this.hoverRange.end = date;\n          this.hoverRange.focused = \"end\";\n        } else if (startDiff < 0) {\n          this.hoverRange.start = date;\n          this.hoverRange.focused = \"start\";\n        } else if (startDiff > endDiff) {\n          this.hoverRange.start = date;\n          this.hoverRange.focused = \"start\";\n        } else {\n          this.hoverRange.end = date;\n          this.hoverRange.focused = \"end\";\n        }\n      } else {\n        if (start) {\n          if (date < start) {\n            this.hoverRange = {\n              focused: \"start\",\n              start: date,\n              end: start,\n            };\n          } else {\n            this.hoverRange.end = date;\n            this.hoverRange.focused = \"end\";\n          }\n        }\n      }\n    } else {\n      if (!end) {\n        if (date < start) {\n          this.hoverRange = {\n            focused: \"start\",\n            start: date,\n            end: start,\n          };\n        } else {\n          this.hoverRange.end = date;\n          this.hoverRange.focused = \"end\";\n        }\n      } else {\n        this.hoverRange = undefined;\n      }\n    }\n    event.stopPropagation();\n  };\n\n  monthMouseOutChange = (): void => {\n    if (this.hoverRange) {\n      this.hoverRange = undefined;\n    }\n  };\n\n  /**\n   * Render calcite-date-picker-month-header and calcite-date-picker-month\n   *\n   * @param activeDate\n   * @param maxDate\n   * @param minDate\n   * @param date\n   * @param endDate\n   */\n  private renderCalendar(\n    activeDate: Date,\n    maxDate: Date,\n    minDate: Date,\n    date: Date,\n    endDate: Date,\n  ) {\n    return (\n      this.localeData && [\n        <calcite-date-picker-month-header\n          activeDate={activeDate}\n          headingLevel={this.headingLevel || HEADING_LEVEL}\n          localeData={this.localeData}\n          max={maxDate}\n          messages={this.messages}\n          min={minDate}\n          onCalciteInternalDatePickerSelect={this.monthHeaderSelectChange}\n          scale={this.scale}\n          selectedDate={this.activeRange === \"end\" ? endDate : date || new Date()}\n        />,\n        <calcite-date-picker-month\n          activeDate={activeDate}\n          dateTimeFormat={this.dateTimeFormat}\n          endDate={this.range ? endDate : undefined}\n          hoverRange={this.hoverRange}\n          localeData={this.localeData}\n          max={maxDate}\n          min={minDate}\n          onCalciteInternalDatePickerActiveDateChange={this.monthActiveDateChange}\n          onCalciteInternalDatePickerHover={this.monthHoverChange}\n          onCalciteInternalDatePickerMouseOut={this.monthMouseOutChange}\n          onCalciteInternalDatePickerSelect={this.monthDateChange}\n          scale={this.scale}\n          selectedDate={this.activeRange === \"end\" ? endDate : date}\n          startDate={this.range ? date : undefined}\n        />,\n      ]\n    );\n  }\n\n  private resetActiveDates = (): void => {\n    const { valueAsDate } = this;\n\n    if (!Array.isArray(valueAsDate) && valueAsDate && valueAsDate !== this.activeDate) {\n      this.activeDate = new Date(valueAsDate);\n    }\n\n    if (Array.isArray(valueAsDate)) {\n      if (valueAsDate[0] && valueAsDate[0] !== this.activeStartDate) {\n        this.activeStartDate = new Date(valueAsDate[0]);\n      }\n      if (valueAsDate[1] && valueAsDate[1] !== this.activeEndDate) {\n        this.activeEndDate = new Date(valueAsDate[1]);\n      }\n    }\n  };\n\n  private getEndDate(): Date {\n    return (Array.isArray(this.valueAsDate) && this.valueAsDate[1]) || undefined;\n  }\n\n  private setEndDate(date: Date): void {\n    const startDate = this.getStartDate();\n    const newEndDate = date ? setEndOfDay(date) : date;\n    this.value = [dateToISO(startDate), dateToISO(date)];\n    this.valueAsDate = [startDate, date];\n    this.mostRecentRangeValue = newEndDate;\n    this.calciteDatePickerRangeChange.emit();\n    this.activeEndDate = date || null;\n  }\n\n  private getStartDate(): Date {\n    return Array.isArray(this.valueAsDate) && this.valueAsDate[0];\n  }\n\n  private setStartDate(date: Date): void {\n    const endDate = this.getEndDate();\n    this.value = [dateToISO(date), dateToISO(endDate)];\n    this.valueAsDate = [date, endDate];\n    this.mostRecentRangeValue = date;\n    this.calciteDatePickerRangeChange.emit();\n    this.activeStartDate = date || null;\n  }\n\n  /**\n   * Event handler for when the selected date changes\n   *\n   * @param event\n   */\n  private monthDateChange = (event: CustomEvent<Date>): void => {\n    const date = new Date(event.detail);\n    const isoDate = dateToISO(date);\n\n    if (!this.range && isoDate === dateToISO(this.valueAsDate as Date)) {\n      return;\n    }\n\n    if (!this.range) {\n      this.value = isoDate || \"\";\n      this.valueAsDate = date || null;\n      this.activeDate = date || null;\n      this.calciteDatePickerChange.emit();\n      return;\n    }\n\n    const start = this.getStartDate();\n    const end = this.getEndDate();\n\n    if (!start || (!end && date < start)) {\n      if (start) {\n        this.setEndDate(new Date(start));\n      }\n      if (this.activeRange == \"end\") {\n        this.setEndDate(date);\n      } else {\n        this.setStartDate(date);\n      }\n    } else if (!end) {\n      this.setEndDate(date);\n    } else {\n      if (!this.proximitySelectionDisabled) {\n        if (this.activeRange) {\n          if (this.activeRange == \"end\") {\n            this.setEndDate(date);\n          } else {\n            this.setStartDate(date);\n          }\n        } else {\n          const startDiff = getDaysDiff(date, start);\n          const endDiff = getDaysDiff(date, end);\n          if (endDiff === 0 || startDiff < 0) {\n            this.setStartDate(date);\n          } else if (startDiff === 0 || endDiff < 0) {\n            this.setEndDate(date);\n          } else if (startDiff < endDiff) {\n            this.setStartDate(date);\n          } else {\n            this.setEndDate(date);\n          }\n        }\n      } else {\n        this.setStartDate(date);\n      }\n    }\n    this.calciteDatePickerChange.emit();\n  };\n\n  /**\n   * Get an active date using the value, or current date as default\n   *\n   * @param value\n   * @param min\n   * @param max\n   */\n  private getActiveDate(value: Date | null, min: Date | null, max: Date | null): Date {\n    return dateFromRange(this.activeDate, min, max) || value || dateFromRange(new Date(), min, max);\n  }\n\n  private getActiveEndDate(value: Date | null, min: Date | null, max: Date | null): Date {\n    return (\n      dateFromRange(this.activeEndDate, min, max) || value || dateFromRange(new Date(), min, max)\n    );\n  }\n}\n",":host {\n  @apply cursor-pointer flex relative text-color-3;\n}\n\n@include disabled();\n\n@mixin range-part-base() {\n  &:before,\n  &:after {\n    @apply absolute pointer-events-none;\n    inset-block: 0;\n    content: \"\";\n    block-size: var(--calcite-internal-day-size);\n    inline-size: var(--calcite-internal-day-size);\n  }\n}\n\n@mixin range-part-edge-end() {\n  &:before {\n    inset-inline-end: 50%;\n  }\n  &:after {\n    inset-inline-start: 50%;\n    border-start-end-radius: var(--calcite-internal-day-size);\n    border-end-end-radius: var(--calcite-internal-day-size);\n    inline-size: calc(var(--calcite-internal-day-size) / 2);\n  }\n}\n\n@mixin range-part-edge-start() {\n  &:before {\n    inset-inline-end: 50%;\n    border-start-start-radius: var(--calcite-internal-day-size);\n    border-end-start-radius: var(--calcite-internal-day-size);\n    inline-size: calc(var(--calcite-internal-day-size) / 2);\n  }\n  &:after {\n    inset-inline-start: 50%;\n  }\n}\n\n@mixin range-part-middle() {\n  &:before {\n    inset-inline-end: 50%;\n    border-radius: 0;\n  }\n  &:after {\n    inset-inline-start: 50%;\n    border-radius: 0;\n  }\n}\n\n.day-v-wrapper {\n  @apply flex-auto;\n}\n\n.day-wrapper {\n  @apply flex\n    flex-col\n    items-center\n    relative;\n}\n\n:host([range]),\n:host([range-hover]) {\n  .day-wrapper {\n    @include range-part-base();\n  }\n}\n\n.day {\n  @apply text-n2h\n    text-color-3\n    flex\n    focus-base\n    items-center\n    justify-center\n    rounded-full\n    leading-none\n    transition-default\n    z-default;\n  background: none;\n  box-shadow: 0 0 0 2px transparent;\n  block-size: var(--calcite-internal-day-size);\n  inline-size: var(--calcite-internal-day-size);\n}\n\n.text {\n  @apply mt-px mb-0;\n  margin-inline-start: theme(\"spacing.0\");\n}\n\n:host([scale=\"s\"]) {\n  --calcite-internal-day-size: 27px;\n\n  .day-v-wrapper {\n    @apply py-0.5;\n  }\n  .day-wrapper {\n    @apply p-0;\n  }\n  .day {\n    @apply text-n2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-day-size: 33px;\n\n  .day-v-wrapper {\n    @apply py-1;\n  }\n  .day-wrapper {\n    @apply p-0;\n  }\n  .day {\n    @apply text-n1;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-day-size: 43px;\n\n  .day-v-wrapper {\n    @apply py-1;\n  }\n  .day-wrapper {\n    @apply px-1;\n  }\n  .day {\n    @apply text-0;\n  }\n}\n\n:host(:not([current-month])) .day {\n  @apply opacity-disabled;\n}\n\n:host(:hover:not([disabled]):not([selected])),\n:host([active]:not([range]):not([selected])) {\n  & .day {\n    @apply bg-foreground-2 text-color-1;\n  }\n}\n\n:host(:focus),\n:host([active]) {\n  @apply outline-none;\n}\n\n:host(:focus:not([disabled])) .day {\n  @apply focus-outset;\n}\n\n:host([selected]) .day {\n  @apply font-medium;\n  background-color: var(--calcite-color-brand);\n  color: var(--calcite-color-foreground-1);\n}\n\n:host(:focus:not([disabled])),\n:host([start-of-range]:not(:focus)),\n:host([end-of-range]:not(:focus)) {\n  .day {\n    box-shadow: 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n\n:host([range-hover]:not([selected])),\n:host([highlighted]:not([selected])) {\n  .day-wrapper {\n    @include range-part-middle();\n  }\n\n  .day {\n    @apply text-color-1;\n  }\n}\n\n:host([highlighted]),\n:host([selected]:not(.hover--outside-range)) {\n  .day-wrapper {\n    &:before,\n    &:after {\n      background-color: var(--calcite-color-foreground-current);\n    }\n  }\n}\n\n:host([range-hover]:not([selected])) {\n  .day-wrapper {\n    &:before,\n    &:after {\n      @apply bg-foreground-2;\n    }\n  }\n}\n\n:host(:hover[range-hover]:not([selected]).focused--end),\n:host([highlighted][end-of-range]),\n:host([highlighted][range-edge=\"end\"]),\n:host([range-hover][range-edge=\"end\"]),\n:host(:hover[range-hover].focused--end.hover--outside-range) {\n  .day-wrapper {\n    @include range-part-edge-end();\n  }\n}\n\n:host([highlighted][start-of-range]),\n:host([highlighted][range-edge=\"start\"]),\n:host([range-hover][range-edge=\"start\"]),\n:host(:hover[range-hover]:not([selected]).focused--start),\n:host([start-of-range].hover--inside-range),\n:host(:hover[range-hover].focused--start.hover--outside-range) {\n  .day-wrapper {\n    @include range-part-edge-start();\n  }\n}\n\n:host([range-hover][start-of-range][range-edge=\"end\"]),\n:host([range-hover][end-of-range][range-edge=\"start\"]),\n:host([start-of-range][range-edge=\"end\"].hover--inside-range),\n:host([end-of-range]) {\n  .day-wrapper {\n    &:after,\n    &:before {\n      content: unset;\n    }\n  }\n}\n\n:host(:hover[range-hover]:not([selected]).focused--start),\n:host(:hover[range-hover]:not([selected]).focused--end),\n:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range),\n:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) {\n  .day {\n    box-shadow: 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n\n@media (forced-colors: active) {\n  .day {\n    @apply rounded-none;\n  }\n\n  :host([selected]) {\n    outline: 2px solid canvasText;\n  }\n\n  :host(:hover:not([selected])) {\n    .day {\n      border-radius: 50%;\n    }\n  }\n\n  :host([range][selected]),\n  :host([highlighted]),\n  :host([range-hover]:not([selected])) {\n    .day-wrapper {\n      &:before,\n      &:after {\n        background-color: highlight;\n      }\n    }\n  }\n\n  :host([range-hover]),\n  :host([range][selected][start-of-range]),\n  :host([range][selected][end-of-range]) {\n    .day-wrapper {\n      &:before,\n      &:after {\n        background-color: canvas;\n      }\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { dateToISO } from \"../../utils/date\";\n\nimport { closestElementCrossShadowBoundary, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { numberStringFormatter } from \"../../utils/locale\";\nimport { Scale } from \"../interfaces\";\n\n@Component({\n  tag: \"calcite-date-picker-day\",\n  styleUrl: \"date-picker-day.scss\",\n  shadow: true,\n})\nexport class DatePickerDay implements InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Day of the month to be shown. */\n  @Prop() day!: number;\n\n  /**\n   * The DateTimeFormat used to provide screen reader labels.\n   *\n   * @internal\n   */\n  @Prop() dateTimeFormat: Intl.DateTimeFormat;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Date is in the current month. */\n  @Prop({ reflect: true }) currentMonth = false;\n\n  /**  When `true`, the component is selected. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** Date is currently highlighted as part of the range */\n  @Prop({ reflect: true }) highlighted = false;\n\n  /** When `true`, activates the component's range mode to allow a start and end date. */\n  @Prop({ reflect: true }) range = false;\n\n  /**\n   * When `true`, highlight styling for edge dates is applied.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) rangeEdge: \"start\" | \"end\" | undefined;\n\n  /** Date is the start of date range */\n  @Prop({ reflect: true }) startOfRange = false;\n\n  /** Date is the end of date range */\n  @Prop({ reflect: true }) endOfRange = false;\n\n  /** Date is being hovered and within the set range */\n  @Prop({ reflect: true }) rangeHover = false;\n\n  /** When `true`, the component is active. */\n  @Prop({ reflect: true }) active = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /** The component's value. */\n  @Prop() value: Date;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  onClick = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.calciteDaySelect.emit();\n  };\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      !this.disabled && this.calciteDaySelect.emit();\n      event.preventDefault();\n    }\n  };\n\n  @Listen(\"pointerover\")\n  pointerOverHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.calciteInternalDayHover.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emitted when user selects day\n   */\n  @Event({ cancelable: false }) calciteDaySelect: EventEmitter<void>;\n\n  /**\n   * Emitted when user hovers over a day\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDayHover: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    this.parentDatePickerEl = closestElementCrossShadowBoundary(\n      this.el,\n      \"calcite-date-picker\",\n    ) as HTMLCalciteDatePickerElement;\n  }\n\n  render(): VNode {\n    const dayId = dateToISO(this.value).replaceAll(\"-\", \"\");\n    if (this.parentDatePickerEl) {\n      const { numberingSystem, lang: locale } = this.parentDatePickerEl;\n\n      numberStringFormatter.numberFormatOptions = {\n        useGrouping: false,\n        ...(numberingSystem && { numberingSystem }),\n        ...(locale && { locale }),\n      };\n    }\n    const formattedDay = numberStringFormatter.localize(String(this.day));\n    const dayLabel = this.dateTimeFormat.format(this.value);\n\n    return (\n      <Host\n        aria-disabled={toAriaBoolean(this.disabled)}\n        aria-label={dayLabel}\n        aria-selected={toAriaBoolean(this.active)}\n        id={dayId}\n        onClick={this.onClick}\n        onKeyDown={this.keyDownHandler}\n        role=\"button\"\n        tabIndex={this.active && !this.disabled ? 0 : -1}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div aria-hidden=\"true\" class={{ \"day-v-wrapper\": true }}>\n            <div class=\"day-wrapper\">\n              <span class=\"day\">\n                <span class=\"text\">{formattedDay}</span>\n              </span>\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerDayElement;\n\n  private parentDatePickerEl: HTMLCalciteDatePickerElement;\n}\n","@include base-component();\n\n.calendar {\n  @apply mb-1;\n}\n\n.week-headers {\n  @apply border-color-3\n    flex\n    border-0\n    border-t\n    border-solid\n    py-0\n    px-1;\n}\n\n.week-header {\n  @apply text-color-3\n    text-center\n    font-bold;\n  inline-size: calc(100% / 7);\n}\n\n.day {\n  @apply flex\n  min-w-0\n  justify-center;\n  inline-size: calc(100% / 7);\n\n  calcite-date-picker-day {\n    @apply w-full;\n  }\n}\n\n:host([scale=\"s\"]) .week-header {\n  @apply text-n2h px-0 pt-2 pb-3;\n}\n\n:host([scale=\"m\"]) .week-header {\n  @apply text-n2h px-0 pt-3 pb-4;\n}\n\n:host([scale=\"l\"]) .week-header {\n  @apply text-n1h px-0 pt-4 pb-5;\n}\n\n.week-days {\n  @apply flex\n    flex-row\n    py-0;\n  padding-inline: 6px;\n  &:focus {\n    @apply outline-none;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { dateFromRange, HoverRange, inRange, sameDate } from \"../../utils/date\";\nimport { DateLocaleData } from \"../date-picker/utils\";\nimport { Scale } from \"../interfaces\";\n\nconst DAYS_PER_WEEK = 7;\nconst DAYS_MAXIMUM_INDEX = 6;\n\ninterface Day {\n  active: boolean;\n  currentMonth?: boolean;\n  date: Date;\n  day: number;\n  dayInWeek?: number;\n  ref?: boolean;\n}\n\n@Component({\n  tag: \"calcite-date-picker-month\",\n  styleUrl: \"date-picker-month.scss\",\n  shadow: true,\n})\nexport class DatePickerMonth {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * The DateTimeFormat used to provide screen reader labels.\n   *\n   * @internal\n   */\n  @Prop() dateTimeFormat: Intl.DateTimeFormat;\n\n  /** Already selected date.*/\n  @Prop() selectedDate: Date;\n\n  /** Date currently active.*/\n  @Prop() activeDate: Date = new Date();\n\n  /** Start date currently active. */\n  @Prop() startDate?: Date;\n\n  /** End date currently active  */\n  @Prop() endDate?: Date;\n\n  /** Specifies the earliest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() min: Date;\n\n  /** Specifies the latest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() max: Date;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /**\n   * CLDR locale data for current locale\n   *\n   * @internal\n   */\n  @Prop() localeData: DateLocaleData;\n\n  /** The range of dates currently being hovered */\n  @Prop() hoverRange: HoverRange;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Event emitted when user selects the date.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerSelect: EventEmitter<Date>;\n\n  /**\n   * Event emitted when user hovers the date.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerHover: EventEmitter<Date>;\n\n  /**\n   * Active date for the user keyboard access.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerActiveDateChange: EventEmitter<Date>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerMouseOut: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const isRTL = this.el.dir === \"rtl\";\n\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.addDays(-7);\n        break;\n      case \"ArrowRight\":\n        event.preventDefault();\n        this.addDays(isRTL ? -1 : 1);\n        break;\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.addDays(7);\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        this.addDays(isRTL ? 1 : -1);\n        break;\n      case \"PageUp\":\n        event.preventDefault();\n        this.addMonths(-1);\n        break;\n      case \"PageDown\":\n        event.preventDefault();\n        this.addMonths(1);\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.activeDate.setDate(1);\n        this.addDays();\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.activeDate.setDate(\n          new Date(this.activeDate.getFullYear(), this.activeDate.getMonth() + 1, 0).getDate(),\n        );\n        this.addDays();\n        break;\n      case \"Enter\":\n      case \" \":\n        event.preventDefault();\n        break;\n      case \"Tab\":\n        this.activeFocus = false;\n    }\n  };\n\n  /**\n   * Once user is not interacting via keyboard,\n   * disable auto focusing of active date\n   */\n  disableActiveFocus = (): void => {\n    this.activeFocus = false;\n  };\n\n  @Listen(\"pointerout\")\n  pointerOutHandler(): void {\n    this.calciteInternalDatePickerMouseOut.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render(): VNode {\n    const month = this.activeDate.getMonth();\n    const year = this.activeDate.getFullYear();\n    const startOfWeek = this.localeData.weekStart % 7;\n    const { abbreviated, short, narrow } = this.localeData.days;\n    const weekDays =\n      this.scale === \"s\" ? narrow || short || abbreviated : short || abbreviated || narrow;\n    const adjustedWeekDays = [...weekDays.slice(startOfWeek, 7), ...weekDays.slice(0, startOfWeek)];\n    const curMonDays = this.getCurrentMonthDays(month, year);\n    const prevMonDays = this.getPreviousMonthDays(month, year, startOfWeek);\n    const nextMonDays = this.getNextMonthDays(month, year, startOfWeek);\n    let dayInWeek = 0;\n    const getDayInWeek = () => dayInWeek++ % 7;\n\n    const days: Day[] = [\n      ...prevMonDays.map((day) => {\n        return {\n          active: false,\n          day,\n          dayInWeek: getDayInWeek(),\n          date: new Date(year, month - 1, day),\n        };\n      }),\n      ...curMonDays.map((day) => {\n        const date = new Date(year, month, day);\n        const active = sameDate(date, this.activeDate);\n        return {\n          active,\n          currentMonth: true,\n          day,\n          dayInWeek: getDayInWeek(),\n          date,\n          ref: true,\n        };\n      }),\n      ...nextMonDays.map((day) => {\n        return {\n          active: false,\n          day,\n          dayInWeek: getDayInWeek(),\n          date: new Date(year, month + 1, day),\n        };\n      }),\n    ];\n\n    const weeks: Day[][] = [];\n    for (let i = 0; i < days.length; i += 7) {\n      weeks.push(days.slice(i, i + 7));\n    }\n\n    return (\n      <Host onFocusOut={this.disableActiveFocus} onKeyDown={this.keyDownHandler}>\n        <div class=\"calendar\" role=\"grid\">\n          <div class=\"week-headers\" role=\"row\">\n            {adjustedWeekDays.map((weekday) => (\n              <span class=\"week-header\" role=\"columnheader\">\n                {weekday}\n              </span>\n            ))}\n          </div>\n          {weeks.map((days) => (\n            <div class=\"week-days\" role=\"row\">\n              {days.map((day) => this.renderDateDay(day))}\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerMonthElement;\n\n  private activeFocus: boolean;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Add n months to the current month\n   *\n   * @param step\n   */\n  private addMonths(step: number) {\n    const nextDate = new Date(this.activeDate);\n    nextDate.setMonth(this.activeDate.getMonth() + step);\n    this.calciteInternalDatePickerActiveDateChange.emit(\n      dateFromRange(nextDate, this.min, this.max),\n    );\n    this.activeFocus = true;\n  }\n\n  /**\n   * Add n days to the current date\n   *\n   * @param step\n   */\n  private addDays(step = 0) {\n    const nextDate = new Date(this.activeDate);\n    nextDate.setDate(this.activeDate.getDate() + step);\n    this.calciteInternalDatePickerActiveDateChange.emit(\n      dateFromRange(nextDate, this.min, this.max),\n    );\n    this.activeFocus = true;\n  }\n\n  /**\n   * Get dates for last days of the previous month\n   *\n   * @param month\n   * @param year\n   * @param startOfWeek\n   */\n  private getPreviousMonthDays(month: number, year: number, startOfWeek: number): number[] {\n    const lastDate = new Date(year, month, 0);\n    const date = lastDate.getDate();\n    const startDay = lastDate.getDay();\n    const days = [];\n\n    if (startDay === (startOfWeek + DAYS_MAXIMUM_INDEX) % DAYS_PER_WEEK) {\n      return days;\n    }\n\n    if (startDay === startOfWeek) {\n      return [date];\n    }\n\n    for (let i = (DAYS_PER_WEEK + startDay - startOfWeek) % DAYS_PER_WEEK; i >= 0; i--) {\n      days.push(date - i);\n    }\n    return days;\n  }\n\n  /**\n   * Get dates for the current month\n   *\n   * @param month\n   * @param year\n   */\n  private getCurrentMonthDays(month: number, year: number): number[] {\n    const num = new Date(year, month + 1, 0).getDate();\n    const days = [];\n    for (let i = 0; i < num; i++) {\n      days.push(i + 1);\n    }\n    return days;\n  }\n\n  /**\n   * Get dates for first days of the next month\n   *\n   * @param month\n   * @param year\n   * @param startOfWeek\n   */\n  private getNextMonthDays(month: number, year: number, startOfWeek: number): number[] {\n    const endDay = new Date(year, month + 1, 0).getDay();\n    const days = [];\n    if (endDay === (startOfWeek + DAYS_MAXIMUM_INDEX) % DAYS_PER_WEEK) {\n      return days;\n    }\n    for (let i = 0; i < (DAYS_MAXIMUM_INDEX - (endDay - startOfWeek)) % DAYS_PER_WEEK; i++) {\n      days.push(i + 1);\n    }\n    return days;\n  }\n\n  /**\n   * Determine if the date is in between the start and end dates\n   *\n   * @param date\n   */\n  private betweenSelectedRange(date: Date): boolean {\n    return !!(\n      this.startDate &&\n      this.endDate &&\n      date > this.startDate &&\n      date < this.endDate &&\n      !this.isRangeHover(date)\n    );\n  }\n\n  /**\n   * Determine if the date should be in selected state\n   *\n   * @param date\n   */\n  private isSelected(date: Date): boolean {\n    return !!(\n      sameDate(date, this.selectedDate) ||\n      (this.startDate && sameDate(date, this.startDate)) ||\n      (this.endDate && sameDate(date, this.endDate))\n    );\n  }\n\n  /**\n   * Determine if the date is the start of the date range\n   *\n   * @param date\n   */\n  private isStartOfRange(date: Date): boolean {\n    return !!(\n      this.startDate &&\n      !sameDate(this.startDate, this.endDate) &&\n      sameDate(this.startDate, date) &&\n      !this.isEndOfRange(date)\n    );\n  }\n\n  private isEndOfRange(date: Date): boolean {\n    return !!(\n      (this.endDate && !sameDate(this.startDate, this.endDate) && sameDate(this.endDate, date)) ||\n      (!this.endDate &&\n        this.hoverRange &&\n        sameDate(this.startDate, this.hoverRange.end) &&\n        sameDate(date, this.hoverRange.end))\n    );\n  }\n\n  dayHover = (event: CustomEvent): void => {\n    const target = event.target as HTMLCalciteDatePickerDayElement;\n    if (target.disabled) {\n      this.calciteInternalDatePickerMouseOut.emit();\n    } else {\n      this.calciteInternalDatePickerHover.emit(target.value);\n    }\n    event.stopPropagation();\n  };\n\n  daySelect = (event: CustomEvent): void => {\n    const target = event.target as HTMLCalciteDatePickerDayElement;\n    this.calciteInternalDatePickerSelect.emit(target.value);\n  };\n\n  /**\n   * Render calcite-date-picker-day\n   *\n   * @param active.active\n   * @param active\n   * @param day\n   * @param dayInWeek\n   * @param date\n   * @param currentMonth\n   * @param ref\n   * @param active.currentMonth\n   * @param active.date\n   * @param active.day\n   * @param active.dayInWeek\n   * @param active.ref\n   */\n  private renderDateDay({ active, currentMonth, date, day, dayInWeek, ref }: Day) {\n    const isFocusedOnStart = this.isFocusedOnStart();\n    const isHoverInRange =\n      this.isHoverInRange() ||\n      (!this.endDate && this.hoverRange && sameDate(this.hoverRange?.end, this.startDate));\n\n    return (\n      <div class=\"day\" key={date.toDateString()} role=\"gridcell\">\n        <calcite-date-picker-day\n          active={active}\n          class={{\n            \"hover--inside-range\": this.startDate && isHoverInRange,\n            \"hover--outside-range\": this.startDate && !isHoverInRange,\n            \"focused--start\": isFocusedOnStart,\n            \"focused--end\": !isFocusedOnStart,\n          }}\n          currentMonth={currentMonth}\n          dateTimeFormat={this.dateTimeFormat}\n          day={day}\n          disabled={!inRange(date, this.min, this.max)}\n          endOfRange={this.isEndOfRange(date)}\n          highlighted={this.betweenSelectedRange(date)}\n          onCalciteDaySelect={this.daySelect}\n          onCalciteInternalDayHover={this.dayHover}\n          range={!!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate)}\n          rangeEdge={dayInWeek === 0 ? \"start\" : dayInWeek === 6 ? \"end\" : undefined}\n          rangeHover={this.isRangeHover(date)}\n          scale={this.scale}\n          selected={this.isSelected(date)}\n          startOfRange={this.isStartOfRange(date)}\n          value={date}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={(el: HTMLCalciteDatePickerDayElement) => {\n            // when moving via keyboard, focus must be updated on active date\n            if (ref && active && this.activeFocus) {\n              el?.focus();\n            }\n          }}\n        />\n      </div>\n    );\n  }\n\n  private isFocusedOnStart(): boolean {\n    return this.hoverRange?.focused === \"start\";\n  }\n\n  private isHoverInRange(): boolean {\n    if (!this.hoverRange) {\n      return false;\n    }\n    const { start, end } = this.hoverRange;\n    return !!(\n      (!this.isFocusedOnStart() && this.startDate && (!this.endDate || end < this.endDate)) ||\n      (this.isFocusedOnStart() && this.startDate && start > this.startDate)\n    );\n  }\n\n  private isRangeHover(date): boolean {\n    if (!this.hoverRange) {\n      return false;\n    }\n    const { start, end } = this.hoverRange;\n    const isStart = this.isFocusedOnStart();\n    const insideRange = this.isHoverInRange();\n    const cond1 =\n      insideRange &&\n      ((!isStart && date > this.startDate && (date < end || sameDate(date, end))) ||\n        (isStart && date < this.endDate && (date > start || sameDate(date, start))));\n    const cond2 =\n      !insideRange &&\n      ((!isStart && date >= this.endDate && (date < end || sameDate(date, end))) ||\n        (isStart &&\n          ((this.startDate && date < this.startDate) ||\n            (this.endDate && sameDate(date, this.startDate))) &&\n          ((start && date > start) || sameDate(date, start))));\n    return cond1 || cond2;\n  }\n}\n","export const CSS = {\n  header: \"header\",\n  month: \"month\",\n  chevron: \"chevron\",\n  suffix: \"suffix\",\n  yearSuffix: \"year--suffix\",\n  yearWrap: \"year-wrap\",\n  textReverse: \"text--reverse\",\n};\n\nexport const ICON = {\n  chevronLeft: \"chevron-left\",\n  chevronRight: \"chevron-right\",\n};\n",":host {\n  @apply block;\n}\n\n.header {\n  @apply flex justify-between;\n  @apply py-0 px-1;\n}\n\n:host([scale=\"s\"]) {\n  .text {\n    @apply text-n1h my-2;\n  }\n  .chevron {\n    @apply h-9;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .text {\n    @apply text-0h my-3;\n  }\n  .chevron {\n    @apply h-12;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .text {\n    @apply text-1h my-4;\n  }\n  .chevron {\n    block-size: 3.5rem;\n  }\n}\n\n.chevron {\n  @apply text-color-3\n    bg-foreground-1\n    focus-base\n    -mx-1\n    box-content\n    flex\n    flex-grow-0\n    cursor-pointer\n    items-center\n    justify-center\n    border-none\n    px-1\n    outline-none\n    transition-default;\n  inline-size: calc(100% / 7);\n\n  &:focus {\n    @apply focus-inset;\n  }\n\n  &:hover,\n  &:focus {\n    @apply text-color-1 bg-foreground-2 fill-color-1;\n  }\n\n  &:active {\n    @apply bg-foreground-3;\n  }\n\n  &[aria-disabled=\"true\"] {\n    @apply pointer-events-none opacity-0;\n  }\n}\n\n.text {\n  @apply my-auto\n    w-full\n    flex\n    flex-auto\n    items-center\n    justify-center\n    text-center\n    leading-none;\n}\n\n.text--reverse {\n  @apply flex-row-reverse;\n}\n\n.month,\n.year,\n.suffix {\n  @apply text-color-1\n    bg-foreground-1\n    mx-1\n    my-auto\n    inline-block\n    font-medium\n    leading-tight;\n  font-size: inherit;\n}\n\n.year {\n  @apply font-inherit\n    focus-base\n    relative\n    w-10\n    border-none\n    bg-transparent\n    text-center;\n  &:hover {\n    @apply duration-100 ease-in-out;\n    transition-property: outline-color;\n    outline: 2px solid var(--calcite-color-border-2);\n    outline-offset: 2px;\n  }\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n.year--suffix {\n  @apply text-left;\n}\n\n.year-wrap {\n  @apply relative;\n}\n\n.suffix {\n  @apply top-0\n    whitespace-nowrap\n    text-start;\n  inset-inline-start: 0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  dateFromRange,\n  parseCalendarYear,\n  getOrder,\n  nextMonth,\n  prevMonth,\n  formatCalendarYear,\n} from \"../../utils/date\";\n\nimport { closestElementCrossShadowBoundary } from \"../../utils/dom\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { numberStringFormatter } from \"../../utils/locale\";\nimport { DatePickerMessages } from \"../date-picker/assets/date-picker/t9n\";\nimport { DateLocaleData } from \"../date-picker/utils\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Scale } from \"../interfaces\";\nimport { CSS, ICON } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\n\n@Component({\n  tag: \"calcite-date-picker-month-header\",\n  styleUrl: \"date-picker-month-header.scss\",\n  shadow: true,\n})\nexport class DatePickerMonthHeader {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Already selected date. */\n  @Prop() selectedDate: Date;\n\n  /** Focused date with indicator (will become selected date if user proceeds) */\n  @Prop() activeDate: Date;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop() headingLevel: HeadingLevel;\n\n  /** Specifies the earliest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() min: Date;\n\n  /** Specifies the latest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() max: Date;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /** CLDR locale data for translated calendar info */\n  @Prop() localeData: DateLocaleData;\n\n  /**\n   * This property specifies accessible strings for the component's previous month button ,next month button & year input elements.\n   * Made into a prop for testing purposes only.\n   *\n   * @internal\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: DatePickerMessages;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /**\n   *  Changes to active date\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerSelect: EventEmitter<Date>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    this.parentDatePickerEl = closestElementCrossShadowBoundary(\n      this.el,\n      \"calcite-date-picker\",\n    ) as HTMLCalciteDatePickerElement;\n  }\n\n  connectedCallback(): void {\n    this.setNextPrevMonthDates();\n  }\n\n  render(): VNode {\n    return <div class={CSS.header}>{this.renderContent()}</div>;\n  }\n\n  renderContent(): VNode {\n    const { messages, localeData, activeDate } = this;\n    if (!activeDate || !localeData) {\n      return null;\n    }\n\n    if (this.parentDatePickerEl) {\n      const { numberingSystem, lang: locale } = this.parentDatePickerEl;\n\n      numberStringFormatter.numberFormatOptions = {\n        useGrouping: false,\n        ...(numberingSystem && { numberingSystem }),\n        ...(locale && { locale }),\n      };\n    }\n\n    const activeMonth = activeDate.getMonth();\n    const { months, unitOrder } = localeData;\n    const localizedMonth = (months.wide || months.narrow || months.abbreviated)[activeMonth];\n    const localizedYear = this.formatCalendarYear(activeDate.getFullYear());\n    const order = getOrder(unitOrder);\n    const reverse = order.indexOf(\"y\") < order.indexOf(\"m\");\n    const suffix = localeData.year?.suffix;\n    return (\n      <Fragment>\n        <a\n          aria-disabled={`${this.prevMonthDate.getMonth() === activeMonth}`}\n          aria-label={messages.prevMonth}\n          class={CSS.chevron}\n          href=\"#\"\n          onClick={this.prevMonthClick}\n          onKeyDown={this.prevMonthKeydown}\n          role=\"button\"\n          tabindex={this.prevMonthDate.getMonth() === activeMonth ? -1 : 0}\n        >\n          <calcite-icon flip-rtl icon={ICON.chevronLeft} scale={getIconScale(this.scale)} />\n        </a>\n        <div class={{ text: true, [CSS.textReverse]: reverse }}>\n          <Heading class={CSS.month} level={this.headingLevel}>\n            {localizedMonth}\n          </Heading>\n          <span class={CSS.yearWrap}>\n            <input\n              aria-label={messages.year}\n              class={{\n                year: true,\n                [CSS.yearSuffix]: !!suffix,\n              }}\n              inputmode=\"numeric\"\n              maxlength=\"4\"\n              minlength=\"1\"\n              onChange={this.onYearChange}\n              onInput={this.onYearInput}\n              onKeyDown={this.onYearKey}\n              pattern=\"\\d*\"\n              type=\"text\"\n              value={localizedYear}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.yearInput = el)}\n            />\n            {suffix && <span class={CSS.suffix}>{suffix}</span>}\n          </span>\n        </div>\n        <a\n          aria-disabled={`${this.nextMonthDate.getMonth() === activeMonth}`}\n          aria-label={messages.nextMonth}\n          class={CSS.chevron}\n          href=\"#\"\n          onClick={this.nextMonthClick}\n          onKeyDown={this.nextMonthKeydown}\n          role=\"button\"\n          tabindex={this.nextMonthDate.getMonth() === activeMonth ? -1 : 0}\n        >\n          <calcite-icon flip-rtl icon={ICON.chevronRight} scale={getIconScale(this.scale)} />\n        </a>\n      </Fragment>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerMonthHeaderElement;\n\n  private yearInput: HTMLInputElement;\n\n  private parentDatePickerEl: HTMLCalciteDatePickerElement;\n\n  @State() nextMonthDate: Date;\n\n  @State() prevMonthDate: Date;\n\n  @Watch(\"min\")\n  @Watch(\"max\")\n  @Watch(\"activeDate\")\n  setNextPrevMonthDates(): void {\n    if (!this.activeDate) {\n      return;\n    }\n\n    this.nextMonthDate = dateFromRange(nextMonth(this.activeDate), this.min, this.max);\n    this.prevMonthDate = dateFromRange(prevMonth(this.activeDate), this.min, this.max);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Increment year on UP/DOWN keys\n   *\n   * @param event\n   */\n  private onYearKey = (event: KeyboardEvent): void => {\n    const localizedYear = this.parseCalendarYear((event.target as HTMLInputElement).value);\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.setYear({ localizedYear, offset: -1 });\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.setYear({ localizedYear, offset: 1 });\n        break;\n    }\n  };\n\n  private formatCalendarYear(year: number): string {\n    return numberStringFormatter.localize(`${formatCalendarYear(year, this.localeData)}`);\n  }\n\n  private parseCalendarYear(year: string): string {\n    return numberStringFormatter.localize(\n      `${parseCalendarYear(Number(numberStringFormatter.delocalize(year)), this.localeData)}`,\n    );\n  }\n\n  private onYearChange = (event: Event): void => {\n    this.setYear({\n      localizedYear: this.parseCalendarYear((event.target as HTMLInputElement).value),\n    });\n  };\n\n  private onYearInput = (event: Event): void => {\n    this.setYear({\n      localizedYear: this.parseCalendarYear((event.target as HTMLInputElement).value),\n      commit: false,\n    });\n  };\n\n  private prevMonthClick = (event: KeyboardEvent | MouseEvent): void => {\n    this.handleArrowClick(event, this.prevMonthDate);\n  };\n\n  private prevMonthKeydown = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.prevMonthClick(event);\n    }\n  };\n\n  private nextMonthClick = (event: MouseEvent | KeyboardEvent): void => {\n    this.handleArrowClick(event, this.nextMonthDate);\n  };\n\n  private nextMonthKeydown = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.nextMonthClick(event);\n    }\n  };\n\n  /*\n   * Update active month on clicks of left/right arrows\n   */\n  private handleArrowClick = (event: MouseEvent | KeyboardEvent, date: Date): void => {\n    event.preventDefault();\n    this.calciteInternalDatePickerSelect.emit(date);\n  };\n\n  private getInRangeDate({\n    localizedYear,\n    offset = 0,\n  }: {\n    localizedYear: string;\n    offset?: number;\n  }): Date {\n    const { min, max, activeDate } = this;\n    const parsedYear = Number(numberStringFormatter.delocalize(localizedYear));\n    const length = parsedYear.toString().length;\n    const year = isNaN(parsedYear) ? false : parsedYear + offset;\n    const inRange =\n      year && (!min || min.getFullYear() <= year) && (!max || max.getFullYear() >= year);\n    // if you've supplied a year and it's in range\n    if (year && inRange && length === localizedYear.length) {\n      const nextDate = new Date(activeDate);\n      nextDate.setFullYear(year as number);\n      return dateFromRange(nextDate, min, max);\n    }\n  }\n\n  /**\n   * Parse localized year string from input,\n   * set to active if in range\n   *\n   * @param root0\n   * @param root0.localizedYear\n   * @param root0.commit\n   * @param root0.offset\n   */\n  private setYear({\n    localizedYear,\n    commit = true,\n    offset = 0,\n  }: {\n    localizedYear: string;\n    commit?: boolean;\n    offset?: number;\n  }): void {\n    const { yearInput, activeDate } = this;\n    const inRangeDate = this.getInRangeDate({ localizedYear, offset });\n\n    // if you've supplied a year and it's in range, update active date\n    if (inRangeDate) {\n      this.calciteInternalDatePickerSelect.emit(inRangeDate);\n    }\n\n    if (commit) {\n      yearInput.value = this.formatCalendarYear((inRangeDate || activeDate).getFullYear());\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-af2e8eba.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
- */
-function t(t){return t.map((t=>{let r="";for(let e=0;e<t;e++){r+=((1+Math.random())*65536|0).toString(16).substring(1)}return r})).join("-")}const r=()=>t([2,1,1,1,3]);export{r as g};
-//# sourceMappingURL=p-af2e8eba.js.map

package/dist/calcite/p-baae7d2e.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
- */
-import{d as _}from"./p-37f5293c.js";import"./p-c0595915.js";import"./p-64bdb317.js";import"./p-26960e4c.js";import"./p-af2e8eba.js";import"./p-48317d63.js";import"./p-3c1c7466.js";import"./p-9a7e6205.js";import"./p-9306d022.js";import"./p-6721fc73.js";import"./p-da020626.js";import"./p-e003995f.js";import"./p-904be5f8.js";import"./p-1a02138f.js";import"./p-4d45b4ec.js";import"./p-88d01a69.js";import"./p-9a9521de.js";import"./p-66590f6a.js";import"./p-c34f50cd.js";var m={name:"ja",weekdays:"日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日".split("_"),weekdaysShort:"日_月_火_水_木_金_土".split("_"),weekdaysMin:"日_月_火_水_木_金_土".split("_"),months:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function _(m){return m+"日"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日 dddd HH:mm",l:"YYYY/MM/DD",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日(ddd) HH:mm"},meridiem:function _(m){return m<12?"午前":"午後"},relativeTime:{future:"%s後",past:"%s前",s:"数秒",m:"1分",mm:"%d分",h:"1時間",hh:"%d時間",d:"1日",dd:"%d日",M:"1ヶ月",MM:"%dヶ月",y:"1年",yy:"%d年"}};_.locale(m,null,true);export default m;
-//# sourceMappingURL=p-baae7d2e.js.map

package/dist/calcite/p-bc5caa0a.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
- */
-import{r as e,h as t,g as s}from"./p-c0595915.js";import{c as i,d as a}from"./p-904be5f8.js";import{u as n,c,s as r,d as o}from"./p-9a9521de.js";import{c as l}from"./p-1a02138f.js";import{x as d}from"./p-26960e4c.js";import"./p-9306d022.js";import"./p-af2e8eba.js";import"./p-48317d63.js";const h={scrim:"scrim",content:"content"};const m={s:72,l:480};const f=":host{--calcite-scrim-background:var(--calcite-color-transparent-scrim);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-color-transparent-scrim))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(t){e(this,t);this.resizeObserver=l("resize",(()=>this.handleResize()));this.handleDefaultSlotChange=e=>{this.hasContent=d(e)};this.storeLoaderEl=e=>{this.loaderEl=e;this.handleResize()};this.loading=false;this.messages=undefined;this.messageOverrides=undefined;this.loaderScale=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasContent=false}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){i(this);c(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await r(this)}disconnectedCallback(){a(this);o(this);this.resizeObserver?.disconnect()}render(){const{hasContent:e,loading:s,messages:i}=this;return t("div",{class:h.scrim},s?t("calcite-loader",{label:i.loading,scale:this.loaderScale,ref:this.storeLoaderEl}):null,t("div",{class:h.content,hidden:!e},t("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(e){if(e<m.s){return"s"}else if(e>=m.l){return"l"}else{return"m"}}handleResize(){const{loaderEl:e,el:t}=this;if(!e){return}this.loaderScale=this.getScale(Math.min(t.clientHeight,t.clientWidth)??0)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};p.style=f;export{p as calcite_scrim};
-//# sourceMappingURL=p-bc5caa0a.entry.js.map

package/dist/calcite/p-bd93168e.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
- */
-import{d as e}from"./p-37f5293c.js";import"./p-c0595915.js";import"./p-64bdb317.js";import"./p-26960e4c.js";import"./p-af2e8eba.js";import"./p-48317d63.js";import"./p-3c1c7466.js";import"./p-9a7e6205.js";import"./p-9306d022.js";import"./p-6721fc73.js";import"./p-da020626.js";import"./p-e003995f.js";import"./p-904be5f8.js";import"./p-1a02138f.js";import"./p-4d45b4ec.js";import"./p-88d01a69.js";import"./p-9a9521de.js";import"./p-66590f6a.js";import"./p-c34f50cd.js";var m={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"}};e.locale(m,null,true);export default m;
-//# sourceMappingURL=p-bd93168e.js.map

package/dist/calcite/p-bf84c797.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
- */
-import{d as _}from"./p-37f5293c.js";import"./p-c0595915.js";import"./p-64bdb317.js";import"./p-26960e4c.js";import"./p-af2e8eba.js";import"./p-48317d63.js";import"./p-3c1c7466.js";import"./p-9a7e6205.js";import"./p-9306d022.js";import"./p-6721fc73.js";import"./p-da020626.js";import"./p-e003995f.js";import"./p-904be5f8.js";import"./p-1a02138f.js";import"./p-4d45b4ec.js";import"./p-88d01a69.js";import"./p-9a9521de.js";import"./p-66590f6a.js";import"./p-c34f50cd.js";var r="січня_лютого_березня_квітня_травня_червня_липня_серпня_вересня_жовтня_листопада_грудня".split("_");var t="січень_лютий_березень_квітень_травень_червень_липень_серпень_вересень_жовтень_листопад_грудень".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function m(_,r){var t=_.split("_");return r%10===1&&r%100!==11?t[0]:r%10>=2&&r%10<=4&&(r%100<10||r%100>=20)?t[1]:t[2]}function s(_,r,t){var p={ss:r?"секунда_секунди_секунд":"секунду_секунди_секунд",mm:r?"хвилина_хвилини_хвилин":"хвилину_хвилини_хвилин",hh:r?"година_години_годин":"годину_години_годин",dd:"день_дні_днів",MM:"місяць_місяці_місяців",yy:"рік_роки_років"};if(t==="m"){return r?"хвилина":"хвилину"}else if(t==="h"){return r?"година":"годину"}return _+" "+m(p[t],+_)}var e=function _(m,s){if(p.test(s)){return r[m.month()]}return t[m.month()]};e.s=t;e.f=r;var o={name:"uk",weekdays:"неділя_понеділок_вівторок_середа_четвер_п’ятниця_субота".split("_"),weekdaysShort:"ндл_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:e,monthsShort:"січ_лют_бер_квіт_трав_черв_лип_серп_вер_жовт_лист_груд".split("_"),weekStart:1,relativeTime:{future:"за %s",past:"%s тому",s:"декілька секунд",m:s,mm:s,h:s,hh:s,d:"день",dd:s,M:"місяць",MM:s,y:"рік",yy:s},ordinal:function _(r){return r},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY р.",LLL:"D MMMM YYYY р., HH:mm",LLLL:"dddd, D MMMM YYYY р., HH:mm"}};_.locale(o,null,true);export default o;
-//# sourceMappingURL=p-bf84c797.js.map

package/dist/calcite/p-c0595915.js

@@ -1,8 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
- */
-const t="calcite";let n;let e;let s=false;let l=false;const o=t=>{const n=new URL(t,qt.t);return n.origin!==Tt.location.origin?n.href:n.pathname};const i=(t,n="")=>{{return()=>{}}};const c=(t,n)=>{{return()=>{}}};const f="r";const r="o";const u="s";const a="t";const d="s-id";const $="sty-id";const v="c-id";const h="{visibility:hidden}[calcite-hydrated]{visibility:inherit}";const p="slot-fb{display:contents}slot-fb[hidden]{display:none}";const y="http://www.w3.org/1999/xlink";const m={};const w="http://www.w3.org/2000/svg";const b="http://www.w3.org/1999/xhtml";const g=t=>t!=null;const S=t=>{t=typeof t;return t==="object"||t==="function"};function k(t){var n,e,s;return(s=(e=(n=t.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&s!==void 0?s:undefined}const j=(t,n,...e)=>{let s=null;let l=null;let o=false;let i=false;const c=[];const f=n=>{for(let e=0;e<n.length;e++){s=n[e];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!S(s)){s=String(s)}if(o&&i){c[c.length-1].l+=s}else{c.push(o?O(null,s):s)}i=o}}};f(e);if(n){if(n.key){l=n.key}{const t=n.className||n.class;if(t){n.class=typeof t!=="object"?t:Object.keys(t).filter((n=>t[n])).join(" ")}}}if(typeof t==="function"){return t(n===null?{}:n,c,M)}const r=O(t,null);r.o=n;if(c.length>0){r.i=c}{r.u=l}return r};const O=(t,n)=>{const e={$:0,v:t,l:n,h:null,i:null};{e.o=null}{e.u=null}return e};const x={};const C=t=>t&&t.v===x;const M={forEach:(t,n)=>t.map(P).forEach(n),map:(t,n)=>t.map(P).map(n).map(R)};const P=t=>({vattrs:t.o,vchildren:t.i,vkey:t.u,vname:t.p,vtag:t.v,vtext:t.l});const R=t=>{if(typeof t.vtag==="function"){const n=Object.assign({},t.vattrs);if(t.vkey){n.key=t.vkey}if(t.vname){n.name=t.vname}return j(t.vtag,n,...t.vchildren||[])}const n=O(t.vtag,t.vtext);n.o=t.vattrs;n.i=t.vchildren;n.u=t.vkey;n.p=t.vname;return n};const U=(t,n,e,s)=>{const l=i("hydrateClient",n);const o=t.shadowRoot;const c=[];const f=[];const r=o?[]:null;const u=s.m=O(n,null);if(!qt.S){I(Ht.body,qt.S=new Map)}t[d]=e;t.removeAttribute(d);E(u,c,f,r,t,t,e);c.map((t=>{const e=t.k+"."+t.j;const s=qt.S.get(e);const l=t.h;if(s&&Vt&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=n;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}qt.S.delete(e)}));if(o){r.map((t=>{if(t){o.appendChild(t)}}))}l()};const E=(t,n,e,s,l,o,i)=>{let c;let r;let d;let $;if(o.nodeType===1){c=o.getAttribute(v);if(c){r=c.split(".");if(r[0]===i||r[0]==="0"){d={$:0,k:r[0],j:r[1],O:r[2],C:r[3],v:o.tagName.toLowerCase(),h:o,o:null,i:null,u:null,p:null,l:null};n.push(d);o.removeAttribute(v);if(!t.i){t.i=[]}t.i[d.C]=d;t=d;if(s&&d.O==="0"){s[d.C]=d.h}}}for($=o.childNodes.length-1;$>=0;$--){E(t,n,e,s,l,o.childNodes[$],i)}if(o.shadowRoot){for($=o.shadowRoot.childNodes.length-1;$>=0;$--){E(t,n,e,s,l,o.shadowRoot.childNodes[$],i)}}}else if(o.nodeType===8){r=o.nodeValue.split(".");if(r[1]===i||r[1]==="0"){c=r[0];d={$:0,k:r[1],j:r[2],O:r[3],C:r[4],h:o,o:null,i:null,u:null,p:null,v:null,l:null};if(c===a){d.h=o.nextSibling;if(d.h&&d.h.nodeType===3){d.l=d.h.textContent;n.push(d);o.remove();if(!t.i){t.i=[]}t.i[d.C]=d;if(s&&d.O==="0"){s[d.C]=d.h}}}else if(d.k===i){if(c===u){d.v="slot";if(r[5]){o["s-sn"]=d.p=r[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){d.h=Ht.createElement(d.v);if(d.p){d.h.setAttribute("name",d.p)}o.parentNode.insertBefore(d.h,o);o.remove();if(d.O==="0"){s[d.C]=d.h}}e.push(d);if(!t.i){t.i=[]}t.i[d.C]=d}else if(c===f){if(s){o.remove()}}}}}else if(t&&t.v==="style"){const n=O(null,o.textContent);n.h=o;n.C="0";t.i=[n]}};const I=(t,n)=>{if(t.nodeType===1){let e=0;for(;e<t.childNodes.length;e++){I(t.childNodes[e],n)}if(t.shadowRoot){for(e=0;e<t.shadowRoot.childNodes.length;e++){I(t.shadowRoot.childNodes[e],n)}}}else if(t.nodeType===8){const e=t.nodeValue.split(".");if(e[0]===r){n.set(e[1]+"."+e[2],t);t.nodeValue="";t["s-en"]=e[3]}}};const L=(t,n)=>{if(t!=null&&!S(t)){if(n&4){return t==="false"?false:t===""||!!t}if(n&2){return parseFloat(t)}if(n&1){return String(t)}return t}return t};const F=t=>Et(t).$hostElement$;const N=(t,n,e)=>{const s=F(t);return{emit:t=>W(s,n,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:t})}};const W=(t,n,e)=>{const s=qt.ce(n,e);t.dispatchEvent(s);return s};const A=new WeakMap;const D=(t,n,e)=>{let s=Dt.get(t);if(zt&&e){s=s||new CSSStyleSheet;if(typeof s==="string"){s=n}else{s.replaceSync(n)}}else{s=n}Dt.set(t,s)};const T=(t,n,e)=>{var s;const l=q(n);const o=Dt.get(l);t=t.nodeType===11?t:Ht;if(o){if(typeof o==="string"){t=t.head||t;let e=A.get(t);let i;if(!e){A.set(t,e=new Set)}if(!e.has(l)){if(t.host&&(i=t.querySelector(`[${$}="${l}"]`))){i.innerHTML=o}else{i=Ht.createElement("style");i.innerHTML=o;const n=(s=qt.M)!==null&&s!==void 0?s:k(Ht);if(n!=null){i.setAttribute("nonce",n)}t.insertBefore(i,t.querySelector("link"))}if(n.$&4){i.innerHTML+=p}if(e){e.add(l)}}}else if(!t.adoptedStyleSheets.includes(o)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]}}return l};const H=t=>{const n=t.P;const e=t.$hostElement$;const s=n.$;const l=i("attachStyles",n.R);const o=T(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);if(s&10){e["s-sc"]=o;e.classList.add(o+"-h")}l()};const q=(t,n)=>"sc-"+t.R;const V=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const _=(t,n,e,s,l,o)=>{if(e!==s){let i=Ft(t,n);let c=n.toLowerCase();if(n==="class"){const n=t.classList;const l=B(e);const o=B(s);n.remove(...l.filter((t=>t&&!o.includes(t))));n.add(...o.filter((t=>t&&!l.includes(t))))}else if(n==="style"){{for(const n in e){if(!s||s[n]==null){if(n.includes("-")){t.style.removeProperty(n)}else{t.style[n]=""}}}}for(const n in s){if(!e||s[n]!==e[n]){if(n.includes("-")){t.style.setProperty(n,s[n])}else{t.style[n]=s[n]}}}}else if(n==="key");else if(n==="ref"){if(s){s(t)}}else if(!i&&n[0]==="o"&&n[1]==="n"){if(n[2]==="-"){n=n.slice(3)}else if(Ft(Tt,c)){n=c.slice(2)}else{n=c[2]+n.slice(3)}if(e||s){const l=n.endsWith(G);n=n.replace(J,"");if(e){qt.rel(t,n,e,l)}if(s){qt.ael(t,n,s,l)}}}else{const f=S(s);if((i||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(n==="list"){i=false}else if(e==null||t[n]!=l){t[n]=l}}else{t[n]=s}}catch(t){}}let r=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){n=c;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(n)===""){if(r){t.removeAttributeNS(y,n)}else{t.removeAttribute(n)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(y,n,s)}else{t.setAttribute(n,s)}}}}};const z=/\s/;const B=t=>!t?[]:t.split(z);const G="Capture";const J=new RegExp(G+"$");const K=(t,n,e,s)=>{const l=n.h.nodeType===11&&n.h.host?n.h.host:n.h;const o=t&&t.o||m;const i=n.o||m;{for(s in o){if(!(s in i)){_(l,s,o[s],undefined,e,n.$)}}}for(s in i){_(l,s,o[s],i[s],e,n.$)}};const Q=(t,l,o,i)=>{const c=l.i[o];let f=0;let r;let u;if(c.l!==null){r=c.h=Ht.createTextNode(c.l)}else{if(!s){s=c.v==="svg"}r=c.h=Ht.createElementNS(s?w:b,c.v);if(s&&c.v==="foreignObject"){s=false}{K(null,c,s)}if(g(n)&&r["s-si"]!==n){r.classList.add(r["s-si"]=n)}if(c.i){for(f=0;f<c.i.length;++f){u=Q(t,c,f);if(u){r.appendChild(u)}}}{if(c.v==="svg"){s=false}else if(r.tagName==="foreignObject"){s=true}}}r["s-hn"]=e;return r};const X=(t,n,s,l,o,i)=>{let c=t;let f;if(c.shadowRoot&&c.tagName===e){c=c.shadowRoot}for(;o<=i;++o){if(l[o]){f=Q(null,s,o);if(f){l[o].h=f;c.insertBefore(f,n)}}}};const Y=(t,n,e)=>{for(let s=n;s<=e;++s){const n=t[s];if(n){const t=n.h;et(n);if(t){t.remove()}}}};const Z=(t,n,e,s,l=false)=>{let o=0;let i=0;let c=0;let f=0;let r=n.length-1;let u=n[0];let a=n[r];let d=s.length-1;let $=s[0];let v=s[d];let h;let p;while(o<=r&&i<=d){if(u==null){u=n[++o]}else if(a==null){a=n[--r]}else if($==null){$=s[++i]}else if(v==null){v=s[--d]}else if(tt(u,$,l)){nt(u,$,l);u=n[++o];$=s[++i]}else if(tt(a,v,l)){nt(a,v,l);a=n[--r];v=s[--d]}else if(tt(u,v,l)){nt(u,v,l);t.insertBefore(u.h,a.h.nextSibling);u=n[++o];v=s[--d]}else if(tt(a,$,l)){nt(a,$,l);t.insertBefore(a.h,u.h);a=n[--r];$=s[++i]}else{c=-1;{for(f=o;f<=r;++f){if(n[f]&&n[f].u!==null&&n[f].u===$.u){c=f;break}}}if(c>=0){p=n[c];if(p.v!==$.v){h=Q(n&&n[i],e,c)}else{nt(p,$,l);n[c]=undefined;h=p.h}$=s[++i]}else{h=Q(n&&n[i],e,i);$=s[++i]}if(h){{u.h.parentNode.insertBefore(h,u.h)}}}}if(o>r){X(t,s[d+1]==null?null:s[d+1].h,e,s,i,d)}else if(i>d){Y(n,o,r)}};const tt=(t,n,e=false)=>{if(t.v===n.v){if(!e){return t.u===n.u}return true}return false};const nt=(t,n,e=false)=>{const l=n.h=t.h;const o=t.i;const i=n.i;const c=n.v;const f=n.l;if(f===null){{s=c==="svg"?true:c==="foreignObject"?false:s}{if(c==="slot");else{K(t,n,s)}}if(o!==null&&i!==null){Z(l,o,n,i,e)}else if(i!==null){if(t.l!==null){l.textContent=""}X(l,null,n,i,0,i.length-1)}else if(o!==null){Y(o,0,o.length-1)}if(s&&c==="svg"){s=false}}else if(t.l!==f){l.data=f}};const et=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.i&&t.i.map(et)}};const st=(t,s,l=false)=>{const o=t.$hostElement$;const i=t.P;const c=t.m||O(null,null);const f=C(s)?s:j(null,null,s);e=o.tagName;if(i.U){f.o=f.o||{};i.U.map((([t,n])=>f.o[n]=o[t]))}if(l&&f.o){for(const t of Object.keys(f.o)){if(o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){f.o[t]=o[t]}}}f.v=null;f.$|=4;t.m=f;f.h=c.h=o.shadowRoot||o;{n=o["s-sc"]}nt(c,f,l)};const lt=(t,n)=>{if(n&&!t.I&&n["s-p"]){n["s-p"].push(new Promise((n=>t.I=n)))}};const ot=(t,n)=>{{t.$|=16}if(t.$&4){t.$|=512;return}lt(t,t.L);const e=()=>it(t,n);return Zt(e)};const it=(t,n)=>{const e=i("scheduleUpdate",t.P.R);const s=t.F;let l;if(n){{t.$|=256;if(t.N){t.N.map((([t,n])=>vt(s,t,n)));t.N=undefined}}{l=vt(s,"componentWillLoad")}}{l=ct(l,(()=>vt(s,"componentWillRender")))}e();return ct(l,(()=>rt(t,s,n)))};const ct=(t,n)=>ft(t)?t.then(n):n();const ft=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const rt=async(t,n,e)=>{var s;const l=t.$hostElement$;const o=i("update",t.P.R);const c=l["s-rc"];if(e){H(t)}const f=i("render",t.P.R);{ut(t,n,l,e)}if(c){c.map((t=>t()));l["s-rc"]=undefined}f();o();{const n=(s=l["s-p"])!==null&&s!==void 0?s:[];const e=()=>at(t);if(n.length===0){e()}else{Promise.all(n).then(e);t.$|=4;n.length=0}}};const ut=(t,n,e,s)=>{try{n=n.render();{t.$&=~16}{t.$|=2}{{{st(t,n,s)}}}}catch(n){Nt(n,t.$hostElement$)}return null};const at=t=>{const n=t.P.R;const e=t.$hostElement$;const s=i("postUpdate",n);const l=t.F;const o=t.L;{vt(l,"componentDidRender")}if(!(t.$&64)){t.$|=64;{ht(e)}{vt(l,"componentDidLoad")}s();{t.W(e);if(!o){$t()}}}else{{vt(l,"componentDidUpdate")}s()}{t.A(e)}{if(t.I){t.I();t.I=undefined}if(t.$&512){Xt((()=>ot(t,false)))}t.$&=~(4|512)}};const dt=t=>{{const n=Et(t);const e=n.$hostElement$.isConnected;if(e&&(n.$&(2|16))===2){ot(n,false)}return e}};const $t=n=>{{ht(Ht.documentElement)}Xt((()=>W(Tt,"appload",{detail:{namespace:t}})))};const vt=(t,n,e)=>{if(t&&t[n]){try{return t[n](e)}catch(t){Nt(t)}}return undefined};const ht=t=>t.setAttribute("calcite-hydrated","");const pt=(t,n)=>Et(t).D.get(n);const yt=(t,n,e,s)=>{const l=Et(t);const o=l.$hostElement$;const i=l.D.get(n);const c=l.$;const f=l.F;e=L(e,s.T[n][0]);const r=Number.isNaN(i)&&Number.isNaN(e);const u=e!==i&&!r;if((!(c&8)||i===undefined)&&u){l.D.set(n,e);if(f){if(s.H&&c&128){const t=s.H[n];if(t){t.map((t=>{try{f[t](e,i,n)}catch(t){Nt(t,o)}}))}}if((c&(2|16))===2){if(f.componentShouldUpdate){if(f.componentShouldUpdate(e,i,n)===false){return}}ot(l,false)}}}};const mt=(t,n,e)=>{var s;const l=t.prototype;if(n.T){if(t.watchers){n.H=t.watchers}const o=Object.entries(n.T);o.map((([t,[s]])=>{if(s&31||e&2&&s&32){Object.defineProperty(l,t,{get(){return pt(this,t)},set(e){yt(this,t,e,n)},configurable:true,enumerable:true})}else if(e&1&&s&64){Object.defineProperty(l,t,{value(...n){var e;const s=Et(this);return(e=s===null||s===void 0?void 0:s.q)===null||e===void 0?void 0:e.then((()=>{var e;return(e=s.F)===null||e===void 0?void 0:e[t](...n)}))}})}}));if(e&1){const e=new Map;l.attributeChangedCallback=function(t,s,o){qt.jmp((()=>{var i;const c=e.get(t);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const e=Et(this);const l=e===null||e===void 0?void 0:e.$;if(l&&!(l&8)&&l&128&&o!==s){const l=e.F;const c=(i=n.H)===null||i===void 0?void 0:i[t];c===null||c===void 0?void 0:c.forEach((n=>{if(l[n]!=null){l[n].call(l,o,s,t)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=n.H)!==null&&s!==void 0?s:{}),...o.filter((([t,n])=>n[0]&15)).map((([t,s])=>{var l;const o=s[1]||t;e.set(o,t);if(s[0]&512){(l=n.U)===null||l===void 0?void 0:l.push([t,o])}return o}))]))}}return t};const wt=async(t,n,e,s)=>{let l;if((n.$&32)===0){n.$|=32;{l=At(e);if(l.then){const t=c();l=await l;t()}if(!l.isProxied){{e.H=l.watchers}mt(l,e,2);l.isProxied=true}const t=i("createInstance",e.R);{n.$|=8}try{new l(n)}catch(t){Nt(t)}{n.$&=~8}{n.$|=128}t();bt(n.F)}if(l.style){let t=l.style;const n=q(e);if(!Dt.has(n)){const s=i("registerStyles",e.R);D(n,t,!!(e.$&1));s()}}}const o=n.L;const f=()=>ot(n,true);if(o&&o["s-rc"]){o["s-rc"].push(f)}else{f()}};const bt=t=>{{vt(t,"connectedCallback")}};const gt=t=>{if((qt.$&1)===0){const n=Et(t);const e=n.P;const s=i("connectedCallback",e.R);if(!(n.$&1)){n.$|=1;let s;{s=t.getAttribute(d);if(s){if(e.$&1){const n=T(t.shadowRoot,e);t.classList.remove(n+"-h",n+"-s")}U(t,e.R,s,n)}}{let e=t;while(e=e.parentNode||e.host){if(e.nodeType===1&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){lt(n,n.L=e);break}}}if(e.T){Object.entries(e.T).map((([n,[e]])=>{if(e&31&&t.hasOwnProperty(n)){const e=t[n];delete t[n];t[n]=e}}))}{wt(t,n,e)}}else{xt(t,n,e.V);if(n===null||n===void 0?void 0:n.F){bt(n.F)}else if(n===null||n===void 0?void 0:n._){n._.then((()=>bt(n.F)))}}s()}};const St=t=>{{vt(t,"disconnectedCallback")}};const kt=async t=>{if((qt.$&1)===0){const n=Et(t);{if(n.B){n.B.map((t=>t()));n.B=undefined}}if(n===null||n===void 0?void 0:n.F){St(n.F)}else if(n===null||n===void 0?void 0:n._){n._.then((()=>St(n.F)))}}};const jt=(t,n={})=>{var e;const s=i();const l=[];const o=n.exclude||[];const c=Tt.customElements;const f=Ht.head;const r=f.querySelector("meta[charset]");const u=Ht.createElement("style");const a=[];const d=Ht.querySelectorAll(`[${$}]`);let v;let y=true;let m=0;Object.assign(qt,n);qt.t=new URL(n.resourcesUrl||"./",Ht.baseURI).href;{qt.$|=2}{for(;m<d.length;m++){D(d[m].getAttribute($),V(d[m].innerHTML),true)}}let w=false;t.map((t=>{t[1].map((n=>{var e;const s={$:n[0],R:n[1],T:n[2],V:n[3]};if(s.$&4){w=true}{s.T=n[2]}{s.V=n[3]}{s.U=[]}{s.H=(e=n[4])!==null&&e!==void 0?e:{}}const i=s.R;const f=class extends HTMLElement{constructor(t){super(t);t=this;Lt(t,s);if(s.$&1){{{t.attachShadow({mode:"open",delegatesFocus:!!(s.$&16)})}}}}connectedCallback(){if(v){clearTimeout(v);v=null}if(y){a.push(this)}else{qt.jmp((()=>gt(this)))}}disconnectedCallback(){qt.jmp((()=>kt(this)))}componentOnReady(){return Et(this)._}};s.G=t[0];if(!o.includes(i)&&!c.get(i)){l.push(i);c.define(i,mt(f,s,1))}}))}));if(w){u.innerHTML+=p}{u.innerHTML+=l+h}if(u.innerHTML.length){u.setAttribute("data-styles","");const t=(e=qt.M)!==null&&e!==void 0?e:k(Ht);if(t!=null){u.setAttribute("nonce",t)}f.insertBefore(u,r?r.nextSibling:f.firstChild)}y=false;if(a.length){a.map((t=>t.connectedCallback()))}else{{qt.jmp((()=>v=setTimeout($t,30)))}}s()};const Ot=(t,n)=>n;const xt=(t,n,e,s)=>{if(e){e.map((([e,s,l])=>{const o=Mt(t,e);const i=Ct(n,l);const c=Pt(e);qt.ael(o,s,i,c);(n.B=n.B||[]).push((()=>qt.rel(o,s,i,c)))}))}};const Ct=(t,n)=>e=>{try{{if(t.$&256){t.F[n](e)}else{(t.N=t.N||[]).push([n,e])}}}catch(t){Nt(t)}};const Mt=(t,n)=>{if(n&4)return Ht;if(n&8)return Tt;if(n&16)return Ht.body;return t};const Pt=t=>(t&2)!==0;const Rt=t=>qt.M=t;const Ut=new WeakMap;const Et=t=>Ut.get(t);const It=(t,n)=>Ut.set(n.F=t,n);const Lt=(t,n)=>{const e={$:0,$hostElement$:t,P:n,D:new Map};{e.q=new Promise((t=>e.A=t))}{e._=new Promise((t=>e.W=t));t["s-p"]=[];t["s-rc"]=[]}xt(t,e,n.V);return Ut.set(t,e)};const Ft=(t,n)=>n in t;const Nt=(t,n)=>(0,console.error)(t,n);const Wt=new Map;const At=(t,n,e)=>{const s=t.R.replace(/-/g,"_");const l=t.G;const o=Wt.get(l);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Wt.set(l,t)}return t[s]}),Nt)};const Dt=new Map;const Tt=typeof window!=="undefined"?window:{};const Ht=Tt.document||{head:{}};const qt={$:0,t:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,s)=>t.addEventListener(n,e,s),rel:(t,n,e,s)=>t.removeEventListener(n,e,s),ce:(t,n)=>new CustomEvent(t,n)};const Vt=true;const _t=t=>Promise.resolve(t);const zt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Bt=[];const Gt=[];const Jt=(t,n)=>e=>{t.push(e);if(!l){l=true;if(n&&qt.$&4){Xt(Qt)}else{qt.raf(Qt)}}};const Kt=t=>{for(let n=0;n<t.length;n++){try{t[n](performance.now())}catch(t){Nt(t)}}t.length=0};const Qt=()=>{Kt(Bt);{Kt(Gt);if(l=Bt.length>0){qt.raf(Qt)}}};const Xt=t=>_t().then(t);const Yt=Jt(Bt,false);const Zt=Jt(Gt,true);export{Ot as F,x as H,t as N,o as a,jt as b,N as c,Ht as d,Yt as e,dt as f,F as g,j as h,_t as p,It as r,Rt as s};
-//# sourceMappingURL=p-c0595915.js.map

package/dist/calcite/p-c0741d59.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
- */
-import{d as t}from"./p-37f5293c.js";import"./p-c0595915.js";import"./p-64bdb317.js";import"./p-26960e4c.js";import"./p-af2e8eba.js";import"./p-48317d63.js";import"./p-3c1c7466.js";import"./p-9a7e6205.js";import"./p-9306d022.js";import"./p-6721fc73.js";import"./p-da020626.js";import"./p-e003995f.js";import"./p-904be5f8.js";import"./p-1a02138f.js";import"./p-4d45b4ec.js";import"./p-88d01a69.js";import"./p-9a9521de.js";import"./p-66590f6a.js";import"./p-c34f50cd.js";var m={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function t(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};t.locale(m,null,true);export default m;
-//# sourceMappingURL=p-c0741d59.js.map

package/dist/calcite/p-c18ccc88.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
- */
-import{h as t,r as i,c as e,H as s,g as n}from"./p-c0595915.js";import{f as o}from"./p-67ea6144.js";import{z as a,B as c,C as l,i as r,t as h,e as d}from"./p-26960e4c.js";import{d as p,f as u,c as m,r as b,a as f,F as g}from"./p-c56cfdf3.js";import{s as x,c as v,a as w,d as y,H as C}from"./p-64bdb317.js";import{g as k}from"./p-af2e8eba.js";import{c as z,u as I,d as $,I as E}from"./p-3c1c7466.js";import{c as H,d as S,g as A}from"./p-6721fc73.js";import{b as D,c as j,s as M,a as O}from"./p-e003995f.js";import{c as P,d as F}from"./p-904be5f8.js";import{c as L}from"./p-1a02138f.js";import{o as B}from"./p-66590f6a.js";import{c as T,s as R,d as W,u as V}from"./p-9a9521de.js";import{g as G}from"./p-da020626.js";import{V as X}from"./p-c34f50cd.js";import{d as _}from"./p-727b0e83.js";import{c as U,d as Y}from"./p-4f9cdea0.js";import"./p-48317d63.js";import"./p-9a7e6205.js";import"./p-9306d022.js";const K="CALCITE-COMBOBOX-ITEM";const N="CALCITE-COMBOBOX-ITEM-GROUP";const q=`${K}, ${N}`;const J={chipInvisible:"chip--invisible",selectionDisplayFit:"selection-display-fit",selectionDisplaySingle:"selection-display-single",listContainer:"list-container"};function Q(t){const i=t.parentElement?.closest(q);const e=i?.parentElement?.closest(q);return[i,e].filter((t=>t))}function Z(t){return t.ancestors?.filter((t=>t.nodeName==="CALCITE-COMBOBOX-ITEM"))||[]}function tt(t){return a(t.querySelectorAll("calcite-combobox-item"))}function it(t){const i=a(t.querySelectorAll("calcite-combobox-item"));return i.filter((t=>t.selected)).length>0}function et(t){const i=document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return i.snapshotLength}function st(t){return t.includes("single")}const nt={button:"x-button"};function ot({disabled:i,key:e,label:s,onClick:n,ref:o,scale:a}){return t("button",{"aria-label":s,class:nt.button,disabled:i,key:e,onClick:n,tabIndex:-1,type:"button",ref:o},t("calcite-icon",{icon:"x",scale:G(a)}))}const at="48px";const ct=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]) .x-button{inline-size:1rem;block-size:1rem}:host([scale=m]) .x-button{inline-size:1.5rem;block-size:1.5rem}:host([scale=l]) .x-button{inline-size:2rem;block-size:2rem}.x-button{margin:0px;display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-width:2px;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-radius:50%;border-color:transparent;background-color:var(--calcite-color-foreground-2)}.x-button:active,.x-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.x-button:active{border-style:solid;border-color:var(--calcite-color-brand)}.x-button calcite-icon{color:inherit}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.25rem - 1px)}:host([scale=s]) .x-button{margin-inline:0.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.5rem - 1px)}:host([scale=m]) .x-button{margin-inline-end:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:1.5rem;--calcite-internal-combobox-input-margin-block:calc(0.625rem - 1px)}:host([scale=l]) .x-button{margin-inline-end:1rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{position:relative;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;gap:var(--calcite-combobox-item-spacing-unit-s)}.grid-input.selection-display-fit,.grid-input.selection-display-single{flex-wrap:nowrap;overflow:hidden}.input{flex-grow:1;appearance:none;text-overflow:ellipsis;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-color-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-combobox-item-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:2px solid transparent;outline-offset:2px}.input:placeholder-shown{text-overflow:ellipsis}.input--transparent{opacity:0}.input--single{padding:0px;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-s)}:host([scale=m]) .input--icon,:host([scale=l]) .input--icon{padding-inline:0.25rem}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;display:flex;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.floating-ui-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}.floating-ui-container--active{visibility:visible}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}calcite-chip{--calcite-animation-timing:0}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);max-inline-size:100%}.chip--active{background-color:var(--calcite-color-foreground-3)}.chip--invisible{visibility:hidden;position:absolute}.item{display:block}.validation-container{padding-block-start:0.5rem;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}::slotted(calcite-combobox-item-group:not(:first-child)){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}";const lt=t=>t.tagName===N;const rt="combobox-item-";const ht="combobox-chip-";const dt="combobox-label-";const pt="combobox-listbox-";const ut="combobox-input-";const mt=class{constructor(t){i(this,t);this.calciteComboboxChange=e(this,"calciteComboboxChange",6);this.calciteComboboxFilterChange=e(this,"calciteComboboxFilterChange",6);this.calciteComboboxChipClose=e(this,"calciteComboboxChipClose",6);this.calciteComboboxBeforeClose=e(this,"calciteComboboxBeforeClose",6);this.calciteComboboxClose=e(this,"calciteComboboxClose",6);this.calciteComboboxBeforeOpen=e(this,"calciteComboboxBeforeOpen",6);this.calciteComboboxOpen=e(this,"calciteComboboxOpen",6);this.placement=p;this.internalValueChangeFlag=false;this.textInput=null;this.mutationObserver=L("mutation",(()=>this.updateItems()));this.resizeObserver=L("resize",(()=>{this.setMaxScrollerHeight();this.refreshSelectionDisplay()}));this.guid=k();this.inputHeight=0;this.ignoreSelectedEventsFlag=false;this.openTransitionProp="opacity";this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?u(i,t):null};this.getValue=()=>{const t=this.selectedItems.map((t=>t?.value?.toString()));return t?.length?t.length>1?t:t[0]:""};this.onLabelClick=()=>{this.setFocus()};this.keyDownHandler=t=>{const{key:i}=t;switch(i){case"Tab":this.activeChipIndex=-1;this.activeItemIndex=-1;if(this.allowCustomValues&&this.text){this.addCustomChip(this.text,true);t.preventDefault()}else if(this.open){this.open=false;t.preventDefault()}else if(!this.allowCustomValues&&this.text){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}break;case"ArrowLeft":this.previousChip();t.preventDefault();break;case"ArrowRight":this.nextChip();t.preventDefault();break;case"ArrowUp":t.preventDefault();if(this.open){this.shiftActiveItemIndex(-1)}if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"ArrowDown":t.preventDefault();if(this.open){this.shiftActiveItemIndex(1)}else{this.open=true;this.ensureRecentSelectedItemIsActive()}if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case" ":if(!this.textInput.value){if(!this.open){this.open=true;this.shiftActiveItemIndex(1)}t.preventDefault()}break;case"Home":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(0);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"End":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(this.filteredItems.length-1);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"Escape":if(!this.clearDisabled&&!this.open){this.clearValue()}this.open=false;t.preventDefault();break;case"Enter":if(this.activeItemIndex>-1){this.toggleSelection(this.filteredItems[this.activeItemIndex]);t.preventDefault()}else if(this.activeChipIndex>-1){this.removeActiveChip();t.preventDefault()}else if(this.allowCustomValues&&this.text){this.addCustomChip(this.text,true);t.preventDefault()}else if(!t.defaultPrevented){if(x(this)){t.preventDefault()}}break;case"Delete":case"Backspace":if(this.activeChipIndex>-1){t.preventDefault();this.removeActiveChip()}else if(!this.text&&this.isMulti()){t.preventDefault();this.removeLastChip()}break}};this.toggleCloseEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxClose",this.toggleCloseEnd)};this.toggleOpenEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxOpen",this.toggleOpenEnd)};this.setMaxScrollerHeight=async()=>{const{listContainerEl:t,open:i,referenceEl:e}=this;if(!t||!i){return}await this.reposition(true);const s=this.getMaxScrollerHeight();t.style.maxHeight=s>0?`${s}px`:"";t.style.minWidth=`${e.clientWidth}px`;await this.reposition(true)};this.calciteChipCloseHandler=t=>{this.open=false;const i=this.items.find((i=>i===t));if(i){this.toggleSelection(i,false)}this.calciteComboboxChipClose.emit()};this.clickHandler=t=>{const i=t.composedPath();if(i.some((t=>t.tagName==="CALCITE-CHIP"))){this.open=false;t.preventDefault();return}if(i.some((t=>t.classList?.contains(nt.button)))){this.clearValue();t.preventDefault();return}this.open=!this.open;this.ensureRecentSelectedItemIsActive()};this.refreshSelectionDisplay=async()=>{await D(this);if(st(this.selectionMode)){return}if(!this.textInput){return}const{allSelectedIndicatorChipEl:t,chipContainerEl:i,selectionDisplay:e,placeholder:s,selectedIndicatorChipEl:n,textInput:o}=this;const a=parseInt(getComputedStyle(i).gap.replace("px",""));const r=c(i);const{fontSize:h,fontFamily:d}=getComputedStyle(o);const p=l(s,`${h} ${d}`);const u=(p||parseInt(at))+a;const m=c(t);const b=c(n);const f=Math.max(m,b);this.setCompactSelectionDisplay({chipContainerElGap:a,chipContainerElWidth:r,inputWidth:u,largestSelectedIndicatorChipWidth:f});if(e==="fit"){const t=Array.from(this.el.shadowRoot.querySelectorAll("calcite-chip")).filter((t=>t.closable));const i=Math.round(r-((this.selectedHiddenChipsCount>0?b:0)+a+u+a));this.refreshChipDisplay({availableHorizontalChipElSpace:i,chipContainerElGap:a,chipEls:t});this.setVisibleAndHiddenChips(t)}};this.setFloatingEl=t=>{this.floatingEl=t;m(this,this.referenceEl,this.floatingEl)};this.setContainerEl=t=>{this.resizeObserver.observe(t);this.listContainerEl=t;this.transitionEl=t};this.setChipContainerEl=t=>{this.resizeObserver.observe(t);this.chipContainerEl=t};this.setReferenceEl=t=>{this.referenceEl=t;m(this,this.referenceEl,this.floatingEl)};this.setAllSelectedIndicatorChipEl=t=>{this.allSelectedIndicatorChipEl=t};this.setSelectedIndicatorChipEl=t=>{this.selectedIndicatorChipEl=t};this.inputHandler=t=>{const i=t.target.value;this.text=i;this.filterItems(i);if(i){this.activeChipIndex=-1}};this.filterItems=(()=>{const t=(t,i)=>t&&i.some((({label:i,value:e})=>lt(t)?i===t.label:e===t.value&&i===t.textLabel));return _((i=>{const e=o(this.data,i);const s=this.getItemsAndGroups();s.forEach((i=>{const s=!t(i,e);i.hidden=s;const[n,o]=i.ancestors;if(t(n,e)||t(o,e)){i.hidden=false}if(!s){i.ancestors.forEach((t=>t.hidden=false))}}));this.filteredItems=this.getFilteredItems();this.calciteComboboxFilterChange.emit()}),100)})();this.internalComboboxChangeEvent=()=>{this.calciteComboboxChange.emit()};this.emitComboboxChange=_(this.internalComboboxChangeEvent,0);this.getSelectedItems=()=>{if(!this.isMulti()){const t=this.items.find((({selected:t})=>t));return t?[t]:[]}return this.items.filter((t=>t.selected&&(this.selectionMode!=="ancestors"||!it(t)))).sort(((t,i)=>{const e=this.selectedItems.indexOf(t);const s=this.selectedItems.indexOf(i);if(e>-1&&s>-1){return e-s}return s-e}))};this.updateItems=()=>{this.items=this.getItems();this.groupItems=this.getGroupItems();this.data=this.getData();this.selectedItems=this.getSelectedItems();this.filteredItems=this.getFilteredItems();this.needsIcon=this.getNeedsIcon();this.items.forEach((t=>{t.selectionMode=this.selectionMode;t.scale=this.scale}));if(!this.allowCustomValues){this.setMaxScrollerHeight()}this.groupItems.forEach(((t,i,e)=>{if(i===0){t.afterEmptyGroup=false}const s=e[i+1];if(s){s.afterEmptyGroup=t.children.length===0}}))};this.scrollToActiveItem=()=>{const t=this.filteredItems[this.activeItemIndex];if(!t){return}const i=this.calculateSingleItemHeight(t);const{offsetHeight:e,scrollTop:s}=this.listContainerEl;if(e+s<t.offsetTop+i){this.listContainerEl.scrollTop=t.offsetTop-e+i}else if(t.offsetTop<s){this.listContainerEl.scrollTop=t.offsetTop}};this.comboboxFocusHandler=()=>{if(this.disabled){return}this.textInput?.focus()};this.clearDisabled=false;this.selectionDisplay="all";this.open=false;this.disabled=false;this.form=undefined;this.label=undefined;this.placeholder=undefined;this.placeholderIcon=undefined;this.placeholderIconFlipRtl=false;this.maxItems=0;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.allowCustomValues=undefined;this.overlayPositioning="absolute";this.required=false;this.selectionMode="multiple";this.scale="m";this.status="idle";this.value=null;this.flipPlacements=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedItems=[];this.filteredItems=[];this.items=[];this.groupItems=[];this.needsIcon=undefined;this.activeItemIndex=-1;this.activeChipIndex=-1;this.activeDescendant="";this.compactSelectionDisplay=false;this.selectedHiddenChipsCount=0;this.selectedVisibleChipsCount=0;this.text="";this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){B(this);if(this.disabled){this.open=false;return}this.setMaxScrollerHeight()}handleDisabledChange(t){if(!t){this.open=false}}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}handlePropsChange(){this.updateItems()}valueHandler(t){if(!this.internalValueChangeFlag){const i=this.getItems();if(Array.isArray(t)){i.forEach((i=>i.selected=t.includes(i.value)))}else if(t){i.forEach((i=>i.selected=t===i.value))}else{i.forEach((t=>t.selected=false))}this.updateItems()}}onMessagesChange(){}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}selectedItemsHandler(){this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false}documentClickHandler(t){if(this.disabled||!r(t)){return}const i=t.composedPath();if(i.includes(this.el)||i.includes(this.referenceEl)){return}if(!this.allowCustomValues&&this.textInput.value){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}if(this.allowCustomValues&&this.text.trim().length){this.addCustomChip(this.text)}this.open=false}calciteComboboxItemChangeHandler(t){if(this.ignoreSelectedEventsFlag){return}const i=t.target;const e=this.filteredItems.indexOf(i);this.updateActiveItemIndex(e);this.toggleSelection(i,i.selected)}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:n,filteredFlipPlacements:o}=this;return b(this,{floatingEl:i,referenceEl:e,overlayPositioning:n,placement:s,flipPlacements:o,type:"menu"},t)}async setFocus(){await j(this);this.textInput?.focus();this.activeChipIndex=-1;this.activeItemIndex=-1}connectedCallback(){z(this);P(this);T(this);H(this);v(this);this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false;this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.updateItems();this.setFilteredPlacements();this.reposition(true);if(this.open){this.openHandler();B(this)}m(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){M(this);this.updateItems();await R(this)}componentDidLoad(){w(this,this.getValue());this.reposition(true);O(this)}componentDidRender(){if(this.el.offsetHeight!==this.inputHeight){this.reposition(true);this.inputHeight=this.el.offsetHeight}I(this)}componentDidUpdate(){this.refreshSelectionDisplay()}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();$(this);S(this);y(this);f(this,this.referenceEl,this.floatingEl);F(this);W(this)}textHandler(){this.updateActiveItemIndex(-1)}effectiveLocaleChange(){V(this,this.effectiveLocale)}clearValue(){this.ignoreSelectedEventsFlag=true;this.items.forEach((t=>t.selected=false));this.ignoreSelectedEventsFlag=false;this.selectedItems=[];this.emitComboboxChange();this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("");this.setFocus()}clearInputValue(){this.textInput.value="";this.text=""}comboboxInViewport(){const t=this.el.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.right<=(window.innerWidth||document.documentElement.clientWidth)&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)}onBeforeOpen(){this.scrollToActiveItem();this.calciteComboboxBeforeOpen.emit()}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit()}ensureRecentSelectedItemIsActive(){const{selectedItems:t}=this;const i=t.length===0?0:this.items.indexOf(t[t.length-1]);this.updateActiveItemIndex(i)}hideChip(t){t.classList.add(J.chipInvisible)}showChip(t){t.classList.remove(J.chipInvisible)}refreshChipDisplay({chipEls:t,availableHorizontalChipElSpace:i,chipContainerElGap:e}){t.forEach((t=>{if(!t.selected){this.hideChip(t)}else{const s=c(t);if(s&&s<i){i-=s+e;this.showChip(t);return}}this.hideChip(t)}))}setCompactSelectionDisplay({chipContainerElGap:t,chipContainerElWidth:i,inputWidth:e,largestSelectedIndicatorChipWidth:s}){const n=Math.round(s+t+e);if(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<n){this.maxCompactBreakpoint=n}this.compactSelectionDisplay=i<this.maxCompactBreakpoint}setVisibleAndHiddenChips(t){let i=0;t.forEach((t=>{if(t.selected&&!t.classList.contains(J.chipInvisible)){i++}}));if(i!==this.selectedVisibleChipsCount){this.selectedVisibleChipsCount=i}const e=this.getSelectedItems().length-i;if(e!==this.selectedHiddenChipsCount){this.selectedHiddenChipsCount=e}}getMaxScrollerHeight(){const t=this.getItemsAndGroups().filter((t=>!t.hidden));const{maxItems:i}=this;let e=0;let s=0;if(t.length>i){t.forEach((t=>{if(e<i&&i>0){const i=this.calculateSingleItemHeight(t);if(i>0){s+=i;e++}}}))}return s}calculateSingleItemHeight(t){if(!t){return}let i=t.offsetHeight;const e=Array.from(t.querySelectorAll(q));e.map((t=>t?.offsetHeight)).forEach((t=>{i-=t}));return i}getItemsAndGroups(){return[...this.groupItems,...this.items]}toggleSelection(t,i=!t.selected){if(!t||this.selectionMode==="single-persist"&&t.selected&&t.value===this.value){return}if(this.isMulti()){t.selected=i;this.updateAncestors(t);this.selectedItems=this.getSelectedItems();this.emitComboboxChange();this.resetText();this.filterItems("")}else{this.ignoreSelectedEventsFlag=true;this.items.forEach((e=>e.selected=e===t?i:false));this.ignoreSelectedEventsFlag=false;this.selectedItems=this.getSelectedItems();this.emitComboboxChange();if(this.textInput){this.textInput.value=t.textLabel}this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("")}}updateAncestors(t){if(this.selectionMode!=="ancestors"){return}const i=Z(t);const e=tt(t);if(t.selected){i.forEach((t=>{t.selected=true}))}else{e.forEach((t=>t.selected=false));[...i].forEach((t=>{if(!it(t)){t.selected=false}}))}}getFilteredItems(){return this.items.filter((t=>!t.hidden))}getData(){return this.items.map((t=>({filterDisabled:t.filterDisabled,value:t.value,label:t.textLabel})))}getNeedsIcon(){return st(this.selectionMode)&&this.items.some((t=>t.icon))}resetText(){if(this.textInput){this.textInput.value=""}this.text=""}getItems(){const t=Array.from(this.el.querySelectorAll(K));return t.filter((t=>!t.disabled))}getGroupItems(){return Array.from(this.el.querySelectorAll(N))}addCustomChip(t,i){const e=this.items.find((i=>i.textLabel===t));if(e){this.toggleSelection(e,true)}else{if(!this.isMulti()){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false)}const e=document.createElement(K);e.value=t;e.textLabel=t;e.selected=true;this.el.appendChild(e);this.resetText();if(i){this.setFocus()}this.updateItems();this.filterItems("");this.emitComboboxChange()}}removeActiveChip(){this.toggleSelection(this.selectedItems[this.activeChipIndex],false);this.setFocus()}removeLastChip(){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false);this.setFocus()}previousChip(){if(this.text){return}const t=this.selectedItems.length-1;const i=this.activeChipIndex;this.activeChipIndex=i===-1?t:Math.max(i-1,0);this.updateActiveItemIndex(-1);this.focusChip()}nextChip(){if(this.text||this.activeChipIndex===-1){return}const t=this.selectedItems.length-1;const i=this.activeChipIndex+1;if(i>t){this.activeChipIndex=-1;this.setFocus()}else{this.activeChipIndex=i;this.focusChip()}this.updateActiveItemIndex(-1)}focusChip(){const t=this.selectedItems[this.activeChipIndex]?.guid;const i=t?this.referenceEl.querySelector(`#${ht}${t}`):null;i?.setFocus()}shiftActiveItemIndex(t){const{length:i}=this.filteredItems;const e=(this.activeItemIndex+i+t)%i;this.updateActiveItemIndex(e);this.scrollToActiveItem()}updateActiveItemIndex(t){this.activeItemIndex=t;let i=null;this.filteredItems.forEach(((e,s)=>{if(s===t){e.active=true;i=`${rt}${e.guid}`}else{e.active=false}}));this.activeDescendant=i;if(this.activeItemIndex>-1){this.activeChipIndex=-1}}isAllSelected(){return this.getItems().length===this.getSelectedItems().length}isMulti(){return!st(this.selectionMode)}renderChips(){const{activeChipIndex:i,scale:e,selectionMode:s,messages:n}=this;return this.selectedItems.map(((o,a)=>{const c={chip:true,"chip--active":i===a};const l=[...Z(o)].reverse();const r=[...l,o].map((t=>t.textLabel));const h=s!=="ancestors"?o.textLabel:r.join(" / ");return t("calcite-chip",{class:c,closable:true,icon:o.icon,iconFlipRtl:o.iconFlipRtl,id:o.guid?`${ht}${o.guid}`:null,key:o.textLabel,messageOverrides:{dismissLabel:n.removeTag},onCalciteChipClose:()=>this.calciteChipCloseHandler(o),scale:e,selected:o.selected,title:h,value:o.value},h)}))}renderAllSelectedIndicatorChip(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s,setAllSelectedIndicatorChipEl:n}=this;const o=this.messages.allSelected;return t("calcite-chip",{class:{chip:true,[J.chipInvisible]:!(this.isAllSelected()&&!s&&!i)},scale:e,title:o,value:"",ref:n},o)}renderAllSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s}=this;const n=this.messages.all||"All";return t("calcite-chip",{class:{chip:true,[J.chipInvisible]:!(this.isAllSelected()&&!s&&i)},scale:e,title:n,value:""},n)}renderSelectedIndicatorChip(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:n,selectedHiddenChipsCount:o,selectedVisibleChipsCount:a,setSelectedIndicatorChipEl:c}=this;let l;let r;if(i){l=true}else{if(e==="single"){const t=s().length;if(this.isAllSelected()){l=true}else if(t>0){l=false}else{l=true}r=`${t} ${this.messages.selected}`}else if(e==="fit"){l=!!(this.isAllSelected()&&a===0||o===0);r=a>0?`+${o}`:`${o} ${this.messages.selected}`}}return t("calcite-chip",{class:{chip:true,[J.chipInvisible]:l},scale:n,title:r,value:"",ref:c},r)}renderSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:n,selectedHiddenChipsCount:o}=this;let a;let c;if(i){const t=s().length;if(this.isAllSelected()){a=true}else if(e==="fit"){a=!(o>0);c=`${o||0}`}else if(e==="single"){a=!(t>0);c=`${t}`}}else{a=true}return t("calcite-chip",{class:{chip:true,[J.chipInvisible]:a},scale:n,title:c,value:""},c)}renderInput(){const{guid:i,disabled:e,placeholder:s,selectionMode:n,selectedItems:o,open:a}=this;const c=st(n);const l=o[0];const r=!a&&c&&!!l;return t("span",{class:{"input-wrap":true,"input-wrap--single":c}},r&&t("span",{class:{label:true,"label--icon":!!l?.icon},key:"label"},l.textLabel),t("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":`${pt}${i}`,"aria-label":A(this),class:{input:true,"input--single":true,"input--transparent":this.activeChipIndex>-1,"input--hidden":r,"input--icon":!!this.placeholderIcon},disabled:e,id:`${ut}${i}`,key:"input",onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:s,type:"text",ref:t=>this.textInput=t}))}renderListBoxOptions(){return this.filteredItems.map((i=>t("li",{"aria-selected":h(i.selected),id:i.guid?`${rt}${i.guid}`:null,role:"option",tabindex:"-1"},i.textLabel)))}renderFloatingUIContainer(){const{setFloatingEl:i,setContainerEl:e,open:s}=this;const n={[J.listContainer]:true,[g.animation]:true,[g.animationActive]:s};return t("div",{"aria-hidden":"true",class:{"floating-ui-container":true,"floating-ui-container--active":s},ref:i},t("div",{class:n,ref:e},t("ul",{class:{list:true,"list--hide":!s}},t("slot",null))))}renderIconStart(){const{selectedItems:i,placeholderIcon:e,selectionMode:s,placeholderIconFlipRtl:n}=this;const o=i[0];const a=o?.icon;const c=st(s);const l=!this.open&&o?!!a&&c:!!this.placeholderIcon&&(!o||c);return l&&t("span",{class:"icon-start"},t("calcite-icon",{class:"selected-icon",flipRtl:this.open&&o?o.iconFlipRtl:n,icon:!this.open&&o?a:e,scale:G(this.scale)}))}renderIconEnd(){const{open:i}=this;return t("span",{class:"icon-end"},t("calcite-icon",{icon:i?"chevron-up":"chevron-down",scale:G(this.scale)}))}render(){const{selectionDisplay:i,guid:e,label:n,open:o}=this;const a=st(this.selectionMode);const c=i==="all";const l=i==="single";const r=!a&&i==="fit";const d=!this.clearDisabled&&this.value?.length>0;return t(s,{onClick:this.comboboxFocusHandler},t(E,{disabled:this.disabled},t("div",{"aria-autocomplete":"list","aria-controls":`${pt}${e}`,"aria-expanded":h(o),"aria-haspopup":"listbox","aria-label":A(this),"aria-live":"polite","aria-owns":`${pt}${e}`,class:{wrapper:true,"wrapper--single":a||!this.selectedItems.length,"wrapper--active":o},onClick:this.clickHandler,onKeyDown:this.keyDownHandler,role:"combobox",ref:this.setReferenceEl},t("div",{class:{"grid-input":true,[J.selectionDisplayFit]:r,[J.selectionDisplaySingle]:l},ref:this.setChipContainerEl},this.renderIconStart(),!a&&!l&&this.renderChips(),!a&&!c&&[this.renderSelectedIndicatorChip(),this.renderSelectedIndicatorChipCompact(),this.renderAllSelectedIndicatorChip(),this.renderAllSelectedIndicatorChipCompact()],t("label",{class:"screen-readers-only",htmlFor:`${ut}${e}`,id:`${dt}${e}`},n),this.renderInput()),d?t(ot,{disabled:this.disabled,key:"close-button",label:this.messages.clear,scale:this.scale}):null,this.renderIconEnd()),t("ul",{"aria-labelledby":`${dt}${e}`,"aria-multiselectable":"true",class:"screen-readers-only",id:`${pt}${e}`,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderFloatingUIContainer(),t(C,{component:this}),this.validationMessage?t(X,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],selectionMode:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],messageOverrides:["onMessagesChange"],flipPlacements:["flipPlacementsHandler"],selectedItems:["selectedItemsHandler"],text:["textHandler"],effectiveLocale:["effectiveLocaleChange"]}}};mt.style=ct;const bt={icon:"icon",iconActive:"icon--active",iconIndent:"icon--indent",custom:"icon--custom",dot:"icon--dot",single:"label--single",label:"label",active:"label--active",selected:"label--selected",title:"title",textContainer:"text-container"};const ft='@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem;--calcite-combobox-item-selector-icon-size:1rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem;--calcite-combobox-item-selector-icon-size:1rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.625rem;--calcite-combobox-item-spacing-indent:1rem;--calcite-combobox-item-selector-icon-size:1.5rem}.container{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  )}:host(:focus){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent;word-wrap:break-word;word-break:break-word;padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host([disabled]) .label{cursor:default}.label--selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.label--active{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover,.label:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.title{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon{display:inline-flex;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-color-border-1)}.icon--indent{padding-inline-start:var(--calcite-combobox-item-indent-value)}.icon--custom{margin-block-start:-1px;padding-inline-start:var(--calcite-combobox-item-spacing-unit-l);color:var(--calcite-color-text-3)}.icon--active{color:var(--calcite-color-text-1)}.icon--dot{display:flex;justify-content:center;min-inline-size:var(--calcite-combobox-item-selector-icon-size)}.icon--dot:before{text-align:start;content:"•"}.label--active .icon{opacity:1}.label--selected .icon{opacity:1;color:var(--calcite-color-brand)}:host(:hover[disabled]) .icon{opacity:1}';const gt=class{constructor(t){i(this,t);this.calciteComboboxItemChange=e(this,"calciteComboboxItemChange",6);this.itemClickHandler=()=>{this.toggleSelected()};this.disabled=false;this.selected=false;this.active=false;this.ancestors=undefined;this.guid=k();this.icon=undefined;this.iconFlipRtl=false;this.textLabel=undefined;this.value=undefined;this.filterDisabled=undefined;this.selectionMode="multiple";this.scale="m"}selectedWatchHandler(){this.calciteComboboxItemChange.emit()}connectedCallback(){this.ancestors=Q(this.el);U(this);z(this)}disconnectedCallback(){Y(this);$(this)}componentDidRender(){I(this)}toggleSelected(){const t=this.selectionMode==="single-persist";if(this.disabled||t&&this.selected){return}this.selected=!this.selected}renderIcon(i){return this.icon?t("calcite-icon",{class:{[bt.custom]:!!this.icon,[bt.iconActive]:this.icon&&this.selected,[bt.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:this.icon||i,key:"icon",scale:G(this.scale)}):null}renderSelectIndicator(i,e){return i?t("span",{class:{[bt.icon]:true,[bt.dot]:true,[bt.iconIndent]:true}}):t("calcite-icon",{class:{[bt.icon]:true,[bt.iconActive]:this.selected,[bt.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:e,key:"indicator",scale:G(this.scale)})}renderChildren(){if(d(this.el)){return t("ul",{key:"default-slot-container"},t("slot",null))}return null}render(){const{disabled:i}=this;const e=st(this.selectionMode);const n=e&&!i;const o=e?"dot":"check";const a=i?"":o;const c={[bt.label]:true,[bt.selected]:this.selected,[bt.active]:this.active,[bt.single]:e};const l=et(this.el);return t(s,{"aria-hidden":"true"},t(E,{disabled:i},t("div",{class:`container scale--${this.scale}`,style:{"--calcite-combobox-item-spacing-indent-multiplier":`${l}`}},t("li",{class:c,id:this.guid,onClick:this.itemClickHandler},this.renderSelectIndicator(n,a),this.renderIcon(a),t("span",{class:"title"},this.textLabel)),this.renderChildren())))}get el(){return n(this)}static get watchers(){return{selected:["selectedWatchHandler"]}}};gt.style=ft;const xt={list:"list",label:"label",title:"title"};const vt=".scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}:host,.list{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-color-text-3)}.title{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  );border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-color-border-3);padding-block:var(--calcite-combobox-item-spacing-unit-l);padding-inline:var(--calcite-combobox-item-spacing-unit-s);margin-inline-start:var(--calcite-combobox-item-indent-value)}::slotted(calcite-combobox-item-group:not([after-empty-group])){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}:host([hidden]){display:none}[hidden]{display:none}";const wt=class{constructor(t){i(this,t);this.guid=k();this.afterEmptyGroup=false;this.ancestors=undefined;this.label=undefined;this.scale="m"}connectedCallback(){this.ancestors=Q(this.el)}render(){const{el:i,scale:e}=this;const s=et(i);return t("ul",{"aria-labelledby":this.guid,class:{[xt.list]:true,[`scale--${e}`]:true},role:"group"},t("li",{class:{[xt.label]:true},id:this.guid,role:"presentation",style:{"--calcite-combobox-item-spacing-indent-multiplier":`${s}`}},t("span",{class:xt.title},this.label)),t("slot",null))}get el(){return n(this)}};wt.style=vt;export{mt as calcite_combobox,gt as calcite_combobox_item,wt as calcite_combobox_item_group};
-//# sourceMappingURL=p-c18ccc88.entry.js.map