@esri/solutions-components 0.10.47 → 0.10.49

package/dist/esm/icon-3fb97c97.js

@@ -0,0 +1,959 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { i as isBrowser, f as forceUpdate, g as getAssetPath, p as proxyCustomElement, H, h, a as Host } from './IdentityManager-28f1ebb3.js';
+import { b as containsCrossShadowBoundary, c as closestElementCrossShadowBoundary, d as getElementDir, t as toAriaBoolean } from './component-85f22c99.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+
+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
+ */
+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
+ */
+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 requires `LoadableComponent` to be implemented.
+ *
+ * A component developer can await this method before proceeding with any logic that requires a component to be loaded first.
+ *
+ * ```
+ * async myMethod(): Promise<void> {
+ *   await componentLoaded(this);
+ * }
+ * ```
+ *
+ * @param component
+ * @returns Promise<void>
+ */
+function componentLoaded(component) {
+    return promiseMap.get(component);
+}
+/**
+ * This helper util can be used to ensuring the component is loaded and rendered by the browser (The "componentDidLoad" Stencil lifecycle method has been called and any internal elements are focusable).
+ *
+ * Requires `LoadableComponent` to be implemented.
+ *
+ * A component developer can await this method before proceeding with any logic that requires a component to be loaded first and then an internal element be focused.
+ *
+ * ```
+ * async setFocus(): Promise<void> {
+ *   await componentFocusable(this);
+ *   this.internalElement?.focus();
+ * }
+ * ```
+ *
+ * @param component
+ * @returns Promise<void>
+ */
+async function componentFocusable(component) {
+    await componentLoaded(component);
+    if (!isBrowser()) {
+        return;
+    }
+    forceUpdate(component);
+    return new Promise((resolve) => requestAnimationFrame(() => resolve()));
+}
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+function isActivationKey(key) {
+    return key === "Enter" || key === " ";
+}
+const numberKeys = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+
+/**
+ * This utility ensures observers are created only for browser contexts.
+ *
+ * @param type - the type of observer to create
+ * @param callback - the observer callback
+ * @param options - the observer options
+ */
+function createObserver(type, callback, options) {
+    if (!isBrowser()) {
+        return undefined;
+    }
+    const Observer = getObserver(type);
+    return new Observer(callback, options);
+}
+function getObserver(type) {
+    // based on https://github.com/whatwg/dom/issues/126#issuecomment-1049814948
+    class ExtendedMutationObserver extends window.MutationObserver {
+        constructor(callback) {
+            super(callback);
+            this.observedEntry = [];
+            this.callback = callback;
+        }
+        observe(target, options) {
+            this.observedEntry.push({ target, options });
+            return super.observe(target, options);
+        }
+        unobserve(target) {
+            const newObservedEntries = this.observedEntry.filter((observed) => observed.target !== target);
+            this.observedEntry = [];
+            this.callback(super.takeRecords(), this);
+            this.disconnect();
+            newObservedEntries.forEach((observed) => this.observe(observed.target, observed.options));
+        }
+    }
+    return (function () {
+        return (type === "intersection"
+            ? window.IntersectionObserver
+            : type === "mutation"
+                ? ExtendedMutationObserver
+                : window.ResizeObserver);
+    })();
+}
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+
+const unnecessaryDecimal = new RegExp(`\\${"."}(0+)?$`);
+const trailingZeros = new RegExp("0+$");
+// adopted from https://stackoverflow.com/a/66939244
+class BigDecimal {
+    constructor(input) {
+        if (input instanceof BigDecimal) {
+            return input;
+        }
+        const [integers, decimals] = expandExponentialNumberString(input).split(".").concat("");
+        this.value =
+            BigInt(integers + decimals.padEnd(BigDecimal.DECIMALS, "0").slice(0, BigDecimal.DECIMALS)) +
+                BigInt(BigDecimal.ROUNDED && decimals[BigDecimal.DECIMALS] >= "5");
+        this.isNegative = input.charAt(0) === "-";
+    }
+    getIntegersAndDecimals() {
+        const s = this.value
+            .toString()
+            .replace("-", "")
+            .padStart(BigDecimal.DECIMALS + 1, "0");
+        const integers = s.slice(0, -BigDecimal.DECIMALS);
+        const decimals = s.slice(-BigDecimal.DECIMALS).replace(trailingZeros, "");
+        return { integers, decimals };
+    }
+    toString() {
+        const { integers, decimals } = this.getIntegersAndDecimals();
+        return `${this.isNegative ? "-" : ""}${integers}${decimals.length ? "." + decimals : ""}`;
+    }
+    formatToParts(formatter) {
+        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 { 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}`;
+    }
+    add(n) {
+        return BigDecimal.fromBigInt(this.value + new BigDecimal(n).value);
+    }
+    subtract(n) {
+        return BigDecimal.fromBigInt(this.value - new BigDecimal(n).value);
+    }
+    multiply(n) {
+        return BigDecimal._divRound(this.value * new BigDecimal(n).value, BigDecimal.SHIFT);
+    }
+    divide(n) {
+        return BigDecimal._divRound(this.value * BigDecimal.SHIFT, new BigDecimal(n).value);
+    }
+}
+// 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, isNegative: bigint < BigInt(0) });
+function isValidNumber(numberString) {
+    return !(!numberString || isNaN(Number(numberString)));
+}
+function parseNumberString(numberString) {
+    if (!numberString || !stringContainsNumbers(numberString)) {
+        return "";
+    }
+    return sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {
+        let containsDecimal = false;
+        const result = nonExpoNumString
+            .split("")
+            .filter((value, i) => {
+            if (value.match(/\./g) && !containsDecimal) {
+                containsDecimal = true;
+                return true;
+            }
+            if (value.match(/-/g) && i === 0) {
+                return true;
+            }
+            return numberKeys.includes(value);
+        })
+            .join("");
+        return isValidNumber(result) ? new BigDecimal(result).toString() : "";
+    });
+}
+// regex for number sanitization
+const allLeadingZerosOptionallyNegative = /^([-0])0+(?=\d)/;
+const decimalOnlyAtEndOfString = /(?!^\.)\.$/;
+const allHyphensExceptTheStart = /(?!^-)-/g;
+const isNegativeDecimalOnlyZeros = /^-\b0\b\.?0*$/;
+const hasTrailingDecimalZeros = /0*$/;
+const sanitizeNumberString = (numberString) => sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {
+    const sanitizedValue = nonExpoNumString
+        .replace(allHyphensExceptTheStart, "")
+        .replace(decimalOnlyAtEndOfString, "")
+        .replace(allLeadingZerosOptionallyNegative, "$1");
+    return isValidNumber(sanitizedValue)
+        ? isNegativeDecimalOnlyZeros.test(sanitizedValue)
+            ? sanitizedValue
+            : getBigDecimalAsString(sanitizedValue)
+        : nonExpoNumString;
+});
+function getBigDecimalAsString(sanitizedValue) {
+    const sanitizedValueDecimals = sanitizedValue.split(".")[1];
+    const value = new BigDecimal(sanitizedValue).toString();
+    const [bigDecimalValueInteger, bigDecimalValueDecimals] = value.split(".");
+    return sanitizedValueDecimals && bigDecimalValueDecimals !== sanitizedValueDecimals
+        ? `${bigDecimalValueInteger}.${sanitizedValueDecimals}`
+        : value;
+}
+function sanitizeExponentialNumberString(numberString, func) {
+    if (!numberString) {
+        return numberString;
+    }
+    const firstE = numberString.toLowerCase().indexOf("e") + 1;
+    if (!firstE) {
+        return func(numberString);
+    }
+    return numberString
+        .replace(/[eE]*$/g, "")
+        .substring(0, firstE)
+        .concat(numberString.slice(firstE).replace(/[eE]/g, ""))
+        .split(/[eE]/)
+        .map((section, i) => (i === 1 ? func(section.replace(/\./g, "")) : func(section)))
+        .join("e")
+        .replace(/^e/, "1e");
+}
+/**
+ * Converts an exponential notation numberString into decimal notation.
+ * BigInt doesn't support exponential notation, so this is required to maintain precision
+ *
+ * @param {string} numberString - pre-validated exponential or decimal number
+ * @returns {string} numberString in decimal notation
+ */
+function expandExponentialNumberString(numberString) {
+    const exponentialParts = numberString.split(/[eE]/);
+    if (exponentialParts.length === 1) {
+        return numberString;
+    }
+    const number = +numberString;
+    if (Number.isSafeInteger(number)) {
+        return `${number}`;
+    }
+    const isNegative = numberString.charAt(0) === "-";
+    const magnitude = +exponentialParts[1];
+    const decimalParts = exponentialParts[0].split(".");
+    const integers = (isNegative ? decimalParts[0].substring(1) : decimalParts[0]) || "";
+    const decimals = decimalParts[1] || "";
+    const shiftDecimalLeft = (integers, magnitude) => {
+        const magnitudeDelta = Math.abs(magnitude) - integers.length;
+        const leftPaddedZeros = magnitudeDelta > 0 ? `${"0".repeat(magnitudeDelta)}${integers}` : integers;
+        const shiftedDecimal = `${leftPaddedZeros.slice(0, magnitude)}${"."}${leftPaddedZeros.slice(magnitude)}`;
+        return shiftedDecimal;
+    };
+    const shiftDecimalRight = (decimals, magnitude) => {
+        const rightPaddedZeros = magnitude > decimals.length ? `${decimals}${"0".repeat(magnitude - decimals.length)}` : decimals;
+        const shiftedDecimal = `${rightPaddedZeros.slice(0, magnitude)}${"."}${rightPaddedZeros.slice(magnitude)}`;
+        return shiftedDecimal;
+    };
+    const expandedNumberString = magnitude > 0
+        ? `${integers}${shiftDecimalRight(decimals, magnitude)}`
+        : `${shiftDecimalLeft(integers, magnitude)}${decimals}`;
+    return `${isNegative ? "-" : ""}${expandedNumberString.charAt(0) === "." ? "0" : ""}${expandedNumberString
+        .replace(unnecessaryDecimal, "")
+        .replace(allLeadingZerosOptionallyNegative, "")}`;
+}
+function stringContainsNumbers(string) {
+    return numberKeys.some((number) => string.includes(number));
+}
+/**
+ * Adds localized trailing decimals zero values to the number string.
+ * BigInt conversion to string removes the trailing decimal zero values (Ex: 1.000 is returned as 1). This method helps adding them back.
+ *
+ * @param {string} localizedValue - localized number string value
+ * @param {string} value - current value in the input field
+ * @param {NumberStringFormat} formatter - numberStringFormatter instance to localize the number value
+ * @returns {string} localized number string value
+ */
+function addLocalizedTrailingDecimalZeros(localizedValue, value, formatter) {
+    const decimals = value.split(".")[1];
+    if (decimals) {
+        const trailingDecimalZeros = decimals.match(hasTrailingDecimalZeros)[0];
+        if (trailingDecimalZeros &&
+            formatter.delocalize(localizedValue).length !== value.length &&
+            decimals.indexOf("e") === -1) {
+            const decimalSeparator = formatter.decimal;
+            localizedValue = !localizedValue.includes(decimalSeparator)
+                ? `${localizedValue}${decimalSeparator}`
+                : localizedValue;
+            return localizedValue.padEnd(localizedValue.length + trailingDecimalZeros.length, formatter.localize("0"));
+        }
+    }
+    return localizedValue;
+}
+
+const defaultLocale = "en";
+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",
+];
+const locales = [
+    "ar",
+    "bg",
+    "bs",
+    "ca",
+    "cs",
+    "da",
+    "de",
+    "de-AT",
+    "de-CH",
+    "el",
+    defaultLocale,
+    "en-AU",
+    "en-CA",
+    "en-GB",
+    "es",
+    "es-MX",
+    "et",
+    "fi",
+    "fr",
+    "fr-CH",
+    "he",
+    "hi",
+    "hr",
+    "hu",
+    "id",
+    "it",
+    "it-CH",
+    "ja",
+    "ko",
+    "lt",
+    "lv",
+    "mk",
+    "no",
+    "nl",
+    "pl",
+    "pt",
+    "pt-PT",
+    "ro",
+    "ru",
+    "sk",
+    "sl",
+    "sr",
+    "sv",
+    "th",
+    "tr",
+    "uk",
+    "vi",
+    "zh-CN",
+    "zh-HK",
+    "zh-TW",
+];
+const numberingSystems = ["arab", "arabext", "latn"];
+const isNumberingSystemSupported = (numberingSystem) => numberingSystems.includes(numberingSystem);
+const browserNumberingSystem = new Intl.NumberFormat().resolvedOptions().numberingSystem;
+// for consistent browser behavior, we normalize numberingSystem to prevent the browser-inferred value
+// see https://github.com/Esri/calcite-design-system/issues/3079#issuecomment-1168964195 for more info
+const defaultNumberingSystem = browserNumberingSystem === "arab" || !isNumberingSystemSupported(browserNumberingSystem)
+    ? "latn"
+    : browserNumberingSystem;
+const getSupportedNumberingSystem = (numberingSystem) => isNumberingSystemSupported(numberingSystem) ? numberingSystem : defaultNumberingSystem;
+/**
+ * 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)
+ */
+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 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 (!contextualLocales.includes(locale)) {
+            locale = locale.split("-")[0];
+        }
+    }
+    // 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();
+/**
+ * This utility sets up internals for messages support.
+ *
+ * It needs to be called in `connectedCallback` before any logic that depends on locale
+ *
+ * @param component
+ */
+function connectLocalized(component) {
+    updateEffectiveLocale(component);
+    if (connectedComponents.size === 0) {
+        mutationObserver?.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ["lang"],
+            subtree: true,
+        });
+    }
+    connectedComponents.add(component);
+}
+/**
+ * This is only exported for components that implemented the now deprecated `locale` prop.
+ *
+ * Do not use this utils for new components.
+ *
+ * @param component
+ */
+function updateEffectiveLocale(component) {
+    component.effectiveLocale = getLocale(component);
+}
+/**
+ * This utility tears down internals for messages support.
+ *
+ * It needs to be called in `disconnectedCallback`
+ *
+ * @param component
+ */
+function disconnectLocalized(component) {
+    connectedComponents.delete(component);
+    if (connectedComponents.size === 0) {
+        mutationObserver.disconnect();
+    }
+}
+const mutationObserver = createObserver("mutation", (records) => {
+    records.forEach((record) => {
+        const el = record.target;
+        connectedComponents.forEach((component) => {
+            const inUnrelatedSubtree = !containsCrossShadowBoundary(el, component.el);
+            if (inUnrelatedSubtree) {
+                return;
+            }
+            const closestLangEl = closestElementCrossShadowBoundary(component.el, "[lang]");
+            if (!closestLangEl) {
+                component.effectiveLocale = defaultLocale;
+                return;
+            }
+            const closestLang = closestLangEl.lang;
+            component.effectiveLocale =
+                // user set lang="" means unknown language, so we use default
+                closestLangEl.hasAttribute("lang") && closestLang === "" ? defaultLocale : closestLang;
+        });
+    });
+});
+/**
+ * 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
+ */
+function getLocale(component) {
+    return (component.el.lang ||
+        closestElementCrossShadowBoundary(component.el, "[lang]")?.lang ||
+        document.documentElement.lang ||
+        defaultLocale);
+}
+/**
+ * This util formats and parses numbers for localization
+ */
+class NumberStringFormat {
+    constructor() {
+        this.delocalize = (numberString) => 
+        // For performance, (de)localization is skipped if the formatter isn't initialized.
+        // In order to localize/delocalize, e.g. when lang/numberingSystem props are not default values,
+        // `numberFormatOptions` must be set in a component to create and cache the formatter.
+        this._numberFormatOptions
+            ? sanitizeExponentialNumberString(numberString, (nonExpoNumString) => nonExpoNumString
+                .replace(new RegExp(`[${this._minusSign}]`, "g"), "-")
+                .replace(new RegExp(`[${this._group}]`, "g"), "")
+                .replace(new RegExp(`[${this._decimal}]`, "g"), ".")
+                .replace(new RegExp(`[${this._digits.join("")}]`, "g"), this._getDigitIndex))
+            : numberString;
+        this.localize = (numberString) => this._numberFormatOptions
+            ? sanitizeExponentialNumberString(numberString, (nonExpoNumString) => isValidNumber(nonExpoNumString.trim())
+                ? new BigDecimal(nonExpoNumString.trim())
+                    .format(this)
+                    .replace(new RegExp(`[${this._actualGroup}]`, "g"), this._group)
+                : nonExpoNumString)
+            : numberString;
+    }
+    get group() {
+        return this._group;
+    }
+    get decimal() {
+        return this._decimal;
+    }
+    get minusSign() {
+        return this._minusSign;
+    }
+    get digits() {
+        return this._digits;
+    }
+    get numberFormatter() {
+        return this._numberFormatter;
+    }
+    get numberFormatOptions() {
+        return this._numberFormatOptions;
+    }
+    /**
+     * 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?.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
+        (!this._numberFormatOptions &&
+            options.locale === defaultLocale &&
+            options.numberingSystem === defaultNumberingSystem &&
+            // don't skip initialization if any options besides locale/numberingSystem are set
+            Object.keys(options).length === 2) ||
+            // cache formatter by only recreating when options change
+            JSON.stringify(this._numberFormatOptions) === JSON.stringify(options)) {
+            return;
+        }
+        this._numberFormatOptions = options;
+        this._numberFormatter = new Intl.NumberFormat(this._numberFormatOptions.locale, this._numberFormatOptions);
+        this._digits = [
+            ...new Intl.NumberFormat(this._numberFormatOptions.locale, {
+                useGrouping: false,
+                numberingSystem: this._numberFormatOptions.numberingSystem,
+            }).format(9876543210),
+        ].reverse();
+        const index = new Map(this._digits.map((d, i) => [d, i]));
+        // numberingSystem is parsed to return consistent decimal separator across browsers.
+        const parts = new Intl.NumberFormat(this._numberFormatOptions.locale, {
+            numberingSystem: this._numberFormatOptions.numberingSystem,
+        }).formatToParts(-12345678.9);
+        this._actualGroup = parts.find((d) => d.type === "group").value;
+        // change whitespace group separators to the unicode non-breaking space (nbsp)
+        this._group = this._actualGroup.trim().length === 0 || this._actualGroup == " " ? "\u00A0" : this._actualGroup;
+        this._decimal = parts.find((d) => d.type === "decimal").value;
+        this._minusSign = parts.find((d) => d.type === "minusSign").value;
+        this._getDigitIndex = (d) => index.get(d);
+    }
+}
+const numberStringFormatter = new NumberStringFormat();
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+
+const componentLangToMessageBundleCache = {};
+async function getMessageBundle(lang, component) {
+    const key = `${component}_${lang}`;
+    if (componentLangToMessageBundleCache[key]) {
+        return componentLangToMessageBundleCache[key];
+    }
+    componentLangToMessageBundleCache[key] = fetch(getAssetPath(`./assets/${component}/t9n/messages_${lang}.json`))
+        .then((resp) => {
+        if (!resp.ok) {
+            throwMessageFetchError();
+        }
+        return resp.json();
+    })
+        .catch(() => throwMessageFetchError());
+    return componentLangToMessageBundleCache[key];
+}
+function throwMessageFetchError() {
+    throw new Error("could not fetch component message bundle");
+}
+function mergeMessages(component) {
+    component.messages = {
+        ...component.defaultMessages,
+        ...component.messageOverrides,
+    };
+}
+function noop() {
+    // intentionally empty
+}
+/**
+ * This utility sets up the messages used by the component. It should be awaited in the `componentWillLoad` lifecycle hook.
+ *
+ * @param component
+ */
+async function setUpMessages(component) {
+    component.defaultMessages = await fetchMessages(component, component.effectiveLocale);
+    mergeMessages(component);
+}
+async function fetchMessages(component, lang) {
+    if (!isBrowser()) {
+        return {};
+    }
+    const { el } = component;
+    const tag = el.tagName.toLowerCase();
+    const componentName = tag.replace("calcite-", "");
+    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.
+ *
+ * It can be set up in **either** of the following ways:
+ *
+ * 1. called from `LocalizedComponent`'s `onLocaleChange` method or
+ * 2. called from a watcher configured to watch `LocalizedComponent`'s `effectiveLocale` prop
+ *
+ * @param component
+ * @param lang
+ */
+async function updateMessages(component, lang) {
+    component.defaultMessages = await fetchMessages(component, lang);
+    mergeMessages(component);
+}
+/**
+ * This utility sets up internals for messages support.
+ *
+ * It needs to be called in `connectedCallback`
+ *
+ * **Note**: this must be called after `LocalizedComponent`'s `connectLocalized` method.
+ *
+ * @param component
+ */
+function connectMessages(component) {
+    component.onMessagesChange = defaultOnMessagesChange;
+}
+/**
+ * This utility tears down internals for messages support.
+ *
+ * It needs to be called in `disconnectedCallback`
+ *
+ * @param component
+ */
+function disconnectMessages(component) {
+    // we set this to noop to for watchers triggered when components are disconnected
+    component.onMessagesChange = noop;
+}
+function defaultOnMessagesChange() {
+    mergeMessages(this);
+}
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+
+const CSS = {
+    icon: "icon",
+    flipRtl: "flip-rtl",
+};
+
+/**
+ * Icon data cache.
+ * Exported for testing purposes.
+ *
+ * @private
+ */
+const iconCache = {};
+/**
+ * Icon request cache.
+ * Exported for testing purposes.
+ *
+ * @private
+ */
+const requestCache = {};
+const scaleToPx = {
+    s: 16,
+    m: 24,
+    l: 32,
+};
+function generateIconId({ icon, scale }) {
+    const size = scaleToPx[scale];
+    const name = normalizeIconName(icon);
+    const filled = name.charAt(name.length - 1) === "F";
+    const iconName = filled ? name.substring(0, name.length - 1) : name;
+    return `${iconName}${size}${filled ? "F" : ""}`;
+}
+async function fetchIcon(props) {
+    const cachedIconKey = generateIconId(props);
+    const cachedIconData = getCachedIconDataByKey(cachedIconKey);
+    if (cachedIconData) {
+        return cachedIconData;
+    }
+    if (!requestCache[cachedIconKey]) {
+        requestCache[cachedIconKey] = fetch(getAssetPath(`./assets/icon/${cachedIconKey}.json`))
+            .then((resp) => resp.json())
+            .catch(() => {
+            console.error(`"${cachedIconKey}" is not a valid calcite-ui-icon name`);
+            return "";
+        });
+    }
+    const path = await requestCache[cachedIconKey];
+    iconCache[cachedIconKey] = path;
+    return path;
+}
+/**
+ * Util to retrieve cached icon data based on icon name and scale.
+ *
+ * @param props – icon properties
+ */
+function getCachedIconData(props) {
+    return getCachedIconDataByKey(generateIconId(props));
+}
+function getCachedIconDataByKey(id) {
+    return iconCache[id];
+}
+/**
+ * Normalize the icon name to match the path data module exports.
+ * Exported for testing purposes.
+ *
+ * @param name – an icon name that can be either kebab or camel-cased
+ * @private
+ */
+function normalizeIconName(name) {
+    const numberLeadingName = !isNaN(Number(name.charAt(0)));
+    const parts = name.split("-");
+    const kebabCased = parts.length > 0;
+    if (kebabCased) {
+        const firstNonDigitInPartPattern = /[a-z]/i;
+        name = parts
+            .map((part, partIndex) => {
+            return part.replace(firstNonDigitInPartPattern, function replacer(match, offset) {
+                const isFirstCharInName = partIndex === 0 && offset === 0;
+                if (isFirstCharInName) {
+                    return match;
+                }
+                return match.toUpperCase();
+            });
+        })
+            .join("");
+    }
+    return numberLeadingName ? `i${name}` : name;
+}
+
+const iconCss = ":host{display:inline-flex;color:var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteIconStyle0 = iconCss;
+
+const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.icon = null;
+        this.flipRtl = false;
+        this.scale = "m";
+        this.textLabel = undefined;
+        this.pathData = undefined;
+        this.visible = false;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        if (!this.visible) {
+            this.waitUntilVisible(() => {
+                this.visible = true;
+                this.loadIconPathData();
+            });
+        }
+    }
+    disconnectedCallback() {
+        this.intersectionObserver?.disconnect();
+        this.intersectionObserver = null;
+    }
+    render() {
+        const { el, flipRtl, pathData, scale, textLabel } = this;
+        const dir = getElementDir(el);
+        const size = scaleToPx[scale];
+        const semantic = !!textLabel;
+        const paths = [].concat(pathData || "");
+        return (h(Host, { key: '724265acdc6fb528bf7b25d7ec445c73a63f4c8e', "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { key: '864ee2d80bebd282543ba5d94c57f84b48a6204d', "aria-hidden": "true", class: {
+                [CSS.flipRtl]: dir === "rtl" && flipRtl,
+                svg: true,
+            }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (h("path", { d: path })) : (h("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    async loadIconPathData() {
+        const { icon, scale, visible } = this;
+        if (!isBrowser() || !icon || !visible) {
+            return;
+        }
+        const fetchIconProps = { icon, scale };
+        const pathData = getCachedIconData(fetchIconProps) || (await fetchIcon(fetchIconProps));
+        // While the fetchIcon method is awaiting response, the icon requested can change. This check is to verify the response received belongs to the current icon.
+        if (icon !== this.icon) {
+            return;
+        }
+        this.pathData = pathData;
+    }
+    waitUntilVisible(callback) {
+        this.intersectionObserver = createObserver("intersection", (entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    this.intersectionObserver.disconnect();
+                    this.intersectionObserver = null;
+                    callback();
+                }
+            });
+        }, { rootMargin: "50px" });
+        if (!this.intersectionObserver) {
+            callback();
+            return;
+        }
+        this.intersectionObserver.observe(this.el);
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get el() { return this; }
+    static get watchers() { return {
+        "icon": ["loadIconPathData"],
+        "scale": ["loadIconPathData"]
+    }; }
+    static get style() { return CalciteIconStyle0; }
+}, [1, "calcite-icon", {
+        "icon": [513],
+        "flipRtl": [516, "flip-rtl"],
+        "scale": [513],
+        "textLabel": [1, "text-label"],
+        "pathData": [32],
+        "visible": [32]
+    }, undefined, {
+        "icon": ["loadIconPathData"],
+        "scale": ["loadIconPathData"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["calcite-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "calcite-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Icon);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BigDecimal as B, connectLocalized as a, connectMessages as b, createObserver as c, defineCustomElement as d, disconnectLocalized as e, disconnectMessages as f, setUpMessages as g, setComponentLoaded as h, componentFocusable as i, isActivationKey as j, isValidNumber as k, sanitizeNumberString as l, addLocalizedTrailingDecimalZeros as m, numberStringFormatter as n, numberKeys as o, parseNumberString as p, setUpLoadableComponent as s, updateMessages as u };