@esri/calcite-components 1.0.0-next.557 → 1.0.0-next.558

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

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-06221bfb.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, e as getOrder, n as nextMonth, f as prevMonth, l as localizeNumber, h as parseNumber } from './resources-f6b51a5c.js';
-import { a as getElementDir } from './dom-42491565.js';
-import { C as CSS_UTILITY } from './resources-8fc2f7f1.js';
-import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
-import { i as isActivationKey } from './key-22a0f143.js';
-import { H as Heading } from './Heading-ca8012f3.js';
-import './locale-88c03f90.js';
-import './guid-73322791.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-c054e517.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, e as getOrder, n as nextMonth, f as prevMonth, l as localizeNumber, h as parseNumber } from './resources-e4516415.js';
+import { a as getElementDir } from './dom-c10efc2c.js';
+import { C as CSS_UTILITY } from './resources-db29e676.js';
+import { u as updateHostInteraction } from './interactive-8995ce7f.js';
+import { i as isActivationKey } from './key-9207ff34.js';
+import { H as Heading } from './Heading-047b0cdc.js';
+import './locale-16ed87c7.js';
+import './guid-474ffdfd.js';
 
 const datePickerCss = "@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{position:relative;display:inline-block;inline-size:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-inline-size:216px}:host([scale=m]){max-inline-size:286px}:host([scale=l]){max-inline-size:398px}";
 
@@ -465,9 +465,9 @@ const DatePickerDay = class {
       !this.disabled && this.calciteDaySelect.emit();
     };
     this.keyDownHandler = (event) => {
-      const { key } = event;
-      if (isActivationKey(key)) {
+      if (isActivationKey(event.key)) {
         !this.disabled && this.calciteDaySelect.emit();
+        event.preventDefault();
       }
     };
   }
@@ -514,6 +514,9 @@ const DatePickerMonth = class {
     //
     //--------------------------------------------------------------------------
     this.keyDownHandler = (event) => {
+      if (event.defaultPrevented) {
+        return;
+      }
       const isRTL = this.el.dir === "rtl";
       switch (event.key) {
         case "ArrowUp":
@@ -843,8 +846,7 @@ const DatePickerMonthHeader = class {
       this.handleArrowClick(event, this.prevMonthDate);
     };
     this.prevMonthKeydown = (event) => {
-      const { key } = event;
-      if (isActivationKey(key)) {
+      if (isActivationKey(event.key)) {
         this.prevMonthClick(event);
       }
     };
@@ -852,8 +854,7 @@ const DatePickerMonthHeader = class {
       this.handleArrowClick(event, this.nextMonthDate);
     };
     this.nextMonthKeydown = (event) => {
-      const { key } = event;
-      if (isActivationKey(key)) {
+      if (isActivationKey(event.key)) {
         this.nextMonthClick(event);
       }
     };
@@ -861,8 +862,7 @@ const DatePickerMonthHeader = class {
      * Update active month on clicks of left/right arrows
      */
     this.handleArrowClick = (event, date) => {
-      event === null || event === void 0 ? void 0 : event.preventDefault();
-      event.stopPropagation();
+      event.preventDefault();
       this.calciteDatePickerSelect.emit(date);
     };
   }

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

@@ -1,16 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06221bfb.js';
-import { t as toAriaBoolean, f as focusElement, d as getElementProp } from './dom-42491565.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, a as disconnectFloatingUI, F as FloatingCSS, p as positionFloatingUI } from './floating-ui-f2ddd7c3.js';
-import { c as createObserver } from './observers-9d4ab86b.js';
-import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-56a35411.js';
-import { g as guid } from './guid-73322791.js';
-import './resources-8fc2f7f1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c054e517.js';
+import { t as toAriaBoolean, f as focusElement, d as getElementProp } from './dom-c10efc2c.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, a as disconnectFloatingUI, F as FloatingCSS, p as positionFloatingUI } from './floating-ui-406554be.js';
+import { c as createObserver } from './observers-3abc495b.js';
+import { u as updateHostInteraction } from './interactive-8995ce7f.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-0e0f40f0.js';
+import { g as guid } from './guid-474ffdfd.js';
+import { i as isActivationKey } from './key-9207ff34.js';
+import './resources-db29e676.js';
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"
@@ -167,19 +168,29 @@ const Dropdown = class {
       if (target !== this.referenceEl) {
         return;
       }
-      const { key } = event;
-      if (this.open && (key === "Escape" || (event.shiftKey && key === "Tab"))) {
-        this.closeCalciteDropdown();
+      const { defaultPrevented, key } = event;
+      if (defaultPrevented) {
         return;
       }
-      switch (key) {
-        case " ":
-        case "Enter":
-          this.openCalciteDropdown();
-          break;
-        case "Escape":
+      if (this.open) {
+        if (key === "Escape") {
           this.closeCalciteDropdown();
-          break;
+          event.preventDefault();
+          return;
+        }
+        else if (event.shiftKey && key === "Tab") {
+          this.closeCalciteDropdown();
+          event.preventDefault();
+          return;
+        }
+      }
+      if (isActivationKey(key)) {
+        this.openCalciteDropdown();
+        event.preventDefault();
+      }
+      else if (key === "Escape") {
+        this.closeCalciteDropdown();
+        event.preventDefault();
       }
     };
     this.focusOnFirstActiveOrFirstItem = () => {

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

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, h, g as getElement } from './index-06221bfb.js';
-import { f as focusElement } from './dom-42491565.js';
-import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
-import './resources-8fc2f7f1.js';
-import './guid-73322791.js';
+import { r as registerInstance, h, g as getElement } from './index-c054e517.js';
+import { f as focusElement } from './dom-c10efc2c.js';
+import { u as updateHostInteraction } from './interactive-8995ce7f.js';
+import './resources-db29e676.js';
+import './guid-474ffdfd.js';
 
 const CSS = {
   button: "button"

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

@@ -1,15 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-06221bfb.js';
-import { f as focusElement } from './dom-42491565.js';
-import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
-import { f as filter } from './filter-099dc292.js';
-import { d as debounce } from './debounce-841521b1.js';
-import './resources-8fc2f7f1.js';
-import './guid-73322791.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-c054e517.js';
+import { f as focusElement } from './dom-c10efc2c.js';
+import { u as updateHostInteraction } from './interactive-8995ce7f.js';
+import { f as filter } from './filter-117ae85d.js';
+import { d as debounce } from './debounce-5345e0be.js';
+import './resources-db29e676.js';
+import './guid-474ffdfd.js';
 
 const CSS = {
   container: "container",
@@ -73,6 +73,7 @@ const Filter = class {
     this.keyDownHandler = (event) => {
       if (event.key === "Escape") {
         this.clear();
+        event.preventDefault();
       }
       if (event.key === "Enter") {
         event.preventDefault();

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

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, h, g as getElement } from './index-06221bfb.js';
-import { c as createObserver } from './observers-9d4ab86b.js';
+import { r as registerInstance, h, g as getElement } from './index-c054e517.js';
+import { c as createObserver } from './observers-3abc495b.js';
 
 const CSS = {
   frame: "frame",

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

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-06221bfb.js';
-import { g as guid } from './guid-73322791.js';
-import { c as createObserver } from './observers-9d4ab86b.js';
-import { h as intersects } from './dom-42491565.js';
-import { d as decimalPlaces, c as clamp } from './math-e44d4881.js';
-import { c as connectLabel, d as disconnectLabel } from './label-1b193aff.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-ad1965a4.js';
-import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
-import { i as isActivationKey } from './key-22a0f143.js';
-import './resources-8fc2f7f1.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-c054e517.js';
+import { g as guid } from './guid-474ffdfd.js';
+import { c as createObserver } from './observers-3abc495b.js';
+import { h as intersects } from './dom-c10efc2c.js';
+import { d as decimalPlaces, c as clamp } from './math-f945d4d5.js';
+import { c as connectLabel, d as disconnectLabel } from './label-6adb2d63.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-1bdffa27.js';
+import { u as updateHostInteraction } from './interactive-8995ce7f.js';
+import { i as isActivationKey } from './key-9207ff34.js';
+import './resources-db29e676.js';
 
 /**
  * Calculate slope of the tangents
@@ -246,17 +246,17 @@ const Slider = class {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Disable and gray out the slider */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /** Indicates if a histogram is present */
+    /** When true, indicates a histogram is present. */
     this.hasHistogram = false;
-    /** Label handles with their numeric value */
+    /** When true, displays label handles with their numeric value. */
     this.labelHandles = false;
-    /** Label tick marks with their numeric value. */
+    /** When true and "ticks" is specified, displays label tick marks with their numeric value. */
     this.labelTicks = false;
-    /** Maximum selectable value */
+    /** The component's maximum selectable value. */
     this.max = 100;
-    /** Minimum selectable value */
+    /** The component's minimum selectable value. */
     this.min = 0;
     /**
      * When true, the slider will display values from high to low.
@@ -264,20 +264,20 @@ const Slider = class {
      * Note that this value will be ignored if the slider has an associated histogram.
      */
     this.mirrored = false;
-    /** Use finer point for handles */
+    /** When true, sets a finer point for handles. */
     this.precise = false;
     /**
-     * When true, makes the component required for form-submission.
+     * When true, the component must have a value on form submission.
      */
     this.required = false;
-    /** When true, enables snap selection along the step interval */
+    /** When true, enables snap selection in coordination with "step" via a mouse. */
     this.snap = false;
-    /** Interval to move on up/down keys */
+    /** Specifies the interval to move with the up, or down keys. */
     this.step = 1;
-    /** Currently selected number (if single select) */
+    /** The component's value. */
     this.value = 0;
     /**
-     * Specify the scale of the slider, defaults to m
+     *  Specifies the size of the component.
      */
     this.scale = "m";
     this.guid = `calcite-slider-${guid()}`;

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

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-06221bfb.js';
-import { t as toAriaBoolean } from './dom-42491565.js';
-import './resources-8fc2f7f1.js';
-import './guid-73322791.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-c054e517.js';
+import { t as toAriaBoolean } from './dom-c10efc2c.js';
+import './resources-db29e676.js';
+import './guid-474ffdfd.js';
 
 const CSS = {
   handle: "handle",
@@ -44,12 +44,14 @@ const Handle = class {
       switch (event.key) {
         case " ":
           this.activated = !this.activated;
+          event.preventDefault();
           break;
         case "ArrowUp":
         case "ArrowDown":
           if (!this.activated) {
             return;
           }
+          event.preventDefault();
           const direction = event.key.toLowerCase().replace("arrow", "");
           this.calciteHandleNudge.emit({ handle: this.el, direction });
           break;

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

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-06221bfb.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-42491565.js';
-import { c as createObserver } from './observers-9d4ab86b.js';
-import './resources-8fc2f7f1.js';
-import './guid-73322791.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-c054e517.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-c10efc2c.js';
+import { c as createObserver } from './observers-3abc495b.js';
+import './resources-db29e676.js';
+import './guid-474ffdfd.js';
 
 const CSS = {
   icon: "icon",

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

@@ -1,15 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-06221bfb.js';
-import { d as getElementProp, g as getSlotted } from './dom-42491565.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1b193aff.js';
-import { c as createObserver } from './observers-9d4ab86b.js';
-import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
-import './resources-8fc2f7f1.js';
-import './guid-73322791.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-c054e517.js';
+import { d as getElementProp, g as getSlotted } from './dom-c10efc2c.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-6adb2d63.js';
+import { c as createObserver } from './observers-3abc495b.js';
+import { u as updateHostInteraction } from './interactive-8995ce7f.js';
+import './resources-db29e676.js';
+import './guid-474ffdfd.js';
 
 const CSS = {
   wrapper: "wrapper",
@@ -88,20 +88,23 @@ const InlineEditable = class {
     };
     this.escapeKeyHandler = async (event) => {
       var _a;
-      if (event.key !== "Escape") {
-        if (event.key === "Tab" && this.shouldShowControls) {
-          if (!event.shiftKey && event.target === this.inputElement) {
-            event.preventDefault();
-            this.cancelEditingButton.setFocus();
-          }
-          if (!!event.shiftKey && event.target === this.cancelEditingButton) {
-            event.preventDefault();
-            (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
-          }
-        }
+      if (event.defaultPrevented) {
         return;
       }
-      this.cancelEditing();
+      if (event.key === "Escape") {
+        event.preventDefault();
+        this.cancelEditing();
+      }
+      if (event.key === "Tab" && this.shouldShowControls) {
+        if (!event.shiftKey && event.target === this.inputElement) {
+          event.preventDefault();
+          this.cancelEditingButton.setFocus();
+        }
+        if (!!event.shiftKey && event.target === this.cancelEditingButton) {
+          event.preventDefault();
+          (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
+        }
+      }
     };
     this.cancelEditingHandler = async (event) => {
       event.preventDefault();

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

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06221bfb.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-f6b51a5c.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1b193aff.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-ad1965a4.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-f2ddd7c3.js';
-import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
-import { t as toAriaBoolean } from './dom-42491565.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-56a35411.js';
-import './locale-88c03f90.js';
-import './key-22a0f143.js';
-import './resources-8fc2f7f1.js';
-import './guid-73322791.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c054e517.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-e4516415.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-6adb2d63.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-1bdffa27.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-406554be.js';
+import { u as updateHostInteraction } from './interactive-8995ce7f.js';
+import { t as toAriaBoolean } from './dom-c10efc2c.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-0e0f40f0.js';
+import './locale-16ed87c7.js';
+import './key-9207ff34.js';
+import './resources-db29e676.js';
+import './guid-474ffdfd.js';
 
 const CSS = {
   menu: "menu-container",
@@ -129,13 +129,17 @@ const InputDatePicker = class {
     this.deactivate = () => {
       this.open = false;
     };
-    this.keyDownHandler = ({ defaultPrevented, key }) => {
+    this.keyDownHandler = (event) => {
+      const { defaultPrevented, key } = event;
       if (key === "Enter" && !defaultPrevented) {
-        submitForm(this);
+        if (submitForm(this)) {
+          event.preventDefault();
+        }
       }
-      else if (key === "Escape") {
+      else if (key === "Escape" && !defaultPrevented) {
         this.active = false;
         this.open = false;
+        event.preventDefault();
       }
     };
     this.inputBlur = (event) => {

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

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-06221bfb.js';
-import { s as setRequestedIcon, d as getElementProp } from './dom-42491565.js';
-import './resources-8fc2f7f1.js';
-import './guid-73322791.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c054e517.js';
+import { s as setRequestedIcon, d as getElementProp } from './dom-c10efc2c.js';
+import './resources-db29e676.js';
+import './guid-474ffdfd.js';
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06221bfb.js';
-import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-42491565.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1b193aff.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-ad1965a4.js';
-import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-88c03f90.js';
-import { n as numberKeys } from './key-22a0f143.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-8fc2f7f1.js';
-import { d as decimalPlaces } from './math-e44d4881.js';
-import { c as createObserver } from './observers-9d4ab86b.js';
-import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
-import './guid-73322791.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c054e517.js';
+import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-c10efc2c.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-6adb2d63.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-1bdffa27.js';
+import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-16ed87c7.js';
+import { n as numberKeys } from './key-9207ff34.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-db29e676.js';
+import { d as decimalPlaces } from './math-f945d4d5.js';
+import { c as createObserver } from './observers-3abc495b.js';
+import { u as updateHostInteraction } from './interactive-8995ce7f.js';
+import './guid-474ffdfd.js';
 
 const CSS = {
   loader: "loader",
@@ -135,7 +135,9 @@ const InputNumber = class {
         event.preventDefault();
       }
       if (event.key === "Enter" && !event.defaultPrevented) {
-        submitForm(this);
+        if (submitForm(this)) {
+          event.preventDefault();
+        }
       }
     };
     this.clearInputValue = (nativeEvent) => {

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06221bfb.js';
-import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-42491565.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1b193aff.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-ad1965a4.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-8fc2f7f1.js';
-import { c as createObserver } from './observers-9d4ab86b.js';
-import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
-import './guid-73322791.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c054e517.js';
+import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-c10efc2c.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-6adb2d63.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-1bdffa27.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-db29e676.js';
+import { c as createObserver } from './observers-3abc495b.js';
+import { u as updateHostInteraction } from './interactive-8995ce7f.js';
+import './guid-474ffdfd.js';
 
 const CSS = {
   loader: "loader",
@@ -115,7 +115,9 @@ const InputText = class {
         event.preventDefault();
       }
       if (event.key === "Enter" && !event.defaultPrevented) {
-        submitForm(this);
+        if (submitForm(this)) {
+          event.preventDefault();
+        }
       }
     };
     this.clearInputTextValue = (nativeEvent) => {