@esri/calcite-components 1.0.0-next.357 → 1.0.0-next.360
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/assets/calcite-date-picker/nls/bg.json +31 -0
- package/dist/calcite/calcite.esm.js +1 -1
- package/dist/calcite/{p-4f9b0b0f.js → p-32f7eb32.js} +1 -1
- package/dist/calcite/p-428412b9.entry.js +5 -0
- package/dist/calcite/{p-7a2142c2.system.entry.js → p-55d683e1.system.entry.js} +1 -1
- package/dist/calcite/{p-3f51ac4b.system.entry.js → p-5c0e75f5.system.entry.js} +1 -1
- package/dist/calcite/{p-a7f8b343.entry.js → p-634115dd.entry.js} +1 -1
- package/dist/calcite/{p-d8653ba3.entry.js → p-7f4866eb.entry.js} +1 -1
- package/dist/calcite/p-99d32fc3.system.js +1 -1
- package/dist/calcite/{p-eca26cba.system.entry.js → p-9a0a29a7.system.entry.js} +1 -1
- package/dist/calcite/p-b43f2e28.entry.js +5 -0
- package/dist/calcite/p-bb401f25.system.js +5 -0
- package/dist/calcite/p-bc00846c.entry.js +5 -0
- package/dist/calcite/{p-6c453fd0.system.entry.js → p-c13560e5.system.entry.js} +1 -1
- package/dist/calcite/{p-d4bafc77.system.js → p-c56f495f.system.js} +1 -1
- package/dist/calcite/{p-5d9fe852.entry.js → p-e39173ae.entry.js} +1 -1
- package/dist/calcite/p-ef6b4184.js +5 -0
- package/dist/calcite/{p-2c3bbbb4.system.entry.js → p-f65fdcde.system.entry.js} +2 -2
- package/dist/calcite/p-fbcdf667.system.entry.js +5 -0
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +2 -2
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +13 -11
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/calcite-input.cjs.entry.js +10 -3
- package/dist/cjs/calcite-tree_2.cjs.entry.js +0 -1
- package/dist/cjs/{locale-b9b153dd.js → locale-02462821.js} +1 -0
- package/dist/cjs/{resources-c524c005.js → resources-9f0994fb.js} +1 -1
- package/dist/collection/components/calcite-color-picker-swatch/resources.js +1 -1
- package/dist/collection/components/calcite-date-picker/assets/calcite-date-picker/nls/bg.json +31 -0
- package/dist/collection/components/calcite-dropdown/calcite-dropdown.js +13 -11
- package/dist/collection/components/calcite-input/calcite-input.js +9 -2
- package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +0 -1
- package/dist/collection/utils/locale.js +1 -0
- package/dist/components/calcite-color-picker-swatch2.js +1 -1
- package/dist/components/calcite-dropdown2.js +13 -11
- package/dist/components/calcite-input2.js +9 -2
- package/dist/components/calcite-tree-item.js +0 -1
- package/dist/components/locale.js +1 -0
- package/dist/custom-elements/index.js +24 -15
- package/dist/esm/calcite-color-picker_3.entry.js +1 -1
- package/dist/esm/calcite-date-picker_4.entry.js +2 -2
- package/dist/esm/calcite-dropdown_3.entry.js +13 -11
- package/dist/esm/calcite-input-date-picker.entry.js +2 -2
- package/dist/esm/calcite-input.entry.js +10 -3
- package/dist/esm/calcite-tree_2.entry.js +0 -1
- package/dist/esm/{locale-1b48f64f.js → locale-fc850b7c.js} +1 -0
- package/dist/esm/{resources-74c807b4.js → resources-90193940.js} +1 -1
- package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
- package/dist/esm-es5/calcite-date-picker_4.entry.js +1 -1
- package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
- package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
- package/dist/esm-es5/calcite-input.entry.js +1 -1
- package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
- package/dist/esm-es5/locale-fc850b7c.js +5 -0
- package/dist/esm-es5/{resources-74c807b4.js → resources-90193940.js} +1 -1
- package/dist/extras/docs-json.json +1 -1
- package/hydrate/index.js +23 -15
- package/package.json +4 -4
- package/dist/calcite/p-0d9a5d78.entry.js +0 -5
- package/dist/calcite/p-3366ef60.entry.js +0 -5
- package/dist/calcite/p-54e07c75.entry.js +0 -5
- package/dist/calcite/p-748c198c.system.entry.js +0 -5
- package/dist/calcite/p-f3d02833.js +0 -5
- package/dist/calcite/p-fcde21ce.system.js +0 -5
- package/dist/esm-es5/locale-1b48f64f.js +0 -5
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,a,r){function i(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,F as Fragment}from"./index-9de00868.js";import{T as TEXT,c as getDaysDiff,d as dateToISO,a as dateFromISO,b as dateFromRange,g as getLocaleData,H as HEADING_LEVEL,s as sameDate,i as inRange,l as localizeNumber,e as getOrder,n as nextMonth,f as prevMonth,h as parseNumber}from"./resources-74c807b4.js";import{a as getElementDir,C as CSS_UTILITY}from"./dom-e55f9eaf.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";import"./locale-1b48f64f.js";import"./number-8779395f.js";import"./guid-196bd5ea.js";var calciteDatePickerCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-width:216px}:host([scale=m]){max-width:286px}:host([scale=l]){max-width:398px}";var CalciteDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerChange=createEvent(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=createEvent(this,"calciteDatePickerRangeChange",7);this.intlPrevMonth=TEXT.prevMonth;this.intlNextMonth=TEXT.nextMonth;this.intlYear=TEXT.year;this.locale=document.documentElement.lang||"en";this.scale="m";this.range=false;this.proximitySelectionDisabled=false;this.keyUpHandler=function(t){if(t.key==="Escape"){e.reset()}};this.monthHeaderSelectChange=function(t){var a=new Date(t.detail);if(!e.range){e.activeDate=a}else{if(e.activeRange==="end"){e.activeEndDate=a}else{e.activeStartDate=a}e.mostRecentRangeValue=a}};this.monthActiveDateChange=function(t){var a=new Date(t.detail);if(!e.range){e.activeDate=a}else{if(e.activeRange==="end"){e.activeEndDate=a}else{e.activeStartDate=a}e.mostRecentRangeValue=a}};this.monthHoverChange=function(t){if(!e.startAsDate){e.hoverRange=undefined;return}var a=new Date(t.detail);e.hoverRange={focused:e.activeRange||"start",start:e.startAsDate,end:e.endAsDate};if(!e.proximitySelectionDisabled){if(e.endAsDate){var r=getDaysDiff(a,e.startAsDate);var i=getDaysDiff(a,e.endAsDate);if(i>0){e.hoverRange.end=a;e.hoverRange.focused="end"}else if(r<0){e.hoverRange.start=a;e.hoverRange.focused="start"}else if(r>i){e.hoverRange.start=a;e.hoverRange.focused="start"}else{e.hoverRange.end=a;e.hoverRange.focused="end"}}else{if(a<e.startAsDate){e.hoverRange={focused:"start",start:a,end:e.startAsDate}}else{e.hoverRange.end=a;e.hoverRange.focused="end"}}}else{if(!e.endAsDate){if(a<e.startAsDate){e.hoverRange={focused:"start",start:a,end:e.startAsDate}}else{e.hoverRange.end=a;e.hoverRange.focused="end"}}else{e.hoverRange=undefined}}};this.monthMouseOutChange=function(){if(e.hoverRange){e.hoverRange=undefined}};this.reset=function(){var t,a,r,i,n,o;if(!Array.isArray(e.valueAsDate)&&e.valueAsDate&&((t=e.valueAsDate)===null||t===void 0?void 0:t.getTime())!==((a=e.activeDate)===null||a===void 0?void 0:a.getTime())){e.activeDate=new Date(e.valueAsDate)}if(e.startAsDate&&((r=e.startAsDate)===null||r===void 0?void 0:r.getTime())!==((i=e.activeStartDate)===null||i===void 0?void 0:i.getTime())){e.activeStartDate=new Date(e.startAsDate)}if(e.endAsDate&&((n=e.endAsDate)===null||n===void 0?void 0:n.getTime())!==((o=e.activeEndDate)===null||o===void 0?void 0:o.getTime())){e.activeEndDate=new Date(e.endAsDate)}};this.monthDateChange=function(t){var a=new Date(t.detail);if(!e.range){e.value=a?dateToISO(a):"";e.valueAsDate=a||null;e.activeDate=a||null;return}if(!e.startAsDate||!e.endAsDate&&a<e.startAsDate){if(e.startAsDate){e.setEndDate(new Date(e.startAsDate))}if(e.activeRange=="end"){e.setEndDate(a)}else{e.setStartDate(a)}}else if(!e.endAsDate){e.setEndDate(a)}else{if(!e.proximitySelectionDisabled){if(e.activeRange){if(e.activeRange=="end"){e.setEndDate(a)}else{e.setStartDate(a)}}else{var r=getDaysDiff(a,e.startAsDate);var i=getDaysDiff(a,e.endAsDate);if(i===0||r<0){e.setStartDate(a)}else if(r===0||i<0){e.setEndDate(a)}else if(r<i){e.setStartDate(a)}else{e.setEndDate(a)}}}else{e.setStartDate(a);e.endAsDate=e.activeEndDate=e.end=undefined}}}}t.prototype.handleValueAsDate=function(t){if(!Array.isArray(t)&&t&&t!==this.activeDate){this.activeDate=t;this.calciteDatePickerChange.emit(t)}};t.prototype.handleRangeChange=function(){var t=this,e=t.startAsDate,a=t.endAsDate;this.activeEndDate=a;this.activeStartDate=e};t.prototype.onMinChanged=function(t){this.minAsDate=dateFromISO(t)};t.prototype.onMaxChanged=function(t){this.maxAsDate=dateFromISO(t)};t.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return dateFromISO(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=dateFromISO(this.value)}if(this.start){this.setStartAsDate(dateFromISO(this.start))}if(this.end){this.setEndAsDate(dateFromISO(this.end))}if(this.min){this.minAsDate=dateFromISO(this.min)}if(this.max){this.maxAsDate=dateFromISO(this.max)}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};t.prototype.render=function(){var t;var e=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var a=this.range?this.getActiveStartDate(e,this.minAsDate,this.maxAsDate):this.getActiveDate(e,this.minAsDate,this.maxAsDate);var r=a;var i=this.range?dateFromRange(this.endAsDate,this.minAsDate,this.maxAsDate):null;var n=this.getActiveEndDate(i,this.minAsDate,this.maxAsDate);if((this.activeRange==="end"||((t=this.hoverRange)===null||t===void 0?void 0:t.focused)==="end"&&(!this.proximitySelectionDisabled||i))&&n){r=n}if(this.range&&this.mostRecentRangeValue){r=this.mostRecentRangeValue}var o=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:e||this.minAsDate:this.minAsDate;var s=this.range&&this.activeRange?this.activeRange==="start"?i||this.maxAsDate:this.maxAsDate:this.maxAsDate;return h(Host,{onBlur:this.reset,onKeyUp:this.keyUpHandler,role:"application"},this.renderCalendar(r,s,o,e,i))};t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return dateFromISO(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=dateFromISO(t);this.start="";this.end=""}};t.prototype.startWatcher=function(t){this.setStartAsDate(dateFromISO(t))};t.prototype.endWatcher=function(t){this.setEndAsDate(dateFromISO(t))};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,getLocaleData(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.renderCalendar=function(t,e,a,r,i){return this.localeData&&[h("calcite-date-picker-month-header",{activeDate:t,headingLevel:this.headingLevel||HEADING_LEVEL,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,localeData:this.localeData,max:e,min:a,onCalciteDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:this.activeRange==="end"?i:r||new Date}),h("calcite-date-picker-month",{activeDate:t,endDate:this.range?i:undefined,hoverRange:this.hoverRange,localeData:this.localeData,max:e,min:a,onCalciteDatePickerActiveDateChange:this.monthActiveDateChange,onCalciteDatePickerHover:this.monthHoverChange,onCalciteDatePickerMouseOut:this.monthMouseOutChange,onCalciteDatePickerSelect:this.monthDateChange,scale:this.scale,selectedDate:this.activeRange==="end"?i:r,startDate:this.range?r:undefined})]};t.prototype.setStartAsDate=function(t,e){this.startAsDate=t;this.mostRecentRangeValue=this.startAsDate;if(e){this.calciteDatePickerRangeChange.emit({startDate:t,endDate:this.endAsDate})}};t.prototype.setEndAsDate=function(t,e){this.endAsDate=t;this.mostRecentRangeValue=this.endAsDate;if(e){this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:t})}};t.prototype.setEndDate=function(t){this.end=t?dateToISO(t):"";this.setEndAsDate(t,true);this.activeEndDate=t||null};t.prototype.setStartDate=function(t){this.start=t?dateToISO(t):"";this.setStartAsDate(t,true);this.activeStartDate=t||null};t.prototype.getActiveDate=function(t,e,a){return dateFromRange(this.activeDate,e,a)||t||dateFromRange(new Date,e,a)};t.prototype.getActiveStartDate=function(t,e,a){return dateFromRange(this.activeStartDate,e,a)||t||dateFromRange(new Date,e,a)};t.prototype.getActiveEndDate=function(t,e,a){return dateFromRange(this.activeEndDate,e,a)||t||dateFromRange(new Date,e,a)};Object.defineProperty(t,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{valueAsDate:["handleValueAsDate"],startAsDate:["handleRangeChange"],endAsDate:["handleRangeChange"],min:["onMinChanged"],max:["onMaxChanged"],value:["valueHandler"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}();CalciteDatePicker.style=calciteDatePickerCss;var calciteDatePickerDayCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;min-width:0px;cursor:pointer;-ms-flex-pack:center;justify-content:center;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;width:14.2857142857%}.day-v-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}.day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.day{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;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}.text{margin-top:1px;margin-right:0px;margin-bottom:0px;margin-left:1px}:host([scale=s]) .day-v-wrapper{padding-top:0.125rem;padding-bottom:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}: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.25}: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-brand);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-ui-brand) !important;color:var(--calcite-ui-foreground-1) !important;z-index:1}: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,:host([end-of-range]) .calcite--rtl .day-wrapper{-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]) :not(.calcite--rtl) .day,:host([end-of-range]) .calcite--rtl .day{opacity:1}:host([start-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([end-of-range]:not(:focus)) .calcite--rtl .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([end-of-range]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range]) .calcite--rtl .day-wrapper{-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]) :not(.calcite--rtl) .day,:host([start-of-range]) .calcite--rtl .day{opacity:1}:host([end-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([start-of-range]:not(:focus)) .calcite--rtl .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range][scale=l]) .calcite--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([start-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range][scale=l]) .calcite--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:0px;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([end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range][range-hover]) .calcite--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:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);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]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range][range-hover]) .calcite--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:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);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:-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-1)), to(var(--calcite-ui-foreground-1)));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;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);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:-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-1)), to(var(--calcite-ui-foreground-1)));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;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);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--end) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-current)), to(var(--calcite-ui-foreground-current)));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) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end) .calcite--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))}:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-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:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-1)), color-stop(var(--calcite-ui-foreground-1)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));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;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-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:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-1)), to(var(--calcite-ui-foreground-1)));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;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-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]:last-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:first-child) .calcite--rtl .day-wrapper,:host([range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:last-child) .calcite--rtl .day-wrapper,:host([range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=l][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted]:first-child) .day-wrapper,:host([range-hover]:first-child) .day-wrapper{border-start-start-radius:45%;border-end-start-radius:45%}:host([highlighted]:last-child) .day-wrapper,:host([range-hover]:last-child) .day-wrapper{border-start-end-radius:45%;border-end-end-radius:45%}:host([scale=l][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1)}";var CalciteDatePickerDay=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDaySelect=createEvent(this,"calciteDaySelect",7);this.calciteDayHover=createEvent(this,"calciteDayHover",7);this.disabled=false;this.currentMonth=false;this.selected=false;this.highlighted=false;this.range=false;this.startOfRange=false;this.endOfRange=false;this.rangeHover=false;this.active=false;this.onClick=function(){!e.disabled&&e.calciteDaySelect.emit()};this.keyDownHandler=function(t){var a=t.key;if(a===" "||a==="Enter"){!e.disabled&&e.calciteDaySelect.emit()}}}t.prototype.mouseoverHandler=function(){this.calciteDayHover.emit({disabled:this.disabled})};t.prototype.render=function(){var t;var e=this;var a=String(this.day).split("").map((function(t){return e.localeData.numerals[t]})).join("");var r=getElementDir(this.el);return h(Host,{onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"gridcell",tabindex:this.active?0:-1},h("div",{class:(t={"day-v-wrapper":true},t[CSS_UTILITY.rtl]=r==="rtl",t)},h("div",{class:"day-wrapper"},h("span",{class:"day"},h("span",{class:"text"},a)))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteDatePickerDay.style=calciteDatePickerDayCss;var calciteDatePickerMonthCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.calender{margin-bottom:0.25rem}.week-headers{display:-ms-flexbox;display:flex;border-width:0px;border-top-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}.week-header{text-align:center;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-3);width:14.2857142857%}:host([scale=s]) .week-header{padding-left:0px;padding-right:0px;padding-top:0.5rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) .week-header{padding-left:0px;padding-right:0px;padding-top:0.75rem;padding-bottom:1rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]) .week-header{padding-left:0px;padding-right:0px;padding-top:1rem;padding-bottom:1.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}.week-days{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-top:0px;padding-bottom:0px;outline:2px solid transparent;outline-offset:2px;padding-left:6px;padding-right:6px}";var CalciteDatePickerMonth=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerSelect=createEvent(this,"calciteDatePickerSelect",7);this.calciteDatePickerHover=createEvent(this,"calciteDatePickerHover",7);this.calciteDatePickerActiveDateChange=createEvent(this,"calciteDatePickerActiveDateChange",7);this.calciteDatePickerMouseOut=createEvent(this,"calciteDatePickerMouseOut",7);this.activeDate=new Date;this.keyDownHandler=function(t){var a=e.el.dir==="rtl";switch(t.key){case"ArrowUp":t.preventDefault();e.addDays(-7);break;case"ArrowRight":t.preventDefault();e.addDays(a?-1:1);break;case"ArrowDown":t.preventDefault();e.addDays(7);break;case"ArrowLeft":t.preventDefault();e.addDays(a?1:-1);break;case"PageUp":t.preventDefault();e.addMonths(-1);break;case"PageDown":t.preventDefault();e.addMonths(1);break;case"Home":t.preventDefault();e.activeDate.setDate(1);e.addDays();break;case"End":t.preventDefault();e.activeDate.setDate(new Date(e.activeDate.getFullYear(),e.activeDate.getMonth()+1,0).getDate());e.addDays();break;case"Enter":case" ":t.preventDefault();break;case"Tab":e.activeFocus=false}};this.disableActiveFocus=function(){e.activeFocus=false};this.dayHover=function(t){var a=t.target;if(t.detail.disabled){e.calciteDatePickerMouseOut.emit()}else{e.calciteDatePickerHover.emit(a.value)}};this.daySelect=function(t){var a=t.target;e.calciteDatePickerSelect.emit(a.value)}}t.prototype.mouseoutHandler=function(){this.calciteDatePickerMouseOut.emit()};t.prototype.render=function(){var t=this;var e=this.activeDate.getMonth();var a=this.activeDate.getFullYear();var r=this.localeData.weekStart%7;var i=this.localeData.days,n=i.abbreviated,o=i.short,s=i.narrow;var c=this.scale==="s"?s||o||n:o||n||s;var l=__spreadArray(__spreadArray([],c.slice(r,7)),c.slice(0,r));var d=this.getCurrentMonthDays(e,a);var u=this.getPrevMonthdays(e,a,r);var f=this.getNextMonthDays(e,a,r);var p=__spreadArray(__spreadArray(__spreadArray([],u.map((function(r){var i=new Date(a,e-1,r);return t.renderDateDay(false,r,i)}))),d.map((function(r){var i=new Date(a,e,r);var n=sameDate(i,t.activeDate);return t.renderDateDay(n,r,i,true,true)}))),f.map((function(r){var i=new Date(a,e+1,r);return t.renderDateDay(false,r,i)})));var g=[];for(var m=0;m<p.length;m+=7){g.push(p.slice(m,m+7))}return h(Host,{onFocusOut:this.disableActiveFocus,onKeyDown:this.keyDownHandler},h("div",{class:"calender",role:"grid"},h("div",{class:"week-headers",role:"row"},l.map((function(t){return h("span",{class:"week-header",role:"columnheader"},t)}))),g.map((function(t){return h("div",{class:"week-days",role:"row"},t)}))))};t.prototype.addMonths=function(t){var e=new Date(this.activeDate);e.setMonth(this.activeDate.getMonth()+t);this.calciteDatePickerActiveDateChange.emit(dateFromRange(e,this.min,this.max));this.activeFocus=true};t.prototype.addDays=function(t){if(t===void 0){t=0}var e=new Date(this.activeDate);e.setDate(this.activeDate.getDate()+t);this.calciteDatePickerActiveDateChange.emit(dateFromRange(e,this.min,this.max));this.activeFocus=true};t.prototype.getPrevMonthdays=function(t,e,a){var r=new Date(e,t,0);var i=r.getDate();var n=r.getDay();var o=[];if(n-6===a){return o}for(var s=r.getDay();s>=a;s--){o.push(i-s)}return o};t.prototype.getCurrentMonthDays=function(t,e){var a=new Date(e,t+1,0).getDate();var r=[];for(var i=0;i<a;i++){r.push(i+1)}return r};t.prototype.getNextMonthDays=function(t,e,a){var r=new Date(e,t+1,0).getDay();var i=[];if(r===(a+6)%7){return i}for(var n=0;n<(6-(r-a))%7;n++){i.push(n+1)}return i};t.prototype.betweenSelectedRange=function(t){return!!(this.startDate&&this.endDate&&t>this.startDate&&t<this.endDate&&!this.isRangeHover(t))};t.prototype.isSelected=function(t){return!!(sameDate(t,this.selectedDate)||this.startDate&&sameDate(t,this.startDate)||this.endDate&&sameDate(t,this.endDate))};t.prototype.isStartOfRange=function(t){return!!(this.startDate&&!sameDate(this.startDate,this.endDate)&&sameDate(this.startDate,t)&&!this.isEndOfRange(t))};t.prototype.isEndOfRange=function(t){return!!(this.endDate&&!sameDate(this.startDate,this.endDate)&&sameDate(this.endDate,t)||!this.endDate&&this.hoverRange&&sameDate(this.startDate,this.hoverRange.end)&&sameDate(t,this.hoverRange.end))};t.prototype.renderDateDay=function(t,e,a,r,i){var n=this;var o;var s=this.isFocusedOnStart();var c=this.isHoverInRange()||!this.endDate&&this.hoverRange&&sameDate((o=this.hoverRange)===null||o===void 0?void 0:o.end,this.startDate);return h("calcite-date-picker-day",{active:t,class:{"hover--inside-range":this.startDate&&c,"hover--outside-range":this.startDate&&!c,"focused--start":s,"focused--end":!s},currentMonth:r,day:e,disabled:!inRange(a,this.min,this.max),endOfRange:this.isEndOfRange(a),highlighted:this.betweenSelectedRange(a),key:a.toDateString(),localeData:this.localeData,onCalciteDayHover:this.dayHover,onCalciteDaySelect:this.daySelect,range:!!this.startDate&&!!this.endDate&&!sameDate(this.startDate,this.endDate),rangeHover:this.isRangeHover(a),ref:function(e){if(i&&t&&n.activeFocus){e===null||e===void 0?void 0:e.focus()}},scale:this.scale,selected:this.isSelected(a),startOfRange:this.isStartOfRange(a),value:a})};t.prototype.isFocusedOnStart=function(){var t;return((t=this.hoverRange)===null||t===void 0?void 0:t.focused)==="start"};t.prototype.isHoverInRange=function(){if(!this.hoverRange){return false}var t=this.hoverRange,e=t.start,a=t.end;return!!(!this.isFocusedOnStart()&&this.startDate&&(!this.endDate||a<this.endDate)||this.isFocusedOnStart()&&this.startDate&&e>this.startDate)};t.prototype.isRangeHover=function(t){if(!this.hoverRange){return false}var e=this.hoverRange,a=e.start,r=e.end;var i=this.isFocusedOnStart();var n=this.isHoverInRange();var o=n&&(!i&&t>this.startDate&&(t<r||sameDate(t,r))||i&&t<this.endDate&&(t>a||sameDate(t,a)));var s=!n&&(!i&&t>=this.endDate&&(t<r||sameDate(t,r))||i&&(t<this.startDate||this.endDate&&sameDate(t,this.startDate))&&(t>a||sameDate(t,a)));return o||s};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteDatePickerMonth.style=calciteDatePickerMonthCss;var calciteDatePickerMonthHeaderCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([scale=s]) .text{margin-top:0.5rem;margin-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{height:2.25rem}:host([scale=m]) .text{margin-top:0.75rem;margin-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{height:3rem}:host([scale=l]) .text{margin-top:1rem;margin-bottom:1rem;font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{height:3.5rem}.chevron{margin-left:-0.25rem;margin-right:-0.25rem;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-left:0.25rem;padding-right:0.25rem;color:var(--calcite-ui-text-3);outline:2px solid transparent;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);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;width:14.2857142857%}.chevron:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.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-top:auto;margin-bottom:auto;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;line-height:1}.text-nreverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.month,.year,.suffix{margin-left:0.25rem;margin-right:0.25rem;margin-top:auto;margin-bottom: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;width:3rem;border-style:none;background-color:transparent;text-align:center;font-family:inherit;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;z-index:2}.year:hover{-webkit-transition-duration:100ms;transition-duration:100ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:outline-color;transition-property:outline-color;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.year--suffix{width:4rem;text-align:left}.year-wrap{position:relative}.suffix{position:absolute;top:0px;left:0px;width:4rem;white-space:nowrap;text-align:left}.suffix__invisible{visibility:hidden}";var CalciteDatePickerMonthHeader=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerSelect=createEvent(this,"calciteDatePickerSelect",7);this.onYearKey=function(t){var a=t.target.value;switch(t.key){case"ArrowDown":t.preventDefault();e.setYear(a,-1);break;case"ArrowUp":t.preventDefault();e.setYear(a,1);break}};this.yearChanged=function(t){e.setYear(t.target.value)};this.prevMonthClick=function(t){e.handleArrowClick(t,e.prevMonthDate)};this.prevMonthKeydown=function(t){var a=t.key;if(a===" "||a==="Enter"){e.prevMonthClick(t)}};this.nextMonthClick=function(t){e.handleArrowClick(t,e.nextMonthDate)};this.nextMonthKeydown=function(t){var a=t.key;if(a===" "||a==="Enter"){e.nextMonthClick(t)}};this.handleArrowClick=function(t,a){t===null||t===void 0?void 0:t.preventDefault();t.stopPropagation();e.calciteDatePickerSelect.emit(a)}}t.prototype.connectedCallback=function(){this.setNextPrevMonthDates()};t.prototype.render=function(){return h("div",{class:"header"},this.renderContent())};t.prototype.renderContent=function(){var t=this;var e;if(!this.activeDate||!this.localeData){return null}var a=this.activeDate.getMonth();var r=this.localeData,i=r.months,n=r.unitOrder;var o=(i.wide||i.narrow||i.abbreviated)[a];var s=localizeNumber(this.activeDate.getFullYear(),this.localeData);var c=this.scale==="l"?"m":"s";var l=getOrder(n);var d=l.indexOf("y")<l.indexOf("m");var u=(e=this.localeData.year)===null||e===void 0?void 0:e.suffix;return h(Fragment,null,h("a",{"aria-disabled":(this.prevMonthDate.getMonth()===a).toString(),"aria-label":this.intlPrevMonth,class:"chevron",href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===a?-1:0},h("calcite-icon",{"flip-rtl":true,icon:"chevron-left",scale:c})),h("div",{class:{text:true,"text--reverse":d}},h(CalciteHeading,{class:"month",level:this.headingLevel},o),h("span",{class:"year-wrap"},h("input",{"aria-label":this.intlYear,class:{year:true,"year--suffix":!!u},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.yearChanged,onKeyDown:this.onYearKey,pattern:"\\d*",ref:function(e){return t.yearInput=e},type:"text",value:s}),u&&h("span",{class:"suffix"},h("span",{"aria-hidden":"true",class:"suffix__invisible"},s)," "+u))),h("a",{"aria-disabled":(this.nextMonthDate.getMonth()===a).toString(),"aria-label":this.intlNextMonth,class:"chevron",href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===a?-1:0},h("calcite-icon",{"flip-rtl":true,icon:"chevron-right",scale:c})))};t.prototype.setNextPrevMonthDates=function(){if(!this.activeDate){return}this.nextMonthDate=dateFromRange(nextMonth(this.activeDate),this.min,this.max);this.prevMonthDate=dateFromRange(prevMonth(this.activeDate),this.min,this.max)};t.prototype.setYear=function(t,e){if(e===void 0){e=0}var a=this,r=a.min,i=a.max,n=a.activeDate,o=a.localeData,s=a.yearInput;var c=parseNumber(t,o);var l=c.toString().length;var d=isNaN(c)?false:c+e;var h=d&&(!r||r.getFullYear()<=d)&&(!i||i.getFullYear()>=d);if(d&&h&&l===t.length){var u=new Date(n);u.setFullYear(d);var f=dateFromRange(u,r,i);this.calciteDatePickerSelect.emit(f);s.value=localizeNumber(f.getFullYear(),o)}else{s.value=localizeNumber(n.getFullYear(),o)}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}},enumerable:false,configurable:true});return t}();CalciteDatePickerMonthHeader.style=calciteDatePickerMonthHeaderCss;export{CalciteDatePicker as calcite_date_picker,CalciteDatePickerDay as calcite_date_picker_day,CalciteDatePickerMonth as calcite_date_picker_month,CalciteDatePickerMonthHeader as calcite_date_picker_month_header};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,F as Fragment}from"./index-9de00868.js";import{T as TEXT,c as getDaysDiff,d as dateToISO,a as dateFromISO,b as dateFromRange,g as getLocaleData,H as HEADING_LEVEL,s as sameDate,i as inRange,l as localizeNumber,e as getOrder,n as nextMonth,f as prevMonth,h as parseNumber}from"./resources-90193940.js";import{a as getElementDir,C as CSS_UTILITY}from"./dom-e55f9eaf.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";import"./locale-fc850b7c.js";import"./number-8779395f.js";import"./guid-196bd5ea.js";var calciteDatePickerCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-width:216px}:host([scale=m]){max-width:286px}:host([scale=l]){max-width:398px}";var CalciteDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerChange=createEvent(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=createEvent(this,"calciteDatePickerRangeChange",7);this.intlPrevMonth=TEXT.prevMonth;this.intlNextMonth=TEXT.nextMonth;this.intlYear=TEXT.year;this.locale=document.documentElement.lang||"en";this.scale="m";this.range=false;this.proximitySelectionDisabled=false;this.keyUpHandler=function(t){if(t.key==="Escape"){e.reset()}};this.monthHeaderSelectChange=function(t){var a=new Date(t.detail);if(!e.range){e.activeDate=a}else{if(e.activeRange==="end"){e.activeEndDate=a}else{e.activeStartDate=a}e.mostRecentRangeValue=a}};this.monthActiveDateChange=function(t){var a=new Date(t.detail);if(!e.range){e.activeDate=a}else{if(e.activeRange==="end"){e.activeEndDate=a}else{e.activeStartDate=a}e.mostRecentRangeValue=a}};this.monthHoverChange=function(t){if(!e.startAsDate){e.hoverRange=undefined;return}var a=new Date(t.detail);e.hoverRange={focused:e.activeRange||"start",start:e.startAsDate,end:e.endAsDate};if(!e.proximitySelectionDisabled){if(e.endAsDate){var r=getDaysDiff(a,e.startAsDate);var i=getDaysDiff(a,e.endAsDate);if(i>0){e.hoverRange.end=a;e.hoverRange.focused="end"}else if(r<0){e.hoverRange.start=a;e.hoverRange.focused="start"}else if(r>i){e.hoverRange.start=a;e.hoverRange.focused="start"}else{e.hoverRange.end=a;e.hoverRange.focused="end"}}else{if(a<e.startAsDate){e.hoverRange={focused:"start",start:a,end:e.startAsDate}}else{e.hoverRange.end=a;e.hoverRange.focused="end"}}}else{if(!e.endAsDate){if(a<e.startAsDate){e.hoverRange={focused:"start",start:a,end:e.startAsDate}}else{e.hoverRange.end=a;e.hoverRange.focused="end"}}else{e.hoverRange=undefined}}};this.monthMouseOutChange=function(){if(e.hoverRange){e.hoverRange=undefined}};this.reset=function(){var t,a,r,i,n,o;if(!Array.isArray(e.valueAsDate)&&e.valueAsDate&&((t=e.valueAsDate)===null||t===void 0?void 0:t.getTime())!==((a=e.activeDate)===null||a===void 0?void 0:a.getTime())){e.activeDate=new Date(e.valueAsDate)}if(e.startAsDate&&((r=e.startAsDate)===null||r===void 0?void 0:r.getTime())!==((i=e.activeStartDate)===null||i===void 0?void 0:i.getTime())){e.activeStartDate=new Date(e.startAsDate)}if(e.endAsDate&&((n=e.endAsDate)===null||n===void 0?void 0:n.getTime())!==((o=e.activeEndDate)===null||o===void 0?void 0:o.getTime())){e.activeEndDate=new Date(e.endAsDate)}};this.monthDateChange=function(t){var a=new Date(t.detail);if(!e.range){e.value=a?dateToISO(a):"";e.valueAsDate=a||null;e.activeDate=a||null;return}if(!e.startAsDate||!e.endAsDate&&a<e.startAsDate){if(e.startAsDate){e.setEndDate(new Date(e.startAsDate))}if(e.activeRange=="end"){e.setEndDate(a)}else{e.setStartDate(a)}}else if(!e.endAsDate){e.setEndDate(a)}else{if(!e.proximitySelectionDisabled){if(e.activeRange){if(e.activeRange=="end"){e.setEndDate(a)}else{e.setStartDate(a)}}else{var r=getDaysDiff(a,e.startAsDate);var i=getDaysDiff(a,e.endAsDate);if(i===0||r<0){e.setStartDate(a)}else if(r===0||i<0){e.setEndDate(a)}else if(r<i){e.setStartDate(a)}else{e.setEndDate(a)}}}else{e.setStartDate(a);e.endAsDate=e.activeEndDate=e.end=undefined}}}}t.prototype.handleValueAsDate=function(t){if(!Array.isArray(t)&&t&&t!==this.activeDate){this.activeDate=t;this.calciteDatePickerChange.emit(t)}};t.prototype.handleRangeChange=function(){var t=this,e=t.startAsDate,a=t.endAsDate;this.activeEndDate=a;this.activeStartDate=e};t.prototype.onMinChanged=function(t){this.minAsDate=dateFromISO(t)};t.prototype.onMaxChanged=function(t){this.maxAsDate=dateFromISO(t)};t.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return dateFromISO(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=dateFromISO(this.value)}if(this.start){this.setStartAsDate(dateFromISO(this.start))}if(this.end){this.setEndAsDate(dateFromISO(this.end))}if(this.min){this.minAsDate=dateFromISO(this.min)}if(this.max){this.maxAsDate=dateFromISO(this.max)}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};t.prototype.render=function(){var t;var e=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var a=this.range?this.getActiveStartDate(e,this.minAsDate,this.maxAsDate):this.getActiveDate(e,this.minAsDate,this.maxAsDate);var r=a;var i=this.range?dateFromRange(this.endAsDate,this.minAsDate,this.maxAsDate):null;var n=this.getActiveEndDate(i,this.minAsDate,this.maxAsDate);if((this.activeRange==="end"||((t=this.hoverRange)===null||t===void 0?void 0:t.focused)==="end"&&(!this.proximitySelectionDisabled||i))&&n){r=n}if(this.range&&this.mostRecentRangeValue){r=this.mostRecentRangeValue}var o=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:e||this.minAsDate:this.minAsDate;var s=this.range&&this.activeRange?this.activeRange==="start"?i||this.maxAsDate:this.maxAsDate:this.maxAsDate;return h(Host,{onBlur:this.reset,onKeyUp:this.keyUpHandler,role:"application"},this.renderCalendar(r,s,o,e,i))};t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return dateFromISO(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=dateFromISO(t);this.start="";this.end=""}};t.prototype.startWatcher=function(t){this.setStartAsDate(dateFromISO(t))};t.prototype.endWatcher=function(t){this.setEndAsDate(dateFromISO(t))};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,getLocaleData(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.renderCalendar=function(t,e,a,r,i){return this.localeData&&[h("calcite-date-picker-month-header",{activeDate:t,headingLevel:this.headingLevel||HEADING_LEVEL,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,localeData:this.localeData,max:e,min:a,onCalciteDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:this.activeRange==="end"?i:r||new Date}),h("calcite-date-picker-month",{activeDate:t,endDate:this.range?i:undefined,hoverRange:this.hoverRange,localeData:this.localeData,max:e,min:a,onCalciteDatePickerActiveDateChange:this.monthActiveDateChange,onCalciteDatePickerHover:this.monthHoverChange,onCalciteDatePickerMouseOut:this.monthMouseOutChange,onCalciteDatePickerSelect:this.monthDateChange,scale:this.scale,selectedDate:this.activeRange==="end"?i:r,startDate:this.range?r:undefined})]};t.prototype.setStartAsDate=function(t,e){this.startAsDate=t;this.mostRecentRangeValue=this.startAsDate;if(e){this.calciteDatePickerRangeChange.emit({startDate:t,endDate:this.endAsDate})}};t.prototype.setEndAsDate=function(t,e){this.endAsDate=t;this.mostRecentRangeValue=this.endAsDate;if(e){this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:t})}};t.prototype.setEndDate=function(t){this.end=t?dateToISO(t):"";this.setEndAsDate(t,true);this.activeEndDate=t||null};t.prototype.setStartDate=function(t){this.start=t?dateToISO(t):"";this.setStartAsDate(t,true);this.activeStartDate=t||null};t.prototype.getActiveDate=function(t,e,a){return dateFromRange(this.activeDate,e,a)||t||dateFromRange(new Date,e,a)};t.prototype.getActiveStartDate=function(t,e,a){return dateFromRange(this.activeStartDate,e,a)||t||dateFromRange(new Date,e,a)};t.prototype.getActiveEndDate=function(t,e,a){return dateFromRange(this.activeEndDate,e,a)||t||dateFromRange(new Date,e,a)};Object.defineProperty(t,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{valueAsDate:["handleValueAsDate"],startAsDate:["handleRangeChange"],endAsDate:["handleRangeChange"],min:["onMinChanged"],max:["onMaxChanged"],value:["valueHandler"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}();CalciteDatePicker.style=calciteDatePickerCss;var calciteDatePickerDayCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;min-width:0px;cursor:pointer;-ms-flex-pack:center;justify-content:center;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;width:14.2857142857%}.day-v-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}.day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.day{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;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}.text{margin-top:1px;margin-right:0px;margin-bottom:0px;margin-left:1px}:host([scale=s]) .day-v-wrapper{padding-top:0.125rem;padding-bottom:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}: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.25}: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-brand);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-ui-brand) !important;color:var(--calcite-ui-foreground-1) !important;z-index:1}: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,:host([end-of-range]) .calcite--rtl .day-wrapper{-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]) :not(.calcite--rtl) .day,:host([end-of-range]) .calcite--rtl .day{opacity:1}:host([start-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([end-of-range]:not(:focus)) .calcite--rtl .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([end-of-range]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range]) .calcite--rtl .day-wrapper{-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]) :not(.calcite--rtl) .day,:host([start-of-range]) .calcite--rtl .day{opacity:1}:host([end-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([start-of-range]:not(:focus)) .calcite--rtl .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range][scale=l]) .calcite--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([start-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range][scale=l]) .calcite--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:0px;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([end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range][range-hover]) .calcite--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:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);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]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range][range-hover]) .calcite--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:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);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:-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-1)), to(var(--calcite-ui-foreground-1)));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;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);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:-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-1)), to(var(--calcite-ui-foreground-1)));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;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);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--end) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-current)), to(var(--calcite-ui-foreground-current)));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) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end) .calcite--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))}:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-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:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-1)), color-stop(var(--calcite-ui-foreground-1)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));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;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-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:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-1)), to(var(--calcite-ui-foreground-1)));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;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-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]:last-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:first-child) .calcite--rtl .day-wrapper,:host([range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:last-child) .calcite--rtl .day-wrapper,:host([range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=l][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted]:first-child) .day-wrapper,:host([range-hover]:first-child) .day-wrapper{border-start-start-radius:45%;border-end-start-radius:45%}:host([highlighted]:last-child) .day-wrapper,:host([range-hover]:last-child) .day-wrapper{border-start-end-radius:45%;border-end-end-radius:45%}:host([scale=l][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1)}";var CalciteDatePickerDay=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDaySelect=createEvent(this,"calciteDaySelect",7);this.calciteDayHover=createEvent(this,"calciteDayHover",7);this.disabled=false;this.currentMonth=false;this.selected=false;this.highlighted=false;this.range=false;this.startOfRange=false;this.endOfRange=false;this.rangeHover=false;this.active=false;this.onClick=function(){!e.disabled&&e.calciteDaySelect.emit()};this.keyDownHandler=function(t){var a=t.key;if(a===" "||a==="Enter"){!e.disabled&&e.calciteDaySelect.emit()}}}t.prototype.mouseoverHandler=function(){this.calciteDayHover.emit({disabled:this.disabled})};t.prototype.render=function(){var t;var e=this;var a=String(this.day).split("").map((function(t){return e.localeData.numerals[t]})).join("");var r=getElementDir(this.el);return h(Host,{onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"gridcell",tabindex:this.active?0:-1},h("div",{class:(t={"day-v-wrapper":true},t[CSS_UTILITY.rtl]=r==="rtl",t)},h("div",{class:"day-wrapper"},h("span",{class:"day"},h("span",{class:"text"},a)))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteDatePickerDay.style=calciteDatePickerDayCss;var calciteDatePickerMonthCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.calender{margin-bottom:0.25rem}.week-headers{display:-ms-flexbox;display:flex;border-width:0px;border-top-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}.week-header{text-align:center;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-3);width:14.2857142857%}:host([scale=s]) .week-header{padding-left:0px;padding-right:0px;padding-top:0.5rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) .week-header{padding-left:0px;padding-right:0px;padding-top:0.75rem;padding-bottom:1rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]) .week-header{padding-left:0px;padding-right:0px;padding-top:1rem;padding-bottom:1.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}.week-days{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-top:0px;padding-bottom:0px;outline:2px solid transparent;outline-offset:2px;padding-left:6px;padding-right:6px}";var CalciteDatePickerMonth=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerSelect=createEvent(this,"calciteDatePickerSelect",7);this.calciteDatePickerHover=createEvent(this,"calciteDatePickerHover",7);this.calciteDatePickerActiveDateChange=createEvent(this,"calciteDatePickerActiveDateChange",7);this.calciteDatePickerMouseOut=createEvent(this,"calciteDatePickerMouseOut",7);this.activeDate=new Date;this.keyDownHandler=function(t){var a=e.el.dir==="rtl";switch(t.key){case"ArrowUp":t.preventDefault();e.addDays(-7);break;case"ArrowRight":t.preventDefault();e.addDays(a?-1:1);break;case"ArrowDown":t.preventDefault();e.addDays(7);break;case"ArrowLeft":t.preventDefault();e.addDays(a?1:-1);break;case"PageUp":t.preventDefault();e.addMonths(-1);break;case"PageDown":t.preventDefault();e.addMonths(1);break;case"Home":t.preventDefault();e.activeDate.setDate(1);e.addDays();break;case"End":t.preventDefault();e.activeDate.setDate(new Date(e.activeDate.getFullYear(),e.activeDate.getMonth()+1,0).getDate());e.addDays();break;case"Enter":case" ":t.preventDefault();break;case"Tab":e.activeFocus=false}};this.disableActiveFocus=function(){e.activeFocus=false};this.dayHover=function(t){var a=t.target;if(t.detail.disabled){e.calciteDatePickerMouseOut.emit()}else{e.calciteDatePickerHover.emit(a.value)}};this.daySelect=function(t){var a=t.target;e.calciteDatePickerSelect.emit(a.value)}}t.prototype.mouseoutHandler=function(){this.calciteDatePickerMouseOut.emit()};t.prototype.render=function(){var t=this;var e=this.activeDate.getMonth();var a=this.activeDate.getFullYear();var r=this.localeData.weekStart%7;var i=this.localeData.days,n=i.abbreviated,o=i.short,s=i.narrow;var c=this.scale==="s"?s||o||n:o||n||s;var l=__spreadArray(__spreadArray([],c.slice(r,7)),c.slice(0,r));var d=this.getCurrentMonthDays(e,a);var u=this.getPrevMonthdays(e,a,r);var f=this.getNextMonthDays(e,a,r);var p=__spreadArray(__spreadArray(__spreadArray([],u.map((function(r){var i=new Date(a,e-1,r);return t.renderDateDay(false,r,i)}))),d.map((function(r){var i=new Date(a,e,r);var n=sameDate(i,t.activeDate);return t.renderDateDay(n,r,i,true,true)}))),f.map((function(r){var i=new Date(a,e+1,r);return t.renderDateDay(false,r,i)})));var g=[];for(var m=0;m<p.length;m+=7){g.push(p.slice(m,m+7))}return h(Host,{onFocusOut:this.disableActiveFocus,onKeyDown:this.keyDownHandler},h("div",{class:"calender",role:"grid"},h("div",{class:"week-headers",role:"row"},l.map((function(t){return h("span",{class:"week-header",role:"columnheader"},t)}))),g.map((function(t){return h("div",{class:"week-days",role:"row"},t)}))))};t.prototype.addMonths=function(t){var e=new Date(this.activeDate);e.setMonth(this.activeDate.getMonth()+t);this.calciteDatePickerActiveDateChange.emit(dateFromRange(e,this.min,this.max));this.activeFocus=true};t.prototype.addDays=function(t){if(t===void 0){t=0}var e=new Date(this.activeDate);e.setDate(this.activeDate.getDate()+t);this.calciteDatePickerActiveDateChange.emit(dateFromRange(e,this.min,this.max));this.activeFocus=true};t.prototype.getPrevMonthdays=function(t,e,a){var r=new Date(e,t,0);var i=r.getDate();var n=r.getDay();var o=[];if(n-6===a){return o}for(var s=r.getDay();s>=a;s--){o.push(i-s)}return o};t.prototype.getCurrentMonthDays=function(t,e){var a=new Date(e,t+1,0).getDate();var r=[];for(var i=0;i<a;i++){r.push(i+1)}return r};t.prototype.getNextMonthDays=function(t,e,a){var r=new Date(e,t+1,0).getDay();var i=[];if(r===(a+6)%7){return i}for(var n=0;n<(6-(r-a))%7;n++){i.push(n+1)}return i};t.prototype.betweenSelectedRange=function(t){return!!(this.startDate&&this.endDate&&t>this.startDate&&t<this.endDate&&!this.isRangeHover(t))};t.prototype.isSelected=function(t){return!!(sameDate(t,this.selectedDate)||this.startDate&&sameDate(t,this.startDate)||this.endDate&&sameDate(t,this.endDate))};t.prototype.isStartOfRange=function(t){return!!(this.startDate&&!sameDate(this.startDate,this.endDate)&&sameDate(this.startDate,t)&&!this.isEndOfRange(t))};t.prototype.isEndOfRange=function(t){return!!(this.endDate&&!sameDate(this.startDate,this.endDate)&&sameDate(this.endDate,t)||!this.endDate&&this.hoverRange&&sameDate(this.startDate,this.hoverRange.end)&&sameDate(t,this.hoverRange.end))};t.prototype.renderDateDay=function(t,e,a,r,i){var n=this;var o;var s=this.isFocusedOnStart();var c=this.isHoverInRange()||!this.endDate&&this.hoverRange&&sameDate((o=this.hoverRange)===null||o===void 0?void 0:o.end,this.startDate);return h("calcite-date-picker-day",{active:t,class:{"hover--inside-range":this.startDate&&c,"hover--outside-range":this.startDate&&!c,"focused--start":s,"focused--end":!s},currentMonth:r,day:e,disabled:!inRange(a,this.min,this.max),endOfRange:this.isEndOfRange(a),highlighted:this.betweenSelectedRange(a),key:a.toDateString(),localeData:this.localeData,onCalciteDayHover:this.dayHover,onCalciteDaySelect:this.daySelect,range:!!this.startDate&&!!this.endDate&&!sameDate(this.startDate,this.endDate),rangeHover:this.isRangeHover(a),ref:function(e){if(i&&t&&n.activeFocus){e===null||e===void 0?void 0:e.focus()}},scale:this.scale,selected:this.isSelected(a),startOfRange:this.isStartOfRange(a),value:a})};t.prototype.isFocusedOnStart=function(){var t;return((t=this.hoverRange)===null||t===void 0?void 0:t.focused)==="start"};t.prototype.isHoverInRange=function(){if(!this.hoverRange){return false}var t=this.hoverRange,e=t.start,a=t.end;return!!(!this.isFocusedOnStart()&&this.startDate&&(!this.endDate||a<this.endDate)||this.isFocusedOnStart()&&this.startDate&&e>this.startDate)};t.prototype.isRangeHover=function(t){if(!this.hoverRange){return false}var e=this.hoverRange,a=e.start,r=e.end;var i=this.isFocusedOnStart();var n=this.isHoverInRange();var o=n&&(!i&&t>this.startDate&&(t<r||sameDate(t,r))||i&&t<this.endDate&&(t>a||sameDate(t,a)));var s=!n&&(!i&&t>=this.endDate&&(t<r||sameDate(t,r))||i&&(t<this.startDate||this.endDate&&sameDate(t,this.startDate))&&(t>a||sameDate(t,a)));return o||s};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteDatePickerMonth.style=calciteDatePickerMonthCss;var calciteDatePickerMonthHeaderCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([scale=s]) .text{margin-top:0.5rem;margin-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{height:2.25rem}:host([scale=m]) .text{margin-top:0.75rem;margin-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{height:3rem}:host([scale=l]) .text{margin-top:1rem;margin-bottom:1rem;font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{height:3.5rem}.chevron{margin-left:-0.25rem;margin-right:-0.25rem;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-left:0.25rem;padding-right:0.25rem;color:var(--calcite-ui-text-3);outline:2px solid transparent;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);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;width:14.2857142857%}.chevron:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.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-top:auto;margin-bottom:auto;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;line-height:1}.text-nreverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.month,.year,.suffix{margin-left:0.25rem;margin-right:0.25rem;margin-top:auto;margin-bottom: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;width:3rem;border-style:none;background-color:transparent;text-align:center;font-family:inherit;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;z-index:2}.year:hover{-webkit-transition-duration:100ms;transition-duration:100ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:outline-color;transition-property:outline-color;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.year--suffix{width:4rem;text-align:left}.year-wrap{position:relative}.suffix{position:absolute;top:0px;left:0px;width:4rem;white-space:nowrap;text-align:left}.suffix__invisible{visibility:hidden}";var CalciteDatePickerMonthHeader=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerSelect=createEvent(this,"calciteDatePickerSelect",7);this.onYearKey=function(t){var a=t.target.value;switch(t.key){case"ArrowDown":t.preventDefault();e.setYear(a,-1);break;case"ArrowUp":t.preventDefault();e.setYear(a,1);break}};this.yearChanged=function(t){e.setYear(t.target.value)};this.prevMonthClick=function(t){e.handleArrowClick(t,e.prevMonthDate)};this.prevMonthKeydown=function(t){var a=t.key;if(a===" "||a==="Enter"){e.prevMonthClick(t)}};this.nextMonthClick=function(t){e.handleArrowClick(t,e.nextMonthDate)};this.nextMonthKeydown=function(t){var a=t.key;if(a===" "||a==="Enter"){e.nextMonthClick(t)}};this.handleArrowClick=function(t,a){t===null||t===void 0?void 0:t.preventDefault();t.stopPropagation();e.calciteDatePickerSelect.emit(a)}}t.prototype.connectedCallback=function(){this.setNextPrevMonthDates()};t.prototype.render=function(){return h("div",{class:"header"},this.renderContent())};t.prototype.renderContent=function(){var t=this;var e;if(!this.activeDate||!this.localeData){return null}var a=this.activeDate.getMonth();var r=this.localeData,i=r.months,n=r.unitOrder;var o=(i.wide||i.narrow||i.abbreviated)[a];var s=localizeNumber(this.activeDate.getFullYear(),this.localeData);var c=this.scale==="l"?"m":"s";var l=getOrder(n);var d=l.indexOf("y")<l.indexOf("m");var u=(e=this.localeData.year)===null||e===void 0?void 0:e.suffix;return h(Fragment,null,h("a",{"aria-disabled":(this.prevMonthDate.getMonth()===a).toString(),"aria-label":this.intlPrevMonth,class:"chevron",href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===a?-1:0},h("calcite-icon",{"flip-rtl":true,icon:"chevron-left",scale:c})),h("div",{class:{text:true,"text--reverse":d}},h(CalciteHeading,{class:"month",level:this.headingLevel},o),h("span",{class:"year-wrap"},h("input",{"aria-label":this.intlYear,class:{year:true,"year--suffix":!!u},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.yearChanged,onKeyDown:this.onYearKey,pattern:"\\d*",ref:function(e){return t.yearInput=e},type:"text",value:s}),u&&h("span",{class:"suffix"},h("span",{"aria-hidden":"true",class:"suffix__invisible"},s)," "+u))),h("a",{"aria-disabled":(this.nextMonthDate.getMonth()===a).toString(),"aria-label":this.intlNextMonth,class:"chevron",href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===a?-1:0},h("calcite-icon",{"flip-rtl":true,icon:"chevron-right",scale:c})))};t.prototype.setNextPrevMonthDates=function(){if(!this.activeDate){return}this.nextMonthDate=dateFromRange(nextMonth(this.activeDate),this.min,this.max);this.prevMonthDate=dateFromRange(prevMonth(this.activeDate),this.min,this.max)};t.prototype.setYear=function(t,e){if(e===void 0){e=0}var a=this,r=a.min,i=a.max,n=a.activeDate,o=a.localeData,s=a.yearInput;var c=parseNumber(t,o);var l=c.toString().length;var d=isNaN(c)?false:c+e;var h=d&&(!r||r.getFullYear()<=d)&&(!i||i.getFullYear()>=d);if(d&&h&&l===t.length){var u=new Date(n);u.setFullYear(d);var f=dateFromRange(u,r,i);this.calciteDatePickerSelect.emit(f);s.value=localizeNumber(f.getFullYear(),o)}else{s.value=localizeNumber(n.getFullYear(),o)}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}},enumerable:false,configurable:true});return t}();CalciteDatePickerMonthHeader.style=calciteDatePickerMonthHeaderCss;export{CalciteDatePicker as calcite_date_picker,CalciteDatePickerDay as calcite_date_picker_day,CalciteDatePickerMonth as calcite_date_picker_month,CalciteDatePickerMonthHeader as calcite_date_picker_month_header};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{f as focusElement,d as getElementProp}from"./dom-e55f9eaf.js";import{C as CSS$2,u as updatePopper,c as createPopper}from"./popper-1814b3c1.js";import{c as createObserver}from"./observers-8f0bc419.js";import"./guid-196bd5ea.js";var DefaultDropdownPlacement="bottom-leading";var SLOTS={dropdownTrigger:"dropdown-trigger"};var calciteDropdownCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.calcite-dropdown-wrapper .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:0.25rem}.calcite-dropdown-wrapper[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{overflow-y:auto;background-color:var(--calcite-ui-foreground-1);overflow:hidden;max-height:90vh;width:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";var CalciteDropdown=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDropdownSelect=createEvent(this,"calciteDropdownSelect",7);this.calciteDropdownOpen=createEvent(this,"calciteDropdownOpen",7);this.calciteDropdownClose=createEvent(this,"calciteDropdownClose",7);this.active=false;this.disableCloseOnSelect=false;this.disabled=false;this.maxItems=0;this.overlayPositioning="absolute";this.placement=DefaultDropdownPlacement;this.scale="m";this.selectedItems=[];this.type="click";this.width="m";this.items=[];this.activeTransitionProp="visibility";this.mutationObserver=createObserver("mutation",(function(){return e.updateItems()}));this.updateItems=function(){e.updateSelectedItems();e.triggers=Array.from(e.el.querySelectorAll("[slot=dropdown-trigger]"));e.items=Array.from(e.el.querySelectorAll("calcite-dropdown-item"));e.reposition()};this.setMaxScrollerHeight=function(){var t=e.scrollerEl;if(t){var i=e.getMaxScrollerHeight();t.style.maxHeight=i>0?i+"px":""}};this.setScrollerEl=function(t){e.scrollerEl=t};this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp){e.active?e.calciteDropdownOpen.emit():e.calciteDropdownClose.emit()}};this.setReferenceEl=function(t){e.referenceEl=t};this.setMenuEl=function(t){e.menuEl=t};this.keyDownHandler=function(t){var i=t.target;var n=t.key;if(e.triggers.includes(i)||e.triggers.some((function(t){return t.contains(i)}))){if(i.nodeName!=="BUTTON"&&i.nodeName!=="CALCITE-BUTTON"){switch(n){case" ":case"Enter":e.openCalciteDropdown();break;case"Escape":e.closeCalciteDropdown();break}}else if(e.active&&(n==="Escape"||t.shiftKey&&n==="Tab")){e.closeCalciteDropdown()}}};this.focusOnFirstActiveOrFirstItem=function(){e.getFocusableElement(e.items.find((function(t){return t.active}))||e.items[0])};this.toggleOpenEnd=function(){e.focusOnFirstActiveOrFirstItem();e.el.removeEventListener("calciteDropdownOpen",e.toggleOpenEnd)};this.openCalciteDropdown=function(){e.active=!e.active;if(e.active){e.el.addEventListener("calciteDropdownOpen",e.toggleOpenEnd)}}}t.prototype.activeHandler=function(){this.reposition()};t.prototype.maxItemsHandler=function(){this.reposition()};t.prototype.placementHandler=function(){this.reposition()};t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.createPopper();this.updateItems()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.destroyPopper()};t.prototype.render=function(){var t;var e=this.active;return h(Host,{tabIndex:this.disabled?-1:null},h("div",{class:"calcite-dropdown-trigger-container",onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},h("slot",{"aria-expanded":e.toString(),"aria-haspopup":"true",name:SLOTS.dropdownTrigger})),h("div",{"aria-hidden":(!e).toString(),class:"calcite-dropdown-wrapper",ref:this.setMenuEl},h("div",{class:(t={},t["calcite-dropdown-content"]=true,t[CSS$2.animation]=true,t[CSS$2.animationActive]=e,t),onTransitionEnd:this.transitionEnd,ref:this.setScrollerEl},h("slot",null))))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,a,o;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.popper,i=t.menuEl,n=t.placement;this.setMaxScrollerHeight();a=this.getModifiers();if(!e)return[3,2];return[4,updatePopper({el:i,modifiers:a,placement:n,popper:e})];case 1:o=r.sent();return[3,3];case 2:o=this.createPopper();r.label=3;case 3:o;return[2]}}))}))};t.prototype.closeCalciteDropdownOnClick=function(t){if(!this.active||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown()};t.prototype.closeCalciteDropdownOnEvent=function(){this.closeCalciteDropdown()};t.prototype.closeCalciteDropdownOnOpenEvent=function(t){if(t.composedPath().includes(this.el)){return}this.active=false};t.prototype.mouseEnterHandler=function(){if(this.type==="hover"){this.openCalciteDropdown()}};t.prototype.mouseLeaveHandler=function(){if(this.type==="hover"){this.closeCalciteDropdown()}};t.prototype.calciteDropdownItemKeyEvent=function(t){var e=t.detail.keyboardEvent;var i=e.target;var n=i.nodeName!=="A"?i:i.parentNode;var a=this.itemIndex(n)===0;var o=this.itemIndex(n)===this.items.length-1;switch(e.key){case"Tab":if(o&&!e.shiftKey){this.closeCalciteDropdown()}else if(a&&e.shiftKey){this.closeCalciteDropdown()}else if(e.shiftKey){this.focusPrevItem(n)}else{this.focusNextItem(n)}break;case"ArrowDown":this.focusNextItem(n);break;case"ArrowUp":this.focusPrevItem(n);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}t.stopPropagation()};t.prototype.handleItemSelect=function(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.disableCloseOnSelect||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,i=t.referenceEl,n=t.placement,a=t.overlayPositioning;var o=this.getModifiers();this.popper=createPopper({el:e,modifiers:o,overlayPositioning:a,placement:n,referenceEl:i})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.updateSelectedItems=function(){var t=Array.from(this.el.querySelectorAll("calcite-dropdown-item"));this.selectedItems=t.filter((function(t){return t.active}))};t.prototype.getMaxScrollerHeight=function(){var t=Array.from(this.el.querySelectorAll("calcite-dropdown-group"));var e=this.maxItems;var i=0;var n=0;var a;t.forEach((function(t){if(e>0&&i<e){Array.from(t.children).forEach((function(t,o){if(o===0){if(isNaN(a)){a=t.offsetTop}n+=a}if(i<e){n+=t.offsetHeight;i+=1}}))}}));return n};t.prototype.closeCalciteDropdown=function(){this.active=false;focusElement(this.triggers[0])};t.prototype.focusFirstItem=function(){var t=this.items[0];this.getFocusableElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.getFocusableElement(t)};t.prototype.focusNextItem=function(t){var e=this.itemIndex(t);var i=this.items[e+1]||this.items[0];this.getFocusableElement(i)};t.prototype.focusPrevItem=function(t){var e=this.itemIndex(t);var i=this.items[e-1]||this.items[this.items.length-1];this.getFocusableElement(i)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.getFocusableElement=function(t){if(!t){return}var e=t.attributes.isLink?t.shadowRoot.querySelector("a"):t;focusElement(e)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],maxItems:["maxItemsHandler"],placement:["placementHandler"]}},enumerable:false,configurable:true});return t}();CalciteDropdown.style=calciteDropdownCss;var CSS$1={containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l"};var calciteDropdownGroupCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-bottom:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.dropdown-separator{display:block;height:1px;background-color:var(--calcite-ui-border-3)}";var CalciteDropdownGroup=function(){function t(t){registerInstance(this,t);this.calciteDropdownItemChange=createEvent(this,"calciteDropdownItemChange",7);this.selectionMode="single"}t.prototype.componentWillLoad=function(){this.groupPosition=this.getGroupPosition()};t.prototype.render=function(){var t;var e=this.scale||getElementProp(this.el,"scale","m");var i=this.groupTitle?h("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;var n=this.groupPosition>0?h("div",{class:"dropdown-separator",role:"separator"}):null;return h(Host,{role:"menu"},h("div",{class:(t={container:true},t[CSS$1.containerSmall]=e==="s",t[CSS$1.containerMedium]=e==="m",t[CSS$1.containerLarge]=e==="l",t),title:this.groupTitle},n,i,h("slot",null)))};t.prototype.updateActiveItemOnChange=function(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})};t.prototype.getGroupPosition=function(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteDropdownGroup.style=calciteDropdownGroupCss;var CSS={containerLink:"container--link",containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection"};var calciteDropdownItemCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.container--s{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.container--s.container--none-selection{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--m.container--none-selection{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--l.container--none-selection{-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.dropdown-item-content{-ms-flex:1 1 auto;flex:1 1 auto;-webkit-padding-end:auto;padding-inline-end:auto;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host,.container--link a{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}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0px}.container--link a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([active]) .container:not(.container--none-selection),:host([active]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([active]) .container:not(.container--none-selection):before,:host([active]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([active]) .container:not(.container--none-selection) calcite-icon,:host([active]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(0.9);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{-webkit-margin-start:1rem;margin-inline-start:1rem}";var CalciteDropdownItem=function(){function t(t){registerInstance(this,t);this.calciteDropdownItemSelect=createEvent(this,"calciteDropdownItemSelect",7);this.calciteDropdownItemKeyEvent=createEvent(this,"calciteDropdownItemKeyEvent",7);this.calciteDropdownCloseRequest=createEvent(this,"calciteDropdownCloseRequest",7);this.active=false}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.el.focus();return[2]}))}))};t.prototype.connectedCallback=function(){this.selectionMode=getElementProp(this.el,"selection-mode","single");this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.active=false}};t.prototype.render=function(){var t;var e=this;var i=getElementProp(this.el,"scale","m");var n=h("calcite-icon",{class:"dropdown-item-icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var a=h("span",{class:"dropdown-item-content"},h("slot",null));var o=h("calcite-icon",{class:"dropdown-item-icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var r=this.iconStart&&this.iconEnd?[n,a,o]:this.iconStart?[n,h("slot",null)]:this.iconEnd?[a,o]:a;var s=!this.href?r:h("a",{"aria-label":this.label,class:"dropdown-link",href:this.href,ref:function(t){return e.childLink=t},rel:this.rel,target:this.target},r);var c=this.href?null:this.selectionMode==="single"?"menuitemradio":this.selectionMode==="multi"?"menuitemcheckbox":"menuitem";var l=this.selectionMode!=="none"?this.active.toString():null;return h(Host,{"aria-checked":l,role:c,tabindex:"0"},h("div",{class:(t={container:true},t[CSS.containerLink]=!!this.href,t[CSS.containerSmall]=i==="s",t[CSS.containerMedium]=i==="m",t[CSS.containerLarge]=i==="l",t[CSS.containerMulti]=this.selectionMode==="multi",t[CSS.containerSingle]=this.selectionMode==="single",t[CSS.containerNone]=this.selectionMode==="none",t)},this.selectionMode!=="none"?h("calcite-icon",{class:"dropdown-item-icon",icon:this.selectionMode==="multi"?"check":"bullet-point",scale:"s"}):null,s))};t.prototype.onClick=function(){this.emitRequestedItem()};t.prototype.keyDownHandler=function(t){switch(t.key){case" ":this.emitRequestedItem();if(this.href){t.preventDefault();this.childLink.click()}break;case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}break;case"Escape":this.calciteDropdownCloseRequest.emit();break;case"Tab":case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteDropdownItemKeyEvent.emit({keyboardEvent:t});break}t.preventDefault()};t.prototype.updateActiveItemOnChange=function(t){var e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedDropdownItem){this.active=!this.active}break;case"single":if(this.el===this.requestedDropdownItem){this.active=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.active=false}break;case"none":this.active=false;break}};t.prototype.emitRequestedItem=function(){this.calciteDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteDropdownItem.style=calciteDropdownItemCss;export{CalciteDropdown as calcite_dropdown,CalciteDropdownGroup as calcite_dropdown_group,CalciteDropdownItem as calcite_dropdown_item};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{f as focusElement,d as getElementProp}from"./dom-e55f9eaf.js";import{C as CSS$2,u as updatePopper,c as createPopper}from"./popper-1814b3c1.js";import{c as createObserver}from"./observers-8f0bc419.js";import"./guid-196bd5ea.js";var DefaultDropdownPlacement="bottom-leading";var SLOTS={dropdownTrigger:"dropdown-trigger"};var calciteDropdownCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.calcite-dropdown-wrapper .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:0.25rem}.calcite-dropdown-wrapper[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{overflow-y:auto;background-color:var(--calcite-ui-foreground-1);overflow:hidden;max-height:90vh;width:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";var CalciteDropdown=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDropdownSelect=createEvent(this,"calciteDropdownSelect",7);this.calciteDropdownOpen=createEvent(this,"calciteDropdownOpen",7);this.calciteDropdownClose=createEvent(this,"calciteDropdownClose",7);this.active=false;this.disableCloseOnSelect=false;this.disabled=false;this.maxItems=0;this.overlayPositioning="absolute";this.placement=DefaultDropdownPlacement;this.scale="m";this.selectedItems=[];this.type="click";this.width="m";this.items=[];this.activeTransitionProp="visibility";this.mutationObserver=createObserver("mutation",(function(){return e.updateItems()}));this.updateItems=function(){e.updateSelectedItems();e.triggers=Array.from(e.el.querySelectorAll("[slot=dropdown-trigger]"));e.items=Array.from(e.el.querySelectorAll("calcite-dropdown-item"));e.reposition()};this.setMaxScrollerHeight=function(){var t=e.scrollerEl;if(t){var i=e.getMaxScrollerHeight();t.style.maxHeight=i>0?i+"px":""}};this.setScrollerEl=function(t){e.scrollerEl=t};this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp){e.active?e.calciteDropdownOpen.emit():e.calciteDropdownClose.emit()}};this.setReferenceEl=function(t){e.referenceEl=t};this.setMenuEl=function(t){e.menuEl=t};this.keyDownHandler=function(t){var i=t.target;var n=t.key;if(e.triggers.includes(i)||e.triggers.some((function(t){return t.contains(i)}))){var a=["BUTTON","CALCITE-BUTTON","CALCITE-ACTION"];if(a.includes(i.nodeName)){if(e.active&&(n==="Escape"||t.shiftKey&&n==="Tab")){e.closeCalciteDropdown()}return}switch(n){case" ":case"Enter":e.openCalciteDropdown();break;case"Escape":e.closeCalciteDropdown();break}}};this.focusOnFirstActiveOrFirstItem=function(){e.getFocusableElement(e.items.find((function(t){return t.active}))||e.items[0])};this.toggleOpenEnd=function(){e.focusOnFirstActiveOrFirstItem();e.el.removeEventListener("calciteDropdownOpen",e.toggleOpenEnd)};this.openCalciteDropdown=function(){e.active=!e.active;if(e.active){e.el.addEventListener("calciteDropdownOpen",e.toggleOpenEnd)}}}t.prototype.activeHandler=function(){this.reposition()};t.prototype.maxItemsHandler=function(){this.reposition()};t.prototype.placementHandler=function(){this.reposition()};t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.createPopper();this.updateItems()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.destroyPopper()};t.prototype.render=function(){var t;var e=this.active;return h(Host,{tabIndex:this.disabled?-1:null},h("div",{class:"calcite-dropdown-trigger-container",onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},h("slot",{"aria-expanded":e.toString(),"aria-haspopup":"true",name:SLOTS.dropdownTrigger})),h("div",{"aria-hidden":(!e).toString(),class:"calcite-dropdown-wrapper",ref:this.setMenuEl},h("div",{class:(t={},t["calcite-dropdown-content"]=true,t[CSS$2.animation]=true,t[CSS$2.animationActive]=e,t),onTransitionEnd:this.transitionEnd,ref:this.setScrollerEl},h("slot",null))))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,a,o;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.popper,i=t.menuEl,n=t.placement;this.setMaxScrollerHeight();a=this.getModifiers();if(!e)return[3,2];return[4,updatePopper({el:i,modifiers:a,placement:n,popper:e})];case 1:o=r.sent();return[3,3];case 2:o=this.createPopper();r.label=3;case 3:o;return[2]}}))}))};t.prototype.closeCalciteDropdownOnClick=function(t){if(!this.active||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown()};t.prototype.closeCalciteDropdownOnEvent=function(){this.closeCalciteDropdown()};t.prototype.closeCalciteDropdownOnOpenEvent=function(t){if(t.composedPath().includes(this.el)){return}this.active=false};t.prototype.mouseEnterHandler=function(){if(this.type==="hover"){this.openCalciteDropdown()}};t.prototype.mouseLeaveHandler=function(){if(this.type==="hover"){this.closeCalciteDropdown()}};t.prototype.calciteDropdownItemKeyEvent=function(t){var e=t.detail.keyboardEvent;var i=e.target;var n=i.nodeName!=="A"?i:i.parentNode;var a=this.itemIndex(n)===0;var o=this.itemIndex(n)===this.items.length-1;switch(e.key){case"Tab":if(o&&!e.shiftKey){this.closeCalciteDropdown()}else if(a&&e.shiftKey){this.closeCalciteDropdown()}else if(e.shiftKey){this.focusPrevItem(n)}else{this.focusNextItem(n)}break;case"ArrowDown":this.focusNextItem(n);break;case"ArrowUp":this.focusPrevItem(n);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}t.stopPropagation()};t.prototype.handleItemSelect=function(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.disableCloseOnSelect||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,i=t.referenceEl,n=t.placement,a=t.overlayPositioning;var o=this.getModifiers();this.popper=createPopper({el:e,modifiers:o,overlayPositioning:a,placement:n,referenceEl:i})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.updateSelectedItems=function(){var t=Array.from(this.el.querySelectorAll("calcite-dropdown-item"));this.selectedItems=t.filter((function(t){return t.active}))};t.prototype.getMaxScrollerHeight=function(){var t=Array.from(this.el.querySelectorAll("calcite-dropdown-group"));var e=this.maxItems;var i=0;var n=0;var a;t.forEach((function(t){if(e>0&&i<e){Array.from(t.children).forEach((function(t,o){if(o===0){if(isNaN(a)){a=t.offsetTop}n+=a}if(i<e){n+=t.offsetHeight;i+=1}}))}}));return n};t.prototype.closeCalciteDropdown=function(){this.active=false;focusElement(this.triggers[0])};t.prototype.focusFirstItem=function(){var t=this.items[0];this.getFocusableElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.getFocusableElement(t)};t.prototype.focusNextItem=function(t){var e=this.itemIndex(t);var i=this.items[e+1]||this.items[0];this.getFocusableElement(i)};t.prototype.focusPrevItem=function(t){var e=this.itemIndex(t);var i=this.items[e-1]||this.items[this.items.length-1];this.getFocusableElement(i)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.getFocusableElement=function(t){if(!t){return}var e=t.attributes.isLink?t.shadowRoot.querySelector("a"):t;focusElement(e)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],maxItems:["maxItemsHandler"],placement:["placementHandler"]}},enumerable:false,configurable:true});return t}();CalciteDropdown.style=calciteDropdownCss;var CSS$1={containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l"};var calciteDropdownGroupCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-bottom:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.dropdown-separator{display:block;height:1px;background-color:var(--calcite-ui-border-3)}";var CalciteDropdownGroup=function(){function t(t){registerInstance(this,t);this.calciteDropdownItemChange=createEvent(this,"calciteDropdownItemChange",7);this.selectionMode="single"}t.prototype.componentWillLoad=function(){this.groupPosition=this.getGroupPosition()};t.prototype.render=function(){var t;var e=this.scale||getElementProp(this.el,"scale","m");var i=this.groupTitle?h("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;var n=this.groupPosition>0?h("div",{class:"dropdown-separator",role:"separator"}):null;return h(Host,{role:"menu"},h("div",{class:(t={container:true},t[CSS$1.containerSmall]=e==="s",t[CSS$1.containerMedium]=e==="m",t[CSS$1.containerLarge]=e==="l",t),title:this.groupTitle},n,i,h("slot",null)))};t.prototype.updateActiveItemOnChange=function(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})};t.prototype.getGroupPosition=function(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteDropdownGroup.style=calciteDropdownGroupCss;var CSS={containerLink:"container--link",containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection"};var calciteDropdownItemCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.container--s{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.container--s.container--none-selection{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--m.container--none-selection{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--l.container--none-selection{-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.dropdown-item-content{-ms-flex:1 1 auto;flex:1 1 auto;-webkit-padding-end:auto;padding-inline-end:auto;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host,.container--link a{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}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0px}.container--link a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([active]) .container:not(.container--none-selection),:host([active]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([active]) .container:not(.container--none-selection):before,:host([active]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([active]) .container:not(.container--none-selection) calcite-icon,:host([active]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(0.9);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{-webkit-margin-start:1rem;margin-inline-start:1rem}";var CalciteDropdownItem=function(){function t(t){registerInstance(this,t);this.calciteDropdownItemSelect=createEvent(this,"calciteDropdownItemSelect",7);this.calciteDropdownItemKeyEvent=createEvent(this,"calciteDropdownItemKeyEvent",7);this.calciteDropdownCloseRequest=createEvent(this,"calciteDropdownCloseRequest",7);this.active=false}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.el.focus();return[2]}))}))};t.prototype.connectedCallback=function(){this.selectionMode=getElementProp(this.el,"selection-mode","single");this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.active=false}};t.prototype.render=function(){var t;var e=this;var i=getElementProp(this.el,"scale","m");var n=h("calcite-icon",{class:"dropdown-item-icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var a=h("span",{class:"dropdown-item-content"},h("slot",null));var o=h("calcite-icon",{class:"dropdown-item-icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var r=this.iconStart&&this.iconEnd?[n,a,o]:this.iconStart?[n,h("slot",null)]:this.iconEnd?[a,o]:a;var s=!this.href?r:h("a",{"aria-label":this.label,class:"dropdown-link",href:this.href,ref:function(t){return e.childLink=t},rel:this.rel,target:this.target},r);var c=this.href?null:this.selectionMode==="single"?"menuitemradio":this.selectionMode==="multi"?"menuitemcheckbox":"menuitem";var l=this.selectionMode!=="none"?this.active.toString():null;return h(Host,{"aria-checked":l,role:c,tabindex:"0"},h("div",{class:(t={container:true},t[CSS.containerLink]=!!this.href,t[CSS.containerSmall]=i==="s",t[CSS.containerMedium]=i==="m",t[CSS.containerLarge]=i==="l",t[CSS.containerMulti]=this.selectionMode==="multi",t[CSS.containerSingle]=this.selectionMode==="single",t[CSS.containerNone]=this.selectionMode==="none",t)},this.selectionMode!=="none"?h("calcite-icon",{class:"dropdown-item-icon",icon:this.selectionMode==="multi"?"check":"bullet-point",scale:"s"}):null,s))};t.prototype.onClick=function(){this.emitRequestedItem()};t.prototype.keyDownHandler=function(t){switch(t.key){case" ":this.emitRequestedItem();if(this.href){t.preventDefault();this.childLink.click()}break;case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}break;case"Escape":this.calciteDropdownCloseRequest.emit();break;case"Tab":case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteDropdownItemKeyEvent.emit({keyboardEvent:t});break}t.preventDefault()};t.prototype.updateActiveItemOnChange=function(t){var e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedDropdownItem){this.active=!this.active}break;case"single":if(this.el===this.requestedDropdownItem){this.active=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.active=false}break;case"none":this.active=false;break}};t.prototype.emitRequestedItem=function(){this.calciteDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteDropdownItem.style=calciteDropdownItemCss;export{CalciteDropdown as calcite_dropdown,CalciteDropdownGroup as calcite_dropdown_group,CalciteDropdownItem as calcite_dropdown_item};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{T as TEXT,d as dateToISO,a as dateFromISO,b as dateFromRange,g as getLocaleData,s as sameDate,p as parseDateString,i as inRange}from"./resources-74c807b4.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-240ef148.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-147bc6d7.js";import{u as updatePopper,C as CSS,c as createPopper}from"./popper-1814b3c1.js";import"./locale-1b48f64f.js";import"./number-8779395f.js";import"./dom-e55f9eaf.js";import"./guid-196bd5ea.js";var calciteInputDatePickerCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--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:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}: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:0.25rem}: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{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}: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:flex-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{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);pointer-events:none;visibility:hidden}:host([active]) .menu-container{pointer-events:auto;visibility:visible}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var DEFAULT_PLACEMENT="bottom-leading";var CalciteInputDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerChange=createEvent(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=createEvent(this,"calciteDatePickerRangeChange",7);this.calciteInputDatePickerOpen=createEvent(this,"calciteInputDatePickerOpen",7);this.calciteInputDatePickerClose=createEvent(this,"calciteInputDatePickerClose",7);this.disabled=false;this.active=false;this.intlPrevMonth=TEXT.prevMonth;this.intlNextMonth=TEXT.nextMonth;this.intlYear=TEXT.year;this.locale=document.documentElement.lang||"en";this.scale="m";this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.focusedInput="start";this.activeTransitionProp="opacity";this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp){e.active?e.calciteInputDatePickerOpen.emit():e.calciteInputDatePickerClose.emit()}};this.setStartInput=function(t){e.startInput=t};this.setEndInput=function(t){e.endInput=t};this.deactivate=function(){e.active=false};this.keyUpHandler=function(t){if(t.key==="Escape"){e.active=false}};this.inputBlur=function(t){e.blur(t.detail)};this.startInputFocus=function(){e.active=true;e.focusedInput="start"};this.endInputFocus=function(){e.active=true;e.focusedInput="end"};this.inputInput=function(t){e.input(t.detail.value)};this.setMenuEl=function(t){if(t){e.menuEl=t;e.createPopper()}};this.setStartWrapper=function(t){e.startWrapper=t;e.setReferenceEl()};this.setEndWrapper=function(t){e.endWrapper=t;e.setReferenceEl()};this.handleDateChange=function(t){if(e.range){return}e.value=dateToISO(t.detail)};this.handleDateRangeChange=function(t){var a,i;if(!e.range||!t.detail){return}var n=t.detail,r=n.startDate,o=n.endDate;e.start=dateToISO(r);e.end=dateToISO(o);e.value=[e.start,e.end];if(e.shouldFocusRangeEnd()){(a=e.endInput)===null||a===void 0?void 0:a.setFocus()}else if(e.shouldFocusRangeStart()){(i=e.startInput)===null||i===void 0?void 0:i.setFocus()}}}t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return dateFromISO(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=dateFromISO(t);this.start="";this.end=""}else{this.valueAsDate=undefined;this.start=undefined;this.end=undefined}};t.prototype.onMinChanged=function(t){this.minAsDate=dateFromISO(t)};t.prototype.onMaxChanged=function(t){this.maxAsDate=dateFromISO(t)};t.prototype.activeHandler=function(){this.reposition()};t.prototype.calciteDaySelectHandler=function(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.active=false};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.startInput)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.popper,a=t.menuEl;i=this.getModifiers();if(!e)return[3,2];return[4,updatePopper({el:a,modifiers:i,placement:DEFAULT_PLACEMENT,popper:e})];case 1:n=r.sent();return[3,3];case 2:n=this.createPopper();r.label=3;case 3:n;return[2]}}))}))};t.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return dateFromISO(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=dateFromISO(this.value);this.start="";this.end=""}if(this.start){this.startAsDate=dateFromISO(this.start)}if(this.end){this.endAsDate=dateFromISO(this.end)}if(this.min){this.minAsDate=dateFromISO(this.min)}if(this.max){this.maxAsDate=dateFromISO(this.max)}this.createPopper();connectLabel(this);connectForm(this)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};t.prototype.disconnectedCallback=function(){this.destroyPopper();disconnectLabel(this);disconnectForm(this)};t.prototype.render=function(){var t;var e,a;var i=this.disabled;var n=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var r=this.range?dateFromRange(this.endAsDate,this.minAsDate,this.maxAsDate):null;var o=r?r.toLocaleDateString(this.locale):"";var s=n?n.toLocaleDateString(this.locale):"";return h(Host,{onBlur:this.deactivate,onKeyUp:this.keyUpHandler,role:"application"},this.localeData&&h("div",{"aria-expanded":this.active.toString(),class:"input-container",role:"application"},h("div",{class:"input-wrapper",ref:this.setStartWrapper},h("calcite-input",{class:"input "+(this.layout==="vertical"&&this.range?"no-bottom-border":""),disabled:i,icon:"calendar",label:getLabelText(this),"number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.startInputFocus,onCalciteInputInput:this.inputInput,placeholder:(e=this.localeData)===null||e===void 0?void 0:e.placeholder,ref:this.setStartInput,scale:this.scale,type:"text",value:s})),h("div",{"aria-hidden":(!this.active).toString(),class:"menu-container",ref:this.setMenuEl},h("div",{class:(t={},t["calendar-picker-wrapper"]=true,t["calendar-picker-wrapper--end"]=this.focusedInput==="end",t[CSS.animation]=true,t[CSS.animationActive]=this.active,t),onTransitionEnd:this.transitionEnd},h("calcite-date-picker",{activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,locale:this.locale,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,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&&this.layout==="horizontal"&&h("div",{class:"horizontal-arrow-container"},h("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:"s"})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&h("div",{class:"vertical-arrow-container"},h("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&h("div",{class:"input-wrapper",ref:this.setEndWrapper},h("calcite-input",{class:{input:true,"border-top-color-one":this.layout==="vertical"&&this.range},disabled:i,icon:"calendar","number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.endInputFocus,onCalciteInputInput:this.inputInput,placeholder:(a=this.localeData)===null||a===void 0?void 0:a.placeholder,ref:this.setEndInput,scale:this.scale,type:"text",value:o}))),h(HiddenFormInputSlot,{component:this}))};t.prototype.setReferenceEl=function(){var t=this,e=t.focusedInput,a=t.layout,i=t.endWrapper,n=t.startWrapper;this.referenceEl=e==="end"||a==="vertical"?i||n:n||i;this.createPopper()};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,a=t.referenceEl,i=t.overlayPositioning;if(!e||!a){return}var n=this.getModifiers();this.popper=createPopper({el:e,modifiers:n,overlayPositioning:i,placement:DEFAULT_PLACEMENT,referenceEl:a})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.startWatcher=function(t){this.startAsDate=dateFromISO(t)};t.prototype.endWatcher=function(t){this.endAsDate=dateFromISO(t)};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,getLocaleData(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.clearCurrentValue=function(){if(!this.range){this.value="";return}var t=this.focusedInput;if(t==="start"){this.value=Array.isArray(this.value)?["",this.value[1]||""]:[""];this.start=undefined}else if(t==="end"){this.value=Array.isArray(this.value)?[this.value[0]||"",""]:["",""];this.end=undefined}};t.prototype.input=function(t){var e=this.getDateFromInput(t);if(!e){this.clearCurrentValue();return}if(!this.range){this.value=dateToISO(e);return}var a=this.focusedInput;if(a==="start"){if(!this.startAsDate||!sameDate(e,this.startAsDate)){var i=dateToISO(e);this.value=Array.isArray(this.value)?[i,this.value[1]||""]:[i];this.start=i;this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}}else if(a==="end"){if(!this.endAsDate||!sameDate(e,this.endAsDate)){var n=dateToISO(e);this.value=Array.isArray(this.value)?[this.value[0]||"",n]:["",n];this.end=n;this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}}};t.prototype.blur=function(t){var e=this,a=e.locale,i=e.focusedInput,n=e.endAsDate,r=e.range,o=e.startAsDate,s=e.valueAsDate;var c=this.getDateFromInput(t.value);if(!c){if(!r&&s){t.value=Array.isArray(s)?s[i==="end"?1:0].toLocaleDateString(a):s.toLocaleDateString(a)}else if(i==="start"&&o){t.value=o.toLocaleDateString(a)}else if(i==="end"&&n){t.value=n.toLocaleDateString(a)}}};t.prototype.shouldFocusRangeStart=function(){return!!(this.endAsDate&&!this.startAsDate&&this.focusedInput==="end"&&this.startInput)};t.prototype.shouldFocusRangeEnd=function(){return!!(this.startAsDate&&!this.endAsDate&&this.focusedInput==="start"&&this.endInput)};t.prototype.getDateFromInput=function(t){if(!this.localeData){return false}var e=this.localeData.separator;var a=parseDateString(t,this.localeData),i=a.day,n=a.month,r=a.year;var o=i>0;var s=n>-1;var c=new Date(r,n,i);c.setFullYear(r);var l=!isNaN(c.getTime());var p=t.split(e).filter((function(t){return t})).length>2;var u=r.toString().length>0;if(o&&s&&l&&p&&u&&inRange(c,this.min,this.max)){return c}return false};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],min:["onMinChanged"],max:["onMaxChanged"],active:["activeHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}();CalciteInputDatePicker.style=calciteInputDatePickerCss;export{CalciteInputDatePicker as calcite_input_date_picker};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{T as TEXT,d as dateToISO,a as dateFromISO,b as dateFromRange,g as getLocaleData,s as sameDate,p as parseDateString,i as inRange}from"./resources-90193940.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-240ef148.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-147bc6d7.js";import{u as updatePopper,C as CSS,c as createPopper}from"./popper-1814b3c1.js";import"./locale-fc850b7c.js";import"./number-8779395f.js";import"./dom-e55f9eaf.js";import"./guid-196bd5ea.js";var calciteInputDatePickerCss="@-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-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--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:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}: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:0.25rem}: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{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}: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:flex-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{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);pointer-events:none;visibility:hidden}:host([active]) .menu-container{pointer-events:auto;visibility:visible}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var DEFAULT_PLACEMENT="bottom-leading";var CalciteInputDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerChange=createEvent(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=createEvent(this,"calciteDatePickerRangeChange",7);this.calciteInputDatePickerOpen=createEvent(this,"calciteInputDatePickerOpen",7);this.calciteInputDatePickerClose=createEvent(this,"calciteInputDatePickerClose",7);this.disabled=false;this.active=false;this.intlPrevMonth=TEXT.prevMonth;this.intlNextMonth=TEXT.nextMonth;this.intlYear=TEXT.year;this.locale=document.documentElement.lang||"en";this.scale="m";this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.focusedInput="start";this.activeTransitionProp="opacity";this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp){e.active?e.calciteInputDatePickerOpen.emit():e.calciteInputDatePickerClose.emit()}};this.setStartInput=function(t){e.startInput=t};this.setEndInput=function(t){e.endInput=t};this.deactivate=function(){e.active=false};this.keyUpHandler=function(t){if(t.key==="Escape"){e.active=false}};this.inputBlur=function(t){e.blur(t.detail)};this.startInputFocus=function(){e.active=true;e.focusedInput="start"};this.endInputFocus=function(){e.active=true;e.focusedInput="end"};this.inputInput=function(t){e.input(t.detail.value)};this.setMenuEl=function(t){if(t){e.menuEl=t;e.createPopper()}};this.setStartWrapper=function(t){e.startWrapper=t;e.setReferenceEl()};this.setEndWrapper=function(t){e.endWrapper=t;e.setReferenceEl()};this.handleDateChange=function(t){if(e.range){return}e.value=dateToISO(t.detail)};this.handleDateRangeChange=function(t){var a,i;if(!e.range||!t.detail){return}var n=t.detail,r=n.startDate,o=n.endDate;e.start=dateToISO(r);e.end=dateToISO(o);e.value=[e.start,e.end];if(e.shouldFocusRangeEnd()){(a=e.endInput)===null||a===void 0?void 0:a.setFocus()}else if(e.shouldFocusRangeStart()){(i=e.startInput)===null||i===void 0?void 0:i.setFocus()}}}t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return dateFromISO(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=dateFromISO(t);this.start="";this.end=""}else{this.valueAsDate=undefined;this.start=undefined;this.end=undefined}};t.prototype.onMinChanged=function(t){this.minAsDate=dateFromISO(t)};t.prototype.onMaxChanged=function(t){this.maxAsDate=dateFromISO(t)};t.prototype.activeHandler=function(){this.reposition()};t.prototype.calciteDaySelectHandler=function(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.active=false};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.startInput)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.popper,a=t.menuEl;i=this.getModifiers();if(!e)return[3,2];return[4,updatePopper({el:a,modifiers:i,placement:DEFAULT_PLACEMENT,popper:e})];case 1:n=r.sent();return[3,3];case 2:n=this.createPopper();r.label=3;case 3:n;return[2]}}))}))};t.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return dateFromISO(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=dateFromISO(this.value);this.start="";this.end=""}if(this.start){this.startAsDate=dateFromISO(this.start)}if(this.end){this.endAsDate=dateFromISO(this.end)}if(this.min){this.minAsDate=dateFromISO(this.min)}if(this.max){this.maxAsDate=dateFromISO(this.max)}this.createPopper();connectLabel(this);connectForm(this)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};t.prototype.disconnectedCallback=function(){this.destroyPopper();disconnectLabel(this);disconnectForm(this)};t.prototype.render=function(){var t;var e,a;var i=this.disabled;var n=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var r=this.range?dateFromRange(this.endAsDate,this.minAsDate,this.maxAsDate):null;var o=r?r.toLocaleDateString(this.locale):"";var s=n?n.toLocaleDateString(this.locale):"";return h(Host,{onBlur:this.deactivate,onKeyUp:this.keyUpHandler,role:"application"},this.localeData&&h("div",{"aria-expanded":this.active.toString(),class:"input-container",role:"application"},h("div",{class:"input-wrapper",ref:this.setStartWrapper},h("calcite-input",{class:"input "+(this.layout==="vertical"&&this.range?"no-bottom-border":""),disabled:i,icon:"calendar",label:getLabelText(this),"number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.startInputFocus,onCalciteInputInput:this.inputInput,placeholder:(e=this.localeData)===null||e===void 0?void 0:e.placeholder,ref:this.setStartInput,scale:this.scale,type:"text",value:s})),h("div",{"aria-hidden":(!this.active).toString(),class:"menu-container",ref:this.setMenuEl},h("div",{class:(t={},t["calendar-picker-wrapper"]=true,t["calendar-picker-wrapper--end"]=this.focusedInput==="end",t[CSS.animation]=true,t[CSS.animationActive]=this.active,t),onTransitionEnd:this.transitionEnd},h("calcite-date-picker",{activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,locale:this.locale,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,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&&this.layout==="horizontal"&&h("div",{class:"horizontal-arrow-container"},h("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:"s"})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&h("div",{class:"vertical-arrow-container"},h("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&h("div",{class:"input-wrapper",ref:this.setEndWrapper},h("calcite-input",{class:{input:true,"border-top-color-one":this.layout==="vertical"&&this.range},disabled:i,icon:"calendar","number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.endInputFocus,onCalciteInputInput:this.inputInput,placeholder:(a=this.localeData)===null||a===void 0?void 0:a.placeholder,ref:this.setEndInput,scale:this.scale,type:"text",value:o}))),h(HiddenFormInputSlot,{component:this}))};t.prototype.setReferenceEl=function(){var t=this,e=t.focusedInput,a=t.layout,i=t.endWrapper,n=t.startWrapper;this.referenceEl=e==="end"||a==="vertical"?i||n:n||i;this.createPopper()};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,a=t.referenceEl,i=t.overlayPositioning;if(!e||!a){return}var n=this.getModifiers();this.popper=createPopper({el:e,modifiers:n,overlayPositioning:i,placement:DEFAULT_PLACEMENT,referenceEl:a})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.startWatcher=function(t){this.startAsDate=dateFromISO(t)};t.prototype.endWatcher=function(t){this.endAsDate=dateFromISO(t)};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,getLocaleData(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.clearCurrentValue=function(){if(!this.range){this.value="";return}var t=this.focusedInput;if(t==="start"){this.value=Array.isArray(this.value)?["",this.value[1]||""]:[""];this.start=undefined}else if(t==="end"){this.value=Array.isArray(this.value)?[this.value[0]||"",""]:["",""];this.end=undefined}};t.prototype.input=function(t){var e=this.getDateFromInput(t);if(!e){this.clearCurrentValue();return}if(!this.range){this.value=dateToISO(e);return}var a=this.focusedInput;if(a==="start"){if(!this.startAsDate||!sameDate(e,this.startAsDate)){var i=dateToISO(e);this.value=Array.isArray(this.value)?[i,this.value[1]||""]:[i];this.start=i;this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}}else if(a==="end"){if(!this.endAsDate||!sameDate(e,this.endAsDate)){var n=dateToISO(e);this.value=Array.isArray(this.value)?[this.value[0]||"",n]:["",n];this.end=n;this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}}};t.prototype.blur=function(t){var e=this,a=e.locale,i=e.focusedInput,n=e.endAsDate,r=e.range,o=e.startAsDate,s=e.valueAsDate;var c=this.getDateFromInput(t.value);if(!c){if(!r&&s){t.value=Array.isArray(s)?s[i==="end"?1:0].toLocaleDateString(a):s.toLocaleDateString(a)}else if(i==="start"&&o){t.value=o.toLocaleDateString(a)}else if(i==="end"&&n){t.value=n.toLocaleDateString(a)}}};t.prototype.shouldFocusRangeStart=function(){return!!(this.endAsDate&&!this.startAsDate&&this.focusedInput==="end"&&this.startInput)};t.prototype.shouldFocusRangeEnd=function(){return!!(this.startAsDate&&!this.endAsDate&&this.focusedInput==="start"&&this.endInput)};t.prototype.getDateFromInput=function(t){if(!this.localeData){return false}var e=this.localeData.separator;var a=parseDateString(t,this.localeData),i=a.day,n=a.month,r=a.year;var o=i>0;var s=n>-1;var c=new Date(r,n,i);c.setFullYear(r);var l=!isNaN(c.getTime());var p=t.split(e).filter((function(t){return t})).length>2;var u=r.toString().length>0;if(o&&s&&l&&p&&u&&inRange(c,this.min,this.max)){return c}return false};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],min:["onMinChanged"],max:["onMaxChanged"],active:["activeHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}();CalciteInputDatePicker.style=calciteInputDatePickerCss;export{CalciteInputDatePicker as calcite_input_date_picker};
|