@esri/calcite-components 1.0.0-next.700 → 1.0.0-next.702

package/dist/components/time-picker.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.700
+ * v1.0.0-next.702
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { n as numberKeys, i as isActivationKey } from './key.js';
@@ -216,7 +216,7 @@ const CSS = {
   meridiemStart: "meridiem--start"
 };
 
-const timePickerCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}";
+const timePickerCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:400;outline-offset:0}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);z-index:400}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);z-index:400;outline-offset:0}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}";
 
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
@@ -616,23 +616,23 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     switch (this.activeEl) {
       case this.hourEl:
         if (key === "ArrowRight") {
-          this.setFocus("minute");
+          this.focusPart("minute");
           event.preventDefault();
         }
         break;
       case this.minuteEl:
         switch (key) {
           case "ArrowLeft":
-            this.setFocus("hour");
+            this.focusPart("hour");
             event.preventDefault();
             break;
           case "ArrowRight":
             if (this.step !== 60) {
-              this.setFocus("second");
+              this.focusPart("second");
               event.preventDefault();
             }
             else if (this.hourCycle === "12") {
-              this.setFocus("meridiem");
+              this.focusPart("meridiem");
               event.preventDefault();
             }
             break;
@@ -641,12 +641,12 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       case this.secondEl:
         switch (key) {
           case "ArrowLeft":
-            this.setFocus("minute");
+            this.focusPart("minute");
             event.preventDefault();
             break;
           case "ArrowRight":
             if (this.hourCycle === "12") {
-              this.setFocus("meridiem");
+              this.focusPart("meridiem");
               event.preventDefault();
             }
             break;
@@ -656,11 +656,11 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         switch (key) {
           case "ArrowLeft":
             if (this.step !== 60) {
-              this.setFocus("second");
+              this.focusPart("second");
               event.preventDefault();
             }
             else {
-              this.setFocus("minute");
+              this.focusPart("minute");
               event.preventDefault();
             }
             break;
@@ -675,18 +675,20 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //--------------------------------------------------------------------------
   /**
    * Sets focus on the component.
-   *
-   * @param target
    */
-  async setFocus(target) {
+  async setFocus() {
     await componentLoaded(this);
-    this[`${target || "hour"}El`]?.focus();
+    this.el?.focus();
   }
   // --------------------------------------------------------------------------
   //
   //  Private Methods
   //
   // --------------------------------------------------------------------------
+  async focusPart(target) {
+    await componentLoaded(this);
+    this[`${target || "hour"}El`]?.focus();
+  }
   buttonActivated(event) {
     const { key } = event;
     if (key === " ") {

package/dist/components/tooltip.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.700
+ * v1.0.0-next.702
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
 import { c as connectFloatingUI, b as defaultOffsetDistance, u as updateAfterClose, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui.js';
-import { i as isPrimaryPointerButton, q as queryElementRoots, t as toAriaBoolean } from './dom.js';
+import { i as isPrimaryPointerButton, u as queryElementRoots, t as toAriaBoolean } from './dom.js';
 import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent.js';
 
 const CSS = {
@@ -24,7 +24,7 @@ class TooltipManager {
     //
     // --------------------------------------------------------------------------
     this.registeredElements = new WeakMap();
-    this.hoverTimeouts = new WeakMap();
+    this.hoverTimeout = null;
     this.registeredElementCount = 0;
     // --------------------------------------------------------------------------
     //
@@ -40,18 +40,31 @@ class TooltipManager {
       if (event.key === "Escape") {
         const { activeTooltipEl } = this;
         if (activeTooltipEl) {
-          this.clearHoverTimeout(activeTooltipEl);
+          this.clearHoverTimeout();
           this.toggleTooltip(activeTooltipEl, false);
         }
       }
     };
-    this.mouseEnterShow = (event) => {
-      this.hoverEvent(event, true);
+    this.queryHoveredTooltip = (composedPath) => {
+      const { activeTooltipEl } = this;
+      if (activeTooltipEl && composedPath.includes(activeTooltipEl)) {
+        this.clearHoverTimeout();
+        return;
+      }
+      const tooltip = this.queryTooltip(composedPath);
+      if (tooltip) {
+        this.toggleHoveredTooltip(tooltip, true);
+      }
+      else if (activeTooltipEl) {
+        this.toggleHoveredTooltip(activeTooltipEl, false);
+      }
     };
-    this.mouseLeaveHide = (event) => {
-      this.hoverEvent(event, false);
+    this.pointerMoveHandler = (event) => {
+      const composedPath = event.composedPath();
+      this.clearHoverTimeout();
+      this.hoverTimeout = window.setTimeout(() => this.queryHoveredTooltip(composedPath), TOOLTIP_DELAY_MS );
     };
-    this.clickHandler = (event) => {
+    this.pointerDownHandler = (event) => {
       if (!isPrimaryPointerButton(event)) {
         return;
       }
@@ -59,18 +72,16 @@ class TooltipManager {
       this.clickedTooltip = clickedTooltip;
       if (clickedTooltip?.closeOnClick) {
         this.toggleTooltip(clickedTooltip, false);
-        this.clearHoverTimeout(clickedTooltip);
+        this.clearHoverTimeout();
       }
     };
-    this.focusShow = (event) => {
-      this.focusEvent(event, true);
+    this.focusInHandler = (event) => {
+      this.queryFocusedTooltip(event, true);
     };
-    this.blurHide = (event) => {
-      this.focusEvent(event, false);
+    this.focusOutHandler = (event) => {
+      this.queryFocusedTooltip(event, false);
     };
-    this.hoverToggle = (tooltip, value) => {
-      const { hoverTimeouts } = this;
-      hoverTimeouts.delete(tooltip);
+    this.toggleHoveredTooltip = (tooltip, value) => {
       if (value) {
         this.closeExistingTooltip();
       }
@@ -99,26 +110,20 @@ class TooltipManager {
   }
   addListeners() {
     document.addEventListener("keydown", this.keyDownHandler);
-    document.addEventListener("pointerover", this.mouseEnterShow, { capture: true });
-    document.addEventListener("pointerout", this.mouseLeaveHide, { capture: true });
-    document.addEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.addEventListener("focusin", this.focusShow, { capture: true });
-    document.addEventListener("focusout", this.blurHide, { capture: true });
+    document.addEventListener("pointermove", this.pointerMoveHandler, { capture: true });
+    document.addEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+    document.addEventListener("focusin", this.focusInHandler, { capture: true });
+    document.addEventListener("focusout", this.focusOutHandler, { capture: true });
   }
   removeListeners() {
     document.removeEventListener("keydown", this.keyDownHandler);
-    document.removeEventListener("pointerover", this.mouseEnterShow, { capture: true });
-    document.removeEventListener("pointerout", this.mouseLeaveHide, { capture: true });
-    document.removeEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.removeEventListener("focusin", this.focusShow, { capture: true });
-    document.removeEventListener("focusout", this.blurHide, { capture: true });
+    document.removeEventListener("pointermove", this.pointerMoveHandler, { capture: true });
+    document.removeEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+    document.removeEventListener("focusin", this.focusInHandler, { capture: true });
+    document.removeEventListener("focusout", this.focusOutHandler, { capture: true });
   }
-  clearHoverTimeout(tooltip) {
-    const { hoverTimeouts } = this;
-    if (hoverTimeouts.has(tooltip)) {
-      window.clearTimeout(hoverTimeouts.get(tooltip));
-      hoverTimeouts.delete(tooltip);
-    }
+  clearHoverTimeout() {
+    window.clearTimeout(this.hoverTimeout);
   }
   closeExistingTooltip() {
     const { activeTooltipEl } = this;
@@ -126,10 +131,10 @@ class TooltipManager {
       this.toggleTooltip(activeTooltipEl, false);
     }
   }
-  focusTooltip(tooltip, value) {
+  toggleFocusedTooltip(tooltip, value) {
     this.closeExistingTooltip();
     if (value) {
-      this.clearHoverTimeout(tooltip);
+      this.clearHoverTimeout();
     }
     this.toggleTooltip(tooltip, value);
   }
@@ -139,40 +144,13 @@ class TooltipManager {
       this.activeTooltipEl = tooltip;
     }
   }
-  hoverTooltip(tooltip, value) {
-    this.clearHoverTimeout(tooltip);
-    const { hoverTimeouts } = this;
-    const timeoutId = window.setTimeout(() => this.hoverToggle(tooltip, value), TOOLTIP_DELAY_MS );
-    hoverTimeouts.set(tooltip, timeoutId);
-  }
-  activeTooltipHover(event) {
-    const { activeTooltipEl, hoverTimeouts } = this;
-    const { type } = event;
-    if (!activeTooltipEl) {
-      return;
-    }
-    if (type === "pointerover" && event.composedPath().includes(activeTooltipEl)) {
-      this.clearHoverTimeout(activeTooltipEl);
-    }
-    else if (type === "pointerout" && !hoverTimeouts.has(activeTooltipEl)) {
-      this.hoverTooltip(activeTooltipEl, false);
-    }
-  }
-  hoverEvent(event, value) {
-    const tooltip = this.queryTooltip(event.composedPath());
-    this.activeTooltipHover(event);
-    if (!tooltip) {
-      return;
-    }
-    this.hoverTooltip(tooltip, value);
-  }
-  focusEvent(event, value) {
+  queryFocusedTooltip(event, value) {
     const tooltip = this.queryTooltip(event.composedPath());
     if (!tooltip || tooltip === this.clickedTooltip) {
       this.clickedTooltip = null;
       return;
     }
-    this.focusTooltip(tooltip, value);
+    this.toggleFocusedTooltip(tooltip, value);
   }
 }
 

package/dist/components/utils.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.700
+ * v1.0.0-next.702
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/components/utils2.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.700
+ * v1.0.0-next.702
  */
-import { n as nodeListToArray } from './dom.js';
+import { o as nodeListToArray } from './dom.js';
 import { Build } from '@stencil/core/internal/client/index.js';
 
 const ComboboxItem = "CALCITE-COMBOBOX-ITEM";

package/dist/esm/{ExpandToggle-79bacd45.js → ExpandToggle-484ede7d.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.700
+ * v1.0.0-next.702
  */
-import { f as forceUpdate, h } from './index-6fb4995e.js';
-import { b as getElementDir } from './dom-d81f281d.js';
-import { S as SLOTS } from './resources-68cb3b89.js';
-import { S as SLOTS$1 } from './resources-5b92fd3c.js';
+import { f as forceUpdate, h } from './index-306667e4.js';
+import { b as getElementDir } from './dom-a9ba459c.js';
+import { S as SLOTS } from './resources-2988145f.js';
+import { S as SLOTS$1 } from './resources-25ea993d.js';
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;

package/dist/esm/{Heading-734fd2cb.js → Heading-90b4a47e.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.700
+ * v1.0.0-next.702
  */
-import { h } from './index-6fb4995e.js';
+import { h } from './index-306667e4.js';
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/esm/{app-globals-486e6cdf.js → app-globals-469bd94b.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.700
+ * v1.0.0-next.702
  */
-import { d as darkTheme, a as autoTheme } from './resources-60b01b2a.js';
+import { d as darkTheme, a as autoTheme } from './resources-2dc287e4.js';
 
 /**
  * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.

package/dist/esm/{array-29a535c8.js → array-a371b415.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.700
+ * v1.0.0-next.702
  */
 function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/esm/calcite-accordion_2.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.700
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-6fb4995e.js';
-import { h as getElementProp, g as getSlotted, b as getElementDir, t as toAriaBoolean } from './dom-d81f281d.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-8120f844.js';
-import { C as CSS_UTILITY } from './resources-60b01b2a.js';
-import './guid-80faa95b.js';
-import './observers-39819372.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-306667e4.js';
+import { h as getElementProp, g as getSlotted, b as getElementDir, t as toAriaBoolean } from './dom-a9ba459c.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e57231c0.js';
+import { C as CSS_UTILITY } from './resources-2dc287e4.js';
+import './guid-1b3b1a75.js';
+import './observers-944ea463.js';
 
 const accordionCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-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)}";
 
@@ -25,6 +25,11 @@ const Accordion = class {
     this.items = [];
     /** keep track of whether the items have been sorted so we don't re-sort */
     this.sorted = false;
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
     this.sortItems = (items) => items.sort((a, b) => a.position - b.position).map((a) => a.item);
     this.appearance = "solid";
     this.iconPosition = "end";
@@ -57,41 +62,6 @@ const Accordion = class {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  calciteInternalAccordionItemKeyEvent(event) {
-    const item = event.detail.item;
-    const parent = event.detail.parent;
-    if (this.el === parent) {
-      const { key } = item;
-      const itemToFocus = event.target;
-      const isFirstItem = this.itemIndex(itemToFocus) === 0;
-      const isLastItem = this.itemIndex(itemToFocus) === this.items.length - 1;
-      switch (key) {
-        case "ArrowDown":
-          if (isLastItem) {
-            this.focusFirstItem();
-          }
-          else {
-            this.focusNextItem(itemToFocus);
-          }
-          break;
-        case "ArrowUp":
-          if (isFirstItem) {
-            this.focusLastItem();
-          }
-          else {
-            this.focusPrevItem(itemToFocus);
-          }
-          break;
-        case "Home":
-          this.focusFirstItem();
-          break;
-        case "End":
-          this.focusLastItem();
-          break;
-      }
-    }
-    event.stopPropagation();
-  }
   registerCalciteAccordionItem(event) {
     const item = {
       item: event.target,
@@ -110,36 +80,6 @@ const Accordion = class {
     });
     event.stopPropagation();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  focusFirstItem() {
-    const firstItem = this.items[0];
-    this.focusElement(firstItem);
-  }
-  focusLastItem() {
-    const lastItem = this.items[this.items.length - 1];
-    this.focusElement(lastItem);
-  }
-  focusNextItem(el) {
-    const index = this.itemIndex(el);
-    const nextItem = this.items[index + 1] || this.items[0];
-    this.focusElement(nextItem);
-  }
-  focusPrevItem(el) {
-    const index = this.itemIndex(el);
-    const prevItem = this.items[index - 1] || this.items[this.items.length - 1];
-    this.focusElement(prevItem);
-  }
-  itemIndex(el) {
-    return this.items.indexOf(el);
-  }
-  focusElement(item) {
-    const target = item;
-    target?.focus();
-  }
   get el() { return getElement(this); }
 };
 Accordion.style = accordionCss;
@@ -169,7 +109,6 @@ const accordionItemCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes
 const AccordionItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteInternalAccordionItemKeyEvent = createEvent(this, "calciteInternalAccordionItemKeyEvent", 6);
     this.calciteInternalAccordionItemSelect = createEvent(this, "calciteInternalAccordionItemSelect", 6);
     this.calciteInternalAccordionItemClose = createEvent(this, "calciteInternalAccordionItemClose", 6);
     this.calciteInternalAccordionItemRegister = createEvent(this, "calciteInternalAccordionItemRegister", 6);
@@ -249,16 +188,6 @@ const AccordionItem = class {
           this.emitRequestedItem();
           event.preventDefault();
           break;
-        case "ArrowUp":
-        case "ArrowDown":
-        case "Home":
-        case "End":
-          this.calciteInternalAccordionItemKeyEvent.emit({
-            parent: this.parent,
-            item: event
-          });
-          event.preventDefault();
-          break;
       }
     }
   }

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

@@ -1,22 +1,22 @@
 /*!
  * 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.700
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6fb4995e.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-79bacd45.js';
-import { g as getSlotted } from './dom-d81f281d.js';
-import { c as createObserver } from './observers-39819372.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-8120f844.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-80bf431b.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-74bf3415.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-96824d80.js';
-import { d as debounce } from './debounce-db3e6e25.js';
-import './resources-68cb3b89.js';
-import './resources-5b92fd3c.js';
-import './resources-60b01b2a.js';
-import './guid-80faa95b.js';
-import './key-64151c13.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-306667e4.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-484ede7d.js';
+import { g as getSlotted } from './dom-a9ba459c.js';
+import { c as createObserver } from './observers-944ea463.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e57231c0.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-f3b45ca4.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-ef976e46.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-4ca1f25f.js';
+import { d as debounce } from './debounce-752519d2.js';
+import './resources-2988145f.js';
+import './resources-25ea993d.js';
+import './resources-2dc287e4.js';
+import './guid-1b3b1a75.js';
+import './key-a0012884.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom"

package/dist/esm/calcite-action-group.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.700
+ * v1.0.0-next.702
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-6fb4995e.js';
-import { S as SLOTS, I as ICONS } from './resources-5b92fd3c.js';
-import { g as getSlotted } from './dom-d81f281d.js';
-import { S as SLOTS$1 } from './resources-68cb3b89.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-8120f844.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-80bf431b.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-74bf3415.js';
-import './resources-60b01b2a.js';
-import './guid-80faa95b.js';
-import './observers-39819372.js';
-import './key-64151c13.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-306667e4.js';
+import { S as SLOTS, I as ICONS } from './resources-25ea993d.js';
+import { g as getSlotted } from './dom-a9ba459c.js';
+import { S as SLOTS$1 } from './resources-2988145f.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e57231c0.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-f3b45ca4.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-ef976e46.js';
+import './resources-2dc287e4.js';
+import './guid-1b3b1a75.js';
+import './observers-944ea463.js';
+import './key-a0012884.js';
 
 const actionGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{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 *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{display:flex;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){padding-block-start:0px}:host([layout=horizontal]){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,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.700
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-6fb4995e.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-68cb3b89.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement } from './dom-d81f281d.js';
-import { g as getRoundRobinIndex } from './array-29a535c8.js';
-import { g as guid } from './guid-80faa95b.js';
-import { i as isActivationKey } from './key-64151c13.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-96824d80.js';
-import './resources-60b01b2a.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-306667e4.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-2988145f.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement } from './dom-a9ba459c.js';
+import { g as getRoundRobinIndex } from './array-a371b415.js';
+import { g as guid } from './guid-1b3b1a75.js';
+import { i as isActivationKey } from './key-a0012884.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-4ca1f25f.js';
+import './resources-2dc287e4.js';
 
 const actionMenuCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{box-sizing:border-box;display:flex;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: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%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{flex-direction:column;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";