@esri/calcite-components 1.0.0-next.358 → 1.0.0-next.361

package/dist/components/dom.js

@@ -122,10 +122,17 @@ async function focusElement(el) {
   }
   return isCalciteFocusable(el) ? el.setFocus() : el.focus();
 }
+const defaultSlotSelector = "> :not([slot])";
 function getSlotted(element, slotName, options) {
-  const slotSelector = Array.isArray(slotName)
-    ? slotName.map((name) => `[slot="${name}"]`).join(",")
-    : `[slot="${slotName}"]`;
+  if (!Array.isArray(slotName) && typeof slotName !== "string") {
+    options = slotName;
+    slotName = null;
+  }
+  const slotSelector = slotName
+    ? Array.isArray(slotName)
+      ? slotName.map((name) => `[slot="${name}"]`).join(",")
+      : `[slot="${slotName}"]`
+    : defaultSlotSelector;
   if (options === null || options === void 0 ? void 0 : options.all) {
     return queryMultiple(element, slotSelector, options);
   }
@@ -134,6 +141,9 @@ function getSlotted(element, slotName, options) {
 function queryMultiple(element, slotSelector, options) {
   let matches = Array.from(element.querySelectorAll(slotSelector));
   matches = options && options.direct === false ? matches : matches.filter((el) => el.parentElement === element);
+  if (slotSelector === defaultSlotSelector) {
+    matches = matches.filter((match) => match === null || match === void 0 ? void 0 : match.assignedSlot);
+  }
   const selector = options === null || options === void 0 ? void 0 : options.selector;
   return selector
     ? matches
@@ -144,9 +154,12 @@ function queryMultiple(element, slotSelector, options) {
 }
 function querySingle(element, slotSelector, options) {
   let match = element.querySelector(slotSelector);
+  if (slotSelector === defaultSlotSelector) {
+    match = (match === null || match === void 0 ? void 0 : match.assignedSlot) ? match : null;
+  }
   match = options && options.direct === false ? match : (match === null || match === void 0 ? void 0 : match.parentElement) === element ? match : null;
   const selector = options === null || options === void 0 ? void 0 : options.selector;
-  return selector ? match.querySelector(selector) : match;
+  return selector ? match === null || match === void 0 ? void 0 : match.querySelector(selector) : match;
 }
 function filterDirectChildren(el, selector) {
   return Array.from(el.children).filter((child) => child.matches(selector));

package/dist/components/locale.js

@@ -6,6 +6,7 @@ import { a as sanitizeExponentialNumberString, b as sanitizeDecimalString } from
 
 const locales = [
   "ar",
+  "bg",
   "bs",
   "ca",
   "cs",

package/dist/custom-elements/index.js

@@ -274,10 +274,17 @@ async function focusElement(el) {
   }
   return isCalciteFocusable(el) ? el.setFocus() : el.focus();
 }
+const defaultSlotSelector = "> :not([slot])";
 function getSlotted(element, slotName, options) {
-  const slotSelector = Array.isArray(slotName)
-    ? slotName.map((name) => `[slot="${name}"]`).join(",")
-    : `[slot="${slotName}"]`;
+  if (!Array.isArray(slotName) && typeof slotName !== "string") {
+    options = slotName;
+    slotName = null;
+  }
+  const slotSelector = slotName
+    ? Array.isArray(slotName)
+      ? slotName.map((name) => `[slot="${name}"]`).join(",")
+      : `[slot="${slotName}"]`
+    : defaultSlotSelector;
   if (options === null || options === void 0 ? void 0 : options.all) {
     return queryMultiple(element, slotSelector, options);
   }
@@ -286,6 +293,9 @@ function getSlotted(element, slotName, options) {
 function queryMultiple(element, slotSelector, options) {
   let matches = Array.from(element.querySelectorAll(slotSelector));
   matches = options && options.direct === false ? matches : matches.filter((el) => el.parentElement === element);
+  if (slotSelector === defaultSlotSelector) {
+    matches = matches.filter((match) => match === null || match === void 0 ? void 0 : match.assignedSlot);
+  }
   const selector = options === null || options === void 0 ? void 0 : options.selector;
   return selector
     ? matches
@@ -296,9 +306,12 @@ function queryMultiple(element, slotSelector, options) {
 }
 function querySingle(element, slotSelector, options) {
   let match = element.querySelector(slotSelector);
+  if (slotSelector === defaultSlotSelector) {
+    match = (match === null || match === void 0 ? void 0 : match.assignedSlot) ? match : null;
+  }
   match = options && options.direct === false ? match : (match === null || match === void 0 ? void 0 : match.parentElement) === element ? match : null;
   const selector = options === null || options === void 0 ? void 0 : options.selector;
-  return selector ? match.querySelector(selector) : match;
+  return selector ? match === null || match === void 0 ? void 0 : match.querySelector(selector) : match;
 }
 function filterDirectChildren(el, selector) {
   return Array.from(el.children).filter((child) => child.matches(selector));
@@ -10138,6 +10151,7 @@ function stringContainsNumbers(string) {
 
 const locales = [
   "ar",
+  "bg",
   "bs",
   "ca",
   "cs",
@@ -10625,6 +10639,7 @@ let CalciteDatePicker$1 = class extends HTMLElement$1 {
         this.value = date ? dateToISO(date) : "";
         this.valueAsDate = date || null;
         this.activeDate = date || null;
+        this.calciteDatePickerChange.emit(date);
         return;
       }
       if (!this.startAsDate || (!this.endAsDate && date < this.startAsDate)) {
@@ -10673,12 +10688,12 @@ let CalciteDatePicker$1 = class extends HTMLElement$1 {
           this.endAsDate = this.activeEndDate = this.end = undefined;
         }
       }
+      this.calciteDatePickerChange.emit(date);
     };
   }
   handleValueAsDate(date) {
     if (!Array.isArray(date) && date && date !== this.activeDate) {
       this.activeDate = date;
-      this.calciteDatePickerChange.emit(date);
     }
   }
   handleRangeChange() {
@@ -11416,19 +11431,21 @@ let CalciteDropdown$1 = class extends HTMLElement$1 {
       const key = e.key;
       if (this.triggers.includes(target) ||
         this.triggers.some((trigger) => trigger.contains(target))) {
-        if (target.nodeName !== "BUTTON" && target.nodeName !== "CALCITE-BUTTON") {
-          switch (key) {
-            case " ":
-            case "Enter":
-              this.openCalciteDropdown();
-              break;
-            case "Escape":
-              this.closeCalciteDropdown();
-              break;
+        const ignoredNodeTypes = ["BUTTON", "CALCITE-BUTTON", "CALCITE-ACTION"];
+        if (ignoredNodeTypes.includes(target.nodeName)) {
+          if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
+            this.closeCalciteDropdown();
           }
+          return;
         }
-        else if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
-          this.closeCalciteDropdown();
+        switch (key) {
+          case " ":
+          case "Enter":
+            this.openCalciteDropdown();
+            break;
+          case "Escape":
+            this.closeCalciteDropdown();
+            break;
         }
       }
     };
@@ -13005,8 +13022,7 @@ let CalciteInput$1 = class extends HTMLElement$1 {
         "Delete",
         "Enter",
         "Escape",
-        "Tab",
-        "-"
+        "Tab"
       ];
       if (event.altKey || event.ctrlKey || event.metaKey) {
         return;
@@ -13035,6 +13051,14 @@ let CalciteInput$1 = class extends HTMLElement$1 {
           return;
         }
       }
+      if (event.key === "-") {
+        if (!this.value && !this.childNumberEl.value) {
+          return;
+        }
+        if (this.value && this.childNumberEl.value.split("-").length <= 2) {
+          return;
+        }
+      }
       event.preventDefault();
     };
     this.nudgeNumberValue = (direction, nativeEvent) => {
@@ -13306,6 +13330,7 @@ let CalciteInputDatePicker$1 = class extends HTMLElement$1 {
     this.__attachShadow();
     this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 7);
     this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 7);
+    this.calciteInputDatePickerChange = createEvent(this, "calciteInputDatePickerChange", 7);
     this.calciteInputDatePickerOpen = createEvent(this, "calciteInputDatePickerOpen", 7);
     this.calciteInputDatePickerClose = createEvent(this, "calciteInputDatePickerClose", 7);
     //--------------------------------------------------------------------------
@@ -13457,6 +13482,9 @@ let CalciteInputDatePicker$1 = class extends HTMLElement$1 {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
+  handleDateOrRangeChange() {
+    this.calciteInputDatePickerChange.emit();
+  }
   calciteDaySelectHandler() {
     if (this.shouldFocusRangeStart() || this.shouldFocusRangeEnd()) {
       return;
@@ -13634,6 +13662,7 @@ let CalciteInputDatePicker$1 = class extends HTMLElement$1 {
     }
     if (!this.range) {
       this.value = dateToISO(date);
+      this.calciteDatePickerChange.emit(date);
       return;
     }
     const { focusedInput } = this;
@@ -25165,7 +25194,7 @@ const CalciteHandle = /*@__PURE__*/proxyCustomElement(CalciteHandle$1, [1,"calci
 const CalciteIcon = /*@__PURE__*/proxyCustomElement(CalciteIcon$1, [1,"calcite-icon",{"icon":[513],"flipRtl":[516,"flip-rtl"],"scale":[513],"textLabel":[1,"text-label"],"pathData":[32],"visible":[32]}]);
 const CalciteInlineEditable = /*@__PURE__*/proxyCustomElement(CalciteInlineEditable$1, [1,"calcite-inline-editable",{"disabled":[516],"editingEnabled":[1540,"editing-enabled"],"loading":[1540],"controls":[516],"intlEnableEditing":[513,"intl-enable-editing"],"intlCancelEditing":[513,"intl-cancel-editing"],"intlConfirmChanges":[513,"intl-confirm-changes"],"scale":[1537],"afterConfirm":[16]},[[0,"calciteInputBlur","blurHandler"]]]);
 const CalciteInput = /*@__PURE__*/proxyCustomElement(CalciteInput$1, [1,"calcite-input",{"alignment":[513],"autofocus":[4],"clearable":[516],"disabled":[516],"groupSeparator":[4,"group-separator"],"hidden":[4],"icon":[520],"intlLoading":[1,"intl-loading"],"iconFlipRtl":[516,"icon-flip-rtl"],"label":[1],"loading":[516],"locale":[1],"localeFormat":[4,"locale-format"],"max":[514],"min":[514],"maxlength":[514],"maxLength":[514,"max-length"],"minLength":[514,"min-length"],"name":[513],"numberButtonType":[513,"number-button-type"],"placeholder":[1],"prefixText":[1,"prefix-text"],"readOnly":[4,"read-only"],"required":[4],"scale":[1537],"status":[1537],"step":[520],"suffixText":[1,"suffix-text"],"editingEnabled":[1540,"editing-enabled"],"type":[513],"value":[1025],"localizedValue":[32]}]);
-const CalciteInputDatePicker = /*@__PURE__*/proxyCustomElement(CalciteInputDatePicker$1, [1,"calcite-input-date-picker",{"disabled":[516],"value":[1025],"headingLevel":[2,"heading-level"],"valueAsDate":[1040],"startAsDate":[1040],"endAsDate":[1040],"minAsDate":[1040],"maxAsDate":[1040],"min":[1025],"max":[1025],"active":[1540],"name":[1],"intlPrevMonth":[1,"intl-prev-month"],"intlNextMonth":[1,"intl-next-month"],"intlYear":[1,"intl-year"],"locale":[1],"scale":[513],"range":[516],"required":[516],"start":[1025],"end":[1025],"overlayPositioning":[1,"overlay-positioning"],"proximitySelectionDisabled":[4,"proximity-selection-disabled"],"layout":[513],"focusedInput":[32],"localeData":[32]},[[0,"calciteDaySelect","calciteDaySelectHandler"]]]);
+const CalciteInputDatePicker = /*@__PURE__*/proxyCustomElement(CalciteInputDatePicker$1, [1,"calcite-input-date-picker",{"disabled":[516],"value":[1025],"headingLevel":[2,"heading-level"],"valueAsDate":[1040],"startAsDate":[1040],"endAsDate":[1040],"minAsDate":[1040],"maxAsDate":[1040],"min":[1025],"max":[1025],"active":[1540],"name":[1],"intlPrevMonth":[1,"intl-prev-month"],"intlNextMonth":[1,"intl-next-month"],"intlYear":[1,"intl-year"],"locale":[1],"scale":[513],"range":[516],"required":[516],"start":[1025],"end":[1025],"overlayPositioning":[1,"overlay-positioning"],"proximitySelectionDisabled":[4,"proximity-selection-disabled"],"layout":[513],"focusedInput":[32],"localeData":[32]},[[0,"calciteDatePickerChange","handleDateOrRangeChange"],[0,"calciteDatePickerRangeChange","handleDateOrRangeChange"],[0,"calciteDaySelect","calciteDaySelectHandler"]]]);
 const CalciteInputMessage = /*@__PURE__*/proxyCustomElement(CalciteInputMessage$1, [1,"calcite-input-message",{"active":[516],"icon":[520],"scale":[1537],"status":[1537],"type":[513]}]);
 const CalciteInputTimePicker = /*@__PURE__*/proxyCustomElement(CalciteInputTimePicker$1, [1,"calcite-input-time-picker",{"active":[1540],"disabled":[516],"intlHour":[1,"intl-hour"],"intlHourDown":[1,"intl-hour-down"],"intlHourUp":[1,"intl-hour-up"],"intlMeridiem":[1,"intl-meridiem"],"intlMeridiemDown":[1,"intl-meridiem-down"],"intlMeridiemUp":[1,"intl-meridiem-up"],"intlMinute":[1,"intl-minute"],"intlMinuteDown":[1,"intl-minute-down"],"intlMinuteUp":[1,"intl-minute-up"],"intlSecond":[1,"intl-second"],"intlSecondDown":[1,"intl-second-down"],"intlSecondUp":[1,"intl-second-up"],"locale":[1025,"lang"],"name":[1],"required":[516],"scale":[513],"step":[2],"value":[1025],"localizedValue":[32]},[[0,"click","clickHandler"],[0,"keyup","keyUpHandler"],[0,"calciteTimePickerBlur","timePickerBlurHandler"],[0,"calciteTimePickerFocus","timePickerFocusHandler"]]]);
 const CalciteLabel = /*@__PURE__*/proxyCustomElement(CalciteLabel$1, [1,"calcite-label",{"alignment":[513],"status":[513],"for":[513],"scale":[513],"layout":[513],"disableSpacing":[4,"disable-spacing"],"disabled":[516]}]);

package/dist/esm/{CalciteExpandToggle-1b1bf600.js → CalciteExpandToggle-48b6e955.js}

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { f as forceUpdate, h } from './index-9de00868.js';
-import { a as getElementDir } from './dom-e55f9eaf.js';
+import { a as getElementDir } from './dom-037dc374.js';
 import { S as SLOTS } from './resources-584acd9b.js';
 import { S as SLOTS$1 } from './resources-7c6029b6.js';
 

package/dist/esm/calcite-accordion_2.entry.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-9de00868.js';
-import { d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-e55f9eaf.js';
+import { d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-037dc374.js';
 import './guid-196bd5ea.js';
 
 const calciteAccordionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-width:100%;border-width:1px;border-bottom-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2);line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}:host([appearance=minimal]){--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0;border-color:transparent}:host([appearance=transparent]){border-color:transparent;--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}";

package/dist/esm/calcite-action-bar.entry.js

@@ -3,8 +3,8 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { f as forceUpdate, r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
-import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, a as overflowActions, C as CalciteExpandToggle, g as getOverflowCount } from './CalciteExpandToggle-1b1bf600.js';
-import { f as focusElement, g as getSlotted } from './dom-e55f9eaf.js';
+import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, a as overflowActions, C as CalciteExpandToggle, g as getOverflowCount } from './CalciteExpandToggle-48b6e955.js';
+import { f as focusElement, g as getSlotted } from './dom-037dc374.js';
 import { c as createObserver } from './observers-8f0bc419.js';
 import { d as debounce } from './debounce-79648d42.js';
 import './resources-584acd9b.js';

package/dist/esm/calcite-action-group.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, F as Fragment, g as getElement } from './index-9de00868.js';
 import { S as SLOTS, I as ICONS, T as TEXT } from './resources-7c6029b6.js';
-import { g as getSlotted } from './dom-e55f9eaf.js';
+import { g as getSlotted } from './dom-037dc374.js';
 import { S as SLOTS$1 } from './resources-584acd9b.js';
 import './guid-196bd5ea.js';
 

package/dist/esm/calcite-action-menu.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-9de00868.js';
 import { C as CSS, I as ICONS, S as SLOTS } from './resources-584acd9b.js';
-import { g as getSlotted, f as focusElement } from './dom-e55f9eaf.js';
+import { g as getSlotted, f as focusElement } from './dom-037dc374.js';
 import { g as getRoundRobinIndex } from './array-91a648e2.js';
 import { g as guid } from './guid-196bd5ea.js';
 import { c as createObserver } from './observers-8f0bc419.js';

package/dist/esm/calcite-action-pad.entry.js

@@ -3,8 +3,8 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
-import { t as toggleChildActionText, C as CalciteExpandToggle } from './CalciteExpandToggle-1b1bf600.js';
-import { f as focusElement, g as getSlotted } from './dom-e55f9eaf.js';
+import { t as toggleChildActionText, C as CalciteExpandToggle } from './CalciteExpandToggle-48b6e955.js';
+import { f as focusElement, g as getSlotted } from './dom-037dc374.js';
 import './resources-584acd9b.js';
 import './resources-7c6029b6.js';
 import './guid-196bd5ea.js';

package/dist/esm/calcite-alert.entry.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
-import { s as setRequestedIcon } from './dom-e55f9eaf.js';
+import { s as setRequestedIcon } from './dom-037dc374.js';
 import { S as StatusIcons } from './interfaces-51dc4e1b.js';
 import './guid-196bd5ea.js';
 

package/dist/esm/calcite-avatar.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, g as getElement } from './index-9de00868.js';
 import { h as hexToRGB, i as isValidHex } from './utils-6beb0662.js';
-import { b as getThemeName } from './dom-e55f9eaf.js';
+import { b as getThemeName } from './dom-037dc374.js';
 import './guid-196bd5ea.js';
 
 /**

package/dist/esm/calcite-block_2.entry.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
-import { g as getSlotted, a as getElementDir } from './dom-e55f9eaf.js';
+import { g as getSlotted, a as getElementDir } from './dom-037dc374.js';
 import { C as CalciteHeading } from './CalciteHeading-1d6cd311.js';
 import './guid-196bd5ea.js';
 

package/dist/esm/calcite-button.entry.js

@@ -3,8 +3,8 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, h, g as getElement } from './index-9de00868.js';
-import { c as closestElementCrossShadowBoundary } from './dom-e55f9eaf.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-240ef148.js';
+import { c as closestElementCrossShadowBoundary } from './dom-037dc374.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-712646d2.js';
 import { c as createObserver } from './observers-8f0bc419.js';
 import './guid-196bd5ea.js';
 

package/dist/esm/calcite-checkbox.entry.js

@@ -4,9 +4,9 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
 import { g as guid } from './guid-196bd5ea.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-147bc6d7.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-240ef148.js';
-import './dom-e55f9eaf.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-72369b73.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-712646d2.js';
+import './dom-037dc374.js';
 
 const calciteCheckboxCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-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);overflow:hidden;width:var(--calcite-checkbox-size);height:var(--calcite-checkbox-size);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host .toggle:focus .check-svg,:host .toggle:active .check-svg{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);-webkit-transition:var(--calcite-animation-timing);transition:var(--calcite-animation-timing)}:host([disabled]){pointer-events:none;cursor:default;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}";
 

package/dist/esm/calcite-chip.entry.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-9de00868.js';
-import { g as getSlotted } from './dom-e55f9eaf.js';
+import { g as getSlotted } from './dom-037dc374.js';
 import { g as guid } from './guid-196bd5ea.js';
 
 const CSS = {

package/dist/esm/calcite-color-picker_3.entry.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-9de00868.js';
-import { f as focusElement, b as getThemeName } from './dom-e55f9eaf.js';
+import { f as focusElement, b as getThemeName } from './dom-037dc374.js';
 import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, h as hexToRGB, b as hexChar } from './utils-6beb0662.js';
 import { c as clamp } from './math-456207f5.js';
 import { d as debounce, i as isObject } from './debounce-79648d42.js';

package/dist/esm/calcite-combobox_3.entry.js

@@ -5,11 +5,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
 import { a as isSymbol, S as Symbol, d as debounce } from './debounce-79648d42.js';
 import { i as isArray, f as forIn } from './forIn-48d8fb84.js';
-import { u as updatePopper, c as createPopper, C as CSS$2 } from './popper-1814b3c1.js';
+import { u as updatePopper, c as createPopper, C as CSS$2 } from './popper-7a7fd3b5.js';
 import { g as guid } from './guid-196bd5ea.js';
-import { n as nodeListToArray, d as getElementProp } from './dom-e55f9eaf.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-240ef148.js';
-import { c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-147bc6d7.js';
+import { n as nodeListToArray, d as getElementProp } from './dom-037dc374.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-712646d2.js';
+import { c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-72369b73.js';
 import { c as createObserver } from './observers-8f0bc419.js';
 
 /**

package/dist/esm/calcite-date-picker_4.entry.js

@@ -3,10 +3,10 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-9de00868.js';
-import { T as TEXT, c as getDaysDiff, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, H as HEADING_LEVEL, s as sameDate, i as inRange, l as localizeNumber, e as getOrder, n as nextMonth, f as prevMonth, h as parseNumber } from './resources-74c807b4.js';
-import { a as getElementDir, C as CSS_UTILITY } from './dom-e55f9eaf.js';
+import { T as TEXT, c as getDaysDiff, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, H as HEADING_LEVEL, s as sameDate, i as inRange, l as localizeNumber, e as getOrder, n as nextMonth, f as prevMonth, h as parseNumber } from './resources-90193940.js';
+import { a as getElementDir, C as CSS_UTILITY } from './dom-037dc374.js';
 import { C as CalciteHeading } from './CalciteHeading-1d6cd311.js';
-import './locale-1b48f64f.js';
+import './locale-fc850b7c.js';
 import './number-8779395f.js';
 import './guid-196bd5ea.js';
 
@@ -173,6 +173,7 @@ let CalciteDatePicker = class {
         this.value = date ? dateToISO(date) : "";
         this.valueAsDate = date || null;
         this.activeDate = date || null;
+        this.calciteDatePickerChange.emit(date);
         return;
       }
       if (!this.startAsDate || (!this.endAsDate && date < this.startAsDate)) {
@@ -221,12 +222,12 @@ let CalciteDatePicker = class {
           this.endAsDate = this.activeEndDate = this.end = undefined;
         }
       }
+      this.calciteDatePickerChange.emit(date);
     };
   }
   handleValueAsDate(date) {
     if (!Array.isArray(date) && date && date !== this.activeDate) {
       this.activeDate = date;
-      this.calciteDatePickerChange.emit(date);
     }
   }
   handleRangeChange() {

package/dist/esm/calcite-dropdown_3.entry.js

@@ -3,8 +3,8 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
-import { f as focusElement, d as getElementProp } from './dom-e55f9eaf.js';
-import { C as CSS$2, u as updatePopper, c as createPopper } from './popper-1814b3c1.js';
+import { f as focusElement, d as getElementProp } from './dom-037dc374.js';
+import { C as CSS$2, u as updatePopper, c as createPopper } from './popper-7a7fd3b5.js';
 import { c as createObserver } from './observers-8f0bc419.js';
 import './guid-196bd5ea.js';
 
@@ -104,19 +104,21 @@ let CalciteDropdown = class {
       const key = e.key;
       if (this.triggers.includes(target) ||
         this.triggers.some((trigger) => trigger.contains(target))) {
-        if (target.nodeName !== "BUTTON" && target.nodeName !== "CALCITE-BUTTON") {
-          switch (key) {
-            case " ":
-            case "Enter":
-              this.openCalciteDropdown();
-              break;
-            case "Escape":
-              this.closeCalciteDropdown();
-              break;
+        const ignoredNodeTypes = ["BUTTON", "CALCITE-BUTTON", "CALCITE-ACTION"];
+        if (ignoredNodeTypes.includes(target.nodeName)) {
+          if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
+            this.closeCalciteDropdown();
           }
+          return;
         }
-        else if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
-          this.closeCalciteDropdown();
+        switch (key) {
+          case " ":
+          case "Enter":
+            this.openCalciteDropdown();
+            break;
+          case "Escape":
+            this.closeCalciteDropdown();
+            break;
         }
       }
     };

package/dist/esm/calcite-fab.entry.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, h, g as getElement } from './index-9de00868.js';
-import { f as focusElement } from './dom-e55f9eaf.js';
+import { f as focusElement } from './dom-037dc374.js';
 import './guid-196bd5ea.js';
 
 const CSS = {

package/dist/esm/calcite-filter.entry.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-9de00868.js';
-import { f as focusElement } from './dom-e55f9eaf.js';
+import { f as focusElement } from './dom-037dc374.js';
 import { d as debounce } from './debounce-79648d42.js';
 import { f as forIn } from './forIn-48d8fb84.js';
 import './guid-196bd5ea.js';

package/dist/esm/calcite-graph_2.entry.js

@@ -4,10 +4,10 @@
  */
 import { r as registerInstance, h, g as getElement, c as createEvent, H as Host } from './index-9de00868.js';
 import { g as guid } from './guid-196bd5ea.js';
-import { j as intersects } from './dom-e55f9eaf.js';
+import { j as intersects } from './dom-037dc374.js';
 import { d as decimalPlaces, c as clamp } from './math-456207f5.js';
-import { c as connectLabel, d as disconnectLabel } from './label-240ef148.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-147bc6d7.js';
+import { c as connectLabel, d as disconnectLabel } from './label-712646d2.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-72369b73.js';
 
 /**
  * Calculate slope of the tangents

package/dist/esm/calcite-icon.entry.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-9de00868.js';
-import { a as getElementDir } from './dom-e55f9eaf.js';
+import { a as getElementDir } from './dom-037dc374.js';
 import { c as createObserver } from './observers-8f0bc419.js';
 import './guid-196bd5ea.js';
 

package/dist/esm/calcite-inline-editable.entry.js

@@ -3,8 +3,8 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-9de00868.js';
-import { d as getElementProp } from './dom-e55f9eaf.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-240ef148.js';
+import { d as getElementProp } from './dom-037dc374.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-712646d2.js';
 import './guid-196bd5ea.js';
 
 const CSS = {

package/dist/esm/calcite-input-date-picker.entry.js

@@ -3,13 +3,13 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
-import { T as TEXT, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, s as sameDate, p as parseDateString, i as inRange } from './resources-74c807b4.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-240ef148.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-147bc6d7.js';
-import { u as updatePopper, C as CSS, c as createPopper } from './popper-1814b3c1.js';
-import './locale-1b48f64f.js';
+import { T as TEXT, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, s as sameDate, p as parseDateString, i as inRange } from './resources-90193940.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-712646d2.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-72369b73.js';
+import { u as updatePopper, C as CSS, c as createPopper } from './popper-7a7fd3b5.js';
+import './locale-fc850b7c.js';
 import './number-8779395f.js';
-import './dom-e55f9eaf.js';
+import './dom-037dc374.js';
 import './guid-196bd5ea.js';
 
 const calciteInputDatePickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.calendar-picker-wrapper{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);pointer-events:none;visibility:hidden}:host([active]) .menu-container{pointer-events:auto;visibility:visible}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
@@ -20,6 +20,7 @@ let CalciteInputDatePicker = class {
     registerInstance(this, hostRef);
     this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 7);
     this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 7);
+    this.calciteInputDatePickerChange = createEvent(this, "calciteInputDatePickerChange", 7);
     this.calciteInputDatePickerOpen = createEvent(this, "calciteInputDatePickerOpen", 7);
     this.calciteInputDatePickerClose = createEvent(this, "calciteInputDatePickerClose", 7);
     //--------------------------------------------------------------------------
@@ -171,6 +172,9 @@ let CalciteInputDatePicker = class {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
+  handleDateOrRangeChange() {
+    this.calciteInputDatePickerChange.emit();
+  }
   calciteDaySelectHandler() {
     if (this.shouldFocusRangeStart() || this.shouldFocusRangeEnd()) {
       return;
@@ -345,6 +349,7 @@ let CalciteInputDatePicker = class {
     }
     if (!this.range) {
       this.value = dateToISO(date);
+      this.calciteDatePickerChange.emit(date);
       return;
     }
     const { focusedInput } = this;

package/dist/esm/calcite-input-message.entry.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-9de00868.js';
-import { s as setRequestedIcon, d as getElementProp } from './dom-e55f9eaf.js';
+import { s as setRequestedIcon, d as getElementProp } from './dom-037dc374.js';
 import './guid-196bd5ea.js';
 
 var StatusIconDefaults;