@esri/calcite-components 1.6.1 → 1.7.0-next.0

package/dist/calcite/{p-85deb402.entry.js → p-3c095467.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.7.0-next.0
  */
-import{r as e,c as t,h as a,H as i,a as r,F as s}from"./p-1e9017ef.js";import{h as o,b as n,c,g as h,f as d,e as l,s as g,j as u,i as p,k as v,n as f,p as w,l as y,m as b}from"./p-64f70f20.js";import{c as x,s as m,a as k}from"./p-227f54c6.js";import{c as D,d as z,n as C,b as A}from"./p-06a878f3.js";import{c as I,d as S,s as M,u as P}from"./p-6907d13a.js";import{c as j,g as H,t as O}from"./p-4b1570f3.js";import{c as R,u as _,d as L}from"./p-954e5104.js";import{i as W}from"./p-8e33d107.js";import{C as Y}from"./p-464ac09d.js";import{H as E}from"./p-9db0197e.js";import"./p-3416cfde.js";import"./p-887e1f3e.js";const N={dateStyle:"full"},F=class{constructor(a){e(this,a),this.calciteDatePickerChange=t(this,"calciteDatePickerChange",6),this.calciteDatePickerRangeChange=t(this,"calciteDatePickerRangeChange",6),this.keyDownHandler=e=>{"Escape"===e.key&&this.resetActiveDates()},this.monthHeaderSelectChange=e=>{const t=new Date(e.detail);this.range?("end"===this.activeRange?this.activeEndDate=t:this.activeStartDate=t,this.mostRecentRangeValue=t):this.activeDate=t},this.monthActiveDateChange=e=>{const t=new Date(e.detail);this.range?("end"===this.activeRange?this.activeEndDate=t:this.activeStartDate=t,this.mostRecentRangeValue=t):this.activeDate=t},this.monthHoverChange=e=>{if(!this.range)return void(this.hoverRange=void 0);const{valueAsDate:t}=this,a=Array.isArray(t)&&t[0],i=Array.isArray(t)&&t[1],r=new Date(e.detail);if(this.hoverRange={focused:this.activeRange||"start",start:a,end:i},this.proximitySelectionDisabled)i?this.hoverRange=void 0:r<a?this.hoverRange={focused:"start",start:r,end:a}:(this.hoverRange.end=r,this.hoverRange.focused="end");else if(i){const e=o(r,a),t=o(r,i);t>0?(this.hoverRange.end=r,this.hoverRange.focused="end"):e<0||e>t?(this.hoverRange.start=r,this.hoverRange.focused="start"):(this.hoverRange.end=r,this.hoverRange.focused="end")}else a&&(r<a?this.hoverRange={focused:"start",start:r,end:a}:(this.hoverRange.end=r,this.hoverRange.focused="end"));e.stopPropagation()},this.monthMouseOutChange=()=>{this.hoverRange&&(this.hoverRange=void 0)},this.resetActiveDates=()=>{const{valueAsDate:e}=this;!Array.isArray(e)&&e&&e!==this.activeDate&&(this.activeDate=new Date(e)),Array.isArray(e)&&(e[0]&&e[0]!==this.activeStartDate&&(this.activeStartDate=new Date(e[0])),e[1]&&e[1]!==this.activeEndDate&&(this.activeEndDate=new Date(e[1])))},this.monthDateChange=e=>{const t=new Date(e.detail),a=n(t);if(!this.range&&a===n(this.valueAsDate))return;if(!this.range)return this.value=a||"",this.valueAsDate=t||null,this.activeDate=t||null,void this.calciteDatePickerChange.emit();const i=this.getStartDate(),r=this.getEndDate();if(!i||!r&&t<i)i&&this.setEndDate(new Date(i)),"end"==this.activeRange?this.setEndDate(t):this.setStartDate(t);else if(r)if(this.proximitySelectionDisabled)this.setStartDate(t);else if(this.activeRange)"end"==this.activeRange?this.setEndDate(t):this.setStartDate(t);else{const e=o(t,i),a=o(t,r);0===a||e<0?this.setStartDate(t):0===e||a<0?this.setEndDate(t):e<a?this.setStartDate(t):this.setEndDate(t)}else this.setEndDate(t);this.calciteDatePickerChange.emit()},this.activeDate=void 0,this.activeRange=void 0,this.value=void 0,this.headingLevel=void 0,this.valueAsDate=void 0,this.minAsDate=void 0,this.maxAsDate=void 0,this.min=void 0,this.max=void 0,this.numberingSystem=void 0,this.scale="m",this.range=!1,this.proximitySelectionDisabled=!1,this.messageOverrides=void 0,this.messages=void 0,this.activeEndDate=void 0,this.activeStartDate=void 0,this.dateTimeFormat=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.endAsDate=void 0,this.hoverRange=void 0,this.localeData=void 0,this.mostRecentRangeValue=void 0,this.startAsDate=void 0}activeDateWatcher(e){"end"===this.activeRange&&(this.activeEndDate=e)}valueAsDateWatcher(e){if(this.range&&Array.isArray(e)){const{activeStartDate:t,activeEndDate:a}=this,i=e[0],r=e[1];this.activeStartDate=t!==i&&i,this.activeEndDate=a!==r&&r}else e&&e!==this.activeDate&&(this.activeDate=e)}onMinChanged(e){e&&(this.minAsDate=c(e))}onMaxChanged(e){e&&(this.maxAsDate=c(e))}onMessagesChange(){}async setFocus(){await x(this),this.el.focus()}async reset(){this.resetActiveDates(),this.mostRecentRangeValue=void 0}connectedCallback(){D(this),I(this),Array.isArray(this.value)?this.valueAsDate=h(this.value):this.value&&(this.valueAsDate=c(this.value)),this.min&&(this.minAsDate=c(this.min)),this.max&&(this.maxAsDate=c(this.max))}disconnectedCallback(){z(this),S(this)}async componentWillLoad(){m(this),await this.loadLocaleData(),this.onMinChanged(this.min),this.onMaxChanged(this.max),await M(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 r=this.range&&Array.isArray(this.valueAsDate)?d(this.valueAsDate[1],this.minAsDate,this.maxAsDate):null,s=this.getActiveEndDate(r,this.minAsDate,this.maxAsDate);return"end"!==this.activeRange&&("end"!==this.hoverRange?.focused||this.proximitySelectionDisabled&&!r)||!s||(t=s),this.range&&this.mostRecentRangeValue&&(t=this.mostRecentRangeValue),a(i,{onBlur:this.resetActiveDates,onKeyDown:this.keyDownHandler},this.renderCalendar(t,this.range&&this.activeRange&&"start"===this.activeRange&&r||this.maxAsDate,this.range&&this.activeRange?"start"===this.activeRange?this.minAsDate:e||this.minAsDate:this.minAsDate,e,r))}effectiveLocaleChange(){P(this,this.effectiveLocale)}valueHandler(e){Array.isArray(e)?this.valueAsDate=h(e):e&&(this.valueAsDate=c(e))}async loadLocaleData(){C.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:!1},this.localeData=await l(this.effectiveLocale),this.dateTimeFormat=A(this.effectiveLocale,N)}renderCalendar(e,t,i,r,s){return this.localeData&&[a("calcite-date-picker-month-header",{activeDate:e,headingLevel:this.headingLevel||2,localeData:this.localeData,max:t,messages:this.messages,min:i,onCalciteInternalDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:"end"===this.activeRange?s:r||new Date}),a("calcite-date-picker-month",{activeDate:e,dateTimeFormat:this.dateTimeFormat,endDate:this.range?s:void 0,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:"end"===this.activeRange?s:r,startDate:this.range?r:void 0})]}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||void 0}setEndDate(e){const t=this.getStartDate(),a=e?g(e):e;this.value=[n(t),n(e)],this.valueAsDate=[t,e],this.mostRecentRangeValue=a,this.calciteDatePickerRangeChange.emit(),this.activeEndDate=e||null}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]}setStartDate(e){const t=this.getEndDate();this.value=[n(e),n(t)],this.valueAsDate=[e,t],this.mostRecentRangeValue=e,this.calciteDatePickerRangeChange.emit(),this.activeStartDate=e||null}getActiveDate(e,t,a){return d(this.activeDate,t,a)||e||d(new Date,t,a)}getActiveEndDate(e,t,a){return d(this.activeEndDate,t,a)||e||d(new Date,t,a)}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{activeDate:["activeDateWatcher"],valueAsDate:["valueAsDateWatcher"],min:["onMinChanged"],max:["onMaxChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","loadLocaleData"],value:["valueHandler"]}}};F.style=":host{position:relative;display:inline-block;inline-size:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-inline-size:216px}:host([scale=m]){max-inline-size:286px}:host([scale=l]){max-inline-size:398px}:host([hidden]){display:none}[hidden]{display:none}";const K=class{constructor(a){e(this,a),this.calciteDaySelect=t(this,"calciteDaySelect",6),this.calciteInternalDayHover=t(this,"calciteInternalDayHover",6),this.onClick=()=>{this.disabled||this.calciteDaySelect.emit()},this.keyDownHandler=e=>{W(e.key)&&(!this.disabled&&this.calciteDaySelect.emit(),e.preventDefault())},this.day=void 0,this.dateTimeFormat=void 0,this.disabled=!1,this.currentMonth=!1,this.selected=!1,this.highlighted=!1,this.range=!1,this.rangeEdge=void 0,this.startOfRange=!1,this.endOfRange=!1,this.rangeHover=!1,this.active=!1,this.scale=void 0,this.value=void 0}pointerOverHandler(){this.disabled||this.calciteInternalDayHover.emit()}componentWillLoad(){this.parentDatePickerEl=j(this.el,"calcite-date-picker")}render(){const e=n(this.value).replaceAll("-","");if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:!1,...e&&{numberingSystem:e},...t&&{locale:t}}}const t=C.localize(String(this.day)),r=H(this.el),s=this.dateTimeFormat.format(this.value);return a(i,{"aria-disabled":O(this.disabled),"aria-label":s,"aria-selected":O(this.active),id:e,onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"button"},a("div",{"aria-hidden":"true",class:{"day-v-wrapper":!0,[Y.rtl]:"rtl"===r}},a("div",{class:"day-wrapper"},a("span",{class:"day"},a("span",{class:"text"},t)))))}connectedCallback(){R(this)}componentDidRender(){_(this,this.isTabbable)}disconnectedCallback(){L(this)}isTabbable(){return this.active}get el(){return r(this)}};K.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;cursor:pointer;color:var(--calcite-ui-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.day-v-wrapper{flex:1 1 auto}.day-wrapper{display:flex;flex-direction:column;align-items:center}.day{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-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);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}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{block-size:27px;inline-size:27px;font-size:var(--calcite-font-size--2)}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding-inline:0.25rem}:host([scale=m]) .day{block-size:33px;inline-size:33px;font-size:var(--calcite-font-size--1)}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{block-size:43px;inline-size:43px;font-size:var(--calcite-font-size-0)}:host([current-month]) .day{opacity:1}:host(:hover:not([disabled])) .day,:host([active]:not([range])) .day{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-ui-brand) !important;color:var(--calcite-ui-foreground-1) !important}:host([range][selected]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([start-of-range]) .day-wrapper{border-start-start-radius:40%;border-end-start-radius:40%}:host([end-of-range]) .day-wrapper{border-start-end-radius:40%;border-end-end-radius:40%}:host([start-of-range]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset 4px 0 var(--calcite-ui-foreground-1)}:host([start-of-range]) .calcite--rtl .day-wrapper{box-shadow:inset -4px 0 var(--calcite-ui-foreground-1)}:host([start-of-range]) .day{opacity:1}:host([end-of-range]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset -4px 0 var(--calcite-ui-foreground-1)}:host([end-of-range]) .calcite--rtl .day-wrapper{box-shadow:inset 4px 0 var(--calcite-ui-foreground-1)}:host([end-of-range]) .day{opacity:1}:host([start-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([end-of-range]:not(:focus)) :not(.calcite--rtl) .day{box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([start-of-range]:not(:focus)) .calcite--rtl .day,:host([end-of-range]:not(:focus)) .calcite--rtl .day{box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([start-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset 8px 0 var(--calcite-ui-foreground-1)}:host([start-of-range][scale=l]) .calcite--rtl .day-wrapper{box-shadow:inset -8px 0 var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset -8px 0 var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l]) .calcite--rtl .day-wrapper{box-shadow:inset 8px 0 var(--calcite-ui-foreground-1)}:host([highlighted]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([highlighted]) .day-wrapper .day{color:var(--calcite-ui-text-1)}:host([highlighted]:not([active]:focus)) .day{color:var(--calcite-ui-text-1)}:host([range-hover]:not([selected])) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([range-hover]:not([selected])) .day{border-radius:0px}:host([start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--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([start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--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([end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--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([end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--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(:hover[end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0px;--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(:hover[start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0px;--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(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current))}:host(:hover[range-hover]:not([selected]).focused--start) .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--end) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current))}:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--end) .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1))}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[start-of-range].hover--inside-range.focused--end) .day-wrapper,:host(:hover[end-of-range].hover--inside-range.focused--start) .day-wrapper{background-image:none}:host([start-of-range].hover--inside-range.focused--end) .day-wrapper,:host([end-of-range].hover--inside-range.focused--start) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([highlighted][range-edge=start]) .calcite--rtl .day-wrapper,:host([range-hover][range-edge=start]) .calcite--rtl .day-wrapper{box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([highlighted][range-edge=end]) .calcite--rtl .day-wrapper,:host([range-hover][range-edge=end]) .calcite--rtl .day-wrapper{box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted][range-edge=start]) .calcite--rtl .day-wrapper,:host([scale=s][range-hover][range-edge=start]) .calcite--rtl .day-wrapper{box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted][range-edge=end]) .calcite--rtl .day-wrapper,:host([scale=s][range-hover][range-edge=end]) .calcite--rtl .day-wrapper{box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=l][highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted][range-edge=end]) .calcite--rtl .day-wrapper,:host([scale=l][range-hover][range-edge=end]) .calcite--rtl .day-wrapper{box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted][range-edge=start]) .day-wrapper,:host([range-hover][range-edge=start]) .day-wrapper{border-start-start-radius:45%;border-end-start-radius:45%}:host([highlighted][range-edge=end]) .day-wrapper,:host([range-hover][range-edge=end]) .day-wrapper{border-start-end-radius:45%;border-end-end-radius:45%}:host([scale=l][highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted][range-edge=start]) .calcite--rtl .day-wrapper,:host([scale=l][range-hover][range-edge=start]) .calcite--rtl .day-wrapper{box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host(:hover:not([disabled])) .day,:host([active]:not([range])) .day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host([selected]) .day{border-radius:0px;background-color:highlight}:host([range][selected]) .day-wrapper,:host([highlighted]) .day-wrapper,:host([range-hover]:not([selected])) .day-wrapper{background-color:highlight}:host([range][selected][start-of-range]) .day-wrapper,:host([range][selected][end-of-range]) .day-wrapper{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}";const T=class{constructor(a){e(this,a),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="rtl"===this.el.dir;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=!1}},this.disableActiveFocus=()=>{this.activeFocus=!1},this.dayHover=e=>{const t=e.target;t.disabled?this.calciteInternalDatePickerMouseOut.emit():this.calciteInternalDatePickerHover.emit(t.value),e.stopPropagation()},this.daySelect=e=>{this.calciteInternalDatePickerSelect.emit(e.target.value)},this.dateTimeFormat=void 0,this.selectedDate=void 0,this.activeDate=new Date,this.startDate=void 0,this.endDate=void 0,this.min=void 0,this.max=void 0,this.scale=void 0,this.localeData=void 0,this.hoverRange=void 0}pointerOutHandler(){this.calciteInternalDatePickerMouseOut.emit()}render(){const e=this.activeDate.getMonth(),t=this.activeDate.getFullYear(),r=this.localeData.weekStart%7,{abbreviated:s,short:o,narrow:n}=this.localeData.days,c="s"===this.scale?n||o||s:o||s||n,h=[...c.slice(r,7),...c.slice(0,r)],d=this.getCurrentMonthDays(e,t),l=this.getPreviousMonthDays(e,t,r),g=this.getNextMonthDays(e,t,r);let p=0;const v=()=>p++%7,f=[...l.map((a=>({active:!1,day:a,dayInWeek:v(),date:new Date(t,e-1,a)}))),...d.map((a=>{const i=new Date(t,e,a);return{active:u(i,this.activeDate),currentMonth:!0,day:a,dayInWeek:v(),date:i,ref:!0}})),...g.map((a=>({active:!1,day:a,dayInWeek:v(),date:new Date(t,e+1,a)})))],w=[];for(let e=0;e<f.length;e+=7)w.push(f.slice(e,e+7));return a(i,{onFocusOut:this.disableActiveFocus,onKeyDown:this.keyDownHandler},a("div",{class:"calendar",role:"grid"},a("div",{class:"week-headers",role:"row"},h.map((e=>a("span",{class:"week-header",role:"columnheader"},e)))),w.map((e=>a("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=!0}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=!0}getPreviousMonthDays(e,t,a){const i=new Date(t,e,0),r=i.getDate(),s=i.getDay(),o=[];if(s===(a+6)%7)return o;if(s===a)return[r];for(let e=(7+s-a)%7;e>=0;e--)o.push(r-e);return o}getCurrentMonthDays(e,t){const a=new Date(t,e+1,0).getDate(),i=[];for(let e=0;e<a;e++)i.push(e+1);return i}getNextMonthDays(e,t,a){const i=new Date(t,e+1,0).getDay(),r=[];if(i===(a+6)%7)return r;for(let e=0;e<(6-(i-a))%7;e++)r.push(e+1);return r}betweenSelectedRange(e){return!(!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate)||this.isRangeHover(e))}isSelected(e){return!!(u(e,this.selectedDate)||this.startDate&&u(e,this.startDate)||this.endDate&&u(e,this.endDate))}isStartOfRange(e){return!(!this.startDate||u(this.startDate,this.endDate)||!u(this.startDate,e)||this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!u(this.startDate,this.endDate)&&u(this.endDate,e)||!this.endDate&&this.hoverRange&&u(this.startDate,this.hoverRange.end)&&u(e,this.hoverRange.end))}renderDateDay({active:e,currentMonth:t,date:i,day:r,dayInWeek:s,ref:o}){const n=this.isFocusedOnStart(),c=this.isHoverInRange()||!this.endDate&&this.hoverRange&&u(this.hoverRange?.end,this.startDate);return a("div",{class:"day",key:i.toDateString(),role:"gridcell"},a("calcite-date-picker-day",{active:e,class:{"hover--inside-range":this.startDate&&c,"hover--outside-range":this.startDate&&!c,"focused--start":n,"focused--end":!n},currentMonth:t,dateTimeFormat:this.dateTimeFormat,day:r,disabled:!p(i,this.min,this.max),endOfRange:this.isEndOfRange(i),highlighted:this.betweenSelectedRange(i),onCalciteDaySelect:this.daySelect,onCalciteInternalDayHover:this.dayHover,range:!!this.startDate&&!!this.endDate&&!u(this.startDate,this.endDate),rangeEdge:0===s?"start":6===s?"end":void 0,rangeHover:this.isRangeHover(i),scale:this.scale,selected:this.isSelected(i),startOfRange:this.isStartOfRange(i),value:i,ref:t=>{o&&e&&this.activeFocus&&t?.focus()}}))}isFocusedOnStart(){return"start"===this.hoverRange?.focused}isHoverInRange(){if(!this.hoverRange)return!1;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!1;const{start:t,end:a}=this.hoverRange,i=this.isFocusedOnStart(),r=this.isHoverInRange(),s=r&&(!i&&e>this.startDate&&(e<a||u(e,a))||i&&e<this.endDate&&(e>t||u(e,t))),o=!r&&(!i&&e>=this.endDate&&(e<a||u(e,a))||i&&(this.startDate&&e<this.startDate||this.endDate&&u(e,this.startDate))&&(t&&e>t||u(e,t)));return s||o}get el(){return r(this)}};T.style=":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-ui-border-3);padding-block:0px;padding-inline:0.25rem}.week-header{text-align:center;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-3);inline-size:14.2857142857%}.day{display:flex;min-inline-size:0px;justify-content:center;inline-size:14.2857142857%}: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 $="chevron",G=class{constructor(a){e(this,a),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})}},this.onYearChange=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})},this.onYearInput=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:!1})},this.prevMonthClick=e=>{this.handleArrowClick(e,this.prevMonthDate)},this.prevMonthKeydown=e=>{W(e.key)&&this.prevMonthClick(e)},this.nextMonthClick=e=>{this.handleArrowClick(e,this.nextMonthDate)},this.nextMonthKeydown=e=>{W(e.key)&&this.nextMonthClick(e)},this.handleArrowClick=(e,t)=>{e.preventDefault(),this.calciteInternalDatePickerSelect.emit(t)},this.selectedDate=void 0,this.activeDate=void 0,this.headingLevel=void 0,this.min=void 0,this.max=void 0,this.scale=void 0,this.localeData=void 0,this.messages=void 0,this.nextMonthDate=void 0,this.prevMonthDate=void 0}componentWillLoad(){this.parentDatePickerEl=j(this.el,"calcite-date-picker")}connectedCallback(){this.setNextPrevMonthDates()}render(){return a("div",{class:"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:!1,...e&&{numberingSystem:e},...t&&{locale:t}}}const r=i.getMonth(),{months:o,unitOrder:n}=t,c=(o.wide||o.narrow||o.abbreviated)[r],h=this.formatCalendarYear(i.getFullYear()),d="l"===this.scale?"m":"s",l=v(n),g=l.indexOf("y")<l.indexOf("m"),u=t.year?.suffix;return a(s,null,a("a",{"aria-disabled":`${this.prevMonthDate.getMonth()===r}`,"aria-label":e.prevMonth,class:$,href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===r?-1:0},a("calcite-icon",{"flip-rtl":!0,icon:"chevron-left",scale:d})),a("div",{class:{text:!0,"text--reverse":g}},a(E,{class:"month",level:this.headingLevel},c),a("span",{class:"year-wrap"},a("input",{"aria-label":e.year,class:{year:!0,"year--suffix":!!u},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.onYearChange,onInput:this.onYearInput,onKeyDown:this.onYearKey,pattern:"\\d*",type:"text",value:h,ref:e=>this.yearInput=e}),u&&a("span",{class:"suffix"},u))),a("a",{"aria-disabled":`${this.nextMonthDate.getMonth()===r}`,"aria-label":e.nextMonth,class:$,href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===r?-1:0},a("calcite-icon",{"flip-rtl":!0,icon:"chevron-right",scale:d})))}setNextPrevMonthDates(){this.activeDate&&(this.nextMonthDate=d(f(this.activeDate),this.min,this.max),this.prevMonthDate=d(w(this.activeDate),this.min,this.max))}formatCalendarYear(e){return C.localize(`${y(e,this.localeData)}`)}parseCalendarYear(e){return C.localize(`${b(Number(C.delocalize(e)),this.localeData)}`)}getInRangeDate({localizedYear:e,offset:t=0}){const{min:a,max:i,activeDate:r}=this,s=Number(C.delocalize(e)),o=s.toString().length,n=!isNaN(s)&&s+t,c=n&&(!a||a.getFullYear()<=n)&&(!i||i.getFullYear()>=n);if(n&&c&&o===e.length){const e=new Date(r);return e.setFullYear(n),d(e,a,i)}}setYear({localizedYear:e,commit:t=!0,offset:a=0}){const{yearInput:i,activeDate:r}=this,s=this.getInRangeDate({localizedYear:e,offset:a});s&&this.calciteInternalDatePickerSelect.emit(s),t&&(i.value=this.formatCalendarYear((s||r).getFullYear()))}get el(){return r(this)}static get watchers(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}}};G.style=":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-ui-foreground-1);padding-inline:0.25rem;color:var(--calcite-ui-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-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.chevron:hover,.chevron:focus{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}.chevron:active{background-color:var(--calcite-ui-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-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-ui-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-ui-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\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}";export{F as calcite_date_picker,K as calcite_date_picker_day,T as calcite_date_picker_month,G as calcite_date_picker_month_header}
+import{r as e,c as t,h as a,H as i,a as r,F as s}from"./p-6465dae9.js";import{h as o,b as n,c,g as h,f as d,e as l,s as g,j as u,i as p,k as v,n as f,p as w,l as y,m as b}from"./p-d7c399c4.js";import{c as x,s as m,a as k}from"./p-939028cc.js";import{c as D,d as z,n as C,b as A}from"./p-37e8ce69.js";import{c as I,d as S,s as M,u as P}from"./p-0dfda7d1.js";import{c as j,g as H,t as O}from"./p-a0177c5d.js";import{c as R,u as _,d as L}from"./p-6e872dc1.js";import{i as W}from"./p-10535875.js";import{C as Y}from"./p-af1fc64b.js";import{H as E}from"./p-4a05e52b.js";import"./p-f0184ce0.js";import"./p-a2931b1a.js";const N={dateStyle:"full"},F=class{constructor(a){e(this,a),this.calciteDatePickerChange=t(this,"calciteDatePickerChange",6),this.calciteDatePickerRangeChange=t(this,"calciteDatePickerRangeChange",6),this.keyDownHandler=e=>{"Escape"===e.key&&this.resetActiveDates()},this.monthHeaderSelectChange=e=>{const t=new Date(e.detail);this.range?("end"===this.activeRange?this.activeEndDate=t:this.activeStartDate=t,this.mostRecentRangeValue=t):this.activeDate=t},this.monthActiveDateChange=e=>{const t=new Date(e.detail);this.range?("end"===this.activeRange?this.activeEndDate=t:this.activeStartDate=t,this.mostRecentRangeValue=t):this.activeDate=t},this.monthHoverChange=e=>{if(!this.range)return void(this.hoverRange=void 0);const{valueAsDate:t}=this,a=Array.isArray(t)&&t[0],i=Array.isArray(t)&&t[1],r=new Date(e.detail);if(this.hoverRange={focused:this.activeRange||"start",start:a,end:i},this.proximitySelectionDisabled)i?this.hoverRange=void 0:r<a?this.hoverRange={focused:"start",start:r,end:a}:(this.hoverRange.end=r,this.hoverRange.focused="end");else if(i){const e=o(r,a),t=o(r,i);t>0?(this.hoverRange.end=r,this.hoverRange.focused="end"):e<0||e>t?(this.hoverRange.start=r,this.hoverRange.focused="start"):(this.hoverRange.end=r,this.hoverRange.focused="end")}else a&&(r<a?this.hoverRange={focused:"start",start:r,end:a}:(this.hoverRange.end=r,this.hoverRange.focused="end"));e.stopPropagation()},this.monthMouseOutChange=()=>{this.hoverRange&&(this.hoverRange=void 0)},this.resetActiveDates=()=>{const{valueAsDate:e}=this;!Array.isArray(e)&&e&&e!==this.activeDate&&(this.activeDate=new Date(e)),Array.isArray(e)&&(e[0]&&e[0]!==this.activeStartDate&&(this.activeStartDate=new Date(e[0])),e[1]&&e[1]!==this.activeEndDate&&(this.activeEndDate=new Date(e[1])))},this.monthDateChange=e=>{const t=new Date(e.detail),a=n(t);if(!this.range&&a===n(this.valueAsDate))return;if(!this.range)return this.value=a||"",this.valueAsDate=t||null,this.activeDate=t||null,void this.calciteDatePickerChange.emit();const i=this.getStartDate(),r=this.getEndDate();if(!i||!r&&t<i)i&&this.setEndDate(new Date(i)),"end"==this.activeRange?this.setEndDate(t):this.setStartDate(t);else if(r)if(this.proximitySelectionDisabled)this.setStartDate(t);else if(this.activeRange)"end"==this.activeRange?this.setEndDate(t):this.setStartDate(t);else{const e=o(t,i),a=o(t,r);0===a||e<0?this.setStartDate(t):0===e||a<0?this.setEndDate(t):e<a?this.setStartDate(t):this.setEndDate(t)}else this.setEndDate(t);this.calciteDatePickerChange.emit()},this.activeDate=void 0,this.activeRange=void 0,this.value=void 0,this.headingLevel=void 0,this.valueAsDate=void 0,this.minAsDate=void 0,this.maxAsDate=void 0,this.min=void 0,this.max=void 0,this.numberingSystem=void 0,this.scale="m",this.range=!1,this.proximitySelectionDisabled=!1,this.messageOverrides=void 0,this.messages=void 0,this.activeEndDate=void 0,this.activeStartDate=void 0,this.dateTimeFormat=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.endAsDate=void 0,this.hoverRange=void 0,this.localeData=void 0,this.mostRecentRangeValue=void 0,this.startAsDate=void 0}activeDateWatcher(e){"end"===this.activeRange&&(this.activeEndDate=e)}valueAsDateWatcher(e){if(this.range&&Array.isArray(e)){const{activeStartDate:t,activeEndDate:a}=this,i=e[0],r=e[1];this.activeStartDate=t!==i&&i,this.activeEndDate=a!==r&&r}else e&&e!==this.activeDate&&(this.activeDate=e)}onMinChanged(e){e&&(this.minAsDate=c(e))}onMaxChanged(e){e&&(this.maxAsDate=c(e))}onMessagesChange(){}async setFocus(){await x(this),this.el.focus()}async reset(){this.resetActiveDates(),this.mostRecentRangeValue=void 0}connectedCallback(){D(this),I(this),Array.isArray(this.value)?this.valueAsDate=h(this.value):this.value&&(this.valueAsDate=c(this.value)),this.min&&(this.minAsDate=c(this.min)),this.max&&(this.maxAsDate=c(this.max))}disconnectedCallback(){z(this),S(this)}async componentWillLoad(){m(this),await this.loadLocaleData(),this.onMinChanged(this.min),this.onMaxChanged(this.max),await M(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 r=this.range&&Array.isArray(this.valueAsDate)?d(this.valueAsDate[1],this.minAsDate,this.maxAsDate):null,s=this.getActiveEndDate(r,this.minAsDate,this.maxAsDate);return"end"!==this.activeRange&&("end"!==this.hoverRange?.focused||this.proximitySelectionDisabled&&!r)||!s||(t=s),this.range&&this.mostRecentRangeValue&&(t=this.mostRecentRangeValue),a(i,{onBlur:this.resetActiveDates,onKeyDown:this.keyDownHandler},this.renderCalendar(t,this.range&&this.activeRange&&"start"===this.activeRange&&r||this.maxAsDate,this.range&&this.activeRange?"start"===this.activeRange?this.minAsDate:e||this.minAsDate:this.minAsDate,e,r))}effectiveLocaleChange(){P(this,this.effectiveLocale)}valueHandler(e){Array.isArray(e)?this.valueAsDate=h(e):e&&(this.valueAsDate=c(e))}async loadLocaleData(){C.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:!1},this.localeData=await l(this.effectiveLocale),this.dateTimeFormat=A(this.effectiveLocale,N)}renderCalendar(e,t,i,r,s){return this.localeData&&[a("calcite-date-picker-month-header",{activeDate:e,headingLevel:this.headingLevel||2,localeData:this.localeData,max:t,messages:this.messages,min:i,onCalciteInternalDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:"end"===this.activeRange?s:r||new Date}),a("calcite-date-picker-month",{activeDate:e,dateTimeFormat:this.dateTimeFormat,endDate:this.range?s:void 0,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:"end"===this.activeRange?s:r,startDate:this.range?r:void 0})]}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||void 0}setEndDate(e){const t=this.getStartDate(),a=e?g(e):e;this.value=[n(t),n(e)],this.valueAsDate=[t,e],this.mostRecentRangeValue=a,this.calciteDatePickerRangeChange.emit(),this.activeEndDate=e||null}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]}setStartDate(e){const t=this.getEndDate();this.value=[n(e),n(t)],this.valueAsDate=[e,t],this.mostRecentRangeValue=e,this.calciteDatePickerRangeChange.emit(),this.activeStartDate=e||null}getActiveDate(e,t,a){return d(this.activeDate,t,a)||e||d(new Date,t,a)}getActiveEndDate(e,t,a){return d(this.activeEndDate,t,a)||e||d(new Date,t,a)}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{activeDate:["activeDateWatcher"],valueAsDate:["valueAsDateWatcher"],min:["onMinChanged"],max:["onMaxChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","loadLocaleData"],value:["valueHandler"]}}};F.style=":host{position:relative;display:inline-block;inline-size:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-inline-size:216px}:host([scale=m]){max-inline-size:286px}:host([scale=l]){max-inline-size:398px}:host([hidden]){display:none}[hidden]{display:none}";const K=class{constructor(a){e(this,a),this.calciteDaySelect=t(this,"calciteDaySelect",6),this.calciteInternalDayHover=t(this,"calciteInternalDayHover",6),this.onClick=()=>{this.disabled||this.calciteDaySelect.emit()},this.keyDownHandler=e=>{W(e.key)&&(!this.disabled&&this.calciteDaySelect.emit(),e.preventDefault())},this.day=void 0,this.dateTimeFormat=void 0,this.disabled=!1,this.currentMonth=!1,this.selected=!1,this.highlighted=!1,this.range=!1,this.rangeEdge=void 0,this.startOfRange=!1,this.endOfRange=!1,this.rangeHover=!1,this.active=!1,this.scale=void 0,this.value=void 0}pointerOverHandler(){this.disabled||this.calciteInternalDayHover.emit()}componentWillLoad(){this.parentDatePickerEl=j(this.el,"calcite-date-picker")}render(){const e=n(this.value).replaceAll("-","");if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:!1,...e&&{numberingSystem:e},...t&&{locale:t}}}const t=C.localize(String(this.day)),r=H(this.el),s=this.dateTimeFormat.format(this.value);return a(i,{"aria-disabled":O(this.disabled),"aria-label":s,"aria-selected":O(this.active),id:e,onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"button"},a("div",{"aria-hidden":"true",class:{"day-v-wrapper":!0,[Y.rtl]:"rtl"===r}},a("div",{class:"day-wrapper"},a("span",{class:"day"},a("span",{class:"text"},t)))))}connectedCallback(){R(this)}componentDidRender(){_(this,this.isTabbable)}disconnectedCallback(){L(this)}isTabbable(){return this.active}get el(){return r(this)}};K.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;cursor:pointer;color:var(--calcite-ui-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.day-v-wrapper{flex:1 1 auto}.day-wrapper{display:flex;flex-direction:column;align-items:center}.day{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-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);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}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{block-size:27px;inline-size:27px;font-size:var(--calcite-font-size--2)}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding-inline:0.25rem}:host([scale=m]) .day{block-size:33px;inline-size:33px;font-size:var(--calcite-font-size--1)}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{block-size:43px;inline-size:43px;font-size:var(--calcite-font-size-0)}:host([current-month]) .day{opacity:1}:host(:hover:not([disabled])) .day,:host([active]:not([range])) .day{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-ui-brand) !important;color:var(--calcite-ui-foreground-1) !important}:host([range][selected]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([start-of-range]) .day-wrapper{border-start-start-radius:40%;border-end-start-radius:40%}:host([end-of-range]) .day-wrapper{border-start-end-radius:40%;border-end-end-radius:40%}:host([start-of-range]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset 4px 0 var(--calcite-ui-foreground-1)}:host([start-of-range]) .calcite--rtl .day-wrapper{box-shadow:inset -4px 0 var(--calcite-ui-foreground-1)}:host([start-of-range]) .day{opacity:1}:host([end-of-range]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset -4px 0 var(--calcite-ui-foreground-1)}:host([end-of-range]) .calcite--rtl .day-wrapper{box-shadow:inset 4px 0 var(--calcite-ui-foreground-1)}:host([end-of-range]) .day{opacity:1}:host([start-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([end-of-range]:not(:focus)) :not(.calcite--rtl) .day{box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([start-of-range]:not(:focus)) .calcite--rtl .day,:host([end-of-range]:not(:focus)) .calcite--rtl .day{box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([start-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset 8px 0 var(--calcite-ui-foreground-1)}:host([start-of-range][scale=l]) .calcite--rtl .day-wrapper{box-shadow:inset -8px 0 var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset -8px 0 var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l]) .calcite--rtl .day-wrapper{box-shadow:inset 8px 0 var(--calcite-ui-foreground-1)}:host([highlighted]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([highlighted]) .day-wrapper .day{color:var(--calcite-ui-text-1)}:host([highlighted]:not([active]:focus)) .day{color:var(--calcite-ui-text-1)}:host([range-hover]:not([selected])) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([range-hover]:not([selected])) .day{border-radius:0px}:host([start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--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([start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--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([end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--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([end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--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(:hover[end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0px;--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(:hover[start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0px;--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(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current))}:host(:hover[range-hover]:not([selected]).focused--start) .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--end) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current))}:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--end) .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1))}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[start-of-range].hover--inside-range.focused--end) .day-wrapper,:host(:hover[end-of-range].hover--inside-range.focused--start) .day-wrapper{background-image:none}:host([start-of-range].hover--inside-range.focused--end) .day-wrapper,:host([end-of-range].hover--inside-range.focused--start) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([highlighted][range-edge=start]) .calcite--rtl .day-wrapper,:host([range-hover][range-edge=start]) .calcite--rtl .day-wrapper{box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([highlighted][range-edge=end]) .calcite--rtl .day-wrapper,:host([range-hover][range-edge=end]) .calcite--rtl .day-wrapper{box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted][range-edge=start]) .calcite--rtl .day-wrapper,:host([scale=s][range-hover][range-edge=start]) .calcite--rtl .day-wrapper{box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted][range-edge=end]) .calcite--rtl .day-wrapper,:host([scale=s][range-hover][range-edge=end]) .calcite--rtl .day-wrapper{box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=l][highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted][range-edge=end]) .calcite--rtl .day-wrapper,:host([scale=l][range-hover][range-edge=end]) .calcite--rtl .day-wrapper{box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted][range-edge=start]) .day-wrapper,:host([range-hover][range-edge=start]) .day-wrapper{border-start-start-radius:45%;border-end-start-radius:45%}:host([highlighted][range-edge=end]) .day-wrapper,:host([range-hover][range-edge=end]) .day-wrapper{border-start-end-radius:45%;border-end-end-radius:45%}:host([scale=l][highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted][range-edge=start]) .calcite--rtl .day-wrapper,:host([scale=l][range-hover][range-edge=start]) .calcite--rtl .day-wrapper{box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host(:hover:not([disabled])) .day,:host([active]:not([range])) .day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host([selected]) .day{border-radius:0px;background-color:highlight}:host([range][selected]) .day-wrapper,:host([highlighted]) .day-wrapper,:host([range-hover]:not([selected])) .day-wrapper{background-color:highlight}:host([range][selected][start-of-range]) .day-wrapper,:host([range][selected][end-of-range]) .day-wrapper{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}";const T=class{constructor(a){e(this,a),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="rtl"===this.el.dir;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=!1}},this.disableActiveFocus=()=>{this.activeFocus=!1},this.dayHover=e=>{const t=e.target;t.disabled?this.calciteInternalDatePickerMouseOut.emit():this.calciteInternalDatePickerHover.emit(t.value),e.stopPropagation()},this.daySelect=e=>{this.calciteInternalDatePickerSelect.emit(e.target.value)},this.dateTimeFormat=void 0,this.selectedDate=void 0,this.activeDate=new Date,this.startDate=void 0,this.endDate=void 0,this.min=void 0,this.max=void 0,this.scale=void 0,this.localeData=void 0,this.hoverRange=void 0}pointerOutHandler(){this.calciteInternalDatePickerMouseOut.emit()}render(){const e=this.activeDate.getMonth(),t=this.activeDate.getFullYear(),r=this.localeData.weekStart%7,{abbreviated:s,short:o,narrow:n}=this.localeData.days,c="s"===this.scale?n||o||s:o||s||n,h=[...c.slice(r,7),...c.slice(0,r)],d=this.getCurrentMonthDays(e,t),l=this.getPreviousMonthDays(e,t,r),g=this.getNextMonthDays(e,t,r);let p=0;const v=()=>p++%7,f=[...l.map((a=>({active:!1,day:a,dayInWeek:v(),date:new Date(t,e-1,a)}))),...d.map((a=>{const i=new Date(t,e,a);return{active:u(i,this.activeDate),currentMonth:!0,day:a,dayInWeek:v(),date:i,ref:!0}})),...g.map((a=>({active:!1,day:a,dayInWeek:v(),date:new Date(t,e+1,a)})))],w=[];for(let e=0;e<f.length;e+=7)w.push(f.slice(e,e+7));return a(i,{onFocusOut:this.disableActiveFocus,onKeyDown:this.keyDownHandler},a("div",{class:"calendar",role:"grid"},a("div",{class:"week-headers",role:"row"},h.map((e=>a("span",{class:"week-header",role:"columnheader"},e)))),w.map((e=>a("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=!0}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=!0}getPreviousMonthDays(e,t,a){const i=new Date(t,e,0),r=i.getDate(),s=i.getDay(),o=[];if(s===(a+6)%7)return o;if(s===a)return[r];for(let e=(7+s-a)%7;e>=0;e--)o.push(r-e);return o}getCurrentMonthDays(e,t){const a=new Date(t,e+1,0).getDate(),i=[];for(let e=0;e<a;e++)i.push(e+1);return i}getNextMonthDays(e,t,a){const i=new Date(t,e+1,0).getDay(),r=[];if(i===(a+6)%7)return r;for(let e=0;e<(6-(i-a))%7;e++)r.push(e+1);return r}betweenSelectedRange(e){return!(!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate)||this.isRangeHover(e))}isSelected(e){return!!(u(e,this.selectedDate)||this.startDate&&u(e,this.startDate)||this.endDate&&u(e,this.endDate))}isStartOfRange(e){return!(!this.startDate||u(this.startDate,this.endDate)||!u(this.startDate,e)||this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!u(this.startDate,this.endDate)&&u(this.endDate,e)||!this.endDate&&this.hoverRange&&u(this.startDate,this.hoverRange.end)&&u(e,this.hoverRange.end))}renderDateDay({active:e,currentMonth:t,date:i,day:r,dayInWeek:s,ref:o}){const n=this.isFocusedOnStart(),c=this.isHoverInRange()||!this.endDate&&this.hoverRange&&u(this.hoverRange?.end,this.startDate);return a("div",{class:"day",key:i.toDateString(),role:"gridcell"},a("calcite-date-picker-day",{active:e,class:{"hover--inside-range":this.startDate&&c,"hover--outside-range":this.startDate&&!c,"focused--start":n,"focused--end":!n},currentMonth:t,dateTimeFormat:this.dateTimeFormat,day:r,disabled:!p(i,this.min,this.max),endOfRange:this.isEndOfRange(i),highlighted:this.betweenSelectedRange(i),onCalciteDaySelect:this.daySelect,onCalciteInternalDayHover:this.dayHover,range:!!this.startDate&&!!this.endDate&&!u(this.startDate,this.endDate),rangeEdge:0===s?"start":6===s?"end":void 0,rangeHover:this.isRangeHover(i),scale:this.scale,selected:this.isSelected(i),startOfRange:this.isStartOfRange(i),value:i,ref:t=>{o&&e&&this.activeFocus&&t?.focus()}}))}isFocusedOnStart(){return"start"===this.hoverRange?.focused}isHoverInRange(){if(!this.hoverRange)return!1;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!1;const{start:t,end:a}=this.hoverRange,i=this.isFocusedOnStart(),r=this.isHoverInRange(),s=r&&(!i&&e>this.startDate&&(e<a||u(e,a))||i&&e<this.endDate&&(e>t||u(e,t))),o=!r&&(!i&&e>=this.endDate&&(e<a||u(e,a))||i&&(this.startDate&&e<this.startDate||this.endDate&&u(e,this.startDate))&&(t&&e>t||u(e,t)));return s||o}get el(){return r(this)}};T.style=":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-ui-border-3);padding-block:0px;padding-inline:0.25rem}.week-header{text-align:center;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-3);inline-size:14.2857142857%}.day{display:flex;min-inline-size:0px;justify-content:center;inline-size:14.2857142857%}: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 $="chevron",G=class{constructor(a){e(this,a),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})}},this.onYearChange=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})},this.onYearInput=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:!1})},this.prevMonthClick=e=>{this.handleArrowClick(e,this.prevMonthDate)},this.prevMonthKeydown=e=>{W(e.key)&&this.prevMonthClick(e)},this.nextMonthClick=e=>{this.handleArrowClick(e,this.nextMonthDate)},this.nextMonthKeydown=e=>{W(e.key)&&this.nextMonthClick(e)},this.handleArrowClick=(e,t)=>{e.preventDefault(),this.calciteInternalDatePickerSelect.emit(t)},this.selectedDate=void 0,this.activeDate=void 0,this.headingLevel=void 0,this.min=void 0,this.max=void 0,this.scale=void 0,this.localeData=void 0,this.messages=void 0,this.nextMonthDate=void 0,this.prevMonthDate=void 0}componentWillLoad(){this.parentDatePickerEl=j(this.el,"calcite-date-picker")}connectedCallback(){this.setNextPrevMonthDates()}render(){return a("div",{class:"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:!1,...e&&{numberingSystem:e},...t&&{locale:t}}}const r=i.getMonth(),{months:o,unitOrder:n}=t,c=(o.wide||o.narrow||o.abbreviated)[r],h=this.formatCalendarYear(i.getFullYear()),d="l"===this.scale?"m":"s",l=v(n),g=l.indexOf("y")<l.indexOf("m"),u=t.year?.suffix;return a(s,null,a("a",{"aria-disabled":`${this.prevMonthDate.getMonth()===r}`,"aria-label":e.prevMonth,class:$,href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===r?-1:0},a("calcite-icon",{"flip-rtl":!0,icon:"chevron-left",scale:d})),a("div",{class:{text:!0,"text--reverse":g}},a(E,{class:"month",level:this.headingLevel},c),a("span",{class:"year-wrap"},a("input",{"aria-label":e.year,class:{year:!0,"year--suffix":!!u},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.onYearChange,onInput:this.onYearInput,onKeyDown:this.onYearKey,pattern:"\\d*",type:"text",value:h,ref:e=>this.yearInput=e}),u&&a("span",{class:"suffix"},u))),a("a",{"aria-disabled":`${this.nextMonthDate.getMonth()===r}`,"aria-label":e.nextMonth,class:$,href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===r?-1:0},a("calcite-icon",{"flip-rtl":!0,icon:"chevron-right",scale:d})))}setNextPrevMonthDates(){this.activeDate&&(this.nextMonthDate=d(f(this.activeDate),this.min,this.max),this.prevMonthDate=d(w(this.activeDate),this.min,this.max))}formatCalendarYear(e){return C.localize(`${y(e,this.localeData)}`)}parseCalendarYear(e){return C.localize(`${b(Number(C.delocalize(e)),this.localeData)}`)}getInRangeDate({localizedYear:e,offset:t=0}){const{min:a,max:i,activeDate:r}=this,s=Number(C.delocalize(e)),o=s.toString().length,n=!isNaN(s)&&s+t,c=n&&(!a||a.getFullYear()<=n)&&(!i||i.getFullYear()>=n);if(n&&c&&o===e.length){const e=new Date(r);return e.setFullYear(n),d(e,a,i)}}setYear({localizedYear:e,commit:t=!0,offset:a=0}){const{yearInput:i,activeDate:r}=this,s=this.getInRangeDate({localizedYear:e,offset:a});s&&this.calciteInternalDatePickerSelect.emit(s),t&&(i.value=this.formatCalendarYear((s||r).getFullYear()))}get el(){return r(this)}static get watchers(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}}};G.style=":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-ui-foreground-1);padding-inline:0.25rem;color:var(--calcite-ui-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-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.chevron:hover,.chevron:focus{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}.chevron:active{background-color:var(--calcite-ui-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-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-ui-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-ui-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\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}";export{F as calcite_date_picker,K as calcite_date_picker_day,T as calcite_date_picker_month,G as calcite_date_picker_month_header}

package/dist/calcite/{p-307672e2.entry.js → p-3ec15730.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.7.0-next.0
  */
-import{r as t,c as i,h as e,H as s,a as o}from"./p-1e9017ef.js";import{q as n,i as a,w as r,t as l}from"./p-4b1570f3.js";import{c,b as h,a as d,r as p,F as f}from"./p-9a95456d.js";import{g as u}from"./p-887e1f3e.js";import{o as m}from"./p-66e2d46d.js";import{F as g}from"./p-c99b8ae1.js";import"./p-464ac09d.js";import"./p-196910ec.js";const v="aria-describedby";function w(t){const{referenceElement:i}=t;return("string"==typeof i?n(t,{id:i}):i)||null}const b=new class{constructor(){this.registeredElements=new WeakMap,this.registeredShadowRootCounts=new WeakMap,this.hoverOpenTimeout=null,this.hoverCloseTimeout=null,this.hoveredTooltip=null,this.clickedTooltip=null,this.activeTooltip=null,this.registeredElementCount=0,this.queryTooltip=t=>{const{registeredElements:i}=this,e=t.find((t=>i.has(t)));return i.get(e)},this.keyDownHandler=t=>{if("Escape"===t.key&&!t.defaultPrevented){const{activeTooltip:i}=this;if(i?.open){this.clearHoverTimeout(),this.closeActiveTooltip();const e=w(i);e instanceof Element&&e.contains(t.target)&&t.preventDefault()}}},this.pointerMoveHandler=t=>{const i=t.composedPath(),{activeTooltip:e}=this;if(e?.open&&i.includes(e))return void this.clearHoverTimeout();const s=this.queryTooltip(i);this.hoveredTooltip=s,this.isClosableClickedTooltip(s)||(this.clickedTooltip=null,s?this.openHoveredTooltip(s):e&&this.closeHoveredTooltip())},this.pointerDownHandler=t=>{if(!a(t))return;const i=this.queryTooltip(t.composedPath());this.clickedTooltip=i,i?.closeOnClick&&(this.toggleTooltip(i,!1),this.clearHoverTimeout())},this.focusInHandler=t=>{this.queryFocusedTooltip(t,!0)},this.focusOutHandler=t=>{this.queryFocusedTooltip(t,!1)},this.openHoveredTooltip=t=>{this.hoverOpenTimeout=window.setTimeout((()=>{null!==this.hoverOpenTimeout&&(this.clearHoverCloseTimeout(),this.activeTooltip!==this.hoveredTooltip&&(this.closeActiveTooltip(),t===this.hoveredTooltip&&this.toggleTooltip(t,!0)))}),this.activeTooltip?0:300)},this.closeHoveredTooltip=()=>{this.hoverCloseTimeout=window.setTimeout((()=>{null!==this.hoverCloseTimeout&&this.closeActiveTooltip()}),500)}}registerElement(t,i){this.registeredElementCount++,this.registeredElements.set(t,i);const e=this.getReferenceElShadowRootNode(t);e&&this.registerShadowRoot(e),1===this.registeredElementCount&&this.addListeners()}unregisterElement(t){const i=this.getReferenceElShadowRootNode(t);i&&this.unregisterShadowRoot(i),this.registeredElements.delete(t)&&this.registeredElementCount--,0===this.registeredElementCount&&this.removeListeners()}addShadowListeners(t){t.addEventListener("focusin",this.focusInHandler,{capture:!0}),t.addEventListener("focusout",this.focusOutHandler,{capture:!0})}removeShadowListeners(t){t.removeEventListener("focusin",this.focusInHandler,{capture:!0}),t.removeEventListener("focusout",this.focusOutHandler,{capture:!0})}addListeners(){document.addEventListener("keydown",this.keyDownHandler,{capture:!0}),document.addEventListener("pointermove",this.pointerMoveHandler,{capture:!0}),document.addEventListener("pointerdown",this.pointerDownHandler,{capture:!0}),document.addEventListener("focusin",this.focusInHandler,{capture:!0}),document.addEventListener("focusout",this.focusOutHandler,{capture:!0})}removeListeners(){document.removeEventListener("keydown",this.keyDownHandler,{capture:!0}),document.removeEventListener("pointermove",this.pointerMoveHandler,{capture:!0}),document.removeEventListener("pointerdown",this.pointerDownHandler,{capture:!0}),document.removeEventListener("focusin",this.focusInHandler,{capture:!0}),document.removeEventListener("focusout",this.focusOutHandler,{capture:!0})}clearHoverOpenTimeout(){window.clearTimeout(this.hoverOpenTimeout),this.hoverOpenTimeout=null}clearHoverCloseTimeout(){window.clearTimeout(this.hoverCloseTimeout),this.hoverCloseTimeout=null}clearHoverTimeout(){this.clearHoverOpenTimeout(),this.clearHoverCloseTimeout()}closeActiveTooltip(){const{activeTooltip:t}=this;t?.open&&this.toggleTooltip(t,!1)}toggleFocusedTooltip(t,i){this.closeActiveTooltip(),i&&this.clearHoverTimeout(),this.toggleTooltip(t,i)}toggleTooltip(t,i){t.open=i,this.activeTooltip=i?t:null}queryFocusedTooltip(t,i){const e=this.queryTooltip(t.composedPath());e&&!this.isClosableClickedTooltip(e)&&this.toggleFocusedTooltip(e,i)}isClosableClickedTooltip(t){return t?.closeOnClick&&t===this.clickedTooltip}registerShadowRoot(t){const{registeredShadowRootCounts:i}=this,e=(i.get(t)??0)+1;1===e&&this.addShadowListeners(t),i.set(t,e)}unregisterShadowRoot(t){const{registeredShadowRootCounts:i}=this,e=i.get(t)-1;0===e&&this.removeShadowListeners(t),i.set(t,e)}getReferenceElShadowRootNode(t){return t instanceof Element?r(t):null}},y=class{constructor(e){t(this,e),this.calciteTooltipBeforeClose=i(this,"calciteTooltipBeforeClose",6),this.calciteTooltipClose=i(this,"calciteTooltipClose",6),this.calciteTooltipBeforeOpen=i(this,"calciteTooltipBeforeOpen",6),this.calciteTooltipOpen=i(this,"calciteTooltipOpen",6),this.guid=`calcite-tooltip-${u()}`,this.hasLoaded=!1,this.openTransitionProp="opacity",this.setTransitionEl=t=>{this.transitionEl=t},this.setUpReferenceElement=(t=!0)=>{this.removeReferences(),this.effectiveReferenceElement=w(this.el),c(this,this.effectiveReferenceElement,this.el);const{el:i,referenceElement:e,effectiveReferenceElement:s}=this;t&&e&&!s&&console.warn(`${i.tagName}: reference-element id "${e}" was not found.`,{el:i}),this.addReferences()},this.getId=()=>this.el.id||this.guid,this.addReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t)return;const i=this.getId();"setAttribute"in t&&t.setAttribute(v,i),b.registerElement(t,this.el)},this.removeReferences=()=>{const{effectiveReferenceElement:t}=this;t&&("removeAttribute"in t&&t.removeAttribute(v),b.unregisterElement(t))},this.closeOnClick=!1,this.label=void 0,this.offsetDistance=h,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.referenceElement=void 0,this.effectiveReferenceElement=void 0,this.floatingLayout="vertical"}offsetDistanceOffsetHandler(){this.reposition(!0)}offsetSkiddingHandler(){this.reposition(!0)}openHandler(t){m(this),t&&this.reposition(!0)}overlayPositioningHandler(){this.reposition(!0)}placementHandler(){this.reposition(!0)}referenceElementHandler(){this.setUpReferenceElement()}connectedCallback(){this.setUpReferenceElement(this.hasLoaded),this.open&&m(this)}async componentWillLoad(){this.open&&m(this)}componentDidLoad(){this.referenceElement&&!this.effectiveReferenceElement&&this.setUpReferenceElement(),this.reposition(!0),this.hasLoaded=!0}disconnectedCallback(){this.removeReferences(),d(this,this.effectiveReferenceElement,this.el)}async reposition(t=!1){const{el:i,effectiveReferenceElement:e,placement:s,overlayPositioning:o,offsetDistance:n,offsetSkidding:a,arrowEl:r}=this;return p(this,{floatingEl:i,referenceEl:e,overlayPositioning:o,placement:s,offsetDistance:n,offsetSkidding:a,arrowEl:r,type:"tooltip"},t)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit()}render(){const{effectiveReferenceElement:t,label:i,open:o,floatingLayout:n}=this,a=t&&o,r=!a;return e(s,{"aria-hidden":l(r),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":r,id:this.getId(),role:"tooltip"},e("div",{class:{[f.animation]:!0,[f.animationActive]:a},ref:this.setTransitionEl},e(g,{floatingLayout:n,ref:t=>this.arrowEl=t}),e("div",{class:"container"},e("slot",null))))}get el(){return o(this)}static get watchers(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}}};y.style=":host{--calcite-floating-ui-z-index:var(--calcite-tooltip-z-index, var(--calcite-app-z-index-tooltip));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.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-app-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-app-z-index) * -1);fill:var(--calcite-ui-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-ui-border-3)}.container{position:relative;overflow:hidden;border-radius:0.25rem;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}:host([hidden]){display:none}[hidden]{display:none}";export{y as calcite_tooltip}
+import{r as t,c as i,h as e,H as s,a as o}from"./p-6465dae9.js";import{q as n,i as a,y as r,t as l}from"./p-a0177c5d.js";import{c,b as h,a as d,r as p,F as f}from"./p-372add5a.js";import{g as u}from"./p-a2931b1a.js";import{o as m}from"./p-144622f1.js";import{F as g}from"./p-acea2728.js";import"./p-af1fc64b.js";import"./p-c47baee6.js";const v="aria-describedby";function b(t){const{referenceElement:i}=t;return("string"==typeof i?n(t,{id:i}):i)||null}const w=new class{constructor(){this.registeredElements=new WeakMap,this.registeredShadowRootCounts=new WeakMap,this.hoverOpenTimeout=null,this.hoverCloseTimeout=null,this.hoveredTooltip=null,this.clickedTooltip=null,this.activeTooltip=null,this.registeredElementCount=0,this.queryTooltip=t=>{const{registeredElements:i}=this,e=t.find((t=>i.has(t)));return i.get(e)},this.keyDownHandler=t=>{if("Escape"===t.key&&!t.defaultPrevented){const{activeTooltip:i}=this;if(i?.open){this.clearHoverTimeout(),this.closeActiveTooltip();const e=b(i);e instanceof Element&&e.contains(t.target)&&t.preventDefault()}}},this.pointerMoveHandler=t=>{const i=t.composedPath(),{activeTooltip:e}=this;if(e?.open&&i.includes(e))return void this.clearHoverTimeout();const s=this.queryTooltip(i);this.hoveredTooltip=s,this.isClosableClickedTooltip(s)||(this.clickedTooltip=null,s?this.openHoveredTooltip(s):e&&this.closeHoveredTooltip())},this.pointerDownHandler=t=>{if(!a(t))return;const i=this.queryTooltip(t.composedPath());this.clickedTooltip=i,i?.closeOnClick&&(this.toggleTooltip(i,!1),this.clearHoverTimeout())},this.focusInHandler=t=>{this.queryFocusedTooltip(t,!0)},this.focusOutHandler=t=>{this.queryFocusedTooltip(t,!1)},this.openHoveredTooltip=t=>{this.hoverOpenTimeout=window.setTimeout((()=>{null!==this.hoverOpenTimeout&&(this.clearHoverCloseTimeout(),this.activeTooltip!==this.hoveredTooltip&&(this.closeActiveTooltip(),t===this.hoveredTooltip&&this.toggleTooltip(t,!0)))}),this.activeTooltip?0:300)},this.closeHoveredTooltip=()=>{this.hoverCloseTimeout=window.setTimeout((()=>{null!==this.hoverCloseTimeout&&this.closeActiveTooltip()}),500)}}registerElement(t,i){this.registeredElementCount++,this.registeredElements.set(t,i);const e=this.getReferenceElShadowRootNode(t);e&&this.registerShadowRoot(e),1===this.registeredElementCount&&this.addListeners()}unregisterElement(t){const i=this.getReferenceElShadowRootNode(t);i&&this.unregisterShadowRoot(i),this.registeredElements.delete(t)&&this.registeredElementCount--,0===this.registeredElementCount&&this.removeListeners()}addShadowListeners(t){t.addEventListener("focusin",this.focusInHandler,{capture:!0}),t.addEventListener("focusout",this.focusOutHandler,{capture:!0})}removeShadowListeners(t){t.removeEventListener("focusin",this.focusInHandler,{capture:!0}),t.removeEventListener("focusout",this.focusOutHandler,{capture:!0})}addListeners(){document.addEventListener("keydown",this.keyDownHandler,{capture:!0}),document.addEventListener("pointermove",this.pointerMoveHandler,{capture:!0}),document.addEventListener("pointerdown",this.pointerDownHandler,{capture:!0}),document.addEventListener("focusin",this.focusInHandler,{capture:!0}),document.addEventListener("focusout",this.focusOutHandler,{capture:!0})}removeListeners(){document.removeEventListener("keydown",this.keyDownHandler,{capture:!0}),document.removeEventListener("pointermove",this.pointerMoveHandler,{capture:!0}),document.removeEventListener("pointerdown",this.pointerDownHandler,{capture:!0}),document.removeEventListener("focusin",this.focusInHandler,{capture:!0}),document.removeEventListener("focusout",this.focusOutHandler,{capture:!0})}clearHoverOpenTimeout(){window.clearTimeout(this.hoverOpenTimeout),this.hoverOpenTimeout=null}clearHoverCloseTimeout(){window.clearTimeout(this.hoverCloseTimeout),this.hoverCloseTimeout=null}clearHoverTimeout(){this.clearHoverOpenTimeout(),this.clearHoverCloseTimeout()}closeActiveTooltip(){const{activeTooltip:t}=this;t?.open&&this.toggleTooltip(t,!1)}toggleFocusedTooltip(t,i){this.closeActiveTooltip(),i&&this.clearHoverTimeout(),this.toggleTooltip(t,i)}toggleTooltip(t,i){t.open=i,this.activeTooltip=i?t:null}queryFocusedTooltip(t,i){const e=this.queryTooltip(t.composedPath());e&&!this.isClosableClickedTooltip(e)&&this.toggleFocusedTooltip(e,i)}isClosableClickedTooltip(t){return t?.closeOnClick&&t===this.clickedTooltip}registerShadowRoot(t){const{registeredShadowRootCounts:i}=this,e=(i.get(t)??0)+1;1===e&&this.addShadowListeners(t),i.set(t,e)}unregisterShadowRoot(t){const{registeredShadowRootCounts:i}=this,e=i.get(t)-1;0===e&&this.removeShadowListeners(t),i.set(t,e)}getReferenceElShadowRootNode(t){return t instanceof Element?r(t):null}},y=class{constructor(e){t(this,e),this.calciteTooltipBeforeClose=i(this,"calciteTooltipBeforeClose",6),this.calciteTooltipClose=i(this,"calciteTooltipClose",6),this.calciteTooltipBeforeOpen=i(this,"calciteTooltipBeforeOpen",6),this.calciteTooltipOpen=i(this,"calciteTooltipOpen",6),this.guid=`calcite-tooltip-${u()}`,this.hasLoaded=!1,this.openTransitionProp="opacity",this.setTransitionEl=t=>{this.transitionEl=t},this.setUpReferenceElement=(t=!0)=>{this.removeReferences(),this.effectiveReferenceElement=b(this.el),c(this,this.effectiveReferenceElement,this.el);const{el:i,referenceElement:e,effectiveReferenceElement:s}=this;t&&e&&!s&&console.warn(`${i.tagName}: reference-element id "${e}" was not found.`,{el:i}),this.addReferences()},this.getId=()=>this.el.id||this.guid,this.addReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t)return;const i=this.getId();"setAttribute"in t&&t.setAttribute(v,i),w.registerElement(t,this.el)},this.removeReferences=()=>{const{effectiveReferenceElement:t}=this;t&&("removeAttribute"in t&&t.removeAttribute(v),w.unregisterElement(t))},this.closeOnClick=!1,this.label=void 0,this.offsetDistance=h,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.referenceElement=void 0,this.effectiveReferenceElement=void 0,this.floatingLayout="vertical"}offsetDistanceOffsetHandler(){this.reposition(!0)}offsetSkiddingHandler(){this.reposition(!0)}openHandler(t){m(this),t&&this.reposition(!0)}overlayPositioningHandler(){this.reposition(!0)}placementHandler(){this.reposition(!0)}referenceElementHandler(){this.setUpReferenceElement()}connectedCallback(){this.setUpReferenceElement(this.hasLoaded),this.open&&m(this)}async componentWillLoad(){this.open&&m(this)}componentDidLoad(){this.referenceElement&&!this.effectiveReferenceElement&&this.setUpReferenceElement(),this.reposition(!0),this.hasLoaded=!0}disconnectedCallback(){this.removeReferences(),d(this,this.effectiveReferenceElement,this.el)}async reposition(t=!1){const{el:i,effectiveReferenceElement:e,placement:s,overlayPositioning:o,offsetDistance:n,offsetSkidding:a,arrowEl:r}=this;return p(this,{floatingEl:i,referenceEl:e,overlayPositioning:o,placement:s,offsetDistance:n,offsetSkidding:a,arrowEl:r,type:"tooltip"},t)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit()}render(){const{effectiveReferenceElement:t,label:i,open:o,floatingLayout:n}=this,a=t&&o,r=!a;return e(s,{"aria-hidden":l(r),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":r,id:this.getId(),role:"tooltip"},e("div",{class:{[f.animation]:!0,[f.animationActive]:a},ref:this.setTransitionEl},e(g,{floatingLayout:n,ref:t=>this.arrowEl=t}),e("div",{class:"container"},e("slot",null))))}get el(){return o(this)}static get watchers(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}}};y.style=":host{--calcite-floating-ui-z-index:var(--calcite-tooltip-z-index, var(--calcite-app-z-index-tooltip));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.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-app-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-app-z-index) * -1);fill:var(--calcite-ui-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-ui-border-3)}.container{position:relative;overflow:hidden;border-radius:0.25rem;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}:host([hidden]){display:none}[hidden]{display:none}";export{y as calcite_tooltip}

package/dist/calcite/{p-8d3a467c.entry.js → p-3ed4574a.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.7.0-next.0
  */
-import{r as e,h as t,a as i}from"./p-1e9017ef.js";import{c as s,d as a}from"./p-06a878f3.js";import{u as n,c,s as o,d as r}from"./p-6907d13a.js";import{c as l}from"./p-3416cfde.js";import{v as h}from"./p-4b1570f3.js";import"./p-8e33d107.js";import"./p-887e1f3e.js";import"./p-464ac09d.js";const d=class{constructor(t){e(this,t),this.resizeObserver=l("resize",(()=>this.handleResize())),this.handleDefaultSlotChange=e=>{this.hasContent=h(e)},this.storeLoaderEl=e=>{this.loaderEl=e,this.handleResize()},this.loading=!1,this.messages=void 0,this.messageOverrides=void 0,this.loaderScale=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.hasContent=!1}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){s(this),c(this),this.resizeObserver?.observe(this.el)}async componentWillLoad(){await o(this)}disconnectedCallback(){a(this),r(this),this.resizeObserver?.disconnect()}render(){const{hasContent:e,loading:i,messages:s}=this;return t("div",{class:"scrim"},i?t("calcite-loader",{label:s.loading,ref:this.storeLoaderEl,scale:this.loaderScale}):null,t("div",{class:"content",hidden:!e},t("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(e){return e<72?"s":e>=480?"l":"m"}handleResize(){const{loaderEl:e,el:t}=this;e&&(this.loaderScale=this.getScale(Math.min(t.clientHeight,t.clientWidth)??0))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};d.style=":host{position:absolute;inset:0px;z-index:var(--calcite-app-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-scrim-background-internal))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";export{d as calcite_scrim}
+import{r as t,h as e,a as i}from"./p-6465dae9.js";import{c as s,d as a}from"./p-37e8ce69.js";import{u as n,c,s as o,d as r}from"./p-0dfda7d1.js";import{c as l}from"./p-f0184ce0.js";import{x as h}from"./p-a0177c5d.js";import"./p-10535875.js";import"./p-a2931b1a.js";import"./p-af1fc64b.js";const d=class{constructor(e){t(this,e),this.resizeObserver=l("resize",(()=>this.handleResize())),this.handleDefaultSlotChange=t=>{this.hasContent=h(t)},this.storeLoaderEl=t=>{this.loaderEl=t,this.handleResize()},this.loading=!1,this.messages=void 0,this.messageOverrides=void 0,this.loaderScale=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.hasContent=!1}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){s(this),c(this),this.resizeObserver?.observe(this.el)}async componentWillLoad(){await o(this)}disconnectedCallback(){a(this),r(this),this.resizeObserver?.disconnect()}render(){const{hasContent:t,loading:i,messages:s}=this;return e("div",{class:"scrim"},i?e("calcite-loader",{label:s.loading,ref:this.storeLoaderEl,scale:this.loaderScale}):null,e("div",{class:"content",hidden:!t},e("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(t){return t<72?"s":t>=480?"l":"m"}handleResize(){const{loaderEl:t,el:e}=this;t&&(this.loaderScale=this.getScale(Math.min(e.clientHeight,e.clientWidth)??0))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};d.style=":host{position:absolute;inset:0px;z-index:var(--calcite-app-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-scrim-background-internal))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";export{d as calcite_scrim}

package/dist/calcite/p-3ff87910.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.7.0-next.0
+ */
+import{r as t,c as e,h as i,a as s,H as n}from"./p-6465dae9.js";import{b as a,t as l,g as o}from"./p-a0177c5d.js";import{c,d as r,u as h}from"./p-6e872dc1.js";import{c as d}from"./p-f0184ce0.js";import{d as p,c as u}from"./p-ba62d69a.js";import{S as m}from"./p-8d2a30a0.js";import{s as f,a as b,c as g}from"./p-939028cc.js";import{d as v}from"./p-c47baee6.js";import{c as w,d as y}from"./p-37e8ce69.js";import{u as x,c as C,s as k,d as I}from"./p-0dfda7d1.js";import"./p-a2931b1a.js";import"./p-af1fc64b.js";import"./p-10535875.js";const E="open-container",L="calcite-list-item";function S(t){const e=t.assignedElements({flatten:!0}),i=e.filter((t=>t?.matches("calcite-list-item-group"))).map((t=>Array.from(t.querySelectorAll(L)))).reduce(((t,e)=>[...t,...e]),[]),s=e.filter((t=>t?.matches(L)));return[...e.filter((t=>t?.matches("calcite-list"))).map((t=>Array.from(t.querySelectorAll(L)))).reduce(((t,e)=>[...t,...e]),[]),...i,...s]}function z(t){t.forEach((e=>{e.setPosition=t.indexOf(e)+1,e.setSize=t.length}))}function A(t,e=!1){return document.evaluate(e?"ancestor::calcite-list-item | ancestor::calcite-list-item-group":"ancestor::calcite-list-item",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength}const D="calcite-list-item",j=class{constructor(i){t(this,i),this.calciteListChange=e(this,"calciteListChange",6),this.calciteListFilter=e(this,"calciteListFilter",6),this.calciteListOrderChange=e(this,"calciteListOrderChange",6),this.calciteInternalListDefaultSlotChange=e(this,"calciteInternalListDefaultSlotChange",6),this.dragSelector="calcite-list-item",this.enabledListItems=[],this.handleSelector="calcite-handle",this.listItems=[],this.mutationObserver=d("mutation",(()=>this.updateListItems())),this.handleDefaultSlotChange=t=>{z(S(t.target)),this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit()},this.handleFilterActionsStartSlotChange=t=>{this.hasFilterActionsStart=a(t)},this.handleFilterActionsEndSlotChange=t=>{this.hasFilterActionsEnd=a(t)},this.setActiveListItem=()=>{const{enabledListItems:t}=this;t.some((t=>t.active))||t[0]&&(t[0].active=!0)},this.updateSelectedItems=(t=!1)=>{this.selectedItems=this.enabledListItems.filter((t=>t.selected)),t&&this.calciteListChange.emit()},this.updateFilteredItems=(t=!1)=>{const{listItems:e,filteredData:i,filterText:s}=this,n=i.map((t=>t.value)),a=e?.filter((t=>e.every((e=>e===t||!t.contains(e))))),l=e.filter((t=>!s||n.includes(t.value)))||[],o=new WeakSet;a.forEach((t=>this.filterElements({el:t,filteredItems:l,visibleParents:o}))),this.filteredItems=l,t&&this.calciteListFilter.emit()},this.setFilterEl=t=>{this.filterEl=t,this.performFilter()},this.handleFilterChange=t=>{t.stopPropagation();const{value:e}=t.currentTarget;this.filterText=e,this.updateFilteredData(!0)},this.getItemData=()=>this.listItems.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value}))),this.updateListItems=v(((t=!1)=>{const{selectionAppearance:e,selectionMode:i,dragEnabled:s}=this;if(this.parentListEl)return this.queryListItems(!0).forEach((t=>{t.dragHandle=s})),void this.setUpSorting();const n=this.queryListItems();n.forEach((t=>{t.selectionAppearance=e,t.selectionMode=i})),this.queryListItems(!0).forEach((t=>{t.dragHandle=s})),this.listItems=n,this.filterEnabled&&(this.dataForFilter=this.getItemData(),this.filterEl&&(this.filterEl.items=this.dataForFilter)),this.updateFilteredItems(t),this.enabledListItems=this.filteredItems.filter((t=>!t.disabled&&!t.closed)),this.setActiveListItem(),this.updateSelectedItems(t),this.setUpSorting()}),0),this.queryListItems=(t=!1)=>Array.from(this.el.querySelectorAll(t?":scope > calcite-list-item":D)),this.focusRow=t=>{const{enabledListItems:e}=this;t&&(e.forEach((e=>e.active=e===t)),t.setFocus())},this.isNavigable=t=>{const e=t.parentElement?.closest(D);return!e||e.open&&this.isNavigable(e)},this.handleListKeydown=t=>{if(t.defaultPrevented||this.parentListEl)return;const{key:e}=t,i=this.enabledListItems.filter((t=>this.isNavigable(t))),s=i.findIndex((t=>t.active));if("ArrowDown"===e){t.preventDefault();const e=t.target===this.filterEl?0:s+1;i[e]&&this.focusRow(i[e])}else if("ArrowUp"===e){if(t.preventDefault(),0===s&&this.filterEnabled)return void this.filterEl?.setFocus();const e=s-1;i[e]&&this.focusRow(i[e])}else if("Home"===e){t.preventDefault();const e=i[0];e&&this.focusRow(e)}else if("End"===e){t.preventDefault();const e=i[i.length-1];e&&this.focusRow(e)}},this.disabled=!1,this.canPull=void 0,this.canPut=void 0,this.dragEnabled=!1,this.group=void 0,this.filterEnabled=!1,this.filteredItems=[],this.filteredData=[],this.filterPlaceholder=void 0,this.filterText=void 0,this.label=void 0,this.loading=!1,this.openable=!1,this.selectedItems=[],this.selectionMode="none",this.selectionAppearance="icon",this.assistiveText=void 0,this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1}async handleFilterTextChange(){this.performFilter()}handleListItemChange(){this.updateListItems()}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl)return;t.stopPropagation();const{enabledListItems:e}=this,i=e.findIndex((t=>t.active))-1;e[i]&&this.focusRow(e[i])}handleCalciteInternalListItemActive(t){if(this.parentListEl)return;t.stopPropagation();const e=t.target,{listItems:i}=this;i.forEach((t=>{t.active=t===e}))}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalHandleChange(t){this.assistiveText=t.detail.message,t.stopPropagation()}handleCalciteHandleNudge(t){this.parentListEl||this.handleNudgeEvent(t)}handleCalciteInternalListItemSelect(t){if(this.parentListEl)return;t.stopPropagation();const e=t.target,{listItems:i,selectionMode:s}=this;!e.selected||"single"!==s&&"single-persist"!==s||i.forEach((t=>t.selected=t===e)),this.updateSelectedItems()}handleCalciteInternalListItemChange(t){this.parentListEl||(t.stopPropagation(),this.updateListItems(!0))}handleCalciteInternalListItemGroupDefaultSlotChange(t){t.stopPropagation()}connectedCallback(){this.connectObserver(),this.updateListItems(),this.setUpSorting(),c(this),this.parentListEl=this.el.parentElement.closest("calcite-list")}disconnectedCallback(){this.disconnectObserver(),p(this),r(this)}componentWillLoad(){f(this)}componentDidRender(){h(this)}componentDidLoad(){b(this)}async setFocus(){return await g(this),this.filterEnabled?this.filterEl?.setFocus():this.enabledListItems.find((t=>t.active))?.setFocus()}render(){const{loading:t,label:e,disabled:s,dataForFilter:n,filterEnabled:a,filterPlaceholder:o,filterText:c,hasFilterActionsStart:r,hasFilterActionsEnd:h}=this;return i("div",{class:"container"},this.dragEnabled?i("span",{"aria-live":"assertive",class:"assistive-text"},this.assistiveText):null,t?i("calcite-scrim",{class:"scrim",loading:t}):null,i("table",{"aria-busy":l(t),"aria-label":e||"",class:"table",onKeyDown:this.handleListKeydown,role:"treegrid"},a||r||h?i("thead",null,i("tr",{class:{"sticky-pos":!0}},i("th",{colSpan:0},i("calcite-stack",{class:"stack"},i("slot",{name:"filter-actions-start",onSlotchange:this.handleFilterActionsStartSlotChange,slot:m.actionsStart}),i("calcite-filter",{"aria-label":o,disabled:t||s,items:n,onCalciteFilterChange:this.handleFilterChange,placeholder:o,value:c,ref:this.setFilterEl}),i("slot",{name:"filter-actions-end",onSlotchange:this.handleFilterActionsEndSlotChange,slot:m.actionsEnd}))))):null,i("tbody",{class:"table-container"},i("slot",{onSlotchange:this.handleDefaultSlotChange}))))}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){const{dragEnabled:t}=this;t&&u(this)}onDragStart(){this.disconnectObserver()}onDragEnd(){this.connectObserver()}onDragSort(t){this.updateListItems();const{from:e,item:i,to:s}=t;this.calciteListOrderChange.emit({dragEl:i,fromEl:e,toEl:s})}filterElements({el:t,filteredItems:e,visibleParents:i}){const s=!i.has(t)&&!e.includes(t);t.hidden=s;const n=t.parentElement.closest("calcite-list-item-group, calcite-list-item");n&&(s||i.add(n),this.filterElements({el:n,filteredItems:e,visibleParents:i}))}updateFilteredData(t=!1){const{filterEl:e}=this;e&&(e.filteredItems&&(this.filteredData=e.filteredItems),this.updateListItems(t))}async performFilter(){const{filterEl:t,filterText:e}=this;t&&(t.value=e,await t.filter(e),this.updateFilteredData())}handleNudgeEvent(t){const{direction:e}=t.detail,i=t.composedPath(),s=i.find((t=>"CALCITE-HANDLE"===t.tagName)),n=i.find((t=>"CALCITE-LIST-ITEM"===t.tagName)),a=n?.parentElement;if(!a)return;const{enabledListItems:l}=this,o=l.filter((t=>t.parentElement===a)),c=o.length-1,r=o.indexOf(n);let h,d=!1;"up"===e?0===r?d=!0:h=r-1:r===c?h=0:r===c-1?d=!0:h=r+2,this.disconnectObserver(),d?a.appendChild(n):a.insertBefore(n,o[h]),this.updateListItems(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:n,fromEl:null,toEl:null}),s.setFocus().then((()=>{s.activated=!0}))}get el(){return s(this)}static get watchers(){return{filterText:["handleFilterTextChange"],filterEnabled:["handleListItemChange"],group:["handleListItemChange"],dragEnabled:["handleListItemChange"],selectionMode:["handleListItemChange"],selectionAppearance:["handleListItemChange"]}}};j.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{position:relative}.table-container{position:relative;z-index:var(--calcite-app-z-index);box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%;border-collapse:collapse}.stack{--calcite-stack-padding-inline:0;--calcite-stack-padding-block:0}::slotted(calcite-list-item){margin-block-end:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item:last-child){--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)}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-app-z-index-sticky);background-color:var(--calcite-ui-foreground-1)}.sticky-pos th{padding:0px}.assistive-text{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}:host([hidden]){display:none}[hidden]{display:none}";const F=new Map,M=class{constructor(i){t(this,i),this.calciteListItemSelect=e(this,"calciteListItemSelect",6),this.calciteListItemClose=e(this,"calciteListItemClose",6),this.calciteInternalListItemSelect=e(this,"calciteInternalListItemSelect",6),this.calciteInternalListItemActive=e(this,"calciteInternalListItemActive",6),this.calciteInternalFocusPreviousItem=e(this,"calciteInternalFocusPreviousItem",6),this.calciteInternalListItemChange=e(this,"calciteInternalListItemChange",6),this.closeClickHandler=()=>{this.closed=!0,this.calciteListItemClose.emit()},this.handleContentSlotChange=t=>{this.hasCustomContent=a(t)},this.handleActionsStartSlotChange=t=>{this.hasActionsStart=a(t)},this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=a(t)},this.handleContentStartSlotChange=t=>{this.hasContentStart=a(t)},this.handleContentEndSlotChange=t=>{this.hasContentEnd=a(t)},this.handleDefaultSlotChange=t=>{this.handleOpenableChange(t.target)},this.toggleOpen=()=>{this.open=!this.open},this.itemClicked=t=>{t.defaultPrevented||(this.toggleSelected(),this.calciteInternalListItemActive.emit())},this.toggleSelected=()=>{const{selectionMode:t,selected:e}=this;this.disabled||("multiple"===t||"single"===t?this.selected=!e:"single-persist"===t&&(this.selected=!0),this.calciteListItemSelect.emit())},this.handleItemKeyDown=t=>{if(t.defaultPrevented)return;const{key:e}=t,i=t.composedPath(),{containerEl:s,contentEl:n,actionsStartEl:a,actionsEndEl:l,open:o,openable:c}=this,r=[a,n,l].filter(Boolean),h=r.findIndex((t=>i.includes(t)));if("Enter"===e)t.preventDefault(),this.toggleSelected();else if("ArrowRight"===e){t.preventDefault();const e=h+1;-1===h?!o&&c?(this.open=!0,this.focusCell(null)):r[0]&&this.focusCell(r[0]):r[h]&&r[e]&&this.focusCell(r[e])}else if("ArrowLeft"===e){t.preventDefault();const e=h-1;-1===h?(this.focusCell(null),o&&c?this.open=!1:this.calciteInternalFocusPreviousItem.emit()):0===h?(this.focusCell(null),s.focus()):r[h]&&r[e]&&this.focusCell(r[e])}},this.focusCellNull=()=>{this.focusCell(null)},this.focusCell=(t,e=!0)=>{const{contentEl:i,actionsStartEl:s,actionsEndEl:n,parentListEl:a}=this;e&&F.set(a,null),[s,i,n].filter(Boolean).forEach(((i,s)=>{const n="tabindex";i===t?(i.setAttribute(n,"0"),e&&F.set(a,s)):i.removeAttribute(n)})),t?.focus()},this.active=!1,this.closable=!1,this.closed=!1,this.description=void 0,this.disabled=!1,this.dragHandle=!1,this.label=void 0,this.metadata=void 0,this.open=!1,this.setSize=null,this.setPosition=null,this.selected=!1,this.value=void 0,this.selectionMode=null,this.selectionAppearance=null,this.messageOverrides=void 0,this.messages=void 0,this.effectiveLocale="",this.defaultMessages=void 0,this.level=null,this.visualLevel=null,this.parentListEl=void 0,this.openable=!1,this.hasActionsStart=!1,this.hasActionsEnd=!1,this.hasCustomContent=!1,this.hasContentStart=!1,this.hasContentEnd=!1}activeHandler(t){t||this.focusCell(null,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}onMessagesChange(){}handleCalciteInternalListDefaultSlotChanges(t){t.stopPropagation(),this.handleOpenableChange(this.defaultSlotEl)}effectiveLocaleChange(){x(this,this.effectiveLocale)}connectedCallback(){c(this),w(this),C(this);const{el:t}=this;this.parentListEl=t.closest("calcite-list"),this.level=A(t)+1,this.visualLevel=A(t,!0),this.setSelectionDefaults()}async componentWillLoad(){f(this),await k(this)}componentDidLoad(){b(this)}componentDidRender(){h(this,"managed")}disconnectedCallback(){r(this),y(this),I(this)}async setFocus(){await g(this);const{containerEl:t,contentEl:e,actionsStartEl:i,actionsEndEl:s,parentListEl:n}=this,a=F.get(n);if("number"!=typeof a)t?.focus();else{const n=[i,e,s].filter(Boolean);n[a]?this.focusCell(n[a]):t?.focus()}}renderSelected(){const{selected:t,selectionMode:e,selectionAppearance:s}=this;return"none"===e||"border"===s?null:i("td",{class:"selection-container",key:"selection-container",onClick:this.itemClicked},i("calcite-icon",{icon:t?"multiple"===e?"check-circle-f":"circle-f":"blank",scale:"s"}))}renderDragHandle(){return this.dragHandle?i("td",{class:"drag-container",key:"drag-handle-container"},i("calcite-handle",{label:this.label,setPosition:this.setPosition,setSize:this.setSize})):null}renderOpen(){const{el:t,open:e,openable:s,parentListEl:n}=this,a=o(t);return s?i("td",{class:E,key:"open-container",onClick:this.toggleOpen},i("calcite-icon",{icon:e?"caret-down":"rtl"===a?"caret-left":"caret-right",scale:"s"})):n?.openable?i("td",{class:E,key:"open-container",onClick:this.itemClicked},i("calcite-icon",{icon:"blank",scale:"s"})):null}renderActionsStart(){const{label:t,hasActionsStart:e}=this;return i("td",{"aria-label":t,class:"actions-start",hidden:!e,key:"actions-start-container",role:"gridcell",ref:t=>this.actionsStartEl=t},i("slot",{name:"actions-start",onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{label:t,hasActionsEnd:e,closable:s,messages:n}=this;return i("td",{"aria-label":t,class:"actions-end",hidden:!(e||s),key:"actions-end-container",role:"gridcell",ref:t=>this.actionsEndEl=t},i("slot",{name:"actions-end",onSlotchange:this.handleActionsEndSlotChange}),s?i("calcite-action",{appearance:"transparent",icon:"x",key:"close-action",label:n.close,onClick:this.closeClickHandler,text:n.close}):null)}renderContentStart(){const{hasContentStart:t}=this;return i("div",{class:"content-start",hidden:!t},i("slot",{name:"content-start",onSlotchange:this.handleContentStartSlotChange}))}renderCustomContent(){const{hasCustomContent:t}=this;return i("div",{class:"custom-content",hidden:!t},i("slot",{name:"content",onSlotchange:this.handleContentSlotChange}))}renderContentEnd(){const{hasContentEnd:t}=this;return i("div",{class:"content-end",hidden:!t},i("slot",{name:"content-end",onSlotchange:this.handleContentEndSlotChange}))}renderContentProperties(){const{label:t,description:e,hasCustomContent:s}=this;return s||!t&&!e?null:i("div",{class:"content",key:"content"},t?i("div",{class:"label",key:"label"},t):null,e?i("div",{class:"description",key:"description"},e):null)}renderContentContainer(){const{description:t,label:e,selectionMode:s,hasCustomContent:n}=this,a=n||!!e||!!t,l=[this.renderContentStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderContentEnd()];return i("td",{"aria-label":e,class:{"content-container":!0,"content-container--selectable":"none"!==s,"content-container--has-center-content":a},key:"content-container",onClick:this.itemClicked,role:"gridcell",ref:t=>this.contentEl=t},l)}render(){const{openable:t,open:e,level:s,setPosition:a,setSize:o,active:c,label:r,selected:h,selectionAppearance:d,selectionMode:p,closed:u}=this,m="none"!==p&&"border"===d,f=m&&h,b=m&&!h;return i(n,null,i("tr",{"aria-expanded":t?l(e):null,"aria-label":r,"aria-level":s,"aria-posinset":a,"aria-selected":l(h),"aria-setsize":o,class:{container:!0,"container--border-selected":f,"container--border-unselected":b},hidden:u,onFocus:this.focusCellNull,onKeyDown:this.handleItemKeyDown,role:"row",style:{"--calcite-list-item-spacing-indent-multiplier":`${this.visualLevel}`},tabIndex:c?0:-1,ref:t=>this.containerEl=t},this.renderDragHandle(),this.renderSelected(),this.renderOpen(),this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),i("div",{class:{"nested-container":!0,"nested-container--hidden":t&&!e}},i("slot",{onSlotchange:this.handleDefaultSlotChange,ref:t=>this.defaultSlotEl=t})))}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}setSelectionDefaults(){const{parentListEl:t,selectionMode:e,selectionAppearance:i}=this;t&&(e||(this.selectionMode=t.selectionMode),i||(this.selectionAppearance=t.selectionAppearance))}handleOpenableChange(t){if(!t)return;const{parentListEl:e}=this,i=S(t);z(i);const s=!!i.length;s&&e&&!e.openable&&(e.openable=!0),this.openable=s,s||(this.open=!1)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{active:["activeHandler"],closed:["handleClosedChange"],disabled:["handleDisabledChange"],selected:["handleSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};M.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-ui-brand);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container:hover{cursor:pointer;background-color:var(--calcite-ui-foreground-2)}.container--border-selected{border-inline-start:4px solid var(--calcite-ui-brand)}.container--border-unselected{border-inline-start:4px solid transparent}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{z-index:var(--calcite-app-z-index-sticky);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-ui-text-1)}.description{margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-list-item-icon-color)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const P=class{constructor(i){t(this,i),this.calciteInternalListItemGroupDefaultSlotChange=e(this,"calciteInternalListItemGroupDefaultSlotChange",6),this.handleDefaultSlotChange=()=>{this.calciteInternalListItemGroupDefaultSlotChange.emit()},this.disabled=!1,this.heading=void 0,this.visualLevel=null}connectedCallback(){const{el:t}=this;this.visualLevel=A(t,!0),c(this)}componentDidRender(){h(this)}disconnectedCallback(){r(this)}render(){const{heading:t,visualLevel:e}=this;return i(n,null,i("tr",{class:"container",style:{"--calcite-list-item-spacing-indent-multiplier":`${e}`}},i("td",{class:"heading",colSpan:0},t)),i("slot",{onSlotchange:this.handleDefaultSlotChange}))}get el(){return s(this)}};P.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.heading{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}::slotted(calcite-list-item){margin-block-end:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item:last-child){--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([hidden]){display:none}[hidden]{display:none}";export{j as calcite_list,M as calcite_list_item,P as calcite_list_item_group}

package/dist/calcite/{p-fea93262.js → p-401f9b1e.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.7.0-next.0
  */
 const n=/^[0-9A-F]$/i,r=/^#[0-9A-F]{3}$/i,t=/^#[0-9A-F]{6}$/i,e=/^#[0-9A-F]{4}$/i,s=/^#[0-9A-F]{8}$/i,u=n=>Number((100*n).toFixed()),a=n=>Number((n/100).toFixed(2));function i(n,r=!1){return c(n,r)||o(n,r)}function f(n,r,t){return!!n&&n.length===r&&t.test(n)}function c(n,t=!1){return f(n,t?5:4,t?e:r)}function o(n,r=!1){return f(n,r?9:7,r?s:t)}function $(n,r=!1,t=!1){return(n=n.toLowerCase()).startsWith("#")||(n=`#${n}`),c(n,r)?h(S(n,r)):r&&t&&i(n,!1)?h(S(`${n}${c(n,!1)?"f":"ff"}`,!0)):n}function l(n,r=!1){return r?n.hexa():n.hex()}function h(n){const{r,g:t,b:e}=n;return`#${b(r)}${b(t)}${b(e)}${"a"in n?b(255*n.a):""}`.toLowerCase()}function b(n){return n.toString(16).padStart(2,"0")}function g(n){const r={...n,a:n.alpha??1};return delete r.alpha,r}function p(n){const r={...n,alpha:n.a??1};return delete r.a,r}function S(n,r=!1){if(!i(n,r))return null;let t,e,s,u;if(3===(n=n.replace("#","")).length||4===n.length){const[r,a,i,f]=n.split("");t=parseInt(`${r}${r}`,16),e=parseInt(`${a}${a}`,16),s=parseInt(`${i}${i}`,16),u=parseInt(`${f}${f}`,16)/255}else t=parseInt(n.slice(0,2),16),e=parseInt(n.slice(2,4),16),s=parseInt(n.slice(4,6),16),u=parseInt(n.slice(6,8),16)/255;return isNaN(u)?{r:t,g:e,b:s}:{r:t,g:e,b:s,a:u}}const A={HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"},I="rgb",C="rgba",F="hsl",H="hsla",N="hsv",_="hsva";function d(n){if("string"==typeof n){if(n.startsWith("#")){const{length:r}=n;if(4===r||7===r)return A.HEX;if(5===r||9===r)return A.HEXA}if(n.startsWith("rgba("))return A.RGBA_CSS;if(n.startsWith("rgb("))return A.RGB_CSS;if(n.startsWith("hsl("))return A.HSL_CSS;if(n.startsWith("hsla("))return A.HSLA_CSS}if("object"==typeof n){if(v(n,"r","g","b"))return v(n,"a")?C:I;if(v(n,"h","s","l"))return v(n,"a")?H:F;if(v(n,"h","s","v"))return v(n,"a")?_:N}return null}function v(n,...r){return r.every((r=>r&&n&&`${r}`in n))}function x(n,r){return n?.rgb().array().toString()===r?.rgb().array().toString()}function j(n){return n===A.HEXA||n===A.RGBA_CSS||n===A.HSLA_CSS||n===C||n===H||n===_}function m(n){return n===A.HEX?A.HEXA:n===A.RGB_CSS?A.RGBA_CSS:n===A.HSL_CSS?A.HSLA_CSS:n===I?C:n===F?H:n===N?_:n}function y(n){return n===A.HEXA?A.HEX:n===A.RGBA_CSS?A.RGB_CSS:n===A.HSLA_CSS?A.HSL_CSS:n===C?I:n===H?F:n===_?N:n}export{A as C,l as a,u as b,j as c,x as d,g as e,m as f,p as g,S as h,i,o as j,n as k,$ as n,a as o,d as p,h as r,y as t}

package/dist/calcite/{p-7ef70911.js → p-41006447.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.7.0-next.0
  */
-import{d as e,a as t}from"./p-464ac09d.js";function o(){const{classList:o}=document.body,n=window.matchMedia("(prefers-color-scheme: dark)").matches,d=()=>o.contains(e)||o.contains(t)&&n?"dark":"light",c=e=>document.body.dispatchEvent(new CustomEvent("calciteModeChange",{bubbles:!0,detail:{mode:e}})),i=e=>{a!==e&&c(e),a=e};let a=d();c(a),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(e=>i(e.matches?"dark":"light"))),new MutationObserver((()=>i(d()))).observe(document.body,{attributes:!0,attributeFilter:["class"]})}const n=function(){"undefined"!=typeof window&&"undefined"!=typeof location&&"undefined"!=typeof document&&window.location===location&&window.document===document&&("interactive"===document.readyState?o():document.addEventListener("DOMContentLoaded",(()=>o()),{once:!0}))};export{n as g}
+import{d as e,a as t}from"./p-af1fc64b.js";function o(){const{classList:o}=document.body,n=window.matchMedia("(prefers-color-scheme: dark)").matches,d=()=>o.contains(e)||o.contains(t)&&n?"dark":"light",c=e=>document.body.dispatchEvent(new CustomEvent("calciteModeChange",{bubbles:!0,detail:{mode:e}})),i=e=>{a!==e&&c(e),a=e};let a=d();c(a),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(e=>i(e.matches?"dark":"light"))),new MutationObserver((()=>i(d()))).observe(document.body,{attributes:!0,attributeFilter:["class"]})}const n=function(){"undefined"!=typeof window&&"undefined"!=typeof location&&"undefined"!=typeof document&&window.location===location&&window.document===document&&("interactive"===document.readyState?o():document.addEventListener("DOMContentLoaded",(()=>o()),{once:!0}))};export{n as g}

package/dist/calcite/{p-0a02e74a.entry.js → p-419ff0ed.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.7.0-next.0
  */
-import{r as i,c as t,h as e,H as a,a as o}from"./p-1e9017ef.js";import{c as n,d as s}from"./p-94e56b3a.js";import{h as r,b as l,f as c,u as d}from"./p-4b1570f3.js";import{d as h,a as m,c as p,u as b}from"./p-34afd961.js";import{s as u,a as x,c as v}from"./p-227f54c6.js";import{c as g}from"./p-3416cfde.js";import{o as f}from"./p-66e2d46d.js";import{c as k,d as z}from"./p-06a878f3.js";import{s as w,c as y,d as C,u as $}from"./p-6907d13a.js";import"./p-887e1f3e.js";import"./p-464ac09d.js";import"./p-8e33d107.js";const j="modal",M="header",O="container",D="modal--opening-idle",F="modal--opening-active",B="modal--closing-idle",L="modal--closing-active",S="content",T="back",E="secondary",H="primary",q=class{constructor(e){i(this,e),this.calciteModalBeforeClose=t(this,"calciteModalBeforeClose",6),this.calciteModalClose=t(this,"calciteModalClose",6),this.calciteModalBeforeOpen=t(this,"calciteModalBeforeOpen",6),this.calciteModalOpen=t(this,"calciteModalOpen",6),this.mutationObserver=g("mutation",(()=>this.handleMutationObserver())),this.cssVarObserver=g("mutation",(()=>{this.updateSizeCssVars()})),this.openTransitionProp="opacity",this.setTransitionEl=i=>{this.transitionEl=i},this.openEnd=()=>{this.setFocus(),this.el.removeEventListener("calciteModalOpen",this.openEnd)},this.handleOutsideClose=()=>{this.outsideCloseDisabled||this.close()},this.close=()=>this.beforeClose(this.el).then((()=>{this.open=!1,this.isOpen=!1,this.removeOverflowHiddenClass()})),this.handleMutationObserver=()=>{this.updateFooterVisibility(),this.updateFocusTrapElements()},this.updateFooterVisibility=()=>{this.hasFooter=!!r(this.el,[T,H,E])},this.updateSizeCssVars=()=>{this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width"),this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")},this.contentTopSlotChangeHandler=i=>{this.hasContentTop=l(i)},this.contentBottomSlotChangeHandler=i=>{this.hasContentBottom=l(i)},this.open=!1,this.beforeClose=()=>Promise.resolve(),this.closeButtonDisabled=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.docked=void 0,this.escapeDisabled=!1,this.scale="m",this.width="m",this.fullscreen=void 0,this.kind=void 0,this.messages=void 0,this.messageOverrides=void 0,this.slottedInShell=void 0,this.cssWidth=void 0,this.cssHeight=void 0,this.hasFooter=!0,this.hasContentTop=!1,this.hasContentBottom=!1,this.isOpen=!1,this.effectiveLocale=void 0,this.defaultMessages=void 0}handleFocusTrapDisabled(i){this.open&&(i?h(this):m(this))}onMessagesChange(){}async componentWillLoad(){await w(this),u(this),this.open&&(f(this),requestAnimationFrame((()=>this.openModal())))}componentDidLoad(){x(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]}),this.updateSizeCssVars(),this.updateFooterVisibility(),n(this),k(this),y(this),p(this)}disconnectedCallback(){this.removeOverflowHiddenClass(),this.mutationObserver?.disconnect(),this.cssVarObserver?.disconnect(),s(this),h(this),z(this),C(this),this.slottedInShell=!1}render(){return e(a,{"aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},e("div",{class:{[O]:!0,"container--open":this.isOpen,"slotted-in-shell":this.slottedInShell}},e("calcite-scrim",{class:"scrim",onClick:this.handleOutsideClose}),this.renderStyle(),e("div",{class:{[j]:!0},ref:this.setTransitionEl},e("div",{class:M},this.renderCloseButton(),e("header",{class:"title"},e("slot",{name:M}))),this.renderContentTop(),e("div",{class:{content:!0,"content--no-footer":!this.hasFooter},ref:i=>this.modalContent=i},e("slot",{name:S})),this.renderContentBottom(),this.renderFooter())))}renderFooter(){return this.hasFooter?e("div",{class:"footer",key:"footer"},e("span",{class:"back"},e("slot",{name:T})),e("span",{class:"secondary"},e("slot",{name:E})),e("span",{class:"primary"},e("slot",{name:H}))):null}renderContentTop(){return e("div",{class:"content-top",hidden:!this.hasContentTop},e("slot",{name:"content-top",onSlotchange:this.contentTopSlotChangeHandler}))}renderContentBottom(){return e("div",{class:"content-bottom",hidden:!this.hasContentBottom},e("slot",{name:"content-bottom",onSlotchange:this.contentBottomSlotChangeHandler}))}renderCloseButton(){return this.closeButtonDisabled?null:e("button",{"aria-label":this.messages.close,class:"close",key:"button",onClick:this.close,title:this.messages.close,ref:i=>this.closeButtonEl=i},e("calcite-icon",{icon:"x",scale:"s"===this.scale?"s":"m"===this.scale?"m":"l"===this.scale?"l":null}))}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight))return e("style",null,`.${O} {\n              ${this.docked&&this.cssWidth?"align-items: center !important;":""}\n            }\n            .${j} {\n              block-size: ${this.cssHeight?this.cssHeight:"auto"} !important;\n              ${this.cssWidth?`inline-size: ${this.cssWidth} !important;`:""}\n              ${this.cssWidth?`max-inline-size: ${this.cssWidth} !important;`:""}\n              ${this.docked?"border-radius: var(--calcite-border-radius) !important;":""}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${O} {\n                ${this.docked?"align-items: flex-end !important;":""}\n              }\n              .${j} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${this.docked?"":"block-size: 100% !important;"}\n                ${this.docked?"":"border-radius: 0 !important;"}\n                ${this.docked?"border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;":""}\n              }\n            }\n          `)}effectiveLocaleChange(){$(this,this.effectiveLocale)}handleEscape(i){!this.open||this.escapeDisabled||"Escape"!==i.key||i.defaultPrevented||(this.close(),i.preventDefault())}async setFocus(){await v(this),c(this.el)}async updateFocusTrapElements(){b(this)}async scrollContent(i=0,t=0){this.modalContent&&(this.modalContent.scrollTo?this.modalContent.scrollTo({top:i,left:t,behavior:"smooth"}):(this.modalContent.scrollTop=i,this.modalContent.scrollLeft=t))}onBeforeOpen(){this.transitionEl.classList.add(F),this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove(D,F),this.calciteModalOpen.emit(),m(this)}onBeforeClose(){this.transitionEl.classList.add(L),this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl.classList.remove(B,L),this.calciteModalClose.emit(),h(this)}async toggleModal(i){f(this),i?(this.transitionEl?.classList.add(D),this.openModal()):(this.transitionEl?.classList.add(B),this.close())}openModal(){this.el.addEventListener("calciteModalOpen",this.openEnd),this.open=!0,this.isOpen=!0;const i=r(this.el,"header"),t=r(this.el,S);this.titleId=d(i),this.contentId=d(t),this.slottedInShell||(this.initialOverflowCSS=document.documentElement.style.overflow,document.documentElement.style.setProperty("overflow","hidden"))}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",this.initialOverflowCSS)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleModal"]}}};q.style=":host{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-modal-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-app-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([open]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-app-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;-webkit-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-ui-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-app-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-app-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width=s][docked]) .container{align-items:flex-end}}:host([width=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width=m][docked]) .container{align-items:flex-end}}:host([width=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([open][fullscreen]) .header,:host([open][fullscreen]) .footer,:host([open][fullscreen]) .content-top,:host([open][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-ui-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-ui-danger)}:host([kind=info]) .modal{border-color:var(--calcite-ui-info)}:host([kind=success]) .modal{border-color:var(--calcite-ui-success)}:host([kind=warning]) .modal{border-color:var(--calcite-ui-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container.slotted-in-shell{position:absolute;pointer-events:auto}.container.slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";export{q as calcite_modal}
+import{r as i,c as t,h as e,H as a,a as o}from"./p-6465dae9.js";import{c as n,d as s}from"./p-f2699c0c.js";import{h as r,b as l,f as c,w as d}from"./p-a0177c5d.js";import{d as h,a as m,c as p,u as b}from"./p-a5921d07.js";import{s as u,a as x,c as v}from"./p-939028cc.js";import{c as g}from"./p-f0184ce0.js";import{o as f}from"./p-144622f1.js";import{c as k,d as z}from"./p-37e8ce69.js";import{s as w,c as y,d as C,u as $}from"./p-0dfda7d1.js";import"./p-a2931b1a.js";import"./p-af1fc64b.js";import"./p-10535875.js";const j="modal",M="header",O="container",D="modal--opening-idle",F="modal--opening-active",B="modal--closing-idle",L="modal--closing-active",S="content",T="back",E="secondary",H="primary",q=class{constructor(e){i(this,e),this.calciteModalBeforeClose=t(this,"calciteModalBeforeClose",6),this.calciteModalClose=t(this,"calciteModalClose",6),this.calciteModalBeforeOpen=t(this,"calciteModalBeforeOpen",6),this.calciteModalOpen=t(this,"calciteModalOpen",6),this.mutationObserver=g("mutation",(()=>this.handleMutationObserver())),this.cssVarObserver=g("mutation",(()=>{this.updateSizeCssVars()})),this.openTransitionProp="opacity",this.setTransitionEl=i=>{this.transitionEl=i},this.openEnd=()=>{this.setFocus(),this.el.removeEventListener("calciteModalOpen",this.openEnd)},this.handleOutsideClose=()=>{this.outsideCloseDisabled||this.close()},this.close=()=>this.beforeClose(this.el).then((()=>{this.open=!1,this.isOpen=!1,this.removeOverflowHiddenClass()})),this.handleMutationObserver=()=>{this.updateFooterVisibility(),this.updateFocusTrapElements()},this.updateFooterVisibility=()=>{this.hasFooter=!!r(this.el,[T,H,E])},this.updateSizeCssVars=()=>{this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width"),this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")},this.contentTopSlotChangeHandler=i=>{this.hasContentTop=l(i)},this.contentBottomSlotChangeHandler=i=>{this.hasContentBottom=l(i)},this.open=!1,this.beforeClose=()=>Promise.resolve(),this.closeButtonDisabled=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.docked=void 0,this.escapeDisabled=!1,this.scale="m",this.width="m",this.fullscreen=void 0,this.kind=void 0,this.messages=void 0,this.messageOverrides=void 0,this.slottedInShell=void 0,this.cssWidth=void 0,this.cssHeight=void 0,this.hasFooter=!0,this.hasContentTop=!1,this.hasContentBottom=!1,this.isOpen=!1,this.effectiveLocale=void 0,this.defaultMessages=void 0}handleFocusTrapDisabled(i){this.open&&(i?h(this):m(this))}onMessagesChange(){}async componentWillLoad(){await w(this),u(this),this.open&&(f(this),requestAnimationFrame((()=>this.openModal())))}componentDidLoad(){x(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]}),this.updateSizeCssVars(),this.updateFooterVisibility(),n(this),k(this),y(this),p(this)}disconnectedCallback(){this.removeOverflowHiddenClass(),this.mutationObserver?.disconnect(),this.cssVarObserver?.disconnect(),s(this),h(this),z(this),C(this),this.slottedInShell=!1}render(){return e(a,{"aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},e("div",{class:{[O]:!0,"container--open":this.isOpen,"slotted-in-shell":this.slottedInShell}},e("calcite-scrim",{class:"scrim",onClick:this.handleOutsideClose}),this.renderStyle(),e("div",{class:{[j]:!0},ref:this.setTransitionEl},e("div",{class:M},this.renderCloseButton(),e("header",{class:"title"},e("slot",{name:M}))),this.renderContentTop(),e("div",{class:{content:!0,"content--no-footer":!this.hasFooter},ref:i=>this.modalContent=i},e("slot",{name:S})),this.renderContentBottom(),this.renderFooter())))}renderFooter(){return this.hasFooter?e("div",{class:"footer",key:"footer"},e("span",{class:"back"},e("slot",{name:T})),e("span",{class:"secondary"},e("slot",{name:E})),e("span",{class:"primary"},e("slot",{name:H}))):null}renderContentTop(){return e("div",{class:"content-top",hidden:!this.hasContentTop},e("slot",{name:"content-top",onSlotchange:this.contentTopSlotChangeHandler}))}renderContentBottom(){return e("div",{class:"content-bottom",hidden:!this.hasContentBottom},e("slot",{name:"content-bottom",onSlotchange:this.contentBottomSlotChangeHandler}))}renderCloseButton(){return this.closeButtonDisabled?null:e("button",{"aria-label":this.messages.close,class:"close",key:"button",onClick:this.close,title:this.messages.close,ref:i=>this.closeButtonEl=i},e("calcite-icon",{icon:"x",scale:"s"===this.scale?"s":"m"===this.scale?"m":"l"===this.scale?"l":null}))}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight))return e("style",null,`.${O} {\n              ${this.docked&&this.cssWidth?"align-items: center !important;":""}\n            }\n            .${j} {\n              block-size: ${this.cssHeight?this.cssHeight:"auto"} !important;\n              ${this.cssWidth?`inline-size: ${this.cssWidth} !important;`:""}\n              ${this.cssWidth?`max-inline-size: ${this.cssWidth} !important;`:""}\n              ${this.docked?"border-radius: var(--calcite-border-radius) !important;":""}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${O} {\n                ${this.docked?"align-items: flex-end !important;":""}\n              }\n              .${j} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${this.docked?"":"block-size: 100% !important;"}\n                ${this.docked?"":"border-radius: 0 !important;"}\n                ${this.docked?"border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;":""}\n              }\n            }\n          `)}effectiveLocaleChange(){$(this,this.effectiveLocale)}handleEscape(i){!this.open||this.escapeDisabled||"Escape"!==i.key||i.defaultPrevented||(this.close(),i.preventDefault())}async setFocus(){await v(this),c(this.el)}async updateFocusTrapElements(){b(this)}async scrollContent(i=0,t=0){this.modalContent&&(this.modalContent.scrollTo?this.modalContent.scrollTo({top:i,left:t,behavior:"smooth"}):(this.modalContent.scrollTop=i,this.modalContent.scrollLeft=t))}onBeforeOpen(){this.transitionEl.classList.add(F),this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove(D,F),this.calciteModalOpen.emit(),m(this)}onBeforeClose(){this.transitionEl.classList.add(L),this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl.classList.remove(B,L),this.calciteModalClose.emit(),h(this)}async toggleModal(i){f(this),i?(this.transitionEl?.classList.add(D),this.openModal()):(this.transitionEl?.classList.add(B),this.close())}openModal(){this.el.addEventListener("calciteModalOpen",this.openEnd),this.open=!0,this.isOpen=!0;const i=r(this.el,"header"),t=r(this.el,S);this.titleId=d(i),this.contentId=d(t),this.slottedInShell||(this.initialOverflowCSS=document.documentElement.style.overflow,document.documentElement.style.setProperty("overflow","hidden"))}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",this.initialOverflowCSS)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleModal"]}}};q.style=":host{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-modal-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-app-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([open]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-app-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;-webkit-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-ui-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-app-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-app-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width=s][docked]) .container{align-items:flex-end}}:host([width=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width=m][docked]) .container{align-items:flex-end}}:host([width=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([open][fullscreen]) .header,:host([open][fullscreen]) .footer,:host([open][fullscreen]) .content-top,:host([open][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-ui-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-ui-danger)}:host([kind=info]) .modal{border-color:var(--calcite-ui-info)}:host([kind=success]) .modal{border-color:var(--calcite-ui-success)}:host([kind=warning]) .modal{border-color:var(--calcite-ui-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container.slotted-in-shell{position:absolute;pointer-events:auto}.container.slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";export{q as calcite_modal}

package/dist/calcite/{p-9fa92ab8.js → p-42b57311.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.7.0-next.0
  */
 var a;!function(a){a.brand="lightbulb",a.danger="exclamationMarkTriangle",a.info="information",a.success="checkCircle",a.warning="exclamationMarkTriangle"}(a||(a={}));export{a as K}

package/dist/calcite/{p-7b10bd49.js → p-436d9051.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.7.0-next.0
  */
-import{d as t}from"./p-30a72db6.js";import"./p-1e9017ef.js";import"./p-6bdb96ba.js";import"./p-4b1570f3.js";import"./p-887e1f3e.js";import"./p-464ac09d.js";import"./p-954e5104.js";import"./p-8e33d107.js";import"./p-ddfebca5.js";import"./p-227f54c6.js";import"./p-06a878f3.js";import"./p-3416cfde.js";import"./p-34afd961.js";import"./p-6907d13a.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){return t},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,!0);export default m;
+import{d as t}from"./p-2f887196.js";import"./p-6465dae9.js";import"./p-daddbf26.js";import"./p-a0177c5d.js";import"./p-a2931b1a.js";import"./p-af1fc64b.js";import"./p-6e872dc1.js";import"./p-10535875.js";import"./p-4af1defc.js";import"./p-939028cc.js";import"./p-37e8ce69.js";import"./p-f0184ce0.js";import"./p-a5921d07.js";import"./p-0dfda7d1.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){return t},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,!0);export default m;

package/dist/calcite/p-4961a34b.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.7.0-next.0
+ */
+export{I as calcite_input_time_picker,T as calcite_time_picker}from"./p-2f887196.js";import"./p-6465dae9.js";import"./p-daddbf26.js";import"./p-a0177c5d.js";import"./p-a2931b1a.js";import"./p-af1fc64b.js";import"./p-6e872dc1.js";import"./p-10535875.js";import"./p-4af1defc.js";import"./p-939028cc.js";import"./p-37e8ce69.js";import"./p-f0184ce0.js";import"./p-a5921d07.js";import"./p-0dfda7d1.js";