@esri/calcite-components 1.0.0-next.344 → 1.0.0-next.345
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-icon/explore16.json +1 -0
- package/dist/calcite/assets/calcite-icon/explore24.json +1 -0
- package/dist/calcite/assets/calcite-icon/explore32.json +1 -0
- package/dist/calcite/assets/calcite-icon/partlyCloudy16.json +1 -0
- package/dist/calcite/assets/calcite-icon/partlyCloudy24.json +1 -0
- package/dist/calcite/assets/calcite-icon/partlyCloudy32.json +1 -0
- package/dist/calcite/assets/calcite-icon/screenshotMode16.json +1 -0
- package/dist/calcite/assets/calcite-icon/screenshotMode24.json +1 -0
- package/dist/calcite/assets/calcite-icon/screenshotMode32.json +1 -0
- package/dist/calcite/calcite.esm.js +1 -1
- package/dist/calcite/p-0b2ac5d7.system.entry.js +5 -0
- package/dist/calcite/{p-4c441dea.system.js → p-11b9e4bb.system.js} +1 -1
- package/dist/calcite/{p-6b5996c3.system.entry.js → p-11f99edf.system.entry.js} +1 -1
- package/dist/calcite/p-12a2f2d9.entry.js +5 -0
- package/dist/calcite/{p-34aadde6.system.js → p-18c4af8f.system.js} +1 -1
- package/dist/calcite/p-18d9a261.system.js +1 -1
- package/dist/calcite/{p-4fc37efc.system.entry.js → p-224a5f8d.system.entry.js} +1 -1
- package/dist/calcite/p-35aa821f.entry.js +5 -0
- package/dist/calcite/{p-cc247988.entry.js → p-520f90ae.entry.js} +1 -1
- package/dist/calcite/{p-6ffee063.entry.js → p-527dfb9d.entry.js} +1 -1
- package/dist/calcite/{p-f50a353a.js → p-52966b4c.js} +1 -1
- package/dist/calcite/{p-23418eda.entry.js → p-531ddede.entry.js} +1 -1
- package/dist/calcite/{p-9a9781f2.system.entry.js → p-61c25508.system.entry.js} +1 -1
- package/dist/calcite/p-6436b89b.system.entry.js +5 -0
- package/dist/calcite/{p-669a3067.system.js → p-834ec82a.system.js} +1 -1
- package/dist/calcite/{p-bb5b0182.js → p-8396a2d2.js} +1 -1
- package/dist/calcite/{p-0fa7d7eb.system.entry.js → p-8dc9c530.system.entry.js} +1 -1
- package/dist/calcite/{p-da8ff8cb.js → p-91300144.js} +1 -1
- package/dist/calcite/{p-550c42c5.entry.js → p-b28560f2.entry.js} +1 -1
- package/dist/calcite/p-e33346fd.system.entry.js +5 -0
- package/dist/calcite/p-ea59c57b.entry.js +5 -0
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +3 -3
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +3 -3
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-input.cjs.entry.js +9 -8
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +0 -45
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +37 -2
- package/dist/cjs/calcite-tile.cjs.entry.js +1 -1
- package/dist/cjs/{locale-c4cb51ca.js → locale-ccfa66f6.js} +1 -1
- package/dist/cjs/{number-5feb0c13.js → number-f57fd111.js} +12 -5
- package/dist/cjs/{resources-5bf6cc29.js → resources-d3c42dc4.js} +1 -1
- package/dist/collection/components/calcite-icon/assets/calcite-icon/explore16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/explore24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/explore32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloudy16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloudy24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloudy32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/screenshotMode16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/screenshotMode24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/screenshotMode32.json +1 -0
- package/dist/collection/components/calcite-input/calcite-input.js +7 -6
- package/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js +0 -45
- package/dist/collection/components/calcite-tile/calcite-tile.css +37 -49
- package/dist/collection/components/calcite-tile-select/calcite-tile-select.css +50 -70
- package/dist/collection/components/calcite-tile-select/calcite-tile-select.js +21 -2
- package/dist/collection/components/calcite-tile-select/resources.js +20 -0
- package/dist/collection/utils/number.js +12 -5
- package/dist/components/calcite-input2.js +7 -6
- package/dist/components/calcite-radio-group-item.js +0 -45
- package/dist/components/calcite-tile-select.js +37 -2
- package/dist/components/calcite-tile2.js +1 -1
- package/dist/components/number.js +12 -5
- package/dist/custom-elements/index.js +313 -314
- package/dist/esm/calcite-date-picker_4.entry.js +3 -3
- package/dist/esm/calcite-input-date-picker.entry.js +3 -3
- package/dist/esm/calcite-input-time-picker_2.entry.js +1 -1
- package/dist/esm/calcite-input.entry.js +9 -8
- package/dist/esm/calcite-radio-group_2.entry.js +0 -45
- package/dist/esm/calcite-tile-select_2.entry.js +37 -2
- package/dist/esm/calcite-tile.entry.js +1 -1
- package/dist/esm/{locale-d635bb3b.js → locale-86b789f9.js} +1 -1
- package/dist/esm/{number-56f92613.js → number-eb92427e.js} +12 -5
- package/dist/esm/{resources-ffaa09ee.js → resources-421133b2.js} +1 -1
- package/dist/esm-es5/calcite-date-picker_4.entry.js +1 -1
- package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
- package/dist/esm-es5/calcite-input-time-picker_2.entry.js +1 -1
- package/dist/esm-es5/calcite-input.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-group_2.entry.js +1 -1
- package/dist/esm-es5/calcite-tile-select_2.entry.js +2 -2
- package/dist/esm-es5/calcite-tile.entry.js +1 -1
- package/dist/esm-es5/{locale-d635bb3b.js → locale-86b789f9.js} +1 -1
- package/dist/esm-es5/number-eb92427e.js +5 -0
- package/dist/esm-es5/{resources-ffaa09ee.js → resources-421133b2.js} +1 -1
- package/dist/extras/docs-json.json +1 -1
- package/dist/types/components/calcite-radio-group-item/calcite-radio-group-item.d.ts +0 -6
- package/dist/types/components/calcite-tile-select/resources.d.ts +16 -0
- package/hydrate/index.js +313 -314
- package/package.json +10 -10
- package/dist/calcite/p-04417e11.system.entry.js +0 -5
- package/dist/calcite/p-478693b3.entry.js +0 -5
- package/dist/calcite/p-66146f19.entry.js +0 -5
- package/dist/calcite/p-cc2166e7.system.entry.js +0 -5
- package/dist/calcite/p-d00824e4.system.entry.js +0 -5
- package/dist/calcite/p-d506cebd.entry.js +0 -5
- package/dist/esm-es5/number-56f92613.js +0 -5
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-9de00868.js';
|
|
6
|
-
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-
|
|
6
|
+
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-421133b2.js';
|
|
7
7
|
import { a as getElementDir, C as CSS_UTILITY } from './dom-f24e866c.js';
|
|
8
8
|
import { C as CalciteHeading } from './CalciteHeading-1d6cd311.js';
|
|
9
|
-
import './locale-
|
|
10
|
-
import './number-
|
|
9
|
+
import './locale-86b789f9.js';
|
|
10
|
+
import './number-eb92427e.js';
|
|
11
11
|
import './guid-196bd5ea.js';
|
|
12
12
|
|
|
13
13
|
const 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:150ms ease-in-out}: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}";
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
|
|
6
|
-
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-
|
|
6
|
+
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-421133b2.js';
|
|
7
7
|
import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-5559055d.js';
|
|
8
8
|
import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-160b0fb5.js';
|
|
9
9
|
import { u as updatePopper, C as CSS, c as createPopper } from './popper-f5caedc4.js';
|
|
10
|
-
import './locale-
|
|
11
|
-
import './number-
|
|
10
|
+
import './locale-86b789f9.js';
|
|
11
|
+
import './number-eb92427e.js';
|
|
12
12
|
import './dom-f24e866c.js';
|
|
13
13
|
import './guid-196bd5ea.js';
|
|
14
14
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
|
|
6
6
|
import { g as guid } from './guid-196bd5ea.js';
|
|
7
|
-
import { i as isValidNumber, n as numberKeys, b as isActivationKey } from './number-
|
|
7
|
+
import { i as isValidNumber, n as numberKeys, b as isActivationKey } from './number-eb92427e.js';
|
|
8
8
|
import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-5559055d.js';
|
|
9
9
|
import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-160b0fb5.js';
|
|
10
10
|
import './dom-f24e866c.js';
|
|
@@ -6,8 +6,8 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
|
|
|
6
6
|
import { T as TEXT, s as setRequestedIcon, d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-f24e866c.js';
|
|
7
7
|
import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-5559055d.js';
|
|
8
8
|
import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-160b0fb5.js';
|
|
9
|
-
import { d as delocalizeNumberString, g as getDecimalSeparator, l as localizeNumberString } from './locale-
|
|
10
|
-
import { i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, n as numberKeys } from './number-
|
|
9
|
+
import { d as delocalizeNumberString, g as getDecimalSeparator, l as localizeNumberString } from './locale-86b789f9.js';
|
|
10
|
+
import { i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, n as numberKeys } from './number-eb92427e.js';
|
|
11
11
|
import { d as decimalPlaces } from './math-456207f5.js';
|
|
12
12
|
import './guid-196bd5ea.js';
|
|
13
13
|
|
|
@@ -259,18 +259,19 @@ let CalciteInput = class {
|
|
|
259
259
|
};
|
|
260
260
|
this.setValue = (value, nativeEvent, committing = false) => {
|
|
261
261
|
const previousValue = this.value;
|
|
262
|
-
this.value = this.type === "number" ? sanitizeNumberString(value) : value;
|
|
263
262
|
if (this.type === "number") {
|
|
264
|
-
|
|
263
|
+
const sanitizedValue = sanitizeNumberString(value);
|
|
264
|
+
this.value = sanitizedValue;
|
|
265
|
+
this.setLocalizedValue(sanitizedValue);
|
|
266
|
+
}
|
|
267
|
+
else {
|
|
268
|
+
this.value = value;
|
|
265
269
|
}
|
|
266
270
|
if (nativeEvent) {
|
|
267
|
-
if (this.type === "number") {
|
|
268
|
-
value = sanitizeNumberString(value);
|
|
269
|
-
}
|
|
270
271
|
const calciteInputInputEvent = this.calciteInputInput.emit({
|
|
271
272
|
element: this.childEl,
|
|
272
273
|
nativeEvent,
|
|
273
|
-
value
|
|
274
|
+
value: this.value
|
|
274
275
|
});
|
|
275
276
|
if (calciteInputInputEvent.defaultPrevented) {
|
|
276
277
|
this.value = previousValue;
|
|
@@ -6,7 +6,6 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
|
|
|
6
6
|
import { a as getElementDir, d as getElementProp } from './dom-f24e866c.js';
|
|
7
7
|
import { c as connectLabel, d as disconnectLabel } from './label-5559055d.js';
|
|
8
8
|
import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-160b0fb5.js';
|
|
9
|
-
import { c as createObserver } from './observers-8f0bc419.js';
|
|
10
9
|
import './guid-196bd5ea.js';
|
|
11
10
|
|
|
12
11
|
const calciteRadioGroupCss = "@-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:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:start;align-self:flex-start}:host([width=full]){width:100%;min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content}:host([width=full]) ::slotted(calcite-radio-group-item){-ms-flex:1 1 auto;flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-radio-group-item){-ms-flex-pack:start;justify-content:flex-start}::slotted(calcite-radio-group-item[checked]),::slotted(calcite-radio-group-item:focus){z-index:0}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}::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}";
|
|
@@ -223,30 +222,9 @@ let CalciteRadioGroupItem = class {
|
|
|
223
222
|
this.iconFlipRtl = false;
|
|
224
223
|
/** optionally used with icon, select where to position the icon */
|
|
225
224
|
this.iconPosition = "start";
|
|
226
|
-
this.mutationObserver = createObserver("mutation", () => this.syncFromExternalInput());
|
|
227
225
|
}
|
|
228
226
|
handleCheckedChange() {
|
|
229
227
|
this.calciteRadioGroupItemChange.emit();
|
|
230
|
-
this.syncToExternalInput();
|
|
231
|
-
}
|
|
232
|
-
//--------------------------------------------------------------------------
|
|
233
|
-
//
|
|
234
|
-
// Lifecycle
|
|
235
|
-
//
|
|
236
|
-
//--------------------------------------------------------------------------
|
|
237
|
-
connectedCallback() {
|
|
238
|
-
var _a;
|
|
239
|
-
const inputProxy = this.el.querySelector(`input[slot=${SLOTS.input}]`);
|
|
240
|
-
if (inputProxy) {
|
|
241
|
-
this.value = inputProxy.value;
|
|
242
|
-
this.checked = inputProxy.checked;
|
|
243
|
-
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(inputProxy, { attributes: true });
|
|
244
|
-
}
|
|
245
|
-
this.inputProxy = inputProxy;
|
|
246
|
-
}
|
|
247
|
-
disconnectedCallback() {
|
|
248
|
-
var _a;
|
|
249
|
-
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
250
228
|
}
|
|
251
229
|
render() {
|
|
252
230
|
const { checked, value } = this;
|
|
@@ -262,29 +240,6 @@ let CalciteRadioGroupItem = class {
|
|
|
262
240
|
"label--outline": appearance === "outline"
|
|
263
241
|
} }, this.icon && this.iconPosition === "start" ? iconEl : null, h("slot", null, value), h("slot", { name: SLOTS.input }), this.icon && this.iconPosition === "end" ? iconEl : null)));
|
|
264
242
|
}
|
|
265
|
-
//--------------------------------------------------------------------------
|
|
266
|
-
//
|
|
267
|
-
// Private Methods
|
|
268
|
-
//
|
|
269
|
-
//--------------------------------------------------------------------------
|
|
270
|
-
syncFromExternalInput() {
|
|
271
|
-
if (this.inputProxy) {
|
|
272
|
-
this.value = this.inputProxy.value;
|
|
273
|
-
this.checked = this.inputProxy.checked;
|
|
274
|
-
}
|
|
275
|
-
}
|
|
276
|
-
syncToExternalInput() {
|
|
277
|
-
if (!this.inputProxy) {
|
|
278
|
-
return;
|
|
279
|
-
}
|
|
280
|
-
this.inputProxy.value = this.value;
|
|
281
|
-
if (this.checked) {
|
|
282
|
-
this.inputProxy.setAttribute("checked", "");
|
|
283
|
-
}
|
|
284
|
-
else {
|
|
285
|
-
this.inputProxy.removeAttribute("checked");
|
|
286
|
-
}
|
|
287
|
-
}
|
|
288
243
|
get el() { return getElement(this); }
|
|
289
244
|
static get watchers() { return {
|
|
290
245
|
"checked": ["handleCheckedChange"]
|
|
@@ -5,7 +5,24 @@
|
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-9de00868.js';
|
|
6
6
|
import { g as guid } from './guid-196bd5ea.js';
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const CSS = {
|
|
9
|
+
checked: "checked",
|
|
10
|
+
description: "description",
|
|
11
|
+
descriptionOnly: "description-only",
|
|
12
|
+
disabled: "disabled",
|
|
13
|
+
heading: "heading",
|
|
14
|
+
headingOnly: "heading-only",
|
|
15
|
+
icon: "icon",
|
|
16
|
+
iconOnly: "icon-only",
|
|
17
|
+
inputAlignmentEnd: "input-alignment-end",
|
|
18
|
+
inputAlignmentStart: "input-alignment-start",
|
|
19
|
+
inputEnabled: "input-enabled",
|
|
20
|
+
largeVisual: "large-visual",
|
|
21
|
+
widthAuto: "width-auto",
|
|
22
|
+
widthFull: "width-full"
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
const calciteTileSelectCss = "@-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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}:host .container{background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;max-width:300px;padding:0.75rem;position:relative;-webkit-transition:150ms ease-in-out;transition:150ms ease-in-out;vertical-align:top;z-index:10}:host .container.checked{z-index:30;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host .container.heading-only{-ms-flex-align:center;align-items:center}:host .container:not(.input-enabled) ::slotted(calcite-checkbox),:host .container:not(.input-enabled) ::slotted(calcite-radio-button){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host .container.focused:not(.disabled){z-index:30}:host .container.focused:not(.disabled):not(.input-enabled){-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1), inset 0 0 0 5px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1), inset 0 0 0 5px var(--calcite-ui-brand)}:host .container.input-enabled.input-alignment-start.width-auto.heading-only,:host .container.input-enabled.input-alignment-start.width-auto.icon-only,:host .container.input-enabled.input-alignment-start.width-auto.description-only,:host .container.input-enabled.input-alignment-start.width-auto.heading.description,:host .container.input-enabled.input-alignment-start.width-auto.icon.description,:host .container.input-enabled.input-alignment-start.width-auto.heading.icon.description{display:inline-grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-start.heading-only,:host .container.input-enabled.input-alignment-start.icon-only,:host .container.input-enabled.input-alignment-start.description-only,:host .container.input-enabled.input-alignment-start.heading.description,:host .container.input-enabled.input-alignment-start.icon.description,:host .container.input-enabled.input-alignment-start.heading.icon.description{gap:0.75rem}:host .container.input-enabled.input-alignment-start calcite-tile{-ms-flex-order:1;order:1}:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-start:0.75rem}:host .container.input-enabled.input-alignment-end.width-auto.heading-only,:host .container.input-enabled.input-alignment-end.width-auto.icon-only{display:inline-grid;grid-gap:0.75rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-end.heading-only,:host .container.input-enabled.input-alignment-end.icon-only{gap:0.75rem}:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.width-full{display:-ms-flexbox;display:flex;max-width:none}:host .container.width-full calcite-tile{-ms-flex:1 1 auto;flex:1 1 auto}:host(:hover) .container{z-index:20}:host(:hover) .container:not(.input-enabled){-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}";
|
|
9
26
|
|
|
10
27
|
let CalciteTileSelect = class {
|
|
11
28
|
constructor(hostRef) {
|
|
@@ -151,7 +168,25 @@ let CalciteTileSelect = class {
|
|
|
151
168
|
this.el.insertAdjacentElement("beforeend", this.input);
|
|
152
169
|
}
|
|
153
170
|
render() {
|
|
154
|
-
|
|
171
|
+
const { checked, description, disabled, focused, heading, icon, inputAlignment, inputEnabled, width } = this;
|
|
172
|
+
return (h("div", { class: {
|
|
173
|
+
checked,
|
|
174
|
+
container: true,
|
|
175
|
+
[CSS.description]: Boolean(description),
|
|
176
|
+
[CSS.descriptionOnly]: Boolean(!heading && !icon && description),
|
|
177
|
+
disabled,
|
|
178
|
+
focused,
|
|
179
|
+
[CSS.heading]: Boolean(heading),
|
|
180
|
+
[CSS.headingOnly]: heading && !icon && !description,
|
|
181
|
+
[CSS.icon]: Boolean(icon),
|
|
182
|
+
[CSS.iconOnly]: !heading && icon && !description,
|
|
183
|
+
[CSS.inputAlignmentEnd]: inputAlignment === "end",
|
|
184
|
+
[CSS.inputAlignmentStart]: inputAlignment === "start",
|
|
185
|
+
[CSS.inputEnabled]: inputEnabled,
|
|
186
|
+
[CSS.largeVisual]: heading && icon && !description,
|
|
187
|
+
[CSS.widthAuto]: width === "auto",
|
|
188
|
+
[CSS.widthFull]: width === "full"
|
|
189
|
+
} }, h("calcite-tile", { active: checked, description: description, embed: true, heading: heading, icon: icon }), h("slot", null)));
|
|
155
190
|
}
|
|
156
191
|
get el() { return getElement(this); }
|
|
157
192
|
static get watchers() { return {
|
|
@@ -11,7 +11,7 @@ const SLOTS = {
|
|
|
11
11
|
contentEnd: "content-end"
|
|
12
12
|
};
|
|
13
13
|
|
|
14
|
-
const calciteTileCss = "@-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:150ms ease-in-out}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);-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)}:host
|
|
14
|
+
const calciteTileCss = "@-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:150ms ease-in-out}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);-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)}:host .container{pointer-events:none;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:0.5rem}:host .content{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;gap:0.5rem;width:10%}:host .content-container{display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;padding:0px;color:var(--calcite-ui-text-2);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host .content-slot-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}:host .content-slot-container:first-child{padding-right:0.75rem}:host .content-slot-container:last-child{padding-left:0.75rem}:host .heading{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);-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)}:host .large-visual{-ms-flex-align:center;align-items:center;text-align:center;min-height:12rem}:host .large-visual .icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:end;align-self:flex-end}:host .large-visual .content-container{-ms-flex-item-align:center;align-self:center}:host .description{pointer-events:none;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-ui-text-3);-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)}:host(:not([embed])){padding:0.75rem;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2)}:host(:not([embed])[href]:hover){cursor:pointer;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-brand);box-shadow:0 0 0 2px var(--calcite-ui-brand)}:host(:not([embed])[href]:active){-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand);box-shadow:0 0 0 3px var(--calcite-ui-brand)}:host([icon][heading]:not([description]):not([embed])){padding:0px}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}:host(:hover) .heading,:host([active]) .heading{color:var(--calcite-ui-text-1)}:host(:hover) .description,:host([active]) .description{color:var(--calcite-ui-text-2)}";
|
|
15
15
|
|
|
16
16
|
let CalciteTile = class {
|
|
17
17
|
constructor(hostRef) {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import { a as sanitizeDecimalString } from './number-
|
|
5
|
+
import { a as sanitizeDecimalString } from './number-eb92427e.js';
|
|
6
6
|
|
|
7
7
|
const locales = [
|
|
8
8
|
"ar",
|
|
@@ -31,17 +31,24 @@ function parseNumberString(numberString) {
|
|
|
31
31
|
return isValidNumber(result) ? Number(result).toString() : null;
|
|
32
32
|
}
|
|
33
33
|
function sanitizeDecimalString(decimalString) {
|
|
34
|
-
|
|
34
|
+
const decimalAtEndOfStringButNotStart = /(?!^\.)\.$/;
|
|
35
|
+
return decimalString.replace(decimalAtEndOfStringButNotStart, "");
|
|
35
36
|
}
|
|
36
37
|
function sanitizeNegativeString(negativeString) {
|
|
37
|
-
|
|
38
|
+
const allHyphensExceptTheStart = /(?!^-)-/g;
|
|
39
|
+
return negativeString.replace(allHyphensExceptTheStart, "");
|
|
38
40
|
}
|
|
39
41
|
function sanitizeLeadingZeroString(zeroString) {
|
|
40
|
-
|
|
42
|
+
const allLeadingZerosOptionallyNegative = /^([-0])0+(?=\d)/;
|
|
43
|
+
return zeroString.replace(allLeadingZerosOptionallyNegative, "$1");
|
|
41
44
|
}
|
|
42
45
|
function sanitizeNumberString(value) {
|
|
43
|
-
|
|
44
|
-
|
|
46
|
+
const sanitizedValue = sanitizeNegativeString(sanitizeDecimalString(sanitizeLeadingZeroString(value)));
|
|
47
|
+
const isNegativeDecimalOnlyZeros = /^-\b0\b\.?0*$/;
|
|
48
|
+
return isValidNumber(sanitizedValue)
|
|
49
|
+
? isNegativeDecimalOnlyZeros.test(sanitizedValue)
|
|
50
|
+
? sanitizedValue
|
|
51
|
+
: Number(sanitizedValue).toString()
|
|
45
52
|
: value;
|
|
46
53
|
}
|
|
47
54
|
function stringContainsNumbers(string) {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
5
|
import { a as getAssetPath } from './index-9de00868.js';
|
|
6
|
-
import { a as locales } from './locale-
|
|
6
|
+
import { a as locales } from './locale-86b789f9.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* Get supported locale code from raw user input
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(e,t,a,r){function i(e){return e 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-ffaa09ee.js";import{a as getElementDir,C as CSS_UTILITY}from"./dom-f24e866c.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";import"./locale-d635bb3b.js";import"./number-56f92613.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:150ms ease-in-out}: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 e(e){var t=this;registerInstance(this,e);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(e){if(e.key==="Escape"){t.reset()}};this.monthHeaderSelectChange=function(e){var a=new Date(e.detail);if(!t.range){t.activeDate=a}else{if(t.activeRange==="end"){t.activeEndDate=a}else{t.activeStartDate=a}t.mostRecentRangeValue=a}};this.monthActiveDateChange=function(e){var a=new Date(e.detail);if(!t.range){t.activeDate=a}else{if(t.activeRange==="end"){t.activeEndDate=a}else{t.activeStartDate=a}t.mostRecentRangeValue=a}};this.monthHoverChange=function(e){if(!t.startAsDate){t.hoverRange=undefined;return}var a=new Date(e.detail);t.hoverRange={focused:t.activeRange||"start",start:t.startAsDate,end:t.endAsDate};if(!t.proximitySelectionDisabled){if(t.endAsDate){var r=getDaysDiff(a,t.startAsDate);var i=getDaysDiff(a,t.endAsDate);if(i>0){t.hoverRange.end=a;t.hoverRange.focused="end"}else if(r<0){t.hoverRange.start=a;t.hoverRange.focused="start"}else if(r>i){t.hoverRange.start=a;t.hoverRange.focused="start"}else{t.hoverRange.end=a;t.hoverRange.focused="end"}}else{if(a<t.startAsDate){t.hoverRange={focused:"start",start:a,end:t.startAsDate}}else{t.hoverRange.end=a;t.hoverRange.focused="end"}}}else{if(!t.endAsDate){if(a<t.startAsDate){t.hoverRange={focused:"start",start:a,end:t.startAsDate}}else{t.hoverRange.end=a;t.hoverRange.focused="end"}}else{t.hoverRange=undefined}}};this.monthMouseOutChange=function(){if(t.hoverRange){t.hoverRange=undefined}};this.reset=function(){var e,a,r,i,n,o;if(!Array.isArray(t.valueAsDate)&&t.valueAsDate&&((e=t.valueAsDate)===null||e===void 0?void 0:e.getTime())!==((a=t.activeDate)===null||a===void 0?void 0:a.getTime())){t.activeDate=new Date(t.valueAsDate)}if(t.startAsDate&&((r=t.startAsDate)===null||r===void 0?void 0:r.getTime())!==((i=t.activeStartDate)===null||i===void 0?void 0:i.getTime())){t.activeStartDate=new Date(t.startAsDate)}if(t.endAsDate&&((n=t.endAsDate)===null||n===void 0?void 0:n.getTime())!==((o=t.activeEndDate)===null||o===void 0?void 0:o.getTime())){t.activeEndDate=new Date(t.endAsDate)}};this.monthDateChange=function(e){var a=new Date(e.detail);if(!t.range){t.value=dateToISO(a);t.activeDate=a;return}if(!t.startAsDate||!t.endAsDate&&a<t.startAsDate){if(t.startAsDate){t.setEndDate(new Date(t.startAsDate))}if(t.activeRange=="end"){t.setEndDate(a)}else{t.setStartDate(a)}}else if(!t.endAsDate){t.setEndDate(a)}else{if(!t.proximitySelectionDisabled){if(t.activeRange){if(t.activeRange=="end"){t.setEndDate(a)}else{t.setStartDate(a)}}else{var r=getDaysDiff(a,t.startAsDate);var i=getDaysDiff(a,t.endAsDate);if(i===0||r<0){t.setStartDate(a)}else if(r===0||i<0){t.setEndDate(a)}else if(r<i){t.setStartDate(a)}else{t.setEndDate(a)}}}else{t.setStartDate(a);t.endAsDate=t.activeEndDate=t.end=undefined}}}}e.prototype.handleValueAsDate=function(e){if(!Array.isArray(e)&&e&&e!==this.activeDate){this.activeDate=e;this.calciteDatePickerChange.emit(e)}};e.prototype.handleRangeChange=function(){var e=this,t=e.startAsDate,a=e.endAsDate;this.activeEndDate=a;this.activeStartDate=t};e.prototype.onMinChanged=function(e){this.minAsDate=dateFromISO(e)};e.prototype.onMaxChanged=function(e){this.maxAsDate=dateFromISO(e)};e.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(e){return dateFromISO(e)}));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)}};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.loadLocaleData()];case 1:e.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};e.prototype.render=function(){var e;var t=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var a=this.range?this.getActiveStartDate(t,this.minAsDate,this.maxAsDate):this.getActiveDate(t,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"||((e=this.hoverRange)===null||e===void 0?void 0:e.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:t||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,t,i))};e.prototype.valueHandler=function(e){if(Array.isArray(e)){this.valueAsDate=e.map((function(e){return dateFromISO(e)}));this.start=e[0];this.end=e[1]}else if(e){this.valueAsDate=dateFromISO(e);this.start="";this.end=""}};e.prototype.startWatcher=function(e){this.setStartAsDate(dateFromISO(e))};e.prototype.endWatcher=function(e){this.setEndAsDate(dateFromISO(e))};e.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:e=this.locale;t=this;return[4,getLocaleData(e)];case 1:t.localeData=a.sent();return[2]}}))}))};e.prototype.renderCalendar=function(e,t,a,r,i){return this.localeData&&[h("calcite-date-picker-month-header",{activeDate:e,headingLevel:this.headingLevel||HEADING_LEVEL,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,localeData:this.localeData,max:t,min:a,onCalciteDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:this.activeRange==="end"?i:r||new Date}),h("calcite-date-picker-month",{activeDate:e,endDate:this.range?i:undefined,hoverRange:this.hoverRange,localeData:this.localeData,max:t,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})]};e.prototype.setStartAsDate=function(e,t){this.startAsDate=e;this.mostRecentRangeValue=this.startAsDate;if(t){this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}};e.prototype.setEndAsDate=function(e,t){this.endAsDate=e;this.mostRecentRangeValue=this.endAsDate;if(t){this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}};e.prototype.setEndDate=function(e){this.end=dateToISO(e);this.setEndAsDate(e,true);this.activeEndDate=e};e.prototype.setStartDate=function(e){this.start=dateToISO(e);this.setStartAsDate(e,true);this.activeStartDate=e};e.prototype.getActiveDate=function(e,t,a){return dateFromRange(this.activeDate,t,a)||e||dateFromRange(new Date,t,a)};e.prototype.getActiveStartDate=function(e,t,a){return dateFromRange(this.activeStartDate,t,a)||e||dateFromRange(new Date,t,a)};e.prototype.getActiveEndDate=function(e,t,a){return dateFromRange(this.activeEndDate,t,a)||e||dateFromRange(new Date,t,a)};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"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 e}();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:150ms ease-in-out}: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 e(e){var t=this;registerInstance(this,e);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(){!t.disabled&&t.calciteDaySelect.emit()};this.keyDownHandler=function(e){var a=e.key;if(a===" "||a==="Enter"){!t.disabled&&t.calciteDaySelect.emit()}}}e.prototype.mouseoverHandler=function(){this.calciteDayHover.emit({disabled:this.disabled})};e.prototype.render=function(){var e;var t=this;var a=String(this.day).split("").map((function(e){return t.localeData.numerals[e]})).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:(e={"day-v-wrapper":true},e[CSS_UTILITY.rtl]=r==="rtl",e)},h("div",{class:"day-wrapper"},h("span",{class:"day"},h("span",{class:"text"},a)))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();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:150ms ease-in-out}: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 e(e){var t=this;registerInstance(this,e);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(e){var a=t.el.dir==="rtl";switch(e.key){case"ArrowUp":e.preventDefault();t.addDays(-7);break;case"ArrowRight":e.preventDefault();t.addDays(a?-1:1);break;case"ArrowDown":e.preventDefault();t.addDays(7);break;case"ArrowLeft":e.preventDefault();t.addDays(a?1:-1);break;case"PageUp":e.preventDefault();t.addMonths(-1);break;case"PageDown":e.preventDefault();t.addMonths(1);break;case"Home":e.preventDefault();t.activeDate.setDate(1);t.addDays();break;case"End":e.preventDefault();t.activeDate.setDate(new Date(t.activeDate.getFullYear(),t.activeDate.getMonth()+1,0).getDate());t.addDays();break;case"Enter":case" ":e.preventDefault();break;case"Tab":t.activeFocus=false}};this.disableActiveFocus=function(){t.activeFocus=false};this.dayHover=function(e){var a=e.target;if(e.detail.disabled){t.calciteDatePickerMouseOut.emit()}else{t.calciteDatePickerHover.emit(a.value)}};this.daySelect=function(e){var a=e.target;t.calciteDatePickerSelect.emit(a.value)}}e.prototype.mouseoutHandler=function(){this.calciteDatePickerMouseOut.emit()};e.prototype.render=function(){var e=this;var t=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(t,a);var u=this.getPrevMonthdays(t,a,r);var f=this.getNextMonthDays(t,a,r);var p=__spreadArray(__spreadArray(__spreadArray([],u.map((function(r){var i=new Date(a,t-1,r);return e.renderDateDay(false,r,i)}))),d.map((function(r){var i=new Date(a,t,r);var n=sameDate(i,e.activeDate);return e.renderDateDay(n,r,i,true,true)}))),f.map((function(r){var i=new Date(a,t+1,r);return e.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(e){return h("span",{class:"week-header",role:"columnheader"},e)}))),g.map((function(e){return h("div",{class:"week-days",role:"row"},e)}))))};e.prototype.addMonths=function(e){var t=new Date(this.activeDate);t.setMonth(this.activeDate.getMonth()+e);this.calciteDatePickerActiveDateChange.emit(dateFromRange(t,this.min,this.max));this.activeFocus=true};e.prototype.addDays=function(e){if(e===void 0){e=0}var t=new Date(this.activeDate);t.setDate(this.activeDate.getDate()+e);this.calciteDatePickerActiveDateChange.emit(dateFromRange(t,this.min,this.max));this.activeFocus=true};e.prototype.getPrevMonthdays=function(e,t,a){var r=new Date(t,e,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};e.prototype.getCurrentMonthDays=function(e,t){var a=new Date(t,e+1,0).getDate();var r=[];for(var i=0;i<a;i++){r.push(i+1)}return r};e.prototype.getNextMonthDays=function(e,t,a){var r=new Date(t,e+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};e.prototype.betweenSelectedRange=function(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))};e.prototype.isSelected=function(e){return!!(sameDate(e,this.selectedDate)||this.startDate&&sameDate(e,this.startDate)||this.endDate&&sameDate(e,this.endDate))};e.prototype.isStartOfRange=function(e){return!!(this.startDate&&!sameDate(this.startDate,this.endDate)&&sameDate(this.startDate,e)&&!this.isEndOfRange(e))};e.prototype.isEndOfRange=function(e){return!!(this.endDate&&!sameDate(this.startDate,this.endDate)&&sameDate(this.endDate,e)||!this.endDate&&this.hoverRange&&sameDate(this.startDate,this.hoverRange.end)&&sameDate(e,this.hoverRange.end))};e.prototype.renderDateDay=function(e,t,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:e,class:{"hover--inside-range":this.startDate&&c,"hover--outside-range":this.startDate&&!c,"focused--start":s,"focused--end":!s},currentMonth:r,day:t,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(t){if(i&&e&&n.activeFocus){t===null||t===void 0?void 0:t.focus()}},scale:this.scale,selected:this.isSelected(a),startOfRange:this.isStartOfRange(a),value:a})};e.prototype.isFocusedOnStart=function(){var e;return((e=this.hoverRange)===null||e===void 0?void 0:e.focused)==="start"};e.prototype.isHoverInRange=function(){if(!this.hoverRange){return false}var e=this.hoverRange,t=e.start,a=e.end;return!!(!this.isFocusedOnStart()&&this.startDate&&(!this.endDate||a<this.endDate)||this.isFocusedOnStart()&&this.startDate&&t>this.startDate)};e.prototype.isRangeHover=function(e){if(!this.hoverRange){return false}var t=this.hoverRange,a=t.start,r=t.end;var i=this.isFocusedOnStart();var n=this.isHoverInRange();var o=n&&(!i&&e>this.startDate&&(e<r||sameDate(e,r))||i&&e<this.endDate&&(e>a||sameDate(e,a)));var s=!n&&(!i&&e>=this.endDate&&(e<r||sameDate(e,r))||i&&(e<this.startDate||this.endDate&&sameDate(e,this.startDate))&&(e>a||sameDate(e,a)));return o||s};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();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:150ms ease-in-out}: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 e(e){var t=this;registerInstance(this,e);this.calciteDatePickerSelect=createEvent(this,"calciteDatePickerSelect",7);this.onYearKey=function(e){var a=e.target.value;switch(e.key){case"ArrowDown":e.preventDefault();t.setYear(a,-1);break;case"ArrowUp":e.preventDefault();t.setYear(a,1);break}};this.yearChanged=function(e){t.setYear(e.target.value)};this.prevMonthClick=function(e){t.handleArrowClick(e,t.prevMonthDate)};this.prevMonthKeydown=function(e){var a=e.key;if(a===" "||a==="Enter"){t.prevMonthClick(e)}};this.nextMonthClick=function(e){t.handleArrowClick(e,t.nextMonthDate)};this.nextMonthKeydown=function(e){var a=e.key;if(a===" "||a==="Enter"){t.nextMonthClick(e)}};this.handleArrowClick=function(e,a){e===null||e===void 0?void 0:e.preventDefault();e.stopPropagation();t.calciteDatePickerSelect.emit(a)}}e.prototype.connectedCallback=function(){this.setNextPrevMonthDates()};e.prototype.render=function(){return h("div",{class:"header"},this.renderContent())};e.prototype.renderContent=function(){var e=this;var t;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=(t=this.localeData.year)===null||t===void 0?void 0:t.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(t){return e.yearInput=t},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})))};e.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)};e.prototype.setYear=function(e,t){if(t===void 0){t=0}var a=this,r=a.min,i=a.max,n=a.activeDate,o=a.localeData,s=a.yearInput;var c=parseNumber(e,o);var l=c.toString().length;var d=isNaN(c)?false:c+t;var h=d&&(!r||r.getFullYear()<=d)&&(!i||i.getFullYear()>=d);if(d&&h&&l===e.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(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}},enumerable:false,configurable:true});return e}();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-421133b2.js";import{a as getElementDir,C as CSS_UTILITY}from"./dom-f24e866c.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";import"./locale-86b789f9.js";import"./number-eb92427e.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:150ms ease-in-out}: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 e(e){var t=this;registerInstance(this,e);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(e){if(e.key==="Escape"){t.reset()}};this.monthHeaderSelectChange=function(e){var a=new Date(e.detail);if(!t.range){t.activeDate=a}else{if(t.activeRange==="end"){t.activeEndDate=a}else{t.activeStartDate=a}t.mostRecentRangeValue=a}};this.monthActiveDateChange=function(e){var a=new Date(e.detail);if(!t.range){t.activeDate=a}else{if(t.activeRange==="end"){t.activeEndDate=a}else{t.activeStartDate=a}t.mostRecentRangeValue=a}};this.monthHoverChange=function(e){if(!t.startAsDate){t.hoverRange=undefined;return}var a=new Date(e.detail);t.hoverRange={focused:t.activeRange||"start",start:t.startAsDate,end:t.endAsDate};if(!t.proximitySelectionDisabled){if(t.endAsDate){var r=getDaysDiff(a,t.startAsDate);var i=getDaysDiff(a,t.endAsDate);if(i>0){t.hoverRange.end=a;t.hoverRange.focused="end"}else if(r<0){t.hoverRange.start=a;t.hoverRange.focused="start"}else if(r>i){t.hoverRange.start=a;t.hoverRange.focused="start"}else{t.hoverRange.end=a;t.hoverRange.focused="end"}}else{if(a<t.startAsDate){t.hoverRange={focused:"start",start:a,end:t.startAsDate}}else{t.hoverRange.end=a;t.hoverRange.focused="end"}}}else{if(!t.endAsDate){if(a<t.startAsDate){t.hoverRange={focused:"start",start:a,end:t.startAsDate}}else{t.hoverRange.end=a;t.hoverRange.focused="end"}}else{t.hoverRange=undefined}}};this.monthMouseOutChange=function(){if(t.hoverRange){t.hoverRange=undefined}};this.reset=function(){var e,a,r,i,n,o;if(!Array.isArray(t.valueAsDate)&&t.valueAsDate&&((e=t.valueAsDate)===null||e===void 0?void 0:e.getTime())!==((a=t.activeDate)===null||a===void 0?void 0:a.getTime())){t.activeDate=new Date(t.valueAsDate)}if(t.startAsDate&&((r=t.startAsDate)===null||r===void 0?void 0:r.getTime())!==((i=t.activeStartDate)===null||i===void 0?void 0:i.getTime())){t.activeStartDate=new Date(t.startAsDate)}if(t.endAsDate&&((n=t.endAsDate)===null||n===void 0?void 0:n.getTime())!==((o=t.activeEndDate)===null||o===void 0?void 0:o.getTime())){t.activeEndDate=new Date(t.endAsDate)}};this.monthDateChange=function(e){var a=new Date(e.detail);if(!t.range){t.value=dateToISO(a);t.activeDate=a;return}if(!t.startAsDate||!t.endAsDate&&a<t.startAsDate){if(t.startAsDate){t.setEndDate(new Date(t.startAsDate))}if(t.activeRange=="end"){t.setEndDate(a)}else{t.setStartDate(a)}}else if(!t.endAsDate){t.setEndDate(a)}else{if(!t.proximitySelectionDisabled){if(t.activeRange){if(t.activeRange=="end"){t.setEndDate(a)}else{t.setStartDate(a)}}else{var r=getDaysDiff(a,t.startAsDate);var i=getDaysDiff(a,t.endAsDate);if(i===0||r<0){t.setStartDate(a)}else if(r===0||i<0){t.setEndDate(a)}else if(r<i){t.setStartDate(a)}else{t.setEndDate(a)}}}else{t.setStartDate(a);t.endAsDate=t.activeEndDate=t.end=undefined}}}}e.prototype.handleValueAsDate=function(e){if(!Array.isArray(e)&&e&&e!==this.activeDate){this.activeDate=e;this.calciteDatePickerChange.emit(e)}};e.prototype.handleRangeChange=function(){var e=this,t=e.startAsDate,a=e.endAsDate;this.activeEndDate=a;this.activeStartDate=t};e.prototype.onMinChanged=function(e){this.minAsDate=dateFromISO(e)};e.prototype.onMaxChanged=function(e){this.maxAsDate=dateFromISO(e)};e.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(e){return dateFromISO(e)}));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)}};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.loadLocaleData()];case 1:e.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};e.prototype.render=function(){var e;var t=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var a=this.range?this.getActiveStartDate(t,this.minAsDate,this.maxAsDate):this.getActiveDate(t,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"||((e=this.hoverRange)===null||e===void 0?void 0:e.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:t||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,t,i))};e.prototype.valueHandler=function(e){if(Array.isArray(e)){this.valueAsDate=e.map((function(e){return dateFromISO(e)}));this.start=e[0];this.end=e[1]}else if(e){this.valueAsDate=dateFromISO(e);this.start="";this.end=""}};e.prototype.startWatcher=function(e){this.setStartAsDate(dateFromISO(e))};e.prototype.endWatcher=function(e){this.setEndAsDate(dateFromISO(e))};e.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:e=this.locale;t=this;return[4,getLocaleData(e)];case 1:t.localeData=a.sent();return[2]}}))}))};e.prototype.renderCalendar=function(e,t,a,r,i){return this.localeData&&[h("calcite-date-picker-month-header",{activeDate:e,headingLevel:this.headingLevel||HEADING_LEVEL,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,localeData:this.localeData,max:t,min:a,onCalciteDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:this.activeRange==="end"?i:r||new Date}),h("calcite-date-picker-month",{activeDate:e,endDate:this.range?i:undefined,hoverRange:this.hoverRange,localeData:this.localeData,max:t,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})]};e.prototype.setStartAsDate=function(e,t){this.startAsDate=e;this.mostRecentRangeValue=this.startAsDate;if(t){this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}};e.prototype.setEndAsDate=function(e,t){this.endAsDate=e;this.mostRecentRangeValue=this.endAsDate;if(t){this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}};e.prototype.setEndDate=function(e){this.end=dateToISO(e);this.setEndAsDate(e,true);this.activeEndDate=e};e.prototype.setStartDate=function(e){this.start=dateToISO(e);this.setStartAsDate(e,true);this.activeStartDate=e};e.prototype.getActiveDate=function(e,t,a){return dateFromRange(this.activeDate,t,a)||e||dateFromRange(new Date,t,a)};e.prototype.getActiveStartDate=function(e,t,a){return dateFromRange(this.activeStartDate,t,a)||e||dateFromRange(new Date,t,a)};e.prototype.getActiveEndDate=function(e,t,a){return dateFromRange(this.activeEndDate,t,a)||e||dateFromRange(new Date,t,a)};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"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 e}();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:150ms ease-in-out}: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 e(e){var t=this;registerInstance(this,e);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(){!t.disabled&&t.calciteDaySelect.emit()};this.keyDownHandler=function(e){var a=e.key;if(a===" "||a==="Enter"){!t.disabled&&t.calciteDaySelect.emit()}}}e.prototype.mouseoverHandler=function(){this.calciteDayHover.emit({disabled:this.disabled})};e.prototype.render=function(){var e;var t=this;var a=String(this.day).split("").map((function(e){return t.localeData.numerals[e]})).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:(e={"day-v-wrapper":true},e[CSS_UTILITY.rtl]=r==="rtl",e)},h("div",{class:"day-wrapper"},h("span",{class:"day"},h("span",{class:"text"},a)))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();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:150ms ease-in-out}: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 e(e){var t=this;registerInstance(this,e);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(e){var a=t.el.dir==="rtl";switch(e.key){case"ArrowUp":e.preventDefault();t.addDays(-7);break;case"ArrowRight":e.preventDefault();t.addDays(a?-1:1);break;case"ArrowDown":e.preventDefault();t.addDays(7);break;case"ArrowLeft":e.preventDefault();t.addDays(a?1:-1);break;case"PageUp":e.preventDefault();t.addMonths(-1);break;case"PageDown":e.preventDefault();t.addMonths(1);break;case"Home":e.preventDefault();t.activeDate.setDate(1);t.addDays();break;case"End":e.preventDefault();t.activeDate.setDate(new Date(t.activeDate.getFullYear(),t.activeDate.getMonth()+1,0).getDate());t.addDays();break;case"Enter":case" ":e.preventDefault();break;case"Tab":t.activeFocus=false}};this.disableActiveFocus=function(){t.activeFocus=false};this.dayHover=function(e){var a=e.target;if(e.detail.disabled){t.calciteDatePickerMouseOut.emit()}else{t.calciteDatePickerHover.emit(a.value)}};this.daySelect=function(e){var a=e.target;t.calciteDatePickerSelect.emit(a.value)}}e.prototype.mouseoutHandler=function(){this.calciteDatePickerMouseOut.emit()};e.prototype.render=function(){var e=this;var t=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(t,a);var u=this.getPrevMonthdays(t,a,r);var f=this.getNextMonthDays(t,a,r);var p=__spreadArray(__spreadArray(__spreadArray([],u.map((function(r){var i=new Date(a,t-1,r);return e.renderDateDay(false,r,i)}))),d.map((function(r){var i=new Date(a,t,r);var n=sameDate(i,e.activeDate);return e.renderDateDay(n,r,i,true,true)}))),f.map((function(r){var i=new Date(a,t+1,r);return e.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(e){return h("span",{class:"week-header",role:"columnheader"},e)}))),g.map((function(e){return h("div",{class:"week-days",role:"row"},e)}))))};e.prototype.addMonths=function(e){var t=new Date(this.activeDate);t.setMonth(this.activeDate.getMonth()+e);this.calciteDatePickerActiveDateChange.emit(dateFromRange(t,this.min,this.max));this.activeFocus=true};e.prototype.addDays=function(e){if(e===void 0){e=0}var t=new Date(this.activeDate);t.setDate(this.activeDate.getDate()+e);this.calciteDatePickerActiveDateChange.emit(dateFromRange(t,this.min,this.max));this.activeFocus=true};e.prototype.getPrevMonthdays=function(e,t,a){var r=new Date(t,e,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};e.prototype.getCurrentMonthDays=function(e,t){var a=new Date(t,e+1,0).getDate();var r=[];for(var i=0;i<a;i++){r.push(i+1)}return r};e.prototype.getNextMonthDays=function(e,t,a){var r=new Date(t,e+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};e.prototype.betweenSelectedRange=function(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))};e.prototype.isSelected=function(e){return!!(sameDate(e,this.selectedDate)||this.startDate&&sameDate(e,this.startDate)||this.endDate&&sameDate(e,this.endDate))};e.prototype.isStartOfRange=function(e){return!!(this.startDate&&!sameDate(this.startDate,this.endDate)&&sameDate(this.startDate,e)&&!this.isEndOfRange(e))};e.prototype.isEndOfRange=function(e){return!!(this.endDate&&!sameDate(this.startDate,this.endDate)&&sameDate(this.endDate,e)||!this.endDate&&this.hoverRange&&sameDate(this.startDate,this.hoverRange.end)&&sameDate(e,this.hoverRange.end))};e.prototype.renderDateDay=function(e,t,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:e,class:{"hover--inside-range":this.startDate&&c,"hover--outside-range":this.startDate&&!c,"focused--start":s,"focused--end":!s},currentMonth:r,day:t,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(t){if(i&&e&&n.activeFocus){t===null||t===void 0?void 0:t.focus()}},scale:this.scale,selected:this.isSelected(a),startOfRange:this.isStartOfRange(a),value:a})};e.prototype.isFocusedOnStart=function(){var e;return((e=this.hoverRange)===null||e===void 0?void 0:e.focused)==="start"};e.prototype.isHoverInRange=function(){if(!this.hoverRange){return false}var e=this.hoverRange,t=e.start,a=e.end;return!!(!this.isFocusedOnStart()&&this.startDate&&(!this.endDate||a<this.endDate)||this.isFocusedOnStart()&&this.startDate&&t>this.startDate)};e.prototype.isRangeHover=function(e){if(!this.hoverRange){return false}var t=this.hoverRange,a=t.start,r=t.end;var i=this.isFocusedOnStart();var n=this.isHoverInRange();var o=n&&(!i&&e>this.startDate&&(e<r||sameDate(e,r))||i&&e<this.endDate&&(e>a||sameDate(e,a)));var s=!n&&(!i&&e>=this.endDate&&(e<r||sameDate(e,r))||i&&(e<this.startDate||this.endDate&&sameDate(e,this.startDate))&&(e>a||sameDate(e,a)));return o||s};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();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:150ms ease-in-out}: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 e(e){var t=this;registerInstance(this,e);this.calciteDatePickerSelect=createEvent(this,"calciteDatePickerSelect",7);this.onYearKey=function(e){var a=e.target.value;switch(e.key){case"ArrowDown":e.preventDefault();t.setYear(a,-1);break;case"ArrowUp":e.preventDefault();t.setYear(a,1);break}};this.yearChanged=function(e){t.setYear(e.target.value)};this.prevMonthClick=function(e){t.handleArrowClick(e,t.prevMonthDate)};this.prevMonthKeydown=function(e){var a=e.key;if(a===" "||a==="Enter"){t.prevMonthClick(e)}};this.nextMonthClick=function(e){t.handleArrowClick(e,t.nextMonthDate)};this.nextMonthKeydown=function(e){var a=e.key;if(a===" "||a==="Enter"){t.nextMonthClick(e)}};this.handleArrowClick=function(e,a){e===null||e===void 0?void 0:e.preventDefault();e.stopPropagation();t.calciteDatePickerSelect.emit(a)}}e.prototype.connectedCallback=function(){this.setNextPrevMonthDates()};e.prototype.render=function(){return h("div",{class:"header"},this.renderContent())};e.prototype.renderContent=function(){var e=this;var t;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=(t=this.localeData.year)===null||t===void 0?void 0:t.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(t){return e.yearInput=t},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})))};e.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)};e.prototype.setYear=function(e,t){if(t===void 0){t=0}var a=this,r=a.min,i=a.max,n=a.activeDate,o=a.localeData,s=a.yearInput;var c=parseNumber(e,o);var l=c.toString().length;var d=isNaN(c)?false:c+t;var h=d&&(!r||r.getFullYear()<=d)&&(!i||i.getFullYear()>=d);if(d&&h&&l===e.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(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}},enumerable:false,configurable:true});return e}();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};
|