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

package/dist/custom-elements/index.js

@@ -1,7 +1,7 @@
 /*!
  * 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.556
  */
 import { HTMLElement as HTMLElement$1, createEvent, h, Build, forceUpdate, Host, Fragment, getAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
@@ -70,7 +70,7 @@ const Accordion = class extends HTMLElement$1 {
     const item = event.detail.item;
     const parent = event.detail.parent;
     if (this.el === parent) {
-      const key = item.key;
+      const { key } = item;
       const itemToFocus = event.target;
       const isFirstItem = this.itemIndex(itemToFocus) === 0;
       const isLastItem = this.itemIndex(itemToFocus) === this.items.length - 1;
@@ -3565,7 +3565,7 @@ const BlockSection = class extends HTMLElement$1 {
     //
     // --------------------------------------------------------------------------
     this.handleHeaderKeyDown = (event) => {
-      if (event.key === " " || event.key === "Enter") {
+      if (isActivationKey(event.key)) {
         this.toggleSection();
         event.preventDefault();
         event.stopPropagation();
@@ -4313,7 +4313,7 @@ const Checkbox = class extends HTMLElement$1 {
       }
     };
     this.keyDownHandler = (event) => {
-      if (event.key === " " || event.key === "Enter") {
+      if (isActivationKey(event.key)) {
         this.toggle();
         event.preventDefault();
       }
@@ -6916,7 +6916,7 @@ const ColorPicker = class extends HTMLElement$1 {
       this.updateChannelsFromColor(this.color);
     };
     this.handleColorFieldScopeKeyDown = (event) => {
-      const key = event.key;
+      const { key } = event;
       const arrowKeyToXYOffset = {
         ArrowUp: { x: 0, y: -10 },
         ArrowRight: { x: 10, y: 0 },
@@ -6931,7 +6931,7 @@ const ColorPicker = class extends HTMLElement$1 {
     };
     this.handleHueScopeKeyDown = (event) => {
       const modifier = event.shiftKey ? 10 : 1;
-      const key = event.key;
+      const { key } = event;
       const arrowKeyToXOffset = {
         ArrowUp: 1,
         ArrowRight: 1,
@@ -6997,7 +6997,7 @@ const ColorPicker = class extends HTMLElement$1 {
       this.updateColorFromChannels(channels);
     };
     this.handleSavedColorKeyDown = (event) => {
-      if (event.key === " " || event.key === "Enter") {
+      if (isActivationKey(event.key)) {
         event.preventDefault();
         event.stopPropagation();
         this.handleSavedColorSelect(event);
@@ -7266,7 +7266,7 @@ const ColorPicker = class extends HTMLElement$1 {
   // using @Listen as a workaround for VDOM listener not firing
   handleChannelKeyUpOrDown(event) {
     this.shiftKeyChannelAdjustment = 0;
-    const key = event.key;
+    const { key } = event;
     if ((key !== "ArrowUp" && key !== "ArrowDown") ||
       !event.composedPath().some((node) => { var _a; return (_a = node.classList) === null || _a === void 0 ? void 0 : _a.contains(CSS$I.channel); })) {
       return;
@@ -7644,7 +7644,7 @@ const ColorPickerHexInput = class extends HTMLElement$1 {
   onInputKeyDown(event) {
     const { altKey, ctrlKey, metaKey, shiftKey } = event;
     const { internalColor, value } = this;
-    const key = event.key;
+    const { key } = event;
     if (key === "Tab" || key === "Enter") {
       this.onInputChange();
       return;
@@ -11396,8 +11396,8 @@ const DatePickerDay = class extends HTMLElement$1 {
       !this.disabled && this.calciteDaySelect.emit();
     };
     this.keyDownHandler = (event) => {
-      const key = event.key;
-      if (key === " " || key === "Enter") {
+      const { key } = event;
+      if (isActivationKey(key)) {
         !this.disabled && this.calciteDaySelect.emit();
       }
     };
@@ -11778,8 +11778,8 @@ const DatePickerMonthHeader = class extends HTMLElement$1 {
       this.handleArrowClick(event, this.prevMonthDate);
     };
     this.prevMonthKeydown = (event) => {
-      const key = event.key;
-      if (key === " " || key === "Enter") {
+      const { key } = event;
+      if (isActivationKey(key)) {
         this.prevMonthClick(event);
       }
     };
@@ -11787,8 +11787,8 @@ const DatePickerMonthHeader = class extends HTMLElement$1 {
       this.handleArrowClick(event, this.nextMonthDate);
     };
     this.nextMonthKeydown = (event) => {
-      const key = event.key;
-      if (key === " " || key === "Enter") {
+      const { key } = event;
+      if (isActivationKey(key)) {
         this.nextMonthClick(event);
       }
     };
@@ -12043,7 +12043,7 @@ const Dropdown = class extends HTMLElement$1 {
       if (target !== this.referenceEl) {
         return;
       }
-      const key = event.key;
+      const { key } = event;
       if (this.open && (key === "Escape" || (event.shiftKey && key === "Tab"))) {
         this.closeCalciteDropdown();
         return;
@@ -18392,7 +18392,7 @@ class PopoverManager$1 {
         .forEach((popover) => popover.toggle(false));
     };
     this.keyHandler = (event) => {
-      if (event.key !== "Enter" && event.key !== " ") {
+      if (!isActivationKey(event.key)) {
         return;
       }
       this.togglePopovers(event);
@@ -18850,27 +18850,27 @@ const RadioButton = class extends HTMLElement$1 {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** The checked state of the radio button. */
+    /** When true, the component is checked. */
     this.checked = false;
-    /** The disabled state of the radio button. */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
     /**
-     * The focused state of the radio button.
+     * The focused state of the component.
      *
      * @internal
      */
     this.focused = false;
-    /** The radio button's hidden status.  When a radio button is hidden it is not focusable or checkable. */
+    /** When true, the component is not displayed and is not focusable or checkable. */
     this.hidden = false;
     /**
-     * The hovered state of the radio button.
+     * The hovered state of the component.
      *
      * @internal
      */
     this.hovered = false;
-    /** Requires that a value is selected for the radio button group before the parent form will submit. */
+    /** When true, the component must have a value selected from the `calcite-radio-button-group` on form submission. */
     this.required = false;
-    /** The scale (size) of the radio button. `scale` is passed as a property automatically from `calcite-radio-button-group`. */
+    /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */
     this.scale = "m";
     //--------------------------------------------------------------------------
     //
@@ -18905,7 +18905,7 @@ const RadioButton = class extends HTMLElement$1 {
     };
     this.handleKeyDown = (event) => {
       const keys = ["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", " "];
-      const key = event.key;
+      const { key } = event;
       const { el } = this;
       if (keys.indexOf(key) === -1) {
         return;
@@ -19102,15 +19102,15 @@ const RadioButtonGroup = class extends HTMLElement$1 {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** The disabled state of the radio button group. */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /** The radio button group's hidden status.  When a radio button group is hidden none of its options are focusable or checkable. */
+    /** When true, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable. */
     this.hidden = false;
-    /** The layout direction of the radio buttons in a group. */
+    /** Defines the layout of the component. */
     this.layout = "horizontal";
-    /** Requires that a value is selected for the radio button group before the parent form will submit. */
+    /** When true, the component must have a value on form submission. */
     this.required = false;
-    /** The scale (size) of the radio button group. */
+    /** Specifies the size of the component. */
     this.scale = "m";
     // --------------------------------------------------------------------------
     //
@@ -19201,23 +19201,23 @@ const RadioGroup = class extends HTMLElement$1 {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** specify the appearance style of the radio group, defaults to solid. */
+    /** Specifies the appearance style of the component. */
     this.appearance = "solid";
-    /** is the radio group disabled  */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
     /**
-     * When true, makes the component required for form-submission.
+     * When true, the component must have a value on form submission.
      *
      * @internal
      */
     this.required = false;
-    /** specify the layout of the radio group, defaults to horizontal */
+    /** Defines the layout of the component. */
     this.layout = "horizontal";
-    /** The scale of the radio group */
+    /** Specifies the size of the component. */
     this.scale = "m";
-    /** The value of the selectedItem */
+    /** The component's "selectedItem" value. */
     this.value = null;
-    /** specify the width of the group, defaults to auto */
+    /** Specifies the width of the component. */
     this.width = "auto";
     //--------------------------------------------------------------------------
     //
@@ -19291,7 +19291,7 @@ const RadioGroup = class extends HTMLElement$1 {
   }
   handleKeyDown(event) {
     const keys = ["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", " "];
-    const key = event.key;
+    const { key } = event;
     const { el, selectedItem } = this;
     if (keys.indexOf(key) === -1) {
       return;
@@ -19406,11 +19406,11 @@ const RadioGroupItem = class extends HTMLElement$1 {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Indicates whether the control is checked. */
+    /** When true, the component is checked. */
     this.checked = false;
-    /** flip the icon in rtl */
+    /** When true, the icon will be flipped when the element direction is right-to-left ("rtl"). */
     this.iconFlipRtl = false;
-    /** optionally used with icon, select where to position the icon */
+    /** When used with "icon", specifies its position. */
     this.iconPosition = "start";
   }
   handleCheckedChange() {
@@ -19455,30 +19455,30 @@ const Rating = class extends HTMLElement$1 {
     //  Properties
     //
     // --------------------------------------------------------------------------
-    /** specify the scale of the component, defaults to m */
+    /** Specifies the size of the component. */
     this.scale = "m";
-    /** the value of the rating component */
+    /** The component's value. */
     this.value = 0;
-    /** is the rating component in a selectable mode */
+    /** When true, the component's value can be read, but cannot be modified. */
     this.readOnly = false;
-    /** is the rating component in a selectable mode */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /** Show average and count data summary chip (if available) */
+    /** When true, and if available, displays the "average" and/or "count" data summary in a `calcite-chip`. */
     this.showChip = false;
     /**
-     * Localized string for "Rating" (used for aria label)
+     * Accessible name for the component.
      *
      * @default "Rating"
      */
     this.intlRating = TEXT$5.rating;
     /**
-     * Localized string for labelling each star, `${num}` in the string will be replaced by the number
+     * Accessible name for each star. The `${num}` in the string will be replaced by the number.
      *
      * @default "Stars: ${num}"
      */
     this.intlStars = TEXT$5.stars;
     /**
-     * When true, makes the component required for form-submission.
+     * When true, the component must have a value on form submission.
      *
      * @internal
      */
@@ -20563,8 +20563,8 @@ const Slider = class extends HTMLElement$1 {
     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;
     }
@@ -24675,8 +24675,8 @@ const Switch = class extends HTMLElement$1 {
     //
     //--------------------------------------------------------------------------
     this.keyDownHandler = (event) => {
-      const key = event.key;
-      if (!this.disabled && (key === " " || key === "Enter")) {
+      const { key } = event;
+      if (!this.disabled && isActivationKey(key)) {
         this.toggle();
         event.preventDefault();
       }
@@ -24866,7 +24866,7 @@ const Tab = class extends HTMLElement$1 {
   static get style() { return tabCss; }
 };
 
-const tabNavCss = "@-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:-ms-flexbox;display:flex}:host([scale=s]){min-block-size:1.5rem}:host([scale=m]){min-block-size:2rem}:host([scale=l]){min-block-size:2.75rem}.tab-nav{display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-pack:start;justify-content:flex-start;overflow:auto}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-ui-brand);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host([position=below]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=bottom]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=below]) .tab-nav-active-indicator-container{inset-block-start:0px;inset-block-end:unset}:host([position=bottom]) .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered][position=below]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}:host([bordered][position=bottom]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}";
+const tabNavCss = "@-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:-ms-flexbox;display:flex}:host([scale=s]){min-block-size:1.5rem}:host([scale=m]){min-block-size:2rem}:host([scale=l]){min-block-size:2.75rem}.tab-nav{display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-pack:start;justify-content:flex-start;overflow:auto}:host([layout=center]) .tab-nav{-ms-flex-pack:center;justify-content:center}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-ui-brand);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host([position=below]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=bottom]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=below]) .tab-nav-active-indicator-container{inset-block-start:0px;inset-block-end:unset}:host([position=bottom]) .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered][position=below]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}:host([bordered][position=bottom]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}";
 
 const TabNav = class extends HTMLElement$1 {
   constructor() {
@@ -25928,7 +25928,7 @@ const TimePicker = class extends HTMLElement$1 {
       }
     };
     this.hourKeyDownHandler = (event) => {
-      const key = event.key;
+      const { key } = event;
       if (numberKeys.includes(key)) {
         const keyAsNumber = parseInt(key);
         let newHour;
@@ -25973,7 +25973,6 @@ const TimePicker = class extends HTMLElement$1 {
             this.incrementHour();
             break;
           case " ":
-          case "Spacebar":
             event.preventDefault();
             break;
         }
@@ -26036,7 +26035,6 @@ const TimePicker = class extends HTMLElement$1 {
           this.decrementMeridiem();
           break;
         case " ":
-        case "Spacebar":
           event.preventDefault();
           break;
       }
@@ -26052,7 +26050,7 @@ const TimePicker = class extends HTMLElement$1 {
       }
     };
     this.minuteKeyDownHandler = (event) => {
-      const key = event.key;
+      const { key } = event;
       if (numberKeys.includes(key)) {
         const keyAsNumber = parseInt(key);
         let newMinute;
@@ -26083,7 +26081,6 @@ const TimePicker = class extends HTMLElement$1 {
             this.incrementMinute();
             break;
           case " ":
-          case "Spacebar":
             event.preventDefault();
             break;
         }
@@ -26100,7 +26097,7 @@ const TimePicker = class extends HTMLElement$1 {
       }
     };
     this.secondKeyDownHandler = (event) => {
-      const key = event.key;
+      const { key } = event;
       if (numberKeys.includes(key)) {
         const keyAsNumber = parseInt(key);
         let newSecond;
@@ -26131,7 +26128,6 @@ const TimePicker = class extends HTMLElement$1 {
             this.incrementSecond();
             break;
           case " ":
-          case "Spacebar":
             event.preventDefault();
             break;
         }
@@ -26243,7 +26239,7 @@ const TimePicker = class extends HTMLElement$1 {
     this.calciteInternalTimePickerFocus.emit();
   }
   keyDownHandler(event) {
-    const key = event.key;
+    const { key } = event;
     switch (this.activeEl) {
       case this.hourEl:
         if (key === "ArrowRight") {
@@ -26311,7 +26307,7 @@ const TimePicker = class extends HTMLElement$1 {
   //
   // --------------------------------------------------------------------------
   buttonActivated(event) {
-    const key = event.key;
+    const { key } = event;
     if (key === " ") {
       event.preventDefault();
     }

package/dist/esm/{ExpandToggle-97163e28.js → ExpandToggle-dd6a0dd8.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.555
+ * v1.0.0-next.556
  */
-import { f as forceUpdate, h } from './index-0574569e.js';
-import { a as getElementDir } from './dom-857f52aa.js';
-import { S as SLOTS } from './resources-69f1bf66.js';
-import { S as SLOTS$1 } from './resources-9b0091a8.js';
+import { f as forceUpdate, h } from './index-5a5db037.js';
+import { a as getElementDir } from './dom-1f4b2c5c.js';
+import { S as SLOTS } from './resources-05894aef.js';
+import { S as SLOTS$1 } from './resources-9c6ccc78.js';
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;

package/dist/esm/{Heading-b360e930.js → Heading-4c268816.js}

@@ -1,9 +1,9 @@
 /*!
  * 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.556
  */
-import { h } from './index-0574569e.js';
+import { h } from './index-5a5db037.js';
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/esm/{array-73ce298b.js → array-68e32723.js}

@@ -1,7 +1,7 @@
 /*!
  * 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.556
  */
 function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/esm/calcite-accordion_2.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.555
+ * v1.0.0-next.556
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-0574569e.js';
-import { d as getElementProp, g as getSlotted, a as getElementDir, C as CSS_UTILITY, t as toAriaBoolean } from './dom-857f52aa.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-68e70981.js';
-import './guid-9fa1232c.js';
-import './observers-f804dccd.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-5a5db037.js';
+import { d as getElementProp, g as getSlotted, a as getElementDir, C as CSS_UTILITY, t as toAriaBoolean } from './dom-1f4b2c5c.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-40a54fd0.js';
+import './guid-43243f0d.js';
+import './observers-64f4a7e9.js';
 
 const accordionCss = "@-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([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-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";
 
@@ -71,7 +71,7 @@ const Accordion = class {
     const item = event.detail.item;
     const parent = event.detail.parent;
     if (this.el === parent) {
-      const key = item.key;
+      const { key } = item;
       const itemToFocus = event.target;
       const isFirstItem = this.itemIndex(itemToFocus) === 0;
       const isLastItem = this.itemIndex(itemToFocus) === this.items.length - 1;

package/dist/esm/calcite-action-bar.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.555
+ * v1.0.0-next.556
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0574569e.js';
-import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, g as geActionDimensions, a as overflowActions, E as ExpandToggle, b as getOverflowCount } from './ExpandToggle-97163e28.js';
-import { f as focusElement, g as getSlotted } from './dom-857f52aa.js';
-import { c as createObserver } from './observers-f804dccd.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-68e70981.js';
-import { d as debounce } from './debounce-a98ec801.js';
-import './resources-69f1bf66.js';
-import './resources-9b0091a8.js';
-import './guid-9fa1232c.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5a5db037.js';
+import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, g as geActionDimensions, a as overflowActions, E as ExpandToggle, b as getOverflowCount } from './ExpandToggle-dd6a0dd8.js';
+import { f as focusElement, g as getSlotted } from './dom-1f4b2c5c.js';
+import { c as createObserver } from './observers-64f4a7e9.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-40a54fd0.js';
+import { d as debounce } from './debounce-b0f31c11.js';
+import './resources-05894aef.js';
+import './resources-9c6ccc78.js';
+import './guid-43243f0d.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom"

package/dist/esm/calcite-action-group.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.555
+ * v1.0.0-next.556
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-0574569e.js';
-import { S as SLOTS, I as ICONS, T as TEXT } from './resources-9b0091a8.js';
-import { g as getSlotted } from './dom-857f52aa.js';
-import { S as SLOTS$1 } from './resources-69f1bf66.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-68e70981.js';
-import './guid-9fa1232c.js';
-import './observers-f804dccd.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-5a5db037.js';
+import { S as SLOTS, I as ICONS, T as TEXT } from './resources-9c6ccc78.js';
+import { g as getSlotted } from './dom-1f4b2c5c.js';
+import { S as SLOTS$1 } from './resources-05894aef.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-40a54fd0.js';
+import './guid-43243f0d.js';
+import './observers-64f4a7e9.js';
 
 const actionGroupCss = "@-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{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){-webkit-padding-before:0px;padding-block-start:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}";
 

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

@@ -1,14 +1,14 @@
 /*!
  * 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.556
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-0574569e.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-69f1bf66.js';
-import { t as toAriaBoolean, f as focusElement } from './dom-857f52aa.js';
-import { g as getRoundRobinIndex } from './array-73ce298b.js';
-import { g as guid } from './guid-9fa1232c.js';
-import { i as isActivationKey } from './key-919e156a.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-5a5db037.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-05894aef.js';
+import { t as toAriaBoolean, f as focusElement } from './dom-1f4b2c5c.js';
+import { g as getRoundRobinIndex } from './array-68e32723.js';
+import { g as guid } from './guid-43243f0d.js';
+import { i as isActivationKey } from './key-8d8e902e.js';
 
 const actionMenuCss = "@-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{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";
 

package/dist/esm/calcite-action-pad.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.555
+ * v1.0.0-next.556
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0574569e.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-97163e28.js';
-import { f as focusElement, g as getSlotted } from './dom-857f52aa.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-68e70981.js';
-import './resources-69f1bf66.js';
-import './resources-9b0091a8.js';
-import './guid-9fa1232c.js';
-import './observers-f804dccd.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5a5db037.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-dd6a0dd8.js';
+import { f as focusElement, g as getSlotted } from './dom-1f4b2c5c.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-40a54fd0.js';
+import './resources-05894aef.js';
+import './resources-9c6ccc78.js';
+import './guid-43243f0d.js';
+import './observers-64f4a7e9.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",

package/dist/esm/calcite-action.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.555
+ * v1.0.0-next.556
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-0574569e.js';
-import { c as createObserver } from './observers-f804dccd.js';
-import { u as updateHostInteraction } from './interactive-dbfd10e0.js';
-import { t as toAriaBoolean } from './dom-857f52aa.js';
-import './guid-9fa1232c.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-5a5db037.js';
+import { c as createObserver } from './observers-64f4a7e9.js';
+import { u as updateHostInteraction } from './interactive-0304df8e.js';
+import { t as toAriaBoolean } from './dom-1f4b2c5c.js';
+import './guid-43243f0d.js';
 
 const CSS = {
   button: "button",