@esri/calcite-components 1.0.0-next.597 → 1.0.0-next.598

package/dist/components/time-picker.js

@@ -1,25 +1,26 @@
 /*!
  * 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.597
+ * v1.0.0-next.598
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { n as numberKeys, i as isActivationKey } from './key.js';
-import { i as isValidNumber, b as getSupportedLocale, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale.js';
+import { i as isValidNumber, g as getSupportedLocale, b as getSupportedNumberingSystem, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
 const maxTenthForMinuteAndSecond = 5;
-function createLocaleDateTimeFormatter(locale, includeSeconds = true) {
+function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true) {
   try {
     const options = {
       hour: "2-digit",
       minute: "2-digit",
-      timeZone: "UTC"
+      timeZone: "UTC",
+      numberingSystem: getSupportedNumberingSystem(numberingSystem)
     };
     if (includeSeconds) {
       options.second = "2-digit";
     }
-    return new Intl.DateTimeFormat(locale, options);
+    return new Intl.DateTimeFormat(getSupportedLocale(locale), options);
   }
   catch (error) {
     throw new Error(`Invalid locale supplied while attempting to create a DateTime formatter: ${locale}`);
@@ -42,8 +43,8 @@ function formatTimeString(value) {
   }
   return `${hour}:${minute}`;
 }
-function getLocaleHourCycle(locale) {
-  const formatter = createLocaleDateTimeFormatter(locale);
+function getLocaleHourCycle(locale, numberingSystem) {
+  const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
   const parts = formatter.formatToParts(new Date(Date.UTC(0, 0, 0, 0, 0, 0)));
   return getLocalizedTimePart("meridiem", parts) ? "12" : "24";
 }
@@ -112,7 +113,7 @@ function isValidTimePart(value, part) {
   const valueAsNumber = Number(value);
   return part === "hour" ? valueAsNumber >= 0 && valueAsNumber < 24 : valueAsNumber >= 0 && valueAsNumber < 60;
 }
-function localizeTimePart(value, part, locale) {
+function localizeTimePart({ value, part, locale, numberingSystem }) {
   if (!isValidTimePart(value, part)) {
     return;
   }
@@ -121,28 +122,27 @@ function localizeTimePart(value, part, locale) {
   if (!date) {
     return;
   }
-  const formatter = createLocaleDateTimeFormatter(locale);
+  const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
   const parts = formatter.formatToParts(date);
   return getLocalizedTimePart(part, parts);
 }
-function localizeTimeString(value, locale = "en", includeSeconds = true) {
+function localizeTimeString({ value, locale, numberingSystem, includeSeconds = true }) {
   if (!isValidTime(value)) {
     return null;
   }
   const { hour, minute, second = "0" } = parseTimeString(value);
   const dateFromTimeString = new Date(Date.UTC(0, 0, 0, parseInt(hour), parseInt(minute), parseInt(second)));
-  const formatter = createLocaleDateTimeFormatter(locale, includeSeconds);
+  const formatter = createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds);
   return (formatter === null || formatter === void 0 ? void 0 : formatter.format(dateFromTimeString)) || null;
 }
-function localizeTimeStringToParts(value, locale) {
+function localizeTimeStringToParts({ value, locale, numberingSystem }) {
   if (!isValidTime(value)) {
     return null;
   }
-  locale = getSupportedLocale(locale);
   const { hour, minute, second = "0" } = parseTimeString(value);
   const dateFromTimeString = new Date(Date.UTC(0, 0, 0, parseInt(hour), parseInt(minute), parseInt(second)));
   if (dateFromTimeString) {
-    const formatter = createLocaleDateTimeFormatter(locale);
+    const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
     const parts = formatter.formatToParts(dateFromTimeString);
     return {
       localizedHour: getLocalizedTimePart("hour", parts),
@@ -156,14 +156,14 @@ function localizeTimeStringToParts(value, locale) {
   }
   return null;
 }
-function getTimeParts(value, locale = "en") {
+function getTimeParts({ value, locale, numberingSystem }) {
   if (!isValidTime(value)) {
     return null;
   }
   const { hour, minute, second = "0" } = parseTimeString(value);
   const dateFromTimeString = new Date(Date.UTC(0, 0, 0, parseInt(hour), parseInt(minute), parseInt(second)));
   if (dateFromTimeString) {
-    const formatter = createLocaleDateTimeFormatter(locale);
+    const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
     const parts = formatter.formatToParts(dateFromTimeString);
     return parts;
   }
@@ -321,7 +321,7 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.intlSecondUp = TEXT.secondUp;
     /** Specifies the size of the component. */
     this.scale = "m";
-    /** Specifies the granularity the "value" must adhere to (in seconds). */
+    /** Specifies the granularity the `value` must adhere to (in seconds). */
     this.step = 60;
     /** The component's value in UTC (always 24-hour format). */
     this.value = null;
@@ -583,8 +583,8 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.setValue = (value, emit = true) => {
       if (isValidTime(value)) {
         const { hour, minute, second } = parseTimeString(value);
-        const locale = this.effectiveLocale;
-        const { localizedHour, localizedHourSuffix, localizedMinute, localizedMinuteSuffix, localizedSecond, localizedSecondSuffix, localizedMeridiem } = localizeTimeStringToParts(value, locale);
+        const { effectiveLocale: locale, numberingSystem } = this;
+        const { localizedHour, localizedHourSuffix, localizedMinute, localizedMinuteSuffix, localizedSecond, localizedSecondSuffix, localizedMeridiem } = localizeTimeStringToParts({ value, locale, numberingSystem });
         this.localizedHour = localizedHour;
         this.localizedHourSuffix = localizedHourSuffix;
         this.localizedMinute = localizedMinute;
@@ -597,7 +597,7 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         if (localizedMeridiem) {
           this.localizedMeridiem = localizedMeridiem;
           this.meridiem = getMeridiem(this.hour);
-          const formatParts = getTimeParts(value, locale);
+          const formatParts = getTimeParts({ value, locale, numberingSystem });
           this.meridiemOrder = this.getMeridiemOrder(formatParts);
         }
       }
@@ -621,7 +621,7 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     this.setValuePart = (key, value, emit = true) => {
       var _a;
-      const locale = this.effectiveLocale;
+      const { effectiveLocale: locale, numberingSystem } = this;
       if (key === "meridiem") {
         this.meridiem = value;
         if (isValidNumber(this.hour)) {
@@ -638,12 +638,22 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
               }
               break;
           }
-          this.localizedHour = localizeTimePart(this.hour, "hour", locale);
+          this.localizedHour = localizeTimePart({
+            value: this.hour,
+            part: "hour",
+            locale,
+            numberingSystem
+          });
         }
       }
       else {
         this[key] = typeof value === "number" ? formatTimePart(value) : value;
-        this[`localized${capitalize(key)}`] = localizeTimePart(this[key], key, locale);
+        this[`localized${capitalize(key)}`] = localizeTimePart({
+          value: this[key],
+          part: key,
+          locale,
+          numberingSystem
+        });
       }
       if (this.hour && this.minute) {
         const showSeconds = this.second && this.showSecond;
@@ -653,8 +663,8 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.value = null;
       }
       this.localizedMeridiem = this.value
-        ? ((_a = localizeTimeStringToParts(this.value, locale)) === null || _a === void 0 ? void 0 : _a.localizedMeridiem) || null
-        : localizeTimePart(this.meridiem, "meridiem", locale);
+        ? ((_a = localizeTimeStringToParts({ value: this.value, locale, numberingSystem })) === null || _a === void 0 ? void 0 : _a.localizedMeridiem) || null
+        : localizeTimePart({ value: this.meridiem, part: "meridiem", locale, numberingSystem });
       if (emit) {
         this.calciteInternalTimePickerChange.emit();
       }
@@ -778,7 +788,7 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return 0;
   }
   updateLocale() {
-    this.hourCycle = getLocaleHourCycle(this.effectiveLocale);
+    this.hourCycle = getLocaleHourCycle(this.effectiveLocale, this.numberingSystem);
     this.setValue(this.value, false);
   }
   // --------------------------------------------------------------------------
@@ -789,7 +799,11 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   connectedCallback() {
     connectLocalized(this);
     this.updateLocale();
-    this.meridiemOrder = this.getMeridiemOrder(getTimeParts("0:00:00", this.effectiveLocale));
+    this.meridiemOrder = this.getMeridiemOrder(getTimeParts({
+      value: "0:00:00",
+      locale: this.effectiveLocale,
+      numberingSystem: this.numberingSystem
+    }));
   }
   disconnectedCallback() {
     disconnectLocalized(this);
@@ -878,6 +892,7 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "locale": [1025],
     "scale": [513],
     "step": [514],
+    "numberingSystem": [1, "numbering-system"],
     "value": [1025],
     "effectiveLocale": [32],
     "hour": [32],

package/dist/components/tooltip.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.597
+ * v1.0.0-next.598
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -198,7 +198,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.offsetSkidding = 0;
     /**
-     * When true, the component is open.
+     * When `true`, the component is open.
      */
     this.open = false;
     /**

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.597
+ * v1.0.0-next.598
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/components/utils2.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.597
+ * v1.0.0-next.598
  */
 import { n as nodeListToArray } from './dom.js';
 import { Build } from '@stencil/core/internal/client/index.js';

package/dist/esm/{ExpandToggle-21a5493f.js → ExpandToggle-c4680d33.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.597
+ * v1.0.0-next.598
  */
-import { f as forceUpdate, h } from './index-5326c3af.js';
-import { a as getElementDir } from './dom-1ac7b489.js';
-import { S as SLOTS } from './resources-ba2025cb.js';
-import { S as SLOTS$1 } from './resources-a65a8ad1.js';
+import { f as forceUpdate, h } from './index-cf16b53b.js';
+import { a as getElementDir } from './dom-648b4a2f.js';
+import { S as SLOTS } from './resources-386257f3.js';
+import { S as SLOTS$1 } from './resources-6177d83d.js';
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;

package/dist/esm/{Heading-0da1d231.js → Heading-101a701e.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.597
+ * v1.0.0-next.598
  */
-import { h } from './index-5326c3af.js';
+import { h } from './index-cf16b53b.js';
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/esm/{app-globals-53484588.js → app-globals-ce2cbf03.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.597
+ * v1.0.0-next.598
  */
-import { d as darkTheme, a as autoTheme } from './resources-bf3cbf16.js';
+import { d as darkTheme, a as autoTheme } from './resources-8468e332.js';
 
 /**
  * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.

package/dist/esm/{array-afca26e4.js → array-2549899e.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.597
+ * v1.0.0-next.598
  */
 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.597
+ * v1.0.0-next.598
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-5326c3af.js';
-import { e as getElementProp, g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-1ac7b489.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e50c9f14.js';
-import { C as CSS_UTILITY } from './resources-bf3cbf16.js';
-import './guid-57e25130.js';
-import './observers-68c33472.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-cf16b53b.js';
+import { e as getElementProp, g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-648b4a2f.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-97eefd44.js';
+import { C as CSS_UTILITY } from './resources-8468e332.js';
+import './guid-3260dd45.js';
+import './observers-85e8fe58.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.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}: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)}";
 
@@ -30,8 +30,8 @@ const Accordion = class {
     /** Specifies the size of the component. */
     this.scale = "m";
     /**
-     * Specifies the selection mode - "multi" (allow any number of open items), "single" (allow one open item),
-     * or "single-persist" (allow and require one open item).
+     * Specifies the selection mode - `"multi"` (allow any number of open items), `"single"` (allow one open item),
+     * or `"single-persist"` (allow and require one open item).
      */
     this.selectionMode = "multi";
     //--------------------------------------------------------------------------
@@ -192,12 +192,12 @@ const AccordionItem = class {
     //
     //--------------------------------------------------------------------------
     /**
-     * When true, the component is active.
+     * When `true`, the component is active.
      *
-     * @deprecated use expanded instead
+     * @deprecated use `expanded` instead.
      */
     this.active = false;
-    /** When true, item is expanded */
+    /** When `true`, the component is expanded. */
     this.expanded = false;
     /** what icon position does the parent accordion specify */
     this.iconPosition = "end";

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

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5326c3af.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-21a5493f.js';
-import { f as focusElement, g as getSlotted } from './dom-1ac7b489.js';
-import { c as createObserver } from './observers-68c33472.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e50c9f14.js';
-import { d as debounce } from './debounce-6816d02c.js';
-import './resources-ba2025cb.js';
-import './resources-a65a8ad1.js';
-import './resources-bf3cbf16.js';
-import './guid-57e25130.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cf16b53b.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-c4680d33.js';
+import { f as focusElement, g as getSlotted } from './dom-648b4a2f.js';
+import { c as createObserver } from './observers-85e8fe58.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-97eefd44.js';
+import { d as debounce } from './debounce-eb8de851.js';
+import './resources-386257f3.js';
+import './resources-6177d83d.js';
+import './resources-8468e332.js';
+import './guid-3260dd45.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom"
@@ -38,11 +38,11 @@ const ActionBar = class {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, the expand-toggling behavior is disabled.
+     * When `true`, the expand-toggling behavior is disabled.
      */
     this.expandDisabled = false;
     /**
-     * When true, the component is expanded.
+     * When `true`, the component is expanded.
      */
     this.expanded = false;
     /**

package/dist/esm/calcite-action-group.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.597
+ * v1.0.0-next.598
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-5326c3af.js';
-import { S as SLOTS, I as ICONS, T as TEXT } from './resources-a65a8ad1.js';
-import { g as getSlotted } from './dom-1ac7b489.js';
-import { S as SLOTS$1 } from './resources-ba2025cb.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e50c9f14.js';
-import './resources-bf3cbf16.js';
-import './guid-57e25130.js';
-import './observers-68c33472.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-cf16b53b.js';
+import { S as SLOTS, I as ICONS, T as TEXT } from './resources-6177d83d.js';
+import { g as getSlotted } from './dom-648b4a2f.js';
+import { S as SLOTS$1 } from './resources-386257f3.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-97eefd44.js';
+import './resources-8468e332.js';
+import './guid-3260dd45.js';
+import './observers-85e8fe58.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.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)}: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)}";
 
@@ -23,7 +23,7 @@ const ActionGroup = class {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, the component is expanded.
+     * When `true`, the component is expanded.
      */
     this.expanded = false;
     /**
@@ -31,7 +31,7 @@ const ActionGroup = class {
      */
     this.layout = "vertical";
     /**
-     * When true, the `calcite-action-menu` is open.
+     * When `true`, the `calcite-action-menu` is open.
      */
     this.menuOpen = false;
     // --------------------------------------------------------------------------

package/dist/esm/calcite-action-menu.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.597
+ * v1.0.0-next.598
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-5326c3af.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-ba2025cb.js';
-import { t as toAriaBoolean, f as focusElement } from './dom-1ac7b489.js';
-import { g as getRoundRobinIndex } from './array-afca26e4.js';
-import { g as guid } from './guid-57e25130.js';
-import { i as isActivationKey } from './key-42705c39.js';
-import './resources-bf3cbf16.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-cf16b53b.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-386257f3.js';
+import { t as toAriaBoolean, f as focusElement } from './dom-648b4a2f.js';
+import { g as getRoundRobinIndex } from './array-2549899e.js';
+import { g as guid } from './guid-3260dd45.js';
+import { i as isActivationKey } from './key-a3bce814.js';
+import './resources-8468e332.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.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}: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}";
 
@@ -25,11 +25,11 @@ const ActionMenu = class {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, the component is expanded.
+     * When `true`, the component is expanded.
      */
     this.expanded = false;
     /**
-     * When true, the component is open.
+     * When `true`, the component is open.
      */
     this.open = false;
     /**

package/dist/esm/calcite-action-pad.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.597
+ * v1.0.0-next.598
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5326c3af.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-21a5493f.js';
-import { f as focusElement, g as getSlotted } from './dom-1ac7b489.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e50c9f14.js';
-import './resources-ba2025cb.js';
-import './resources-a65a8ad1.js';
-import './resources-bf3cbf16.js';
-import './guid-57e25130.js';
-import './observers-68c33472.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cf16b53b.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-c4680d33.js';
+import { f as focusElement, g as getSlotted } from './dom-648b4a2f.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-97eefd44.js';
+import './resources-386257f3.js';
+import './resources-6177d83d.js';
+import './resources-8468e332.js';
+import './guid-3260dd45.js';
+import './observers-85e8fe58.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",
@@ -37,11 +37,11 @@ const ActionPad = class {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, the expand-toggling behavior is disabled.
+     * When `true`, the expand-toggling behavior is disabled.
      */
     this.expandDisabled = false;
     /**
-     * When true, the component is expanded.
+     * When `true`, the component is expanded.
      */
     this.expanded = false;
     /**

package/dist/esm/calcite-action.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.597
+ * v1.0.0-next.598
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-5326c3af.js';
-import { c as createObserver } from './observers-68c33472.js';
-import { u as updateHostInteraction } from './interactive-c086cb04.js';
-import { t as toAriaBoolean } from './dom-1ac7b489.js';
-import './resources-bf3cbf16.js';
-import './guid-57e25130.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-cf16b53b.js';
+import { c as createObserver } from './observers-85e8fe58.js';
+import { u as updateHostInteraction } from './interactive-53846bd5.js';
+import { t as toAriaBoolean } from './dom-648b4a2f.js';
+import './resources-8468e332.js';
+import './guid-3260dd45.js';
 
 const CSS = {
   button: "button",
@@ -39,21 +39,21 @@ const Action = class {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, the component is highlighted.
+     * When `true`, the component is highlighted.
      */
     this.active = false;
     /** Specifies the appearance of the component. */
     this.appearance = "solid";
     /**
-     * When true, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
+     * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
      */
     this.compact = false;
     /**
-     * When true, interaction is prevented and the component is displayed with lower opacity.
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
-     * When true, indicates unread changes.
+     * When `true`, indicates unread changes.
      */
     this.indicator = false;
     /**
@@ -63,7 +63,7 @@ const Action = class {
      */
     this.intlLoading = TEXT.loading;
     /**
-     * When true, a busy indicator is displayed.
+     * When `true`, a busy indicator is displayed.
      */
     this.loading = false;
     /**