@esri/calcite-components 1.5.0-next.22 → 1.5.0-next.23

package/dist/collection/utils/locale.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { closestElementCrossShadowBoundary, containsCrossShadowBoundary } from "./dom";
 import { BigDecimal, isValidNumber, sanitizeExponentialNumberString } from "./number";
@@ -47,7 +47,7 @@ export const t9nLocales = [
   "vi",
   "zh-CN",
   "zh-HK",
-  "zh-TW"
+  "zh-TW",
 ];
 export const locales = [
   "ar",
@@ -99,7 +99,7 @@ export const locales = [
   "vi",
   "zh-CN",
   "zh-HK",
-  "zh-TW"
+  "zh-TW",
 ];
 export const numberingSystems = [
   "arab",
@@ -123,7 +123,7 @@ export const numberingSystems = [
   "tamldec",
   "telu",
   "thai",
-  "tibt"
+  "tibt",
 ];
 export const supportedLocales = [...new Set([...t9nLocales, ...locales])];
 const isNumberingSystemSupported = (numberingSystem) => numberingSystems.includes(numberingSystem);
@@ -185,7 +185,7 @@ export function connectLocalized(component) {
     mutationObserver?.observe(document.documentElement, {
       attributes: true,
       attributeFilter: ["lang"],
-      subtree: true
+      subtree: true,
     });
   }
   connectedComponents.add(component);
@@ -310,13 +310,13 @@ export class NumberStringFormat {
     this._digits = [
       ...new Intl.NumberFormat(this._numberFormatOptions.locale, {
         useGrouping: false,
-        numberingSystem: this._numberFormatOptions.numberingSystem
-      }).format(9876543210)
+        numberingSystem: this._numberFormatOptions.numberingSystem,
+      }).format(9876543210),
     ].reverse();
     const index = new Map(this._digits.map((d, i) => [d, i]));
     // numberingSystem is parsed to return consistent decimal separator across browsers.
     const parts = new Intl.NumberFormat(this._numberFormatOptions.locale, {
-      numberingSystem: this._numberFormatOptions.numberingSystem
+      numberingSystem: this._numberFormatOptions.numberingSystem,
     }).formatToParts(-12345678.9);
     this._actualGroup = parts.find((d) => d.type === "group").value;
     // change whitespace group characters that don't render correctly

package/dist/collection/utils/math.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 export const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalNumberRegex = new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);

package/dist/collection/utils/mode.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { autoMode, darkMode } from "./resources";
 /**
@@ -26,6 +26,6 @@ export function initModeChangeEvent() {
   // emits event when toggling between mode classes on <body>
   new MutationObserver(() => modeChangeHandler(getMode())).observe(document.body, {
     attributes: true,
-    attributeFilter: ["class"]
+    attributeFilter: ["class"],
   });
 }

package/dist/collection/utils/number.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { numberKeys } from "./key";
 const unnecessaryDecimal = new RegExp(`\\${"."}(0+)?$`);
@@ -186,7 +186,7 @@ function stringContainsNumbers(string) {
  *
  * @param {string} localizedValue - localized number string value
  * @param {string} value - current value in the input field
- * @param {NumberStringFormat} numberStringFormatter - numberStringFormatter instance to localize the number value
+ * @param {NumberStringFormat} formatter - numberStringFormatter instance to localize the number value
  * @returns {string} localized number string value
  */
 export function addLocalizedTrailingDecimalZeros(localizedValue, value, formatter) {

package/dist/collection/utils/observers.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { Build } from "@stencil/core";
 /**

package/dist/collection/utils/openCloseComponent.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { readTask } from "@stencil/core";
 const componentToTransitionListeners = new WeakMap();
@@ -66,7 +66,7 @@ export function connectOpenCloseComponent(component) {
     componentToTransitionListeners.set(component, [
       component.transitionEl,
       boundOnTransitionStart,
-      boundOnTransitionEnd
+      boundOnTransitionEnd,
     ]);
     component.transitionEl.addEventListener("transitionstart", boundOnTransitionStart);
     component.transitionEl.addEventListener("transitionend", boundOnTransitionEnd);

package/dist/collection/utils/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 export const autoMode = "calcite-mode-auto";
 export const darkMode = "calcite-mode-dark";
@@ -9,16 +9,16 @@ const lightMode = "calcite-mode-light";
 export const MODES = [
   {
     name: "light",
-    className: lightMode
+    className: lightMode,
   },
   {
     name: "dark",
-    className: darkMode
+    className: darkMode,
   },
   {
     name: "auto",
-    className: autoMode
-  }
+    className: autoMode,
+  },
 ];
 export const CSS_UTILITY = {
   autoMode,
@@ -31,8 +31,8 @@ export const CSS_UTILITY = {
   calciteAnimateInDown: "calcite-animate__in-down",
   calciteAnimateInRight: "calcite-animate__in-right",
   calciteAnimateInLeft: "calcite-animate__in-left",
-  calciteAnimateInScale: "calcite-animate__in-scale"
+  calciteAnimateInScale: "calcite-animate__in-scale",
 };
 export const TEXT = {
-  loading: "Loading"
+  loading: "Loading",
 };

package/dist/collection/utils/sortableComponent.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import Sortable from "sortablejs";
 import { containsCrossShadowBoundary } from "./dom";

package/dist/collection/utils/t9n.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { Build, getAssetPath } from "@stencil/core";
 import { getSupportedLocale } from "./locale";
@@ -27,7 +27,7 @@ function throwMessageFetchError() {
 function mergeMessages(component) {
   component.messages = {
     ...component.defaultMessages,
-    ...component.messageOverrides
+    ...component.messageOverrides,
   };
 }
 /**

package/dist/collection/utils/time.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { getDateTimeFormat, getSupportedNumberingSystem } from "./locale";
 import { isValidNumber } from "./number";
@@ -11,7 +11,7 @@ function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds =
     hour: "2-digit",
     minute: "2-digit",
     timeZone: "UTC",
-    numberingSystem: getSupportedNumberingSystem(numberingSystem)
+    numberingSystem: getSupportedNumberingSystem(numberingSystem),
   };
   if (includeSeconds) {
     options.second = "2-digit";
@@ -117,7 +117,7 @@ export function localizeTimePart({ value, part, locale, numberingSystem }) {
   const parts = formatter.formatToParts(date);
   return getLocalizedTimePart(part, parts);
 }
-export function localizeTimeString({ value, locale, numberingSystem, includeSeconds = true }) {
+export function localizeTimeString({ value, locale, numberingSystem, includeSeconds = true, }) {
   if (!isValidTime(value)) {
     return null;
   }
@@ -126,7 +126,7 @@ export function localizeTimeString({ value, locale, numberingSystem, includeSeco
   const formatter = createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds);
   return formatter?.format(dateFromTimeString) || null;
 }
-export function localizeTimeStringToParts({ value, locale, numberingSystem }) {
+export function localizeTimeStringToParts({ value, locale, numberingSystem, }) {
   if (!isValidTime(value)) {
     return null;
   }
@@ -142,7 +142,7 @@ export function localizeTimeStringToParts({ value, locale, numberingSystem }) {
       localizedMinuteSuffix: getLocalizedTimePart("minuteSuffix", parts),
       localizedSecond: getLocalizedTimePart("second", parts),
       localizedSecondSuffix: getLocalizedTimePart("secondSuffix", parts),
-      localizedMeridiem: getLocalizedTimePart("meridiem", parts)
+      localizedMeridiem: getLocalizedTimePart("meridiem", parts),
     };
   }
   return null;
@@ -166,13 +166,13 @@ export function parseTimeString(value) {
     return {
       hour,
       minute,
-      second
+      second,
     };
   }
   return {
     hour: null,
     minute: null,
-    second: null
+    second: null,
   };
 }
 export function toISOTimeString(value, includeSeconds = true) {

package/dist/components/ExpandToggle.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { forceUpdate, h } from '@stencil/core/internal/client/index.js';
 import { b as getElementDir } from './dom.js';
@@ -15,21 +15,21 @@ const geActionDimensions = (actions) => {
   const actionLen = actions?.length;
   return {
     actionWidth: actionLen ? getAverage(actions.map((action) => action.clientWidth || 0)) : 0,
-    actionHeight: actionLen ? getAverage(actions.map((action) => action.clientHeight || 0)) : 0
+    actionHeight: actionLen ? getAverage(actions.map((action) => action.clientHeight || 0)) : 0,
   };
 };
-const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount }) => {
+const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount, }) => {
   const maxContainerPx = layout === "horizontal" ? width : height;
   const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
   return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
 };
-const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount }) => {
+const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount, }) => {
   return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
 };
 const queryActions = (el) => {
   return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === SLOTS.trigger : true);
 };
-const overflowActions = ({ actionGroups, expanded, overflowCount }) => {
+const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
   let needToSlotCount = overflowCount;
   actionGroups.reverse().forEach((group) => {
     let slottedWithinGroupCount = 0;
@@ -60,18 +60,18 @@ const overflowActions = ({ actionGroups, expanded, overflowCount }) => {
 
 const ICONS = {
   chevronsLeft: "chevrons-left",
-  chevronsRight: "chevrons-right"
+  chevronsRight: "chevrons-right",
 };
 function getCalcitePosition(position, el) {
   return position || el.closest("calcite-shell-panel")?.position || "start";
 }
-function toggleChildActionText({ el, expanded }) {
+function toggleChildActionText({ el, expanded, }) {
   queryActions(el)
     .filter((el) => el.slot !== SLOTS$1.menuActions)
     .forEach((action) => (action.textEnabled = expanded));
   el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
 }
-const setTooltipReference = ({ tooltip, referenceElement, expanded, ref }) => {
+const setTooltipReference = ({ tooltip, referenceElement, expanded, ref, }) => {
   if (tooltip) {
     tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
   }
@@ -80,7 +80,7 @@ const setTooltipReference = ({ tooltip, referenceElement, expanded, ref }) => {
   }
   return referenceElement;
 };
-const ExpandToggle = ({ expanded, intlExpand, intlCollapse, toggle, el, position, tooltip, ref, scale }) => {
+const ExpandToggle = ({ expanded, intlExpand, intlCollapse, toggle, el, position, tooltip, ref, scale, }) => {
   const rtl = getElementDir(el) === "rtl";
   const expandText = expanded ? intlCollapse : intlExpand;
   const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];

package/dist/components/FloatingArrow.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { h } from '@stencil/core/internal/client/index.js';
 
 const CSS = {
   arrow: "calcite-floating-ui-arrow",
-  arrowStroke: "calcite-floating-ui-arrow__stroke"
+  arrowStroke: "calcite-floating-ui-arrow__stroke",
 };
 const DEFAULTS = {
   width: 12,
   height: 6,
-  strokeWidth: 1
+  strokeWidth: 1,
 };
 /**
  * Renders a SVG element to be used as a floating-ui arrow.
@@ -26,7 +26,7 @@ const DEFAULTS = {
  * @param floatingLayout.key
  * @param floatingLayout.ref
  */
-const FloatingArrow = ({ floatingLayout, key, ref }) => {
+const FloatingArrow = ({ floatingLayout, key, ref, }) => {
   const { width, height, strokeWidth } = DEFAULTS;
   const svgX = width / 2;
   const isVertical = floatingLayout === "vertical";

package/dist/components/Heading.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { h } from '@stencil/core/internal/client/index.js';
 

package/dist/components/action-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
@@ -17,10 +17,10 @@ import { d as defineCustomElement$1 } from './popover.js';
 
 const SLOTS = {
   menuActions: "menu-actions",
-  menuTooltip: "menu-tooltip"
+  menuTooltip: "menu-tooltip",
 };
 const ICONS = {
-  menu: "ellipsis"
+  menu: "ellipsis",
 };
 
 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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}: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:var(--calcite-app-z-index-dropdown)}: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/components/action-menu.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { g as getRoundRobinIndex } from './array.js';
@@ -16,14 +16,14 @@ import { d as defineCustomElement$1 } from './popover.js';
 
 const CSS = {
   menu: "menu",
-  defaultTrigger: "default-trigger"
+  defaultTrigger: "default-trigger",
 };
 const SLOTS = {
   tooltip: "tooltip",
-  trigger: "trigger"
+  trigger: "trigger",
 };
 const ICONS = {
-  menu: "ellipsis"
+  menu: "ellipsis",
 };
 
 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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}: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-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );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}";
@@ -83,7 +83,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.setMenuButtonEl = (event) => {
       const actions = event.target
         .assignedElements({
-        flatten: true
+        flatten: true,
       })
         .filter((el) => el?.matches("calcite-action"));
       this.slottedMenuButtonEl = actions[0];
@@ -111,7 +111,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.updateTooltip = (event) => {
       const tooltips = event.target
         .assignedElements({
-        flatten: true
+        flatten: true,
       })
         .filter((el) => el?.matches("calcite-tooltip"));
       this.tooltipEl = tooltips[0];
@@ -139,7 +139,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.handleDefaultSlotChange = (event) => {
       const actions = event.target
         .assignedElements({
-        flatten: true
+        flatten: true,
       })
         .filter((el) => el?.matches("calcite-action"));
       this.actionElements = actions;
@@ -274,7 +274,7 @@ const ActionMenu = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return menuButtonSlot;
   }
   renderMenuItems() {
-    const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning, flipPlacements } = this;
+    const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning, flipPlacements, } = this;
     const activeAction = actionElements[activeMenuItemIndex];
     const activeDescendantId = activeAction?.id || null;
     return (h("calcite-popover", { flipPlacements: flipPlacements, focusTrapDisabled: true, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, pointerDisabled: true, referenceElement: menuButtonEl }, h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl?.id, class: CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, role: "menu", tabIndex: -1 }, h("slot", { onSlotchange: this.handleDefaultSlotChange }))));

package/dist/components/action.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { proxyCustomElement, HTMLElement, forceUpdate, Build, h, Host } from '@stencil/core/internal/client/index.js';
 import { t as toAriaBoolean } from './dom.js';
@@ -23,10 +23,10 @@ const CSS = {
   slotContainer: "slot-container",
   slotContainerHidden: "slot-container--hidden",
   textContainer: "text-container",
-  textContainerVisible: "text-container--visible"
+  textContainerVisible: "text-container--visible",
 };
 const SLOTS = {
-  tooltip: "tooltip"
+  tooltip: "tooltip",
 };
 
 const actionCss = "@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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}: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:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent;--calcite-action-indicator-color:var(--calcite-ui-brand)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.button{position:relative;margin:0px;display:flex;inline-size:auto;cursor:pointer;align-items:center;justify-content:flex-start;border-style:none;background-color:var(--calcite-ui-foreground-1);fill:var(--calcite-ui-text-3);font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);outline-color:transparent;text-align:unset;flex:1 0 auto}.button:hover{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}.button:focus{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.button:active{background-color:var(--calcite-ui-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1rem}.button .text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:margin;transition-property:inline-size}.button .text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1;margin-inline-end:1rem}:host([scale=s]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{margin-inline-end:0.5rem}:host([scale=m]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([active]) .button:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:transparent;box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset}:host([active][appearance=transparent]) .button,:host([active][appearance=transparent]) .button:hover,:host([active][appearance=transparent]) .button:focus{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([appearance=transparent][loading]) .button,:host([appearance=transparent][disabled]) .button{background-color:transparent}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-ui-foreground-1)}:host([loading]) .button .text-container,:host([loading]) .button:hover .text-container,:host([loading]) .button:focus .text-container{opacity:var(--calcite-ui-opacity-disabled)}:host([loading]) calcite-loader[inline]{color:var(--calcite-ui-text-3);margin-inline-end:0px}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-ui-foreground-1);opacity:var(--calcite-ui-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-ui-foreground-3);opacity:var(--calcite-ui-opacity-disabled)}:host([indicator]) .button::after{content:\"\";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;border-width:2px;background-color:var(--calcite-action-indicator-color);border-color:var(--calcite-ui-foreground-1);inset-block-end:0.75rem;inset-inline-end:0.75rem}:host([indicator]) .button--text-visible::after{inset-block-end:auto}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-ui-foreground-1)}:host([indicator][scale=s]) .button::after{inset-block-end:0.25rem;inset-inline-end:0.25rem}:host([indicator][scale=s]) .button--text-visible::after{inset-block-end:auto;inset-inline-end:0.5rem}:host([indicator][active]) .button::after{border-color:var(--calcite-ui-foreground-3)}.indicator-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";
@@ -48,7 +48,7 @@ const Action = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.handleTooltipSlotChange = (event) => {
       const tooltips = event.target
         .assignedElements({
-        flatten: true
+        flatten: true,
       })
         .filter((el) => el?.matches("calcite-tooltip"));
       const tooltip = tooltips[0];
@@ -128,7 +128,7 @@ const Action = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const { text, textEnabled } = this;
     const textContainerClasses = {
       [CSS.textContainer]: true,
-      [CSS.textContainerVisible]: textEnabled
+      [CSS.textContainerVisible]: textEnabled,
     };
     return text ? (h("div", { class: textContainerClasses, key: "text-container" }, text)) : null;
   }
@@ -146,17 +146,17 @@ const Action = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const hasIconToDisplay = iconNode || el.children?.length;
     const slotContainerNode = (h("div", { class: {
         [CSS.slotContainer]: true,
-        [CSS.slotContainerHidden]: loading
+        [CSS.slotContainerHidden]: loading,
       } }, h("slot", null)));
     return hasIconToDisplay ? (h("div", { "aria-hidden": "true", class: CSS.iconContainer, key: "icon-container" }, iconNode, slotContainerNode)) : null;
   }
   render() {
-    const { active, compact, disabled, loading, textEnabled, label, text, indicator, indicatorId, buttonId, messages } = this;
+    const { active, compact, disabled, loading, textEnabled, label, text, indicator, indicatorId, buttonId, messages, } = this;
     const ariaLabel = `${label || text}${indicator ? ` (${messages.indicator})` : ""}`;
     const buttonClasses = {
       [CSS.button]: true,
       [CSS.buttonTextVisible]: textEnabled,
-      [CSS.buttonCompact]: compact
+      [CSS.buttonCompact]: compact,
     };
     return (h(Host, null, h("button", { "aria-busy": toAriaBoolean(loading), "aria-controls": indicator ? indicatorId : null, "aria-disabled": toAriaBoolean(disabled), "aria-label": ariaLabel, "aria-pressed": toAriaBoolean(active), class: buttonClasses, disabled: disabled, id: buttonId,
       // eslint-disable-next-line react/jsx-sort-props

package/dist/components/ar.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/array.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/components/avatar.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { q as getModeName } from './dom.js';

package/dist/components/bg.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/bs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.23
  */
 import { d as dayjs } from './calcite-input-time-picker.js';