@esri/solutions-components 0.8.2 → 0.8.3

package/dist/esm/mk-bbf2ee01.js

@@ -0,0 +1,65 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { d as dayjs } from './calcite-input-time-picker-e5cd4d26.js';
+import './index-bdfaac50.js';
+import './form-f2181470.js';
+import './dom-b91aa537.js';
+import './guid-b75a5f7b.js';
+import './resources-0f8db821.js';
+import './interactive-71585ecc.js';
+import './browser-b8d08bed.js';
+import './key-9a10d862.js';
+import './label-16184ce7.js';
+import './component-edd2c3cd.js';
+import './loadable-aea90723.js';
+import './locale-857f39cf.js';
+import './observers-5ba39eee.js';
+import './focusTrapComponent-2fe6623b.js';
+import './time-4a90614b.js';
+import './math-efada7a9.js';
+import './t9n-b39c5433.js';
+import './openCloseComponent-b4b3788b.js';
+import './Validation-59a77488.js';
+
+// Macedonian [mk]
+var locale = {
+  name: 'mk',
+  weekdays: 'недела_понеделник_вторник_среда_четврток_петок_сабота'.split('_'),
+  months: 'јануари_февруари_март_април_мај_јуни_јули_август_септември_октомври_ноември_декември'.split('_'),
+  weekStart: 1,
+  weekdaysShort: 'нед_пон_вто_сре_чет_пет_саб'.split('_'),
+  monthsShort: 'јан_фев_мар_апр_мај_јун_јул_авг_сеп_окт_ное_дек'.split('_'),
+  weekdaysMin: 'нe_пo_вт_ср_че_пе_сa'.split('_'),
+  ordinal: function ordinal(n) {
+    return n;
+  },
+  formats: {
+    LT: 'H:mm',
+    LTS: 'H:mm:ss',
+    L: 'D.MM.YYYY',
+    LL: 'D MMMM YYYY',
+    LLL: 'D MMMM YYYY H:mm',
+    LLLL: 'dddd, D MMMM YYYY H:mm'
+  },
+  relativeTime: {
+    future: 'после %s',
+    past: 'пред %s',
+    s: 'неколку секунди',
+    m: 'минута',
+    mm: '%d минути',
+    h: 'час',
+    hh: '%d часа',
+    d: 'ден',
+    dd: '%d дена',
+    M: 'месец',
+    MM: '%d месеци',
+    y: 'година',
+    yy: '%d години'
+  }
+};
+dayjs.locale(locale, null, true);
+
+export default locale;

package/dist/esm/mode-f9bfc4e9.js

@@ -0,0 +1,25 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+const lightMode = 'calcite-mode-light';
+const darkMode = 'calcite-mode-dark';
+function getCalciteClass(el) {
+  const closestEl = el === null || el === void 0 ? void 0 : el.closest(`.${darkMode}, .${lightMode}`);
+  if (closestEl == null) {
+    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+    return prefersDark ? darkMode : lightMode;
+  }
+  return (closestEl === null || closestEl === void 0 ? void 0 : closestEl.classList.contains(darkMode)) ? darkMode : lightMode;
+}
+function getMode(el) {
+  const closestEl = el === null || el === void 0 ? void 0 : el.closest(`.${darkMode}, .${lightMode}`);
+  if (closestEl == null) {
+    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+    return prefersDark ? 'dark' : 'light';
+  }
+  return (closestEl === null || closestEl === void 0 ? void 0 : closestEl.classList.contains(darkMode)) ? 'dark' : 'light';
+}
+
+export { getMode as g };

package/dist/esm/nb-ccfaa0f7.js

@@ -0,0 +1,66 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { d as dayjs } from './calcite-input-time-picker-e5cd4d26.js';
+import './index-bdfaac50.js';
+import './form-f2181470.js';
+import './dom-b91aa537.js';
+import './guid-b75a5f7b.js';
+import './resources-0f8db821.js';
+import './interactive-71585ecc.js';
+import './browser-b8d08bed.js';
+import './key-9a10d862.js';
+import './label-16184ce7.js';
+import './component-edd2c3cd.js';
+import './loadable-aea90723.js';
+import './locale-857f39cf.js';
+import './observers-5ba39eee.js';
+import './focusTrapComponent-2fe6623b.js';
+import './time-4a90614b.js';
+import './math-efada7a9.js';
+import './t9n-b39c5433.js';
+import './openCloseComponent-b4b3788b.js';
+import './Validation-59a77488.js';
+
+// Norwegian Bokmål [nb]
+var locale = {
+  name: 'nb',
+  weekdays: 'søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag'.split('_'),
+  weekdaysShort: 'sø._ma._ti._on._to._fr._lø.'.split('_'),
+  weekdaysMin: 'sø_ma_ti_on_to_fr_lø'.split('_'),
+  months: 'januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember'.split('_'),
+  monthsShort: 'jan._feb._mars_april_mai_juni_juli_aug._sep._okt._nov._des.'.split('_'),
+  ordinal: function ordinal(n) {
+    return n + ".";
+  },
+  weekStart: 1,
+  yearStart: 4,
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'DD.MM.YYYY',
+    LL: 'D. MMMM YYYY',
+    LLL: 'D. MMMM YYYY [kl.] HH:mm',
+    LLLL: 'dddd D. MMMM YYYY [kl.] HH:mm'
+  },
+  relativeTime: {
+    future: 'om %s',
+    past: '%s siden',
+    s: 'noen sekunder',
+    m: 'ett minutt',
+    mm: '%d minutter',
+    h: 'en time',
+    hh: '%d timer',
+    d: 'en dag',
+    dd: '%d dager',
+    M: 'en måned',
+    MM: '%d måneder',
+    y: 'ett år',
+    yy: '%d år'
+  }
+};
+dayjs.locale(locale, null, true);
+
+export default locale;

package/dist/esm/nl-4bc56289.js

@@ -0,0 +1,66 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { d as dayjs } from './calcite-input-time-picker-e5cd4d26.js';
+import './index-bdfaac50.js';
+import './form-f2181470.js';
+import './dom-b91aa537.js';
+import './guid-b75a5f7b.js';
+import './resources-0f8db821.js';
+import './interactive-71585ecc.js';
+import './browser-b8d08bed.js';
+import './key-9a10d862.js';
+import './label-16184ce7.js';
+import './component-edd2c3cd.js';
+import './loadable-aea90723.js';
+import './locale-857f39cf.js';
+import './observers-5ba39eee.js';
+import './focusTrapComponent-2fe6623b.js';
+import './time-4a90614b.js';
+import './math-efada7a9.js';
+import './t9n-b39c5433.js';
+import './openCloseComponent-b4b3788b.js';
+import './Validation-59a77488.js';
+
+// Dutch [nl]
+var locale = {
+  name: 'nl',
+  weekdays: 'zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag'.split('_'),
+  weekdaysShort: 'zo._ma._di._wo._do._vr._za.'.split('_'),
+  weekdaysMin: 'zo_ma_di_wo_do_vr_za'.split('_'),
+  months: 'januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december'.split('_'),
+  monthsShort: 'jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec'.split('_'),
+  ordinal: function ordinal(n) {
+    return "[" + n + (n === 1 || n === 8 || n >= 20 ? 'ste' : 'de') + "]";
+  },
+  weekStart: 1,
+  yearStart: 4,
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'DD-MM-YYYY',
+    LL: 'D MMMM YYYY',
+    LLL: 'D MMMM YYYY HH:mm',
+    LLLL: 'dddd D MMMM YYYY HH:mm'
+  },
+  relativeTime: {
+    future: 'over %s',
+    past: '%s geleden',
+    s: 'een paar seconden',
+    m: 'een minuut',
+    mm: '%d minuten',
+    h: 'een uur',
+    hh: '%d uur',
+    d: 'een dag',
+    dd: '%d dagen',
+    M: 'een maand',
+    MM: '%d maanden',
+    y: 'een jaar',
+    yy: '%d jaar'
+  }
+};
+dayjs.locale(locale, null, true);
+
+export default locale;

package/dist/esm/observers-5ba39eee.js

@@ -0,0 +1,56 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { f as Build } from './index-bdfaac50.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.0
+ */
+/**
+ * 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 (!Build.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);
+    })();
+}
+
+export { createObserver as c };

package/dist/esm/openCloseComponent-b4b3788b.js

@@ -0,0 +1,138 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { k as readTask } from './index-bdfaac50.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.0
+ */
+const componentToTransitionListeners = new WeakMap();
+function transitionStart(event) {
+    if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {
+        isOpen(this) ? this.onBeforeOpen() : this.onBeforeClose();
+    }
+}
+function transitionEnd(event) {
+    if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {
+        isOpen(this) ? this.onOpen() : this.onClose();
+    }
+}
+function isOpen(component) {
+    return "opened" in component ? component.opened : component.open;
+}
+function emitImmediately(component, nonOpenCloseComponent = false) {
+    (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))
+        ? component.onBeforeOpen()
+        : component.onBeforeClose();
+    (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))
+        ? component.onOpen()
+        : component.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).
+ *
+ * @example
+ * import { onToggleOpenCloseComponent, OpenCloseComponent } from "../../utils/openCloseComponent";
+ *
+ * async componentWillLoad() {
+ * // When component initially renders, if `open` was set we need to trigger on load as watcher doesn't fire.
+ * if (this.open) {
+ *    onToggleOpenCloseComponent(this);
+ * }
+ * @Watch("open")
+ * async toggleModal(value: boolean): Promise<void> {
+ *    onToggleOpenCloseComponent(this);
+ * }
+ *
+ * @param component - OpenCloseComponent uses `open` prop to emit (before)open/close.
+ * @param nonOpenCloseComponent - OpenCloseComponent uses `expanded` prop to emit (before)open/close.
+ */
+function onToggleOpenCloseComponent(component, nonOpenCloseComponent = false) {
+    readTask(() => {
+        if (component.transitionEl) {
+            const { transitionDuration: allDurations, transitionProperty: allProps } = getComputedStyle(component.transitionEl);
+            const allTransitionDurationsArray = allDurations.split(",");
+            const allTransitionPropsArray = allProps.split(",");
+            const openTransitionPropIndex = allTransitionPropsArray.indexOf(component.openTransitionProp);
+            const transitionDuration = allTransitionDurationsArray[openTransitionPropIndex] ??
+                /* Safari will have a single transition value if multiple props share it,
+                so we fall back to it if there's no matching prop duration */
+                allTransitionDurationsArray[0];
+            if (transitionDuration === "0s") {
+                emitImmediately(component, nonOpenCloseComponent);
+                return;
+            }
+            const fallbackTimeoutId = setTimeout(() => {
+                component.transitionEl.removeEventListener("transitionstart", onStart);
+                component.transitionEl.removeEventListener("transitionend", onEndOrCancel);
+                component.transitionEl.removeEventListener("transitioncancel", onEndOrCancel);
+                emitImmediately(component, nonOpenCloseComponent);
+            }, parseFloat(transitionDuration) * 1000);
+            component.transitionEl.addEventListener("transitionstart", onStart);
+            component.transitionEl.addEventListener("transitionend", onEndOrCancel);
+            component.transitionEl.addEventListener("transitioncancel", onEndOrCancel);
+            function onStart(event) {
+                if (event.propertyName === component.openTransitionProp && event.target === component.transitionEl) {
+                    clearTimeout(fallbackTimeoutId);
+                    component.transitionEl.removeEventListener("transitionstart", onStart);
+                    (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))
+                        ? component.onBeforeOpen()
+                        : component.onBeforeClose();
+                }
+            }
+            function onEndOrCancel(event) {
+                if (event.propertyName === component.openTransitionProp && event.target === component.transitionEl) {
+                    (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))
+                        ? component.onOpen()
+                        : component.onClose();
+                    component.transitionEl.removeEventListener("transitionend", onEndOrCancel);
+                    component.transitionEl.removeEventListener("transitioncancel", onEndOrCancel);
+                }
+            }
+        }
+    });
+}
+/**
+ * Helper to keep track of transition listeners on setTransitionEl and connectedCallback on OpenCloseComponent components.
+ *
+ * For component which do not have open prop, use `onToggleOpenCloseComponent` implementation.
+ *
+ * @param component
+ * @deprecated Call `onToggleOpenClose` in `componentWillLoad` and `open` property watchers instead.
+ */
+function connectOpenCloseComponent(component) {
+    disconnectOpenCloseComponent(component);
+    if (component.transitionEl) {
+        const boundOnTransitionStart = transitionStart.bind(component);
+        const boundOnTransitionEnd = transitionEnd.bind(component);
+        componentToTransitionListeners.set(component, [
+            component.transitionEl,
+            boundOnTransitionStart,
+            boundOnTransitionEnd,
+        ]);
+        component.transitionEl.addEventListener("transitionstart", boundOnTransitionStart);
+        component.transitionEl.addEventListener("transitionend", boundOnTransitionEnd);
+    }
+}
+/**
+ * Helper to tear down transition listeners on disconnectedCallback on OpenCloseComponent components.
+ *
+ * @param component
+ * @deprecated Call `onToggleOpenClose` in `componentWillLoad` and `open` property watchers instead.
+ */
+function disconnectOpenCloseComponent(component) {
+    if (!componentToTransitionListeners.has(component)) {
+        return;
+    }
+    const [transitionEl, start, end] = componentToTransitionListeners.get(component);
+    transitionEl.removeEventListener("transitionstart", start);
+    transitionEl.removeEventListener("transitionend", end);
+    componentToTransitionListeners.delete(component);
+}
+
+export { onToggleOpenCloseComponent as o };