UNPKG

@esri/calcite-components

Version:

Web Components for Esri's Calcite Design System.

1 lines • 49 kB
import{e as t,r as e,c as i,h as a,H as r,g as s}from"./p-ff68592a.js";import{g as o}from"./p-fbd3d700.js";import{g as n}from"./p-e75286c4.js";import{u as c,C as l,c as h}from"./p-5ec16bde.js";const d=["ar","bs","ca","cs","da","de","de-CH","el","en","en-AU","en-CA","en-GB","es","es-MX","et","fi","fr","fr-CH","he","hi","hr","hu","id","it","it-CH","ja","ko","lt","lv","mk","nb","nl","pl","pt","pt-PT","ro","ru","sk","sl","sr","sv","th","tr","uk","vi","zh-CN","zh-HK","zh-TW"],u={},p={};async function f(e){const i=function(t=""){if(d.indexOf(t)>-1)return t;{const e=t.split("-")[0];return d.indexOf(e)>-1?e:"en"}}(e);if(u[i])return u[i];p[i]||(p[i]=fetch(t(`./assets/calcite-date-picker/nls/${i}.json`)).then((t=>t.json())).catch((()=>(console.error(`Translations for "${i}" not found or invalid, falling back to english`),f("en")))));const a=await p[i];return u[i]=a,a}function m(t,e,i){const a=t.getTime(),r=!(e instanceof Date)||a>=e.getTime(),s=!(i instanceof Date)||a<=i.getTime();return r&&s}function b(t,e,i){if(!(t instanceof Date))return null;const a=t.getTime(),r=e instanceof Date&&a<e.getTime(),s=i instanceof Date&&a>i.getTime();return r?e:s?i:t}function g(t){if(t instanceof Date)return t;if(!t||"string"!=typeof t)return null;const e=t.split(/[: T-]/).map(parseFloat),i=new Date(e[0],(e[1]||1)-1,e[2]||1);if(i.setFullYear(e[0]),isNaN(i.getTime()))throw new Error(`Invalid ISO 8601 date: "${t}"`);return i}function w(t){return"string"==typeof t?t:t instanceof Date?t.toISOString().split("T")[0]:""}function y(t,e){return t instanceof Date&&e instanceof Date&&t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function x(t,e){return String(t).split("").map((t=>e.numerals[t])).join("")}function v(t){const e=t.toLowerCase();return["d","m","y"].sort(((t,i)=>e.indexOf(t)-e.indexOf(i)))}function D(t,e){const i=t.getTime(),a=e.getTime();return 1e3*Math.abs(i-a)*60*60*24}const k=class{constructor(t){e(this,t),this.calciteDatePickerChange=i(this,"calciteDatePickerChange",7),this.calciteDatePickerRangeChange=i(this,"calciteDatePickerRangeChange",7),this.activeRange="start",this.intlPrevMonth="previous month",this.intlNextMonth="next month",this.locale=document.documentElement.lang||"en-US",this.scale="m",this.range=!1,this.proximitySelectionDisabled=!1,this.hasShadow=!!document.head.attachShadow,this.keyUpHandler=t=>{"Escape"===n(t.key)&&this.reset()},this.monthHeaderSelectChange=t=>{const e=new Date(t.detail);this.range?("start"===this.activeRange?this.activeStartDate=e:"end"===this.activeRange&&(this.activeEndDate=e),this.mostRecentRangeValue=e):this.activeDate=e},this.monthActiveDateChange=t=>{const e=new Date(t.detail);this.range?("start"===this.activeRange?this.activeStartDate=e:"end"===this.activeRange&&(this.activeEndDate=e),this.mostRecentRangeValue=e):this.activeDate=e},this.monthHoverChange=t=>{if(!this.startAsDate)return this.hoverRange=void 0,this.hoverRange;const e=new Date(t.detail);this.hoverRange={focused:this.activeRange,start:this.startAsDate,end:this.endAsDate},this.proximitySelectionDisabled?this.endAsDate?this.hoverRange=void 0:e<this.startAsDate?this.hoverRange={focused:"start",start:e,end:this.startAsDate}:(this.hoverRange.end=e,this.hoverRange.focused="end"):this.endAsDate?D(e,this.startAsDate)<D(e,this.endAsDate)?(this.hoverRange.start=e,this.hoverRange.focused="start"):(this.hoverRange.end=e,this.hoverRange.focused="end"):e<this.startAsDate?this.hoverRange={focused:"start",start:e,end:this.startAsDate}:(this.hoverRange.end=e,this.hoverRange.focused="end")},this.monthMouseOutChange=()=>{this.hoverRange&&(this.hoverRange=void 0)},this.reset=()=>{var t,e,i,a,r,s;this.valueAsDate&&(null===(t=this.valueAsDate)||void 0===t?void 0:t.getTime())!==(null===(e=this.activeDate)||void 0===e?void 0:e.getTime())&&(this.activeDate=new Date(this.valueAsDate)),this.startAsDate&&(null===(i=this.startAsDate)||void 0===i?void 0:i.getTime())!==(null===(a=this.activeStartDate)||void 0===a?void 0:a.getTime())&&(this.activeStartDate=new Date(this.startAsDate)),this.endAsDate&&(null===(r=this.endAsDate)||void 0===r?void 0:r.getTime())!==(null===(s=this.activeEndDate)||void 0===s?void 0:s.getTime())&&(this.activeEndDate=new Date(this.endAsDate))},this.monthDateChange=t=>{const e=new Date(t.detail);if(!this.range)return this.value=w(e),void(this.activeDate=e);if(!this.startAsDate||!this.endAsDate&&e<this.startAsDate){if(this.startAsDate){const t=new Date(this.startAsDate);this.end=w(t),this.setEndAsDate(t),this.activeEndDate=t}this.start=w(e),this.setStartAsDate(e),this.activeStartDate=e}else this.endAsDate?this.proximitySelectionDisabled?(this.start=w(e),this.setStartAsDate(e),this.activeStartDate=e,this.endAsDate=this.activeEndDate=this.end=void 0):D(e,this.startAsDate)<D(e,this.endAsDate)?(this.start=w(e),this.setStartAsDate(e),this.activeStartDate=e):(this.end=w(e),this.setEndAsDate(e),this.activeEndDate=e):(this.end=w(e),this.setEndAsDate(e),this.activeEndDate=e)}}handleValueAsDate(t){this.activeDate=t,this.calciteDatePickerChange.emit(t)}handleRangeChange(){const{startAsDate:t,endAsDate:e}=this;this.activeEndDate=e,this.activeStartDate=t,this.calciteDatePickerRangeChange.emit({startDate:t,endDate:e})}focusInHandler(t){this.hasShadow||this.el.contains(t.target)||this.reset()}connectedCallback(){this.loadLocaleData(),this.value&&(this.valueAsDate=g(this.value)),this.start&&this.setStartAsDate(g(this.start)),this.end&&this.setEndAsDate(g(this.end))}render(){var t;const e=g(this.min),i=g(this.max),s=b(this.range?this.startAsDate:this.valueAsDate,e,i);let n=this.range?this.getActiveStartDate(s,e,i):this.getActiveDate(s,e,i);const c=this.range?b(this.endAsDate,e,i):null,l=this.getActiveEndDate(c,e,i);"end"!==this.activeRange&&("end"!==(null===(t=this.hoverRange)||void 0===t?void 0:t.focused)||this.proximitySelectionDisabled&&!c)||!l||(n=l),this.range&&this.mostRecentRangeValue&&(n=this.mostRecentRangeValue);const h="start"===this.activeRange?e:s||e,d=i,u=o(this.el);return a(r,{dir:u,onBlur:this.reset,onKeyUp:this.keyUpHandler,role:"application"},this.renderCalendar(n,u,d,h,s,c))}valueWatcher(t){this.valueAsDate=g(t)}startWatcher(t){this.setStartAsDate(g(t))}endWatcher(t){this.setEndAsDate(g(t))}async loadLocaleData(){const{locale:t}=this;this.localeData=await f(t)}renderCalendar(t,e,i,r,s,o){return this.localeData&&[a("calcite-date-picker-month-header",{activeDate:t,dir:e,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,localeData:this.localeData,max:i,min:r,onCalciteDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:"start"===this.activeRange?s:o||new Date}),a("calcite-date-picker-month",{activeDate:t,dir:e,endDate:this.range?o:void 0,hoverRange:this.hoverRange,localeData:this.localeData,max:i,min:r,onCalciteDatePickerActiveDateChange:this.monthActiveDateChange,onCalciteDatePickerHover:this.monthHoverChange,onCalciteDatePickerMouseOut:this.monthMouseOutChange,onCalciteDatePickerSelect:this.monthDateChange,scale:this.scale,selectedDate:"start"===this.activeRange?s:o,startDate:this.range?s:void 0})]}setStartAsDate(t){this.startAsDate=t,this.mostRecentRangeValue=this.startAsDate}setEndAsDate(t){this.endAsDate=t,this.mostRecentRangeValue=this.endAsDate}getActiveDate(t,e,i){return b(this.activeDate,e,i)||t||b(new Date,e,i)}getActiveStartDate(t,e,i){return b(this.activeStartDate,e,i)||t||b(new Date,e,i)}getActiveEndDate(t,e,i){return b(this.activeEndDate,e,i)||t||b(new Date,e,i)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{valueAsDate:["handleValueAsDate"],startAsDate:["handleRangeChange"],endAsDate:["handleRangeChange"],value:["valueWatcher"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}}};k.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;vertical-align:top;width:100%;position:relative;overflow:visible;border-radius:none;border:1px solid var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1)}:host-context([theme=dark]){--calcite-ui-blue-1:#00A0FF;--calcite-ui-blue-2:#0087D7;--calcite-ui-blue-3:#47BBFF;--calcite-ui-green-1:#36DA43;--calcite-ui-green-2:#11AD1D;--calcite-ui-green-3:#44ED51;--calcite-ui-yellow-1:#FFC900;--calcite-ui-yellow-2:#F4B000;--calcite-ui-yellow-3:#FFE24D;--calcite-ui-red-1:#FE583E;--calcite-ui-red-2:#F3381B;--calcite-ui-red-3:#FF7465;--calcite-ui-background:#202020;--calcite-ui-foreground-1:#2b2b2b;--calcite-ui-foreground-2:#353535;--calcite-ui-foreground-3:#404040;--calcite-ui-text-1:#ffffff;--calcite-ui-text-2:#bfbfbf;--calcite-ui-text-3:#9f9f9f;--calcite-ui-border-1:#4a4a4a;--calcite-ui-border-2:#404040;--calcite-ui-border-3:#353535;--calcite-ui-border-4:#757575;--calcite-ui-border-5:#9f9f9f}:host([scale=s]){max-width:216px}:host([scale=m]){max-width:286px}:host([scale=l]){max-width:398px}:host([scale=s][range]:not([layout=vertical])){max-width:462px}:host([scale=m][range]:not([layout=vertical])){max-width:596px}:host([scale=l][range]:not([layout=vertical])){max-width:820px}";const F=class{constructor(t){e(this,t),this.calciteDaySelect=i(this,"calciteDaySelect",7),this.calciteDayHover=i(this,"calciteDayHover",7),this.disabled=!1,this.currentMonth=!1,this.selected=!1,this.highlighted=!1,this.range=!1,this.startOfRange=!1,this.endOfRange=!1,this.rangeHover=!1,this.active=!1,this.onClick=()=>{!this.disabled&&this.calciteDaySelect.emit()},this.keyDownHandler=t=>{const e=n(t.key);" "!==e&&"Enter"!==e||!this.disabled&&this.calciteDaySelect.emit()}}mouseoverHandler(){this.calciteDayHover.emit({disabled:this.disabled})}render(){const t=String(this.day).split("").map((t=>this.localeData.numerals[t])).join(""),e=o(this.el);return a(r,{dir:e,onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"gridcell",tabindex:this.active?0:-1},a("div",{class:"day-v-wrapper"},a("div",{class:"day-wrapper"},a("span",{class:"day"},a("span",{class:"text"},t)))))}get el(){return s(this)}};F.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host-context([theme=dark]){--calcite-ui-blue-1:#00A0FF;--calcite-ui-blue-2:#0087D7;--calcite-ui-blue-3:#47BBFF;--calcite-ui-green-1:#36DA43;--calcite-ui-green-2:#11AD1D;--calcite-ui-green-3:#44ED51;--calcite-ui-yellow-1:#FFC900;--calcite-ui-yellow-2:#F4B000;--calcite-ui-yellow-3:#FFE24D;--calcite-ui-red-1:#FE583E;--calcite-ui-red-2:#F3381B;--calcite-ui-red-3:#FF7465;--calcite-ui-background:#202020;--calcite-ui-foreground-1:#2b2b2b;--calcite-ui-foreground-2:#353535;--calcite-ui-foreground-3:#404040;--calcite-ui-text-1:#ffffff;--calcite-ui-text-2:#bfbfbf;--calcite-ui-text-3:#9f9f9f;--calcite-ui-border-1:#4a4a4a;--calcite-ui-border-2:#404040;--calcite-ui-border-3:#353535;--calcite-ui-border-4:#757575;--calcite-ui-border-5:#9f9f9f;--calcite-ui-foreground-current:#214155}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--calcite-ui-text-3);cursor:pointer;width:calc(100% / 7);min-width:0}.day-v-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}.day{display:-ms-flexbox;display:flex;border-radius:100%;font-size:0.875rem;line-height:1.5;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;line-height:1;color:var(--calcite-ui-text-3);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;background:none;-webkit-box-shadow:0 0 0 2px transparent, 0 0 0 0px transparent;box-shadow:0 0 0 2px transparent, 0 0 0 0px transparent;opacity:var(--calcite-ui-opacity-disabled)}.text{margin:1px 0 0 1px}:host([scale=s]) .day-v-wrapper{padding-top:0.125rem;padding-bottom:0.125rem}:host([scale=s]) .day-wrapper{padding:0}:host([scale=s]) .day{height:27px;width:27px;font-size:var(--calcite-font-size--2)}:host([scale=m]) .day-v-wrapper{padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]) .day-wrapper{padding-left:0.25rem;padding-right:0.25rem}:host([scale=m]) .day{height:33px;width:33px;font-size:var(--calcite-font-size--1)}:host([scale=l]) .day-v-wrapper{padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=l]) .day-wrapper{padding-left:0.25rem;padding-right:0.25rem}:host([scale=l]) .day{height:43px;width:43px;font-size:var(--calcite-font-size-0)}:host([current-month]) .day{opacity:1}:host([disabled]){cursor:default;opacity:0.2}: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]){z-index:1}:host(:focus:not([disabled])) .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-blue-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-blue-1)}:host([selected]) .day{background-color:var(--calcite-ui-blue-1) !important;color:var(--calcite-ui-foreground-1) !important;font-weight:500;z-index:1}:host([range][selected]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([start-of-range][dir=ltr]) .day-wrapper,:host([end-of-range][dir=rtl]) .day-wrapper{border-top-left-radius:40%;border-bottom-left-radius:40%;-webkit-box-shadow:inset 4px 0 var(--calcite-ui-foreground-1);box-shadow:inset 4px 0 var(--calcite-ui-foreground-1)}:host([start-of-range][dir=ltr]:not(:focus)) .day,:host([end-of-range][dir=rtl]:not(:focus)) .day{-webkit-box-shadow:2px 0 var(--calcite-ui-foreground-1);box-shadow:2px 0 var(--calcite-ui-foreground-1)}:host([end-of-range][dir=ltr]) .day-wrapper,:host([start-of-range][dir=rtl]) .day-wrapper{border-top-right-radius:40%;border-bottom-right-radius:40%;-webkit-box-shadow:inset -4px 0 var(--calcite-ui-foreground-1);box-shadow:inset -4px 0 var(--calcite-ui-foreground-1)}:host([end-of-range][dir=ltr]:not(:focus)) .day,:host([start-of-range][dir=rtl]:not(:focus)) .day{-webkit-box-shadow:-2px 0 var(--calcite-ui-foreground-1);box-shadow:-2px 0 var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l][dir=ltr]) .day-wrapper,:host([start-of-range][scale=l][dir=rtl]) .day-wrapper{-webkit-box-shadow:inset -8px 0 var(--calcite-ui-foreground-1);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{border-radius:0;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:0}:host([end-of-range][range-hover][dir=ltr]) .day-wrapper,:host([start-of-range][range-hover][dir=rtl]) .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));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:0;-webkit-box-shadow:none;box-shadow:none}:host([start-of-range][range-hover][dir=ltr]) .day-wrapper,:host([end-of-range][range-hover][dir=rtl]) .day-wrapper{background-image:-webkit-gradient(linear, right top, left top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));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:0;-webkit-box-shadow:none;box-shadow:none}:host(:hover[range-hover]:not([selected]).focused--end[dir=ltr]) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start[dir=rtl]) .day-wrapper{border-top-right-radius:40%;border-bottom-right-radius:40%;-webkit-box-shadow:inset -4px 0 var(--calcite-ui-foreground-1);box-shadow:inset -4px 0 var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--end[dir=ltr]) .day,:host(:hover[range-hover]:not([selected]).focused--start[dir=rtl]) .day{border-radius:100%;-webkit-box-shadow:-2px 0 var(--calcite-ui-foreground-1);box-shadow:-2px 0 var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start[dir=ltr]) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end[dir=rtl]) .day-wrapper{border-top-left-radius:40%;border-bottom-left-radius:40%;-webkit-box-shadow:inset 4px 0 var(--calcite-ui-foreground-1);box-shadow:inset 4px 0 var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start[dir=ltr]) .day,:host(:hover[range-hover]:not([selected]).focused--end[dir=rtl]) .day{border-radius:100%;-webkit-box-shadow:2px 0 var(--calcite-ui-foreground-1);box-shadow:2px 0 var(--calcite-ui-foreground-1)}:host([end-of-range].hover--inside-range.focused--end) .day-wrapper,:host([start-of-range].hover--inside-range.focused--start) .day-wrapper,: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: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([dir=ltr][highlighted]:first-child) .day-wrapper,:host([dir=rtl][highlighted]:last-child) .day-wrapper,:host([range-hover][dir=ltr]:not([selected]):first-child) .day-wrapper,:host([range-hover][dir=rtl]:not([selected]):last-child) .day-wrapper{border-top-left-radius:45%;border-bottom-left-radius:45%}:host([dir=ltr][highlighted]:last-child) .day-wrapper,:host([dir=rtl][highlighted]:first-child) .day-wrapper,:host([range-hover][dir=ltr]:not([selected]):last-child) .day-wrapper,:host([range-hover][dir=rtl]:not([selected]):first-child) .day-wrapper{border-top-right-radius:45%;border-bottom-right-radius:45%}";const A=class{constructor(t){e(this,t),this.calciteDatePickerSelect=i(this,"calciteDatePickerSelect",7),this.calciteDatePickerHover=i(this,"calciteDatePickerHover",7),this.calciteDatePickerActiveDateChange=i(this,"calciteDatePickerActiveDateChange",7),this.calciteDatePickerMouseOut=i(this,"calciteDatePickerMouseOut",7),this.activeDate=new Date,this.keyDownHandler=t=>{const e="rtl"===this.el.dir;switch(n(t.key)){case"ArrowUp":t.preventDefault(),this.addDays(-7);break;case"ArrowRight":t.preventDefault(),this.addDays(e?-1:1);break;case"ArrowDown":t.preventDefault(),this.addDays(7);break;case"ArrowLeft":t.preventDefault(),this.addDays(e?1:-1);break;case"PageUp":t.preventDefault(),this.addMonths(-1);break;case"PageDown":t.preventDefault(),this.addMonths(1);break;case"Home":t.preventDefault(),this.activeDate.setDate(1),this.addDays();break;case"End":t.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays();break;case"Enter":case" ":t.preventDefault();break;case"Tab":this.activeFocus=!1}},this.disableActiveFocus=()=>{this.activeFocus=!1},this.dayHover=t=>{t.detail.disabled?this.calciteDatePickerMouseOut.emit(t.target.value):this.calciteDatePickerHover.emit()},this.daySelect=t=>{this.calciteDatePickerSelect.emit(t.target.value)}}mouseoutHandler(){this.calciteDatePickerMouseOut.emit()}render(){const t=this.activeDate.getMonth(),e=this.activeDate.getFullYear(),i=this.localeData.weekStart%7,{abbreviated:s,short:n,narrow:c}=this.localeData.days,l="s"===this.scale?c||n||s:n||s||c,h=[...l.slice(i,7),...l.slice(0,i)],d=this.getCurrentMonthDays(t,e),u=this.getPrevMonthdays(t,e,i),p=this.getNextMonthDays(t,e,i),f=o(this.el),m=[...u.map((i=>{const a=new Date(e,t-1,i);return this.renderDateDay(!1,i,f,a)})),...d.map((i=>{const a=new Date(e,t,i),r=y(a,this.activeDate);return this.renderDateDay(r,i,f,a,!0,!0)})),...p.map((i=>{const a=new Date(e,t+1,i);return this.renderDateDay(!1,i,f,a)}))],b=[];for(let a=0;a<m.length;a+=7)b.push(m.slice(a,a+7));return a(r,{onFocusOut:this.disableActiveFocus,onKeyDown:this.keyDownHandler},a("div",{class:"calender",role:"grid"},a("div",{class:"week-headers",role:"row"},h.map((t=>a("span",{class:"week-header",role:"columnheader"},t)))),b.map((t=>a("div",{class:"week-days",role:"row"},t)))))}addMonths(t){const e=new Date(this.activeDate);e.setMonth(this.activeDate.getMonth()+t),this.calciteDatePickerActiveDateChange.emit(b(e,this.min,this.max)),this.activeFocus=!0}addDays(t=0){const e=new Date(this.activeDate);e.setDate(this.activeDate.getDate()+t),this.calciteDatePickerActiveDateChange.emit(b(e,this.min,this.max)),this.activeFocus=!0}getPrevMonthdays(t,e,i){const a=new Date(e,t,0),r=a.getDate(),s=[];if(a.getDay()-6===i)return s;for(let o=a.getDay();o>=i;o--)s.push(r-o);return s}getCurrentMonthDays(t,e){const i=new Date(e,t+1,0).getDate(),a=[];for(let r=0;r<i;r++)a.push(r+1);return a}getNextMonthDays(t,e,i){const a=new Date(e,t+1,0).getDay(),r=[];if(a===(i+6)%7)return r;for(let s=0;s<(6-(a-i))%7;s++)r.push(s+1);return r}betweenSelectedRange(t){return this.startDate&&this.endDate&&t>this.startDate&&t<this.endDate&&!this.isRangeHover(t)&&!this.isHoverInRange()}isSelected(t){return y(t,this.selectedDate)||this.startDate&&y(t,this.startDate)||this.endDate&&y(t,this.endDate)}isStartOfRange(t){return!!this.startDate&&!y(this.startDate,this.endDate)&&y(this.startDate,t)&&!this.isEndOfRange(t)}isEndOfRange(t){return!!this.endDate&&!y(this.startDate,this.endDate)&&y(this.endDate,t)||!this.endDate&&this.hoverRange&&y(this.startDate,this.hoverRange.end)&&y(t,this.hoverRange.end)}renderDateDay(t,e,i,r,s,o){var n;const c=this.isFocusedOnStart(),l=this.isHoverInRange()||!this.endDate&&this.hoverRange&&y(null===(n=this.hoverRange)||void 0===n?void 0:n.end,this.startDate);return a("calcite-date-picker-day",{active:t,class:{"hover--inside-range":this.startDate&&l,"hover--outside-range":this.startDate&&!l,"focused--start":c,"focused--end":!c},currentMonth:s,day:e,dir:i,disabled:!m(r,this.min,this.max),endOfRange:this.isEndOfRange(r),highlighted:this.betweenSelectedRange(r),key:r.toDateString(),localeData:this.localeData,onCalciteDayHover:this.dayHover,onCalciteDaySelect:this.daySelect,range:!!this.startDate&&!!this.endDate&&!y(this.startDate,this.endDate),rangeHover:this.isRangeHover(r),ref:e=>{o&&t&&this.activeFocus&&(null==e||e.focus())},scale:this.scale,selected:this.isSelected(r),startOfRange:this.isStartOfRange(r),value:r})}isFocusedOnStart(){var t;return"start"===(null===(t=this.hoverRange)||void 0===t?void 0:t.focused)}isHoverInRange(){if(!this.hoverRange)return;const{start:t,end:e}=this.hoverRange;return!this.isFocusedOnStart()&&!!this.startDate&&(!this.endDate||e<this.endDate)||this.isFocusedOnStart()&&!!this.startDate&&t>this.startDate}isRangeHover(t){if(!this.hoverRange)return!1;const{start:e,end:i}=this.hoverRange,a=this.isFocusedOnStart(),r=this.isHoverInRange(),s=r&&(!a&&t>this.startDate&&(t<i||y(t,i))||a&&t<this.endDate&&(t>e||y(t,e))),o=!r&&(!a&&t>=this.endDate&&(t<i||y(t,i))||a&&(t<this.startDate||this.endDate&&y(t,this.startDate))&&(t>e||y(t,e)));return s||o}get el(){return s(this)}};A.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host-context([theme=dark]){--calcite-ui-blue-1:#00A0FF;--calcite-ui-blue-2:#0087D7;--calcite-ui-blue-3:#47BBFF;--calcite-ui-green-1:#36DA43;--calcite-ui-green-2:#11AD1D;--calcite-ui-green-3:#44ED51;--calcite-ui-yellow-1:#FFC900;--calcite-ui-yellow-2:#F4B000;--calcite-ui-yellow-3:#FFE24D;--calcite-ui-red-1:#FE583E;--calcite-ui-red-2:#F3381B;--calcite-ui-red-3:#FF7465;--calcite-ui-background:#202020;--calcite-ui-foreground-1:#2b2b2b;--calcite-ui-foreground-2:#353535;--calcite-ui-foreground-3:#404040;--calcite-ui-text-1:#ffffff;--calcite-ui-text-2:#bfbfbf;--calcite-ui-text-3:#9f9f9f;--calcite-ui-border-1:#4a4a4a;--calcite-ui-border-2:#404040;--calcite-ui-border-3:#353535;--calcite-ui-border-4:#757575;--calcite-ui-border-5:#9f9f9f}.calender{padding-bottom:4px}.week-headers{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border-top:1px solid var(--calcite-ui-border-3);padding:0 4px}.week-header{color:var(--calcite-ui-text-3);font-weight:600;width:calc(100% / 7);text-align:center}:host([scale=s]) .week-header{font-size:12px;padding:16px 0 16px 0}:host([scale=m]) .week-header{font-size:12px;padding:24px 0 20px 0}:host([scale=l]) .week-header{font-size:14px;padding:32px 0 24px 0}.week-days{outline:none;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0 6px}";const C=class{constructor(t){e(this,t),this.calciteDatePickerSelect=i(this,"calciteDatePickerSelect",7),this.onYearKey=t=>{const e=t.target.value;switch(n(t.key)){case"ArrowDown":t.preventDefault(),this.setYear(e,-1);break;case"ArrowUp":t.preventDefault(),this.setYear(e,1)}},this.yearChanged=t=>{this.setYear(t.target.value)},this.prevMonthClick=t=>{this.handleArrowClick(t,this.prevMonthDate)},this.prevMonthKeydown=t=>{const e=n(t.key);" "!==e&&"Enter"!==e||this.prevMonthClick(t)},this.nextMonthClick=t=>{this.handleArrowClick(t,this.nextMonthDate)},this.nextMonthKeydown=t=>{const e=n(t.key);" "!==e&&"Enter"!==e||this.nextMonthClick(t)},this.handleArrowClick=(t,e)=>{null==t||t.preventDefault(),t.stopPropagation(),this.calciteDatePickerSelect.emit(e)}}connectedCallback(){this.setNextPrevMonthDates()}render(){var t;const e=this.activeDate.getMonth(),{months:i,unitOrder:s}=this.localeData,n=(i.wide||i.narrow||i.abbreviated)[e],c=x(this.activeDate.getFullYear(),this.localeData),l="l"===this.scale?"m":"s",h=o(this.el),d=v(s),u=d.indexOf("y")<d.indexOf("m"),p=null===(t=this.localeData.year)||void 0===t?void 0:t.suffix;return a(r,{dir:h},a("div",{class:"header"},a("a",{"aria-disabled":(this.prevMonthDate.getMonth()===e).toString(),"aria-label":this.intlPrevMonth,class:"chevron",href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===e?-1:0},a("calcite-icon",{dir:h,"flip-rtl":!0,icon:"chevron-left",scale:l})),a("div",{class:{text:!0,"text--reverse":u}},a("span",{"aria-level":"2",class:"month",role:"heading"},n),a("span",{class:"year-wrap"},a("input",{class:{year:!0,"year--suffix":!!p},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.yearChanged,onKeyDown:this.onYearKey,pattern:"\\d*",ref:t=>this.yearInput=t,type:"text",value:c}),p&&a("span",{class:"suffix"},a("span",{"aria-hidden":"true",class:"suffix__invisible"},c)," "+p))),a("a",{"aria-disabled":(this.nextMonthDate.getMonth()===e).toString(),"aria-label":this.intlNextMonth,class:"chevron",href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===e?-1:0},a("calcite-icon",{dir:h,"flip-rtl":!0,icon:"chevron-right",scale:l}))))}setNextPrevMonthDates(){this.nextMonthDate=b(function(t){const e=t.getMonth(),i=new Date(t);return i.setMonth(e+1),(e+2)%7==i.getMonth()%7?new Date(t.getFullYear(),e+2,0):i}(this.activeDate),this.min,this.max),this.prevMonthDate=b(function(t){const e=t.getMonth(),i=new Date(t);return i.setMonth(e-1),e===i.getMonth()?new Date(t.getFullYear(),e,0):i}(this.activeDate),this.min,this.max)}setYear(t,e=0){const{min:i,max:a,activeDate:r,localeData:s,yearInput:o}=this,n=function(t,e){return parseInt(t.split("").map((t=>"0123456789"[e.numerals.indexOf(t)])).filter((t=>t)).join(""))}(t,s),c=n.toString().length,l=!isNaN(n)&&n+e,h=l&&(!i||i.getFullYear()<=l)&&(!a||a.getFullYear()>=l);if(l&&h&&c===t.length){const t=new Date(r);t.setFullYear(l);const e=b(t,i,a);this.calciteDatePickerSelect.emit(e),o.value=x(e.getFullYear(),s)}else o.value=x(r.getFullYear(),s)}get el(){return s(this)}static get watchers(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}}};C.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host-context([theme=dark]){--calcite-ui-blue-1:#00A0FF;--calcite-ui-blue-2:#0087D7;--calcite-ui-blue-3:#47BBFF;--calcite-ui-green-1:#36DA43;--calcite-ui-green-2:#11AD1D;--calcite-ui-green-3:#44ED51;--calcite-ui-yellow-1:#FFC900;--calcite-ui-yellow-2:#F4B000;--calcite-ui-yellow-3:#FFE24D;--calcite-ui-red-1:#FE583E;--calcite-ui-red-2:#F3381B;--calcite-ui-red-3:#FF7465;--calcite-ui-background:#202020;--calcite-ui-foreground-1:#2b2b2b;--calcite-ui-foreground-2:#353535;--calcite-ui-foreground-3:#404040;--calcite-ui-text-1:#ffffff;--calcite-ui-text-2:#bfbfbf;--calcite-ui-text-3:#9f9f9f;--calcite-ui-border-1:#4a4a4a;--calcite-ui-border-2:#404040;--calcite-ui-border-3:#353535;--calcite-ui-border-4:#757575;--calcite-ui-border-5:#9f9f9f}.header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:0 3px}:host([scale=s]) .text{font-size:14px}:host([scale=s]) .chevron{height:38px}:host([scale=m]) .text{font-size:16px}:host([scale=m]) .chevron{height:48px}:host([scale=l]) .text{font-size:18px}:host([scale=l]) .chevron{height:64px}.chevron{color:var(--calcite-ui-text-2);-ms-flex-positive:0;flex-grow:0;width:calc(100% / 7);-webkit-box-sizing:content-box;box-sizing:content-box;outline:none;padding:0 4px;margin:0 -3px;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);cursor:pointer;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.chevron:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}.chevron:hover,.chevron:focus{fill:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-2)}.chevron:active{background-color:var(--calcite-ui-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none;opacity:0}.text{-ms-flex:1 1 auto;flex:1 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row;line-height:1;margin:auto 0;text-align:center}.text--reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.month,.year,.suffix{color:var(--calcite-ui-text-1);background:var(--calcite-ui-foreground-1);font-size:inherit;font-weight:500;line-height:1.25;margin:0 4px;display:inline-block}.year{font-family:inherit;text-align:center;border:none;width:3em;padding:0;background-color:transparent;position:relative;z-index:2;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.year:hover{-webkit-transition:outline-color 100ms ease-in-out;transition:outline-color 100ms ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:2px}.year--suffix{width:4rem;text-align:left}.year-wrap{position:relative}.suffix{position:absolute;width:4rem;white-space:nowrap;text-align:left;top:0;left:0}.suffix__invisible{visibility:hidden}";const E=class{constructor(t){e(this,t),this.active=!1,this.intlPrevMonth="previous month",this.intlNextMonth="next month",this.locale=document.documentElement.lang||"en-US",this.scale="m",this.range=!1,this.proximitySelectionDisabled=!1,this.layout="horizontal",this.focusedInput="start",this.hasShadow=!!document.head.attachShadow,this.setEndInput=t=>{this.endInput=t},this.deactivate=()=>{this.active=!1},this.keyUpHandler=t=>{"Escape"===n(t.key)&&(this.active=!1)},this.inputBlur=t=>{this.blur(t.detail)},this.startInputFocus=()=>{this.active=!0,this.focusedInput="start"},this.endInputFocus=()=>{this.active=!0,this.focusedInput="end"},this.inputInput=t=>{this.input(t.detail.value)},this.setMenuEl=t=>{t&&(this.menuEl=t,this.createPopper())},this.setStartWrapper=t=>{this.startWrapper=t,this.setReferenceEl()},this.setEndWrapper=t=>{this.endWrapper=t,this.setReferenceEl()},this.handleDateChange=t=>{this.range||(this.valueAsDate=t.detail)},this.handleDateRangeChange=t=>{if(!this.range||!t.detail)return;const{startDate:e,endDate:i}=t.detail;this.startAsDate=e,this.endAsDate=i,e&&"start"===this.focusedInput&&setTimeout((()=>{var t;return null===(t=this.endInput)||void 0===t?void 0:t.setFocus()}),150)}}activeHandler(){this.reposition()}focusInHandler(t){this.hasShadow||this.el.contains(t.target)||(this.active=!1)}calciteDaySelectHandler(){this.active=!1}async reposition(){const{popper:t,menuEl:e}=this,i=this.getModifiers();t?c({el:e,modifiers:i,placement:"bottom-start",popper:t}):this.createPopper()}connectedCallback(){this.loadLocaleData(),this.value&&(this.valueAsDate=g(this.value)),this.start&&this.setStartAsDate(g(this.start)),this.end&&this.setEndAsDate(g(this.end)),this.createPopper()}disconnectedCallback(){this.destroyPopper()}render(){var t,e;const i=g(this.min),s=g(this.max),n=b(this.range?this.startAsDate:this.valueAsDate,i,s),c=this.range?b(this.endAsDate,i,s):null,h=c?c.toLocaleDateString(this.locale):"",d=n?n.toLocaleDateString(this.locale):"",u=o(this.el);return a(r,{dir:u,onBlur:this.deactivate,onKeyUp:this.keyUpHandler,role:"application"},this.localeData&&a("div",{"aria-expanded":this.active.toString(),class:"input-container",role:"application"},a("div",{class:"input-wrapper",ref:this.setStartWrapper},a("calcite-input",{class:"input "+("vertical"===this.layout&&this.range?"no-bottom-border":""),icon:"calendar","number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.startInputFocus,onCalciteInputInput:this.inputInput,placeholder:null===(t=this.localeData)||void 0===t?void 0:t.placeholder,scale:this.scale,type:"text",value:d})),a("div",{"aria-hidden":(!this.active).toString(),class:"menu-container",ref:this.setMenuEl},a("div",{class:{"calendar-picker-wrapper":!0,"calendar-picker-wrapper--end":"end"===this.focusedInput,[l.animation]:!0,[l.animationActive]:this.active}},a("calcite-date-picker",{activeRange:this.focusedInput,dir:u,endAsDate:this.endAsDate,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,locale:this.locale,max:this.max,min:this.min,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,startAsDate:this.startAsDate,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&"horizontal"===this.layout&&a("div",{class:"horizontal-arrow-container"},a("calcite-icon",{flipRtl:!0,icon:"arrow-right",scale:"s"})),this.range&&"vertical"===this.layout&&a("div",{class:"vertical-arrow-container"},a("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&a("div",{class:"input-wrapper",ref:this.setEndWrapper},a("calcite-input",{class:"input",icon:"calendar","number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.endInputFocus,onCalciteInputInput:this.inputInput,placeholder:null===(e=this.localeData)||void 0===e?void 0:e.placeholder,ref:this.setEndInput,scale:this.scale,type:"text",value:h}))))}setReferenceEl(){const{focusedInput:t,layout:e,endWrapper:i,startWrapper:a}=this;this.referenceEl="end"===t||"vertical"===e?i||a:a||i,this.createPopper()}getModifiers(){return[{name:"flip",enabled:!0,options:{fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]}}]}createPopper(){this.destroyPopper();const{menuEl:t,referenceEl:e}=this;if(!t||!e)return;const i=this.getModifiers();this.popper=h({el:t,modifiers:i,placement:"bottom-start",referenceEl:e})}destroyPopper(){const{popper:t}=this;t&&t.destroy(),this.popper=null}valueWatcher(t){this.valueAsDate=g(t)}startWatcher(t){this.setStartAsDate(g(t))}endWatcher(t){this.setEndAsDate(g(t))}async loadLocaleData(){const{locale:t}=this;this.localeData=await f(t)}setStartAsDate(t){this.startAsDate=t}setEndAsDate(t){this.endAsDate=t}input(t){const e=this.getDateFromInput(t);if(e)if(this.range){let t=!1;"start"===this.focusedInput?(t=!this.startAsDate||!y(e,this.startAsDate),t&&(this.startAsDate=e)):"end"===this.focusedInput&&(t=!this.endAsDate||!y(e,this.endAsDate),t&&(this.endAsDate=e))}else this.valueAsDate=e}blur(t){const{locale:e,focusedInput:i,endAsDate:a,range:r,startAsDate:s,valueAsDate:o}=this;this.getDateFromInput(t.value)||(!r&&o?t.value=o.toLocaleDateString(e):"start"===i&&s?t.value=s.toLocaleDateString(e):"end"===i&&a&&(t.value=a.toLocaleDateString(e)))}getDateFromInput(t){if(!this.localeData)return!1;const{separator:e}=this.localeData,{day:i,month:a,year:r}=function(t,e){const{separator:i,unitOrder:a}=e,r=v(a),s=function(t=""){return t.replace(/[\u0660-\u0669]/g,(t=>t.charCodeAt(0)-1632)).replace(/[\u06f0-\u06f9]/g,(t=>t.charCodeAt(0)-1776))}(t).split(i);return{day:parseInt(s[r.indexOf("d")]),month:parseInt(s[r.indexOf("m")])-1,year:parseInt(s[r.indexOf("y")])}}(t,this.localeData),s=i>0,o=a>-1,n=new Date(r,a,i);n.setFullYear(r);const c=!isNaN(n.getTime()),l=t.split(e).filter((t=>t)).length>2,h=r.toString().length>0;return!!(s&&o&&c&&l&&h&&m(n,this.min,this.max))&&n}get el(){return s(this)}static get watchers(){return{active:["activeHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],value:["valueWatcher"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}}};E.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:host{--calcite-icon-size:1rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;vertical-align:top;width:100%;position:relative;overflow:visible;-webkit-box-shadow:none;box-shadow:none}:host .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:var(--calcite-border-radius)}:host .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.calendar-picker-wrapper{-webkit-box-shadow:none;box-shadow:none;position:static;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);width:100%;line-height:0}:host-context([theme=dark]){--calcite-ui-blue-1:#00A0FF;--calcite-ui-blue-2:#0087D7;--calcite-ui-blue-3:#47BBFF;--calcite-ui-green-1:#36DA43;--calcite-ui-green-2:#11AD1D;--calcite-ui-green-3:#44ED51;--calcite-ui-yellow-1:#FFC900;--calcite-ui-yellow-2:#F4B000;--calcite-ui-yellow-3:#FFE24D;--calcite-ui-red-1:#FE583E;--calcite-ui-red-2:#F3381B;--calcite-ui-red-3:#FF7465;--calcite-ui-background:#202020;--calcite-ui-foreground-1:#2b2b2b;--calcite-ui-foreground-2:#353535;--calcite-ui-foreground-3:#404040;--calcite-ui-text-1:#ffffff;--calcite-ui-text-2:#bfbfbf;--calcite-ui-text-3:#9f9f9f;--calcite-ui-border-1:#4a4a4a;--calcite-ui-border-2:#404040;--calcite-ui-border-3:#353535;--calcite-ui-border-4:#757575;--calcite-ui-border-5:#9f9f9f}:host([scale=s]){max-width:216px}:host([scale=m]){max-width:286px}:host([scale=l]){max-width:398px}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{background-color:var(--calcite-ui-background);padding:0 var(--calcite-spacing-quarter);border:1px solid var(--calcite-ui-border-1);border-left:none;border-right:none;height:42px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:0 0 auto;flex:0 0 auto}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{position:absolute;left:0;top:36px;z-index:1;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem;margin-left:1px;margin-right:1px}:host([scale=s][range]:not([layout=vertical])){max-width:462px}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=s][range]:not([layout=vertical])) .horizontal-arrow-container{height:30px}:host([scale=m][range]:not([layout=vertical])){max-width:596px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])){max-width:820px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}:host([scale=l][range]:not([layout=vertical])) .horizontal-arrow-container{height:54px}.menu-container{display:block;position:absolute;z-index:999;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none;width:100%}:host([active]) .menu-container{pointer-events:initial;visibility:visible}.input .calcite-input-wrapper{margin-top:0}:host([range][layout=vertical][scale=s]) .vertical-arrow-container{top:24px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:50px;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}";export{k as calcite_date_picker,F as calcite_date_picker_day,A as calcite_date_picker_month,C as calcite_date_picker_month_header,E as calcite_input_date_picker}