@esri/calcite-components 1.0.0-next.582 → 1.0.0-next.591

package/dist/collection/utils/label.spec.js

@@ -0,0 +1,188 @@
+import { connectLabel, disconnectLabel, getLabelText, labelClickEvent } from "./label";
+describe("label", () => {
+    function createFakeLabelable(overrides) {
+        const base = {
+            disabled: null,
+            el: null,
+            label: null,
+            labelEl: null,
+            onLabelClick: jest.fn()
+        };
+        return { ...base, ...overrides };
+    }
+    describe("connectLabel/disconnectLabel", () => {
+        describe("wires up the associated label", () => {
+            /**
+             * This util helps simulate calcite-label's behavior since we cannot use the component here
+             *
+             * @param label
+             */
+            function wireUpFakeLabel(label) {
+                label.addEventListener("click", (event) => {
+                    label.dispatchEvent(new CustomEvent(labelClickEvent, { detail: { sourceEvent: event } }));
+                });
+            }
+            it("ignores labelable with no associated label", () => {
+                document.body.innerHTML = `
+          <fake-labelable id="unlabeled"></fake-labelable>
+      `;
+                const fakeLabelableEl = document.querySelector("#unlabeled");
+                const nonLabelable = createFakeLabelable({
+                    el: fakeLabelableEl
+                });
+                connectLabel(nonLabelable);
+                expect(nonLabelable.labelEl).toBeNull();
+                disconnectLabel(nonLabelable);
+                expect(nonLabelable.labelEl).toBeNull();
+            });
+            it("prevents selecting disabled labeled element", () => {
+                document.body.innerHTML = `
+        <calcite-label for="for">label</calcite-label>
+        <fake-labelable id="for"></fake-labelable>
+      `;
+                const labelEl = document.querySelector("calcite-label");
+                const fakeLabelableEl = document.querySelector("#for");
+                wireUpFakeLabel(labelEl);
+                const labelable = createFakeLabelable({
+                    el: fakeLabelableEl,
+                    disabled: true
+                });
+                connectLabel(labelable);
+                expect(labelable.labelEl).toBe(labelEl);
+                labelEl.click();
+                expect(labelable.onLabelClick).toHaveBeenCalledTimes(0);
+                disconnectLabel(labelable);
+            });
+            it("supports for attribute", () => {
+                document.body.innerHTML = `
+        <calcite-label for="for">label</calcite-label>
+        <fake-labelable id="for"></fake-labelable>
+      `;
+                const labelEl = document.querySelector("calcite-label");
+                const fakeLabelableEl = document.querySelector("#for");
+                wireUpFakeLabel(labelEl);
+                const labelable = createFakeLabelable({
+                    el: fakeLabelableEl
+                });
+                connectLabel(labelable);
+                expect(labelable.labelEl).toBe(labelEl);
+                labelEl.click();
+                expect(labelable.onLabelClick).toHaveBeenCalledTimes(1);
+                disconnectLabel(labelable);
+                expect(labelable.labelEl).toBe(labelEl);
+                labelEl.click();
+                expect(labelable.onLabelClick).toHaveBeenCalledTimes(1);
+            });
+            it("supports wrapped labelable", () => {
+                document.body.innerHTML = `
+        <calcite-label>
+          label
+          <fake-labelable></fake-labelable>
+        </calcite-label>
+      `;
+                const labelEl = document.querySelector("calcite-label");
+                const fakeLabelableEl = document.querySelector("fake-labelable");
+                wireUpFakeLabel(labelEl);
+                const labelable = createFakeLabelable({
+                    el: fakeLabelableEl
+                });
+                connectLabel(labelable);
+                expect(labelable.labelEl).toBe(labelEl);
+                labelEl.click();
+                expect(labelable.onLabelClick).toHaveBeenCalledTimes(1);
+                disconnectLabel(labelable);
+                expect(labelable.labelEl).toBe(labelEl);
+                labelEl.click();
+                expect(labelable.onLabelClick).toHaveBeenCalledTimes(1);
+            });
+            it("supports being rendered after labelable", () => {
+                document.body.innerHTML = `
+          <fake-labelable id="renderedFirst"></fake-labelable>
+        `;
+                const label = document.createElement("calcite-label");
+                label.setAttribute("for", "renderedFirst");
+                document.body.appendChild(label);
+                const labelEl = document.querySelector("calcite-label");
+                const fakeLabelableEl = document.querySelector("fake-labelable");
+                wireUpFakeLabel(labelEl);
+                const labelable = createFakeLabelable({
+                    el: fakeLabelableEl
+                });
+                connectLabel(labelable);
+                expect(labelable.labelEl).toBe(labelEl);
+                labelEl.click();
+                expect(labelable.onLabelClick).toHaveBeenCalledTimes(1);
+                disconnectLabel(labelable);
+                expect(labelable.labelEl).toBe(labelEl);
+                labelEl.click();
+                expect(labelable.onLabelClick).toHaveBeenCalledTimes(1);
+            });
+            it("works if reattached to labelable", () => {
+                document.body.innerHTML = `
+          <calcite-label for="for"></calcite-label>
+          <fake-labelable id="for"></fake-labelable>
+        `;
+                document.querySelector("calcite-label").remove();
+                const label = document.createElement("calcite-label");
+                label.setAttribute("for", "for");
+                document.body.appendChild(label);
+                const labelEl = document.querySelector("calcite-label");
+                const fakeLabelableEl = document.querySelector("fake-labelable");
+                wireUpFakeLabel(labelEl);
+                const labelable = createFakeLabelable({
+                    el: fakeLabelableEl
+                });
+                connectLabel(labelable);
+                expect(labelable.labelEl).toBe(labelEl);
+                labelEl.click();
+                expect(labelable.onLabelClick).toHaveBeenCalledTimes(1);
+                disconnectLabel(labelable);
+                expect(labelable.labelEl).toBe(labelEl);
+                labelEl.click();
+                expect(labelable.onLabelClick).toHaveBeenCalledTimes(1);
+            });
+            it("does not support nested labelables", () => {
+                document.body.innerHTML = `
+        <calcite-label>
+          label
+          <fake-labelable id="outer">
+            <fake-labelable id="inner"></fake-labelable>
+          </fake-labelable>
+        </calcite-label>
+      `;
+                const labelEl = document.querySelector("calcite-label");
+                const fakeInnerLabelableEl = document.querySelector("#inner");
+                const fakeOuterLabelableEl = document.querySelector("#outer");
+                wireUpFakeLabel(labelEl);
+                const innerLabelable = createFakeLabelable({
+                    el: fakeInnerLabelableEl
+                });
+                connectLabel(innerLabelable);
+                expect(innerLabelable.labelEl).toBeNull();
+                const outerLabelable = createFakeLabelable({
+                    el: fakeOuterLabelableEl
+                });
+                connectLabel(outerLabelable);
+                expect(outerLabelable.labelEl).toBe(labelEl);
+                labelEl.click();
+                expect(outerLabelable.onLabelClick).toHaveBeenCalledTimes(1);
+                disconnectLabel(outerLabelable);
+                labelEl.click();
+                expect(outerLabelable.onLabelClick).toHaveBeenCalledTimes(1);
+            });
+        });
+    });
+    it("getLabelText", () => {
+        const label = "from-label";
+        expect(getLabelText(createFakeLabelable({ label }))).toBe("from-label");
+        const labelEl = document.createElement("calcite-label");
+        labelEl.textContent = "from-text-content";
+        expect(getLabelText(createFakeLabelable({
+            labelEl
+        }))).toBe("from-text-content");
+        expect(getLabelText(createFakeLabelable({
+            label,
+            labelEl
+        }))).toBe("from-label");
+    });
+});

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.582
+ * v1.0.0-next.591
  */
 import { sanitizeDecimalString, sanitizeExponentialNumberString, isValidNumber, BigDecimal } from "./number";
 export const locales = [
@@ -121,3 +121,12 @@ export function localizeNumberString(numberString, locale, displayGroupSeparator
     return nonExpoNumString;
   });
 }
+/**
+ * This util helps resolve a component's locale.
+ * It will also fall back on the deprecated `locale` if a component implemented this previously.
+ *
+ * @param component
+ */
+export function getLocale(component) {
+  return component.el.lang || component.locale || document.documentElement.lang || "en";
+}

package/dist/collection/utils/locale.spec.js

@@ -0,0 +1,44 @@
+import { delocalizeNumberString, localizeNumberString, locales } from "./locale";
+const localesWithIssues = ["ar"]; // arabic has different numeral characters
+describe("localizeNumberString and delocalizeNumberString", () => {
+    locales
+        .filter((locale) => !localesWithIssues.includes(locale))
+        .forEach((locale) => {
+        it(`integers localize and delocalize in "${locale}"`, () => {
+            const numberString = "555";
+            const localizedNumberString = localizeNumberString(numberString, locale);
+            const delocalizedNumberString = delocalizeNumberString(localizedNumberString, locale);
+            expect(delocalizedNumberString).toBe(numberString);
+        });
+        it(`negative numbers localize and delocalize in "${locale}"`, () => {
+            const numberString = "-123";
+            const localizedNumberString = localizeNumberString(numberString, locale);
+            const delocalizedNumberString = delocalizeNumberString(localizedNumberString, locale);
+            expect(delocalizedNumberString).toBe(numberString);
+        });
+        it(`floating point numbers localize and delocalize in "${locale}"`, () => {
+            const numberString = "4.321";
+            const localizedNumberString = localizeNumberString(numberString, locale);
+            const delocalizedNumberString = delocalizeNumberString(localizedNumberString, locale);
+            expect(delocalizedNumberString).toBe(numberString);
+        });
+        it(`exponential numbers localize and delocalize in "${locale}"`, () => {
+            const numberString = "2.5e-3";
+            const localizedNumberString = localizeNumberString(numberString, locale);
+            const delocalizedNumberString = delocalizeNumberString(localizedNumberString, locale);
+            expect(delocalizedNumberString).toBe(numberString);
+        });
+        it(`numbers with group separators localize and delocalize in "${locale}"`, () => {
+            const numberString = "1,234";
+            const localizedNumberString = localizeNumberString(numberString, locale, true);
+            const delocalizedNumberString = delocalizeNumberString(localizedNumberString, locale);
+            expect(delocalizedNumberString).toBe("1234");
+        });
+        it(`floating point numbers with group separators localize and delocalize in "${locale}"`, () => {
+            const numberString = "12,345,678.9";
+            const localizedNumberString = localizeNumberString(numberString, locale, true);
+            const delocalizedNumberString = delocalizeNumberString(localizedNumberString, locale);
+            expect(delocalizedNumberString).toBe("12345678.9");
+        });
+    });
+});

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-next.582
+ * v1.0.0-next.591
  */
 export const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 export const decimalPlaces = (value) => {

package/dist/collection/utils/math.spec.js

@@ -0,0 +1,8 @@
+import { clamp } from "./math";
+describe("clamp", () => {
+    it("clamps numbers within min/max", () => {
+        expect(clamp(5, 0, 10)).toBe(5);
+        expect(clamp(-1, 0, 10)).toBe(0);
+        expect(clamp(11, 0, 10)).toBe(10);
+    });
+});

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.582
+ * v1.0.0-next.591
  */
 import { numberKeys } from "./key";
 import { createLocaleNumberFormatter, getDecimalSeparator, getMinusSign } from "./locale";

package/dist/collection/utils/number.spec.js

@@ -0,0 +1,113 @@
+import { BigDecimal, isValidNumber, parseNumberString, sanitizeNumberString } from "./number";
+import { getDecimalSeparator, getGroupSeparator, getMinusSign, locales } from "./locale";
+describe("isValidNumber", () => {
+    it("returns false for string values that can't compute to a number", () => {
+        expect(isValidNumber("undefined")).toBe(false);
+        expect(isValidNumber(";lkj2323")).toBe(false);
+        expect(isValidNumber("")).toBe(false);
+        expect(isValidNumber(undefined)).toBe(false);
+        expect(isValidNumber(null)).toBe(false);
+        expect(isValidNumber("null")).toBe(false);
+        expect(isValidNumber("not a number")).toBe(false);
+        expect(isValidNumber("1 2345,67")).toBe(false);
+    });
+    it("returns true for string values that compute to a valid number", () => {
+        expect(isValidNumber("123345345")).toBe(true);
+        expect(isValidNumber("123123.234234")).toBe(true);
+    });
+});
+describe("parseNumberString", () => {
+    it("returns empty string for string values that can't compute to a number", () => {
+        expect(parseNumberString()).toBe("");
+        expect(parseNumberString(null)).toBe("");
+        expect(parseNumberString(undefined)).toBe("");
+        expect(parseNumberString("")).toBe("");
+        expect(parseNumberString("only nums")).toBe("");
+        const lettersAndSymbols = "kjas;lkjwo;aij(*&,asd;flkj-";
+        const lettersAndSymbolsWithLeadingNegativeSign = "-ASDF(*^LKJihsdf*&^";
+        expect(parseNumberString(lettersAndSymbols)).toBe("");
+        expect(parseNumberString(lettersAndSymbolsWithLeadingNegativeSign)).toBe("");
+    });
+    it("returns valid number string for string values that compute to a valid number", () => {
+        const stringWithLettersAndDigits = "lkj2323lkj";
+        const frenchNumber = "1 2345,67";
+        const positiveInteger = "123345345";
+        const stringWithLettersDigitsAndSymbols = "123sdfa34345klndfsi8*&(^asdf5345";
+        const decimal = "123123.234234";
+        const stringWithLettersAndDecimal = "12asdfas$%@$3123.23asdf2a4234";
+        const stringWithLettersDecimalAndNonLeadingNegativeSign = "12a-sdfas$%@$3123.23asdf2a4234";
+        const stringWithLettersDecimalAndLeadingNegativeSign = "-12a-sdfas$%@$3123.23asdf2a4234";
+        expect(parseNumberString(stringWithLettersAndDigits)).toBe("2323");
+        expect(parseNumberString(frenchNumber)).toBe("1234567");
+        expect(parseNumberString(positiveInteger)).toBe(positiveInteger);
+        expect(parseNumberString(stringWithLettersDigitsAndSymbols)).toBe("1233434585345");
+        expect(parseNumberString(decimal)).toBe(decimal);
+        expect(parseNumberString(stringWithLettersAndDecimal)).toBe("123123.2324234");
+        expect(parseNumberString(stringWithLettersDecimalAndNonLeadingNegativeSign)).toBe("123123.2324234");
+        expect(parseNumberString(stringWithLettersDecimalAndLeadingNegativeSign)).toBe("-123123.2324234");
+    });
+});
+describe("sanitizeNumberString", () => {
+    it("sanitizes exponential numbers, leading zeros, multiple dashes, and trailing decimals", () => {
+        const stringWithMultipleDashes = "1--2-34----";
+        const negativeStringWithMultipleDashes = "---1--23--4---";
+        const stringWithOnlyZeros = "0000000";
+        const stringWithLeadingZeros = "00000001";
+        const negativeStringWithLeadingZeros = "-00001";
+        const negativeDecimalStringWithLeadingZeros = "-00001.0001";
+        const stringWithoutLeadingZeros = "10000000";
+        const stringWithTrailingDecimal = "123.";
+        const stringWithDecimal = "123.45";
+        const exponentialString = "2.5e123";
+        const negativeExponentialString = "-2.5e-1--2--3";
+        const multipleEString = "2e4ee2421e";
+        const singleEString = "E";
+        const leadingEString = "E5";
+        const trailingEString = "12E";
+        const leadingZeroExponentialString = "000005e00006";
+        const nonLeadingZeroExponentialString = "500000e00600";
+        const multiDecimalExponentialString = "1.2e2.1";
+        const crazyExponentialString = "-2-.-1ee.5-3e.1..e--09";
+        expect(sanitizeNumberString(stringWithMultipleDashes)).toBe("1234");
+        expect(sanitizeNumberString(negativeStringWithMultipleDashes)).toBe("-1234");
+        expect(sanitizeNumberString(stringWithOnlyZeros)).toBe("0");
+        expect(sanitizeNumberString(stringWithLeadingZeros)).toBe("1");
+        expect(sanitizeNumberString(negativeStringWithLeadingZeros)).toBe("-1");
+        expect(sanitizeNumberString(negativeDecimalStringWithLeadingZeros)).toBe("-1.0001");
+        expect(sanitizeNumberString(stringWithoutLeadingZeros)).toBe("10000000");
+        expect(sanitizeNumberString(stringWithTrailingDecimal)).toBe("123");
+        expect(sanitizeNumberString(stringWithDecimal)).toBe("123.45");
+        expect(sanitizeNumberString(exponentialString)).toBe("2.5e123");
+        expect(sanitizeNumberString(negativeExponentialString)).toBe("-2.5e-123");
+        expect(sanitizeNumberString(multipleEString)).toBe("2e42421");
+        expect(sanitizeNumberString(singleEString)).toBe("");
+        expect(sanitizeNumberString(leadingEString)).toBe("1e5");
+        expect(sanitizeNumberString(trailingEString)).toBe("12");
+        expect(sanitizeNumberString(leadingZeroExponentialString)).toBe("5e6");
+        expect(sanitizeNumberString(nonLeadingZeroExponentialString)).toBe("500000e600");
+        expect(sanitizeNumberString(multiDecimalExponentialString)).toBe("1.2e21");
+        expect(sanitizeNumberString(crazyExponentialString)).toBe("-2.1e53109");
+    });
+});
+describe("BigDecimal", () => {
+    it("handles precise/large numbers and arbitrary-precision arithmetic", () => {
+        const subtract = new BigDecimal("0.3").subtract("0.1").toString();
+        expect(subtract).toBe("0.2");
+        const add = new BigDecimal(Number.MAX_SAFE_INTEGER.toString()).add("1").toString();
+        expect(Number(add)).toBeGreaterThan(Number.MAX_SAFE_INTEGER);
+        const negativeZero = new BigDecimal("-0").toString();
+        expect(negativeZero).toBe("-0");
+    });
+    locales.forEach((locale) => {
+        it(`correctly localizes number parts - ${locale}`, () => {
+            const parts = new BigDecimal("-12345678.9").formatToParts(locale);
+            const group = getGroupSeparator(locale);
+            const groupPart = parts.find((part) => part.type === "group").value;
+            expect(groupPart.trim().length === 0 ? " " : groupPart).toBe(group);
+            const decimal = getDecimalSeparator(locale);
+            expect(parts.find((part) => part.type === "decimal").value).toBe(decimal);
+            const minusSign = getMinusSign(locale);
+            expect(parts.find((part) => part.type === "minusSign").value).toBe(minusSign);
+        });
+    });
+});

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-next.582
+ * v1.0.0-next.591
  */
 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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.582
+ * v1.0.0-next.591
  */
 const componentToTransitionListeners = new WeakMap();
 function transitionStart(event) {

package/dist/collection/utils/popper.js

@@ -0,0 +1,121 @@
+import { createPopper as setupPopper } from "@popperjs/core";
+import { getElementDir } from "./dom";
+export const popperPlacements = [
+    "auto",
+    "auto-start",
+    "auto-end",
+    "top",
+    "top-start",
+    "top-end",
+    "bottom",
+    "bottom-start",
+    "bottom-end",
+    "right",
+    "right-start",
+    "right-end",
+    "left",
+    "left-start",
+    "left-end",
+    "leading-start",
+    "leading",
+    "leading-end",
+    "trailing-end",
+    "trailing",
+    "trailing-start",
+    "leading-leading",
+    "leading-trailing",
+    "trailing-leading",
+    "trailing-trailing",
+    "top-leading",
+    "top-trailing",
+    "bottom-leading",
+    "bottom-trailing",
+    "right-leading",
+    "right-trailing",
+    "left-leading",
+    "left-trailing"
+];
+export const popperComputedPlacements = [
+    "top",
+    "bottom",
+    "right",
+    "left",
+    "top-start",
+    "top-end",
+    "bottom-start",
+    "bottom-end",
+    "right-start",
+    "right-end",
+    "left-start",
+    "left-end"
+];
+export const defaultMenuPlacement = "bottom-leading";
+export const popperMenuPlacements = [
+    "top-start",
+    "top",
+    "top-end",
+    "bottom-start",
+    "bottom",
+    "bottom-end",
+    "top-leading",
+    "top-trailing",
+    "bottom-leading",
+    "bottom-trailing"
+];
+export const popperMenuComputedPlacements = [
+    "top-start",
+    "top",
+    "top-end",
+    "bottom-start",
+    "bottom",
+    "bottom-end"
+];
+export const CSS = {
+    animation: "calcite-popper-anim",
+    animationActive: "calcite-popper-anim--active"
+};
+export function filterComputedPlacements(placements, el) {
+    const filteredPlacements = placements.filter((placement) => popperComputedPlacements.includes(placement));
+    if (filteredPlacements.length !== placements.length) {
+        console.warn(`${el.tagName}: Invalid value found in: flipPlacements. Try any of these: ${popperComputedPlacements
+            .map((placement) => `"${placement}"`)
+            .join(", ")
+            .trim()}`, { el });
+    }
+    return filteredPlacements;
+}
+export function getPlacement(el, placement) {
+    const placements = ["left", "right"];
+    const variations = ["start", "end"];
+    if (getElementDir(el) === "rtl") {
+        placements.reverse();
+        variations.reverse();
+    }
+    return placement
+        .replace(/-leading/gi, `-${variations[0]}`)
+        .replace(/-trailing/gi, `-${variations[1]}`)
+        .replace(/leading/gi, placements[0])
+        .replace(/trailing/gi, placements[1]);
+}
+export function createPopper({ referenceEl, el, placement, overlayPositioning = "absolute", modifiers }) {
+    if (!referenceEl) {
+        return null;
+    }
+    return setupPopper(referenceEl, el, {
+        strategy: overlayPositioning,
+        placement: getPlacement(el, placement),
+        modifiers
+    });
+}
+export async function updatePopper({ el, modifiers, placement: PopperPlacement, popper }) {
+    const placement = getPlacement(el, PopperPlacement);
+    await popper.setOptions({
+        modifiers,
+        placement
+    });
+}
+export function hypotenuse(sideA, sideB) {
+    return Math.sqrt(Math.pow(sideA, 2) + Math.pow(sideB, 2));
+}
+const visiblePointerSize = 4;
+export const defaultOffsetDistance = Math.ceil(hypotenuse(visiblePointerSize, visiblePointerSize));

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-next.582
+ * v1.0.0-next.591
  */
 export const autoTheme = "calcite-theme-auto";
 export const darkTheme = "calcite-theme-dark";

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-next.582
+ * v1.0.0-next.591
  */
 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-next.582
+ * v1.0.0-next.591
  */
 import { isValidNumber } from "./number";
 export const maxTenthForMinuteAndSecond = 5;

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-next.582
+ * v1.0.0-next.591
  */
 import { forceUpdate, h } from '@stencil/core/internal/client/index.js';
 import { c as getElementDir } from './dom.js';

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-next.582
+ * v1.0.0-next.591
  */
 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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.582
+ * v1.0.0-next.591
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { b as getSlotted } from './dom.js';
@@ -23,7 +23,7 @@ const ICONS = {
   menu: "ellipsis"
 };
 
-const actionGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){-webkit-padding-before:0px;padding-block-start:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}";
+const actionGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){-webkit-padding-before:0px;padding-block-start:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}";
 
 const ActionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {