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

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

@@ -1,20 +1,21 @@
 /*!
  * 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.555
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0574569e.js';
-import { f as filter } from './filter-752f4716.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-4945e4cf.js';
-import { g as guid } from './guid-9fa1232c.js';
-import { n as nodeListToArray, t as toAriaBoolean, d as getElementProp, g as getSlotted } from './dom-857f52aa.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-771af339.js';
-import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-f701eca6.js';
-import { c as createObserver } from './observers-f804dccd.js';
-import { u as updateHostInteraction } from './interactive-dbfd10e0.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-71b8504c.js';
-import { d as debounce } from './debounce-a98ec801.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-68e70981.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c054e517.js';
+import { f as filter } from './filter-117ae85d.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 { g as guid } from './guid-474ffdfd.js';
+import { n as nodeListToArray, t as toAriaBoolean, 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 { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-1bdffa27.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 { d as debounce } from './debounce-5345e0be.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-26b969d3.js';
+import './resources-db29e676.js';
 
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -81,7 +82,12 @@ const Combobox = class {
     this.disabled = false;
     /** Specify the maximum number of combobox items (including nested children) to display before showing the scroller */
     this.maxItems = 0;
-    /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
+    /**
+     * Determines the type of positioning to use for the overlaid content.
+     *
+     * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+     *
+     */
     this.overlayPositioning = "absolute";
     /**
      * When true, makes the component required for form-submission.
@@ -163,19 +169,22 @@ const Combobox = class {
           break;
         case "ArrowLeft":
           this.previousChip();
+          event.preventDefault();
           break;
         case "ArrowRight":
           this.nextChip();
+          event.preventDefault();
           break;
         case "ArrowUp":
+          event.preventDefault();
           this.shiftActiveItemIndex(-1);
           if (!this.comboboxInViewport()) {
             this.el.scrollIntoView();
           }
           break;
         case "ArrowDown":
+          event.preventDefault();
           if (!this.open) {
-            event.preventDefault();
             this.open = true;
           }
           this.shiftActiveItemIndex(1);
@@ -191,9 +200,10 @@ const Combobox = class {
           }
           break;
         case "Home":
-          if (this.open) {
-            event.preventDefault();
+          if (!this.open) {
+            return;
           }
+          event.preventDefault();
           this.updateActiveItemIndex(0);
           this.scrollToActiveItem();
           if (!this.comboboxInViewport()) {
@@ -201,9 +211,10 @@ const Combobox = class {
           }
           break;
         case "End":
-          if (this.open) {
-            event.preventDefault();
+          if (!this.open) {
+            return;
           }
+          event.preventDefault();
           this.updateActiveItemIndex(this.visibleItems.length - 1);
           this.scrollToActiveItem();
           if (!this.comboboxInViewport()) {
@@ -212,27 +223,35 @@ const Combobox = class {
           break;
         case "Escape":
           this.open = false;
+          event.preventDefault();
           break;
         case "Enter":
           if (this.activeItemIndex > -1) {
             this.toggleSelection(this.visibleItems[this.activeItemIndex]);
+            event.preventDefault();
           }
           else if (this.activeChipIndex > -1) {
             this.removeActiveChip();
+            event.preventDefault();
           }
           else if (this.allowCustomValues && this.text) {
             this.addCustomChip(this.text, true);
+            event.preventDefault();
           }
           else if (!event.defaultPrevented) {
-            submitForm(this);
+            if (submitForm(this)) {
+              event.preventDefault();
+            }
           }
           break;
         case "Delete":
         case "Backspace":
           if (this.activeChipIndex > -1) {
+            event.preventDefault();
             this.removeActiveChip();
           }
           else if (!this.text && this.isMulti()) {
+            event.preventDefault();
             this.removeLastChip();
           }
           break;

package/dist/esm/calcite-date-picker_4.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.555
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-0574569e.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-e8a5c846.js';
-import { a as getElementDir, C as CSS_UTILITY } from './dom-857f52aa.js';
-import { u as updateHostInteraction } from './interactive-dbfd10e0.js';
-import { H as Heading } from './Heading-b360e930.js';
-import './locale-90025a6e.js';
-import './key-919e156a.js';
-import './guid-9fa1232c.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}";
 
@@ -464,9 +465,9 @@ const DatePickerDay = class {
       !this.disabled && this.calciteDaySelect.emit();
     };
     this.keyDownHandler = (event) => {
-      const key = event.key;
-      if (key === " " || key === "Enter") {
+      if (isActivationKey(event.key)) {
         !this.disabled && this.calciteDaySelect.emit();
+        event.preventDefault();
       }
     };
   }
@@ -513,6 +514,9 @@ const DatePickerMonth = class {
     //
     //--------------------------------------------------------------------------
     this.keyDownHandler = (event) => {
+      if (event.defaultPrevented) {
+        return;
+      }
       const isRTL = this.el.dir === "rtl";
       switch (event.key) {
         case "ArrowUp":
@@ -842,8 +846,7 @@ const DatePickerMonthHeader = class {
       this.handleArrowClick(event, this.prevMonthDate);
     };
     this.prevMonthKeydown = (event) => {
-      const key = event.key;
-      if (key === " " || key === "Enter") {
+      if (isActivationKey(event.key)) {
         this.prevMonthClick(event);
       }
     };
@@ -851,8 +854,7 @@ const DatePickerMonthHeader = class {
       this.handleArrowClick(event, this.nextMonthDate);
     };
     this.nextMonthKeydown = (event) => {
-      const key = event.key;
-      if (key === " " || key === "Enter") {
+      if (isActivationKey(event.key)) {
         this.nextMonthClick(event);
       }
     };
@@ -860,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,15 +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.555
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0574569e.js';
-import { t as toAriaBoolean, f as focusElement, d as getElementProp } from './dom-857f52aa.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, a as disconnectFloatingUI, F as FloatingCSS, p as positionFloatingUI } from './floating-ui-4945e4cf.js';
-import { c as createObserver } from './observers-f804dccd.js';
-import { u as updateHostInteraction } from './interactive-dbfd10e0.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-71b8504c.js';
-import { g as guid } from './guid-9fa1232c.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"
@@ -50,7 +52,12 @@ const Dropdown = class {
      this value does not include groupTitles passed to calcite-dropdown-group
      */
     this.maxItems = 0;
-    /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
+    /**
+     * Determines the type of positioning to use for the overlaid content.
+     *
+     * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+     *
+     */
     this.overlayPositioning = "absolute";
     /**
      * Determines where the dropdown will be positioned relative to the button.
@@ -161,19 +168,29 @@ const Dropdown = class {
       if (target !== this.referenceEl) {
         return;
       }
-      const key = event.key;
-      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();
+          event.preventDefault();
+          return;
+        }
+        else if (event.shiftKey && key === "Tab") {
           this.closeCalciteDropdown();
-          break;
+          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,12 +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.555
+ * v1.0.0-next.558
  */
-import { r as registerInstance, h, g as getElement } from './index-0574569e.js';
-import { f as focusElement } from './dom-857f52aa.js';
-import { u as updateHostInteraction } from './interactive-dbfd10e0.js';
-import './guid-9fa1232c.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,14 +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.555
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-0574569e.js';
-import { f as focusElement } from './dom-857f52aa.js';
-import { u as updateHostInteraction } from './interactive-dbfd10e0.js';
-import { f as filter } from './filter-752f4716.js';
-import { d as debounce } from './debounce-a98ec801.js';
-import './guid-9fa1232c.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",
@@ -72,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.555
+ * v1.0.0-next.558
  */
-import { r as registerInstance, h, g as getElement } from './index-0574569e.js';
-import { c as createObserver } from './observers-f804dccd.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,16 +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.555
+ * v1.0.0-next.558
  */
-import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-0574569e.js';
-import { g as guid } from './guid-9fa1232c.js';
-import { c as createObserver } from './observers-f804dccd.js';
-import { h as intersects } from './dom-857f52aa.js';
-import { d as decimalPlaces, c as clamp } from './math-1c325da4.js';
-import { c as connectLabel, d as disconnectLabel } from './label-771af339.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-f701eca6.js';
-import { u as updateHostInteraction } from './interactive-dbfd10e0.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
@@ -244,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.
@@ -262,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()}`;
@@ -565,8 +567,8 @@ const Slider = class {
     const mirror = this.shouldMirror();
     const { activeProp, max, min, pageStep, step } = this;
     const value = this[activeProp];
-    const key = event.key;
-    if (key === "Enter" || key === " ") {
+    const { key } = event;
+    if (isActivationKey(key)) {
       event.preventDefault();
       return;
     }

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

@@ -1,11 +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.555
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0574569e.js';
-import { t as toAriaBoolean } from './dom-857f52aa.js';
-import './guid-9fa1232c.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",
@@ -43,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,12 +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.555
+ * v1.0.0-next.558
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-0574569e.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-857f52aa.js';
-import { c as createObserver } from './observers-f804dccd.js';
-import './guid-9fa1232c.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,14 +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.555
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0574569e.js';
-import { d as getElementProp, g as getSlotted } from './dom-857f52aa.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-771af339.js';
-import { c as createObserver } from './observers-f804dccd.js';
-import { u as updateHostInteraction } from './interactive-dbfd10e0.js';
-import './guid-9fa1232c.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",
@@ -87,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,19 +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.555
+ * v1.0.0-next.558
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0574569e.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-e8a5c846.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-771af339.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f701eca6.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-4945e4cf.js';
-import { u as updateHostInteraction } from './interactive-dbfd10e0.js';
-import { t as toAriaBoolean } from './dom-857f52aa.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-71b8504c.js';
-import './locale-90025a6e.js';
-import './key-919e156a.js';
-import './guid-9fa1232c.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",
@@ -91,7 +92,12 @@ const InputDatePicker = class {
      * @internal
      */
     this.required = false;
-    /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
+    /**
+     * Determines the type of positioning to use for the overlaid content.
+     *
+     * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+     *
+     */
     this.overlayPositioning = "absolute";
     /** Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range. */
     this.proximitySelectionDisabled = false;
@@ -123,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) => {