@esri/calcite-components 1.0.0-beta.98 → 1.0.0-beta.99

package/dist/collection/utils/label.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-beta.98
+ * v1.0.0-beta.99
  */
 import { closestElementCrossShadowBoundary, queryElementRoots } from "./dom";
 /**
@@ -44,7 +44,7 @@ function hasAncestorCustomElements(label, componentEl) {
   label.removeEventListener(customElementAncestorCheckEventType, listener);
   const ancestorCustomElements = traversedElements
     .filter((el) => el !== componentEl && el !== label)
-    .filter((el) => { var _a; return (_a = el.tagName) === null || _a === void 0 ? void 0 : _a.includes("-"); });
+    .filter((el) => el.tagName?.includes("-"));
   return ancestorCustomElements.length > 0;
 }
 /**
@@ -97,8 +97,7 @@ export function disconnectLabel(component) {
  * @param component
  */
 export function getLabelText(component) {
-  var _a, _b;
-  return component.label || ((_b = (_a = component.labelEl) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || "";
+  return component.label || component.labelEl?.textContent?.trim() || "";
 }
 function onLabelClick(event) {
   if (this.disabled) {

package/dist/collection/utils/loadable.js

@@ -0,0 +1,58 @@
+/*!
+ * 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-beta.99
+ */
+const resolveMap = new WeakMap();
+const promiseMap = new WeakMap();
+/**
+ * This helper util sets up the component for the ability to know when the component has been loaded.
+ *
+ * This should be used in the `componentWillLoad` lifecycle hook.
+ *
+ * ```
+ * componentWillLoad(): void {
+ *   setUpLoadableComponent(this);
+ * }
+ * ```
+ *
+ * @param component
+ */
+export function setUpLoadableComponent(component) {
+  promiseMap.set(component, new Promise((resolve) => resolveMap.set(component, resolve)));
+}
+/**
+ * This helper util lets the loadable component know that it is now loaded.
+ *
+ * This should be used in the `componentDidLoad` lifecycle hook.
+ *
+ * ```
+ * componentDidLoad(): void {
+ *   setComponentLoaded(this);
+ * }
+ * ```
+ *
+ * @param component
+ */
+export function setComponentLoaded(component) {
+  resolveMap.get(component)();
+}
+/**
+ * This helper util can be used to ensure a component has been loaded (The "componentDidLoad" stencil lifecycle method has been called).
+ *
+ * Requires "setUpLoadableComponent" and "setComponentLoaded" to be called first.
+ *
+ * A component developer can await this method before proceeding with any logic that requires a component to be loaded first.
+ *
+ * ```
+ * async setFocus(): Promise<void> {
+ *   await componentLoaded(this);
+ * }
+ * ```
+ *
+ * @param component
+ * @returns Promise<void>
+ */
+export function componentLoaded(component) {
+  return promiseMap.get(component);
+}

package/dist/collection/utils/locale.js

@@ -1,12 +1,54 @@
 /*!
  * 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-beta.98
+ * v1.0.0-beta.99
  */
 import { BigDecimal, isValidNumber, sanitizeExponentialNumberString } from "./number";
 import { createObserver } from "./observers";
 import { closestElementCrossShadowBoundary, containsCrossShadowBoundary } from "./dom";
 export const defaultLocale = "en";
+export const t9nLocales = [
+  "ar",
+  "bg",
+  "bs",
+  "ca",
+  "cs",
+  "da",
+  "de",
+  "el",
+  defaultLocale,
+  "es",
+  "et",
+  "fi",
+  "fr",
+  "he",
+  "hr",
+  "hu",
+  "id",
+  "it",
+  "ja",
+  "ko",
+  "lt",
+  "lv",
+  "no",
+  "nl",
+  "pl",
+  "pt-BR",
+  "pt-PT",
+  "ro",
+  "ru",
+  "sk",
+  "sl",
+  "sr",
+  "sv",
+  "th",
+  "tr",
+  "uk",
+  "vi",
+  "zh-CN",
+  "zh-HK",
+  "zh-TW"
+];
 export const locales = [
   "ar",
   "bg",
@@ -39,7 +81,7 @@ export const locales = [
   "lt",
   "lv",
   "mk",
-  "nb",
+  "no",
   "nl",
   "pl",
   "pt",
@@ -82,31 +124,51 @@ export const numberingSystems = [
   "thai",
   "tibt"
 ];
+export const supportedLocales = [...new Set([...t9nLocales, ...locales])];
 const isNumberingSystemSupported = (numberingSystem) => numberingSystems.includes(numberingSystem);
 const browserNumberingSystem = new Intl.NumberFormat().resolvedOptions().numberingSystem;
 export const defaultNumberingSystem = browserNumberingSystem === "arab" || !isNumberingSystemSupported(browserNumberingSystem)
   ? "latn"
   : browserNumberingSystem;
 export const getSupportedNumberingSystem = (numberingSystem) => isNumberingSystemSupported(numberingSystem) ? numberingSystem : defaultNumberingSystem;
-export function getSupportedLocale(locale) {
-  if (locales.indexOf(locale) > -1) {
-    return locale;
-  }
+/**
+ * Gets the locale that best matches the context.
+ *
+ * @param locale – the BCP 47 locale code
+ * @param context - specifies whether the locale code should match in the context of CLDR or T9N (translation)
+ */
+export function getSupportedLocale(locale, context = "cldr") {
+  const contextualLocales = context === "cldr" ? locales : t9nLocales;
   if (!locale) {
     return defaultLocale;
   }
+  if (contextualLocales.includes(locale)) {
+    return locale;
+  }
   locale = locale.toLowerCase();
-  // we support both 'nb' and 'no' (BCP 47) for Norwegian
+  // we support both 'nb' and 'no' (BCP 47) for Norwegian but only `no` has corresponding bundle
   if (locale === "nb") {
     return "no";
   }
+  // we use `pt-BR` as it will have the same translations as `pt`, which has no corresponding bundle
+  if (context === "t9n" && locale === "pt") {
+    return "pt-BR";
+  }
   if (locale.includes("-")) {
     locale = locale.replace(/(\w+)-(\w+)/, (_match, language, region) => `${language}-${region.toUpperCase()}`);
-    if (!locales.includes(locale)) {
+    if (!contextualLocales.includes(locale)) {
       locale = locale.split("-")[0];
     }
   }
-  return locales.includes(locale) ? locale : defaultLocale;
+  // we can `zh-CN` as base translation for chinese locales which has no corresponding bundle.
+  if (locale === "zh") {
+    return "zh-CN";
+  }
+  if (!contextualLocales.includes(locale)) {
+    console.warn(`Translations for the "${locale}" locale are not available and will fall back to the default, English (en).`);
+    return defaultLocale;
+  }
+  return locale;
 }
 const connectedComponents = new Set();
 /**
@@ -119,7 +181,7 @@ const connectedComponents = new Set();
 export function connectLocalized(component) {
   updateEffectiveLocale(component);
   if (connectedComponents.size === 0) {
-    mutationObserver.observe(document.documentElement, {
+    mutationObserver?.observe(document.documentElement, {
       attributes: true,
       attributeFilter: ["lang"],
       subtree: true
@@ -154,9 +216,8 @@ const mutationObserver = createObserver("mutation", (records) => {
   records.forEach((record) => {
     const el = record.target;
     connectedComponents.forEach((component) => {
-      const hasOverridingLocale = !!(component.locale && !component.el.lang);
       const inUnrelatedSubtree = !containsCrossShadowBoundary(el, component.el);
-      if (hasOverridingLocale || inUnrelatedSubtree) {
+      if (inUnrelatedSubtree) {
         return;
       }
       const closestLangEl = closestElementCrossShadowBoundary(component.el, "[lang]");
@@ -178,17 +239,15 @@ const mutationObserver = createObserver("mutation", (records) => {
  * @param component
  */
 function getLocale(component) {
-  var _a;
   return (component.el.lang ||
-    component.locale ||
-    ((_a = closestElementCrossShadowBoundary(component.el, "[lang]")) === null || _a === void 0 ? void 0 : _a.lang) ||
+    closestElementCrossShadowBoundary(component.el, "[lang]")?.lang ||
     document.documentElement.lang ||
     defaultLocale);
 }
 /**
  * This util formats and parses numbers for localization
  */
-class NumberStringFormat {
+export class NumberStringFormat {
   constructor() {
     this.delocalize = (numberString) => 
     // For performance, (de)localization is skipped if the formatter isn't initialized.
@@ -205,7 +264,7 @@ class NumberStringFormat {
     this.localize = (numberString) => this._numberFormatOptions
       ? sanitizeExponentialNumberString(numberString, (nonExpoNumString) => isValidNumber(nonExpoNumString.trim())
         ? new BigDecimal(nonExpoNumString.trim())
-          .format(this._numberFormatter)
+          .format(this)
           .replace(new RegExp(`[${this._actualGroup}]`, "g"), this._group)
         : nonExpoNumString)
       : numberString;
@@ -232,8 +291,8 @@ class NumberStringFormat {
    * numberFormatOptions needs to be set before localize/delocalize is called to ensure the options are up to date
    */
   set numberFormatOptions(options) {
-    options.locale = getSupportedLocale(options === null || options === void 0 ? void 0 : options.locale);
-    options.numberingSystem = getSupportedNumberingSystem(options === null || options === void 0 ? void 0 : options.numberingSystem);
+    options.locale = getSupportedLocale(options?.locale);
+    options.numberingSystem = getSupportedNumberingSystem(options?.numberingSystem);
     if (
     // No need to create the formatter if `locale` and `numberingSystem`
     // are the default values and `numberFormatOptions` has not been set

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.98
+ * v1.0.0-beta.99
  */
 export const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 export const decimalPlaces = (value) => {

package/dist/collection/utils/number.js

@@ -1,13 +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-beta.98
+ * v1.0.0-beta.99
  */
 import { numberKeys } from "./key";
-import { numberStringFormatter } from "./locale";
+const defaultMinusSignRegex = new RegExp("-", "g");
+const unnecessaryDecimalRegex = new RegExp("\\.?0+$");
 // adopted from https://stackoverflow.com/a/66939244
 export class BigDecimal {
   constructor(input) {
+    this.add = (num) => BigDecimal.fromBigInt(this.value + new BigDecimal(num).value);
+    this.subtract = (num) => BigDecimal.fromBigInt(this.value - new BigDecimal(num).value);
+    this.multiply = (num) => BigDecimal._divRound(this.value * new BigDecimal(num).value, BigDecimal.SHIFT);
+    this.divide = (num) => BigDecimal._divRound(this.value * BigDecimal.SHIFT, new BigDecimal(num).value);
     if (input instanceof BigDecimal) {
       return input;
     }
@@ -17,65 +22,47 @@ export class BigDecimal {
         BigInt(BigDecimal.ROUNDED && decimals[BigDecimal.DECIMALS] >= "5");
     this.isNegative = input.charAt(0) === "-";
   }
-  static _divRound(dividend, divisor) {
-    return BigDecimal.fromBigInt(dividend / divisor + (BigDecimal.ROUNDED ? ((dividend * BigInt(2)) / divisor) % BigInt(2) : BigInt(0)));
-  }
-  static fromBigInt(bigint) {
-    return Object.assign(Object.create(BigDecimal.prototype), { value: bigint });
-  }
-  toString() {
+  getIntegersAndDecimals() {
     const s = this.value
       .toString()
-      .replace(new RegExp("-", "g"), "")
+      .replace(defaultMinusSignRegex, "")
       .padStart(BigDecimal.DECIMALS + 1, "0");
-    const i = s.slice(0, -BigDecimal.DECIMALS);
-    const d = s.slice(-BigDecimal.DECIMALS).replace(/\.?0+$/, "");
-    const value = i.concat(d.length ? "." + d : "");
-    return `${this.isNegative ? "-" : ""}${value}`;
+    const integers = s.slice(0, -BigDecimal.DECIMALS);
+    const decimals = s.slice(-BigDecimal.DECIMALS).replace(unnecessaryDecimalRegex, "");
+    return { integers, decimals };
+  }
+  toString() {
+    const { integers, decimals } = this.getIntegersAndDecimals();
+    return `${this.isNegative ? "-" : ""}${integers}${decimals.length ? "." + decimals : ""}`;
   }
   formatToParts(formatter) {
-    const s = this.value
-      .toString()
-      .replace(new RegExp("-", "g"), "")
-      .padStart(BigDecimal.DECIMALS + 1, "0");
-    const i = s.slice(0, -BigDecimal.DECIMALS);
-    const d = s.slice(-BigDecimal.DECIMALS).replace(/\.?0+$/, "");
-    const parts = formatter.formatToParts(BigInt(i));
-    this.isNegative && parts.unshift({ type: "minusSign", value: numberStringFormatter.minusSign });
-    if (d.length) {
-      parts.push({ type: "decimal", value: numberStringFormatter.decimal });
-      d.split("").forEach((char) => parts.push({ type: "fraction", value: char }));
+    const { integers, decimals } = this.getIntegersAndDecimals();
+    const parts = formatter.numberFormatter.formatToParts(BigInt(integers));
+    this.isNegative && parts.unshift({ type: "minusSign", value: formatter.minusSign });
+    if (decimals.length) {
+      parts.push({ type: "decimal", value: formatter.decimal });
+      decimals.split("").forEach((char) => parts.push({ type: "fraction", value: char }));
     }
     return parts;
   }
   format(formatter) {
-    const s = this.value
-      .toString()
-      .replace(new RegExp("-", "g"), "")
-      .padStart(BigDecimal.DECIMALS + 1, "0");
-    const i = s.slice(0, -BigDecimal.DECIMALS);
-    const d = s.slice(-BigDecimal.DECIMALS).replace(/\.?0+$/, "");
-    const iFormatted = `${this.isNegative ? numberStringFormatter.minusSign : ""}${formatter.format(BigInt(i))}`;
-    const dFormatted = d.length ? `${numberStringFormatter.decimal}${formatter.format(BigInt(d))}` : "";
-    return `${iFormatted}${dFormatted}`;
-  }
-  add(num) {
-    return BigDecimal.fromBigInt(this.value + new BigDecimal(num).value);
-  }
-  subtract(num) {
-    return BigDecimal.fromBigInt(this.value - new BigDecimal(num).value);
-  }
-  multiply(num) {
-    return BigDecimal._divRound(this.value * new BigDecimal(num).value, BigDecimal.SHIFT);
-  }
-  divide(num) {
-    return BigDecimal._divRound(this.value * BigDecimal.SHIFT, new BigDecimal(num).value);
+    const { integers, decimals } = this.getIntegersAndDecimals();
+    const integersFormatted = `${this.isNegative ? formatter.minusSign : ""}${formatter.numberFormatter.format(BigInt(integers))}`;
+    const decimalsFormatted = decimals.length
+      ? `${formatter.decimal}${decimals
+        .split("")
+        .map((char) => formatter.numberFormatter.format(Number(char)))
+        .join("")}`
+      : "";
+    return `${integersFormatted}${decimalsFormatted}`;
   }
 }
 // Configuration: constants
 BigDecimal.DECIMALS = 100; // number of decimals on all instances
 BigDecimal.ROUNDED = true; // numbers are truncated (false) or rounded (true)
 BigDecimal.SHIFT = BigInt("1" + "0".repeat(BigDecimal.DECIMALS)); // derived constant
+BigDecimal._divRound = (dividend, divisor) => BigDecimal.fromBigInt(dividend / divisor + (BigDecimal.ROUNDED ? ((dividend * BigInt(2)) / divisor) % BigInt(2) : BigInt(0)));
+BigDecimal.fromBigInt = (bigint) => Object.assign(Object.create(BigDecimal.prototype), { value: bigint });
 export function isValidNumber(numberString) {
   return !(!numberString || isNaN(Number(numberString)));
 }

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.98
+ * v1.0.0-beta.99
  */
 import { Build } from "@stencil/core";
 /**

package/dist/collection/utils/openCloseComponent.js

@@ -1,8 +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-beta.98
+ * v1.0.0-beta.99
  */
+import { readTask } from "@stencil/core";
 const componentToTransitionListeners = new WeakMap();
 function transitionStart(event) {
   if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {
@@ -14,6 +15,33 @@ function transitionEnd(event) {
     this.open ? this.onOpen() : this.onClose();
   }
 }
+/**
+ * Helper to determine globally set transition duration on the given openTransitionProp, which is imported and set in the @Watch("open").
+ * Used to emit (before)open/close events both for when the opacity transition is present and when there is none (transition-duration is set to 0).
+ *
+ * @param component
+ */
+export function onToggleOpenCloseComponent(component) {
+  readTask(() => {
+    if (component.transitionEl) {
+      const allTransitionPropsArray = getComputedStyle(component.transitionEl).transition.split(" ");
+      const openTransitionPropIndex = allTransitionPropsArray.findIndex((item) => item === component.openTransitionProp);
+      const transitionDuration = allTransitionPropsArray[openTransitionPropIndex + 1];
+      if (transitionDuration === "0s") {
+        component.open ? component.onBeforeOpen() : component.onBeforeClose();
+        component.open ? component.onOpen() : component.onClose();
+      }
+      else {
+        component.transitionEl.addEventListener("transitionstart", () => {
+          component.open ? component.onBeforeOpen() : component.onBeforeClose();
+        }, { once: true });
+        component.transitionEl.addEventListener("transitionend", () => {
+          component.open ? component.onOpen() : component.onClose();
+        }, { once: true });
+      }
+    }
+  });
+}
 /**
  * Helper to keep track of transition listeners on setTransitionEl and connectedCallback on OpenCloseComponent components.
  *

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.98
+ * v1.0.0-beta.99
  */
 export const autoTheme = "calcite-theme-auto";
 export const darkTheme = "calcite-theme-dark";

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.98
+ * v1.0.0-beta.99
  */
 import { getAssetPath } from "@stencil/core";
 import { getSupportedLocale } from "./locale";
@@ -24,36 +24,12 @@ async function getMessageBundle(lang, component) {
 function throwMessageFetchError() {
   throw new Error("could not fetch component message bundle");
 }
-/**
- * This util helps preserve existing intlProp usage when they have not been replaced by overrides.
- *
- * @param component
- */
-export function overridesFromIntlProps(component) {
-  const { el } = component;
-  const overrides = {};
-  Object.keys(el.constructor.prototype)
-    .filter((prop) => prop.startsWith("intl"))
-    .forEach((prop) => {
-    const assignedValue = el[prop];
-    if (assignedValue) {
-      let mappedProp = prop.replace("intl", "");
-      mappedProp = `${mappedProp[0].toLowerCase()}${mappedProp.slice(1)}`;
-      overrides[mappedProp] = assignedValue;
-    }
-  });
-  return overrides;
-}
 function mergeMessages(component) {
   component.messages = {
     ...component.defaultMessages,
-    ...getEffectiveMessageOverrides(component)
+    ...component.messageOverrides
   };
 }
-function getEffectiveMessageOverrides(component) {
-  var _a;
-  return (_a = component.messageOverrides) !== null && _a !== void 0 ? _a : overridesFromIntlProps(component);
-}
 /**
  * This utility sets up the messages used by the component. It should be awaited in the `componentWillLoad` lifecycle hook.
  *
@@ -67,7 +43,7 @@ async function fetchMessages(component, lang) {
   const { el } = component;
   const tag = el.tagName.toLowerCase();
   const componentName = tag.replace("calcite-", "");
-  return getMessageBundle(getSupportedLocale(lang), componentName);
+  return getMessageBundle(getSupportedLocale(lang, "t9n"), componentName);
 }
 /**
  * This utility must be set up for the component to update its default message bundle if the locale changes.
@@ -82,6 +58,7 @@ async function fetchMessages(component, lang) {
  */
 export async function updateMessages(component, lang) {
   component.defaultMessages = await fetchMessages(component, lang);
+  mergeMessages(component);
 }
 /**
  * This utility sets up internals for messages support.

package/dist/collection/utils/theme.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-beta.98
+ * v1.0.0-beta.99
  */
 import { autoTheme, darkTheme } from "./resources";
 /**

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.98
+ * v1.0.0-beta.99
  */
 import { isValidNumber } from "./number";
 import { getSupportedLocale, getSupportedNumberingSystem } from "./locale";
@@ -46,7 +46,6 @@ export function getLocaleHourCycle(locale, numberingSystem) {
   return getLocalizedTimePart("meridiem", parts) ? "12" : "24";
 }
 function getLocalizedTimePart(part, parts) {
-  var _a, _b, _c, _d;
   if (!part || !parts) {
     return null;
   }
@@ -55,7 +54,7 @@ function getLocalizedTimePart(part, parts) {
     const minuteIndex = parts.indexOf(parts.find(({ type }) => type === "minute"));
     const hourSuffix = parts[hourIndex + 1];
     return hourSuffix && hourSuffix.type === "literal" && minuteIndex - hourIndex === 2
-      ? ((_a = hourSuffix.value) === null || _a === void 0 ? void 0 : _a.trim()) || null
+      ? hourSuffix.value?.trim() || null
       : null;
   }
   if (part === "minuteSuffix") {
@@ -63,15 +62,15 @@ function getLocalizedTimePart(part, parts) {
     const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
     const minuteSuffix = parts[minuteIndex + 1];
     return minuteSuffix && minuteSuffix.type === "literal" && secondIndex - minuteIndex === 2
-      ? ((_b = minuteSuffix.value) === null || _b === void 0 ? void 0 : _b.trim()) || null
+      ? minuteSuffix.value?.trim() || null
       : null;
   }
   if (part === "secondSuffix") {
     const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
     const secondSuffix = parts[secondIndex + 1];
-    return secondSuffix && secondSuffix.type === "literal" ? ((_c = secondSuffix.value) === null || _c === void 0 ? void 0 : _c.trim()) || null : null;
+    return secondSuffix && secondSuffix.type === "literal" ? secondSuffix.value?.trim() || null : null;
   }
-  return ((_d = parts.find(({ type }) => (part == "meridiem" ? type === "dayPeriod" : type === part))) === null || _d === void 0 ? void 0 : _d.value) || null;
+  return parts.find(({ type }) => (part == "meridiem" ? type === "dayPeriod" : type === part))?.value || null;
 }
 export function getMeridiem(hour) {
   if (!isValidNumber(hour)) {
@@ -130,7 +129,7 @@ export function localizeTimeString({ value, locale, numberingSystem, includeSeco
   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, numberingSystem, includeSeconds);
-  return (formatter === null || formatter === void 0 ? void 0 : formatter.format(dateFromTimeString)) || null;
+  return formatter?.format(dateFromTimeString) || null;
 }
 export function localizeTimeStringToParts({ value, locale, numberingSystem }) {
   if (!isValidTime(value)) {

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.98
+ * v1.0.0-beta.99
  */
 import { forceUpdate, h } from '@stencil/core/internal/client/index.js';
 import { c as getElementDir } from './dom.js';
@@ -12,7 +12,7 @@ const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;
 const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
 const geActionDimensions = (actions) => {
-  const actionLen = actions === null || actions === void 0 ? void 0 : actions.length;
+  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
@@ -63,8 +63,7 @@ const ICONS = {
   chevronsRight: "chevrons-right"
 };
 function getCalcitePosition(position, el) {
-  var _a;
-  return position || ((_a = el.closest("calcite-shell-panel")) === null || _a === void 0 ? void 0 : _a.position) || "start";
+  return position || el.closest("calcite-shell-panel")?.position || "start";
 }
 function toggleChildActionText({ parent, expanded }) {
   queryActions(parent)

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.98
+ * v1.0.0-beta.99
  */
 import { h } from '@stencil/core/internal/client/index.js';
 
@@ -9,7 +9,7 @@ function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);
 }
 const Heading = (props, children) => {
-  const HeadingTag = `h${props.level}`;
+  const HeadingTag = props.level ? `h${props.level}` : "div";
   delete props.level;
   return h(HeadingTag, { ...props }, children);
 };