@esri/solutions-components 0.8.2 → 0.8.3

package/dist/solutions-components/shared-list-render-a572ef93.js

@@ -0,0 +1,348 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { d as debounce } from './lodash-98e4b7d0.js';
+import { g as getRoundRobinIndex } from './array-396bdf3c.js';
+import { e as focusElement, g as getSlotted, t as toAriaBoolean } from './dom-b91aa537.js';
+import { S as SLOTS } from './resources-9b7e72d5.js';
+import { h, a as Host } from './index-bdfaac50.js';
+import { C as CSS, S as SLOTS$1 } from './resources-667afb5d.js';
+import { I as InteractiveContainer } from './interactive-71585ecc.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
+ */
+function mutationObserverCallback() {
+    this.setUpItems();
+    this.setUpFilter();
+    this.deselectRemovedItems();
+}
+const SUPPORTED_ARROW_KEYS = ["ArrowUp", "ArrowDown"];
+// --------------------------------------------------------------------------
+//
+//  Lifecycle
+//
+// --------------------------------------------------------------------------
+function initialize() {
+    this.setUpItems();
+    this.setUpFilter();
+    this.emitCalciteListChange = debounce(internalCalciteListChangeEvent.bind(this), 0);
+    this.emitCalciteListFilter = debounce(internalCalciteListFilterEvent.bind(this), 0);
+}
+function initializeObserver() {
+    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
+}
+function cleanUpObserver() {
+    this.mutationObserver?.disconnect();
+}
+// --------------------------------------------------------------------------
+//
+//  Listeners
+//
+// --------------------------------------------------------------------------
+function calciteListItemChangeHandler(event) {
+    const { selectedValues } = this;
+    const { item, value, selected, shiftPressed } = event.detail;
+    if (selected) {
+        if (this.multiple && shiftPressed) {
+            this.selectSiblings(item);
+        }
+        if (!this.multiple) {
+            this.deselectSiblingItems(item);
+        }
+        selectedValues.set(value, item);
+    }
+    else {
+        selectedValues.delete(value);
+        if (this.multiple && shiftPressed) {
+            this.selectSiblings(item, true);
+        }
+    }
+    if (!this.multiple) {
+        toggleSingleSelectItemTabbing(item, selected);
+        if (selected) {
+            focusElement(item);
+        }
+    }
+    this.lastSelectedItem = item;
+    this.emitCalciteListChange();
+}
+function calciteInternalListItemValueChangeHandler(event) {
+    const oldValue = event.detail.oldValue;
+    const selectedValues = this.selectedValues;
+    if (selectedValues.has(oldValue)) {
+        const item = selectedValues.get(oldValue);
+        selectedValues.delete(oldValue);
+        selectedValues.set(event.detail.newValue, item);
+    }
+    event.stopPropagation();
+}
+// --------------------------------------------------------------------------
+//
+//  Private Methods
+//
+// --------------------------------------------------------------------------
+function isValidNavigationKey(key) {
+    return !!SUPPORTED_ARROW_KEYS.find((k) => k === key);
+}
+function calciteListFocusOutHandler(event) {
+    const { el, items, multiple, selectedValues } = this;
+    if (multiple) {
+        return;
+    }
+    const focusedInside = el.contains(event.relatedTarget);
+    if (focusedInside) {
+        return;
+    }
+    filterOutDisabled(items).forEach((item) => {
+        toggleSingleSelectItemTabbing(item, selectedValues.size === 0 ? item.contains(event.target) || event.target === item : item.selected);
+    });
+}
+function keyDownHandler(event) {
+    const { key, target } = event;
+    if (!isValidNavigationKey(key)) {
+        return;
+    }
+    const { items, multiple, selectionFollowsFocus } = this;
+    const { length: totalItems } = items;
+    const currentIndex = items.indexOf(target);
+    if (!totalItems || currentIndex === -1) {
+        return;
+    }
+    event.preventDefault();
+    const index = moveItemIndex(this, target, key === "ArrowUp" ? "up" : "down");
+    const item = items[index];
+    items.forEach((i) => toggleSingleSelectItemTabbing(i, i === item));
+    if (!multiple && selectionFollowsFocus) {
+        item.selected = true;
+    }
+    focusElement(item);
+}
+function moveItemIndex(list, item, direction) {
+    const { items } = list;
+    const { length: totalItems } = items;
+    const currentIndex = items.indexOf(item);
+    const directionFactor = direction === "up" ? -1 : 1;
+    let moveOffset = 1;
+    let index = getRoundRobinIndex(currentIndex + directionFactor * moveOffset++, totalItems);
+    const firstMovedIndex = index;
+    while (items[index].disabled) {
+        index = getRoundRobinIndex(currentIndex + directionFactor * moveOffset++, totalItems);
+        if (index === firstMovedIndex) {
+            break;
+        }
+    }
+    return index;
+}
+function getItemIndex(list, item) {
+    const { items } = list;
+    return items.indexOf(item);
+}
+function filterOutDisabled(items) {
+    return items.filter((item) => !item.disabled);
+}
+function internalCalciteListFilterEvent() {
+    this.calciteListFilter.emit();
+}
+function internalCalciteListChangeEvent() {
+    this.calciteListChange.emit(this.selectedValues);
+}
+function removeItem(event) {
+    if (event.defaultPrevented) {
+        return;
+    }
+    const item = event.target;
+    const selectedValues = this.selectedValues;
+    if (item.parentElement.tagName === "CALCITE-PICK-LIST-GROUP" && item.slot === SLOTS.parentItem) {
+        item.parentElement.remove();
+        Array.from(item.parentElement.children).forEach((item) => selectedValues.delete(item.value));
+    }
+    else {
+        item.remove();
+        selectedValues.delete(item.value);
+    }
+    this.emitCalciteListChange();
+}
+function toggleSingleSelectItemTabbing(item, selectable) {
+    if (item.disabled) {
+        return;
+    }
+    // using attribute intentionally
+    if (selectable) {
+        item.removeAttribute("tabindex");
+    }
+    else {
+        item.setAttribute("tabindex", "-1");
+    }
+}
+async function setFocus(focusId) {
+    if (this.filterEnabled && focusId === "filter") {
+        await focusElement(this.filterEl);
+        return;
+    }
+    const { items, multiple, selectionFollowsFocus } = this;
+    if (items.length === 0) {
+        return;
+    }
+    if (multiple) {
+        return filterOutDisabled(items)[0]?.setFocus();
+    }
+    const filtered = filterOutDisabled(items);
+    const focusTarget = filtered.find((item) => item.selected) || filtered[0];
+    if (selectionFollowsFocus && focusTarget) {
+        focusTarget.selected = true;
+    }
+    return focusTarget.setFocus();
+}
+function setUpItems(tagName) {
+    this.items = Array.from(this.el.querySelectorAll(tagName));
+    let hasSelected = false;
+    const { items } = this;
+    items.forEach((item) => {
+        item.icon = this.getIconType();
+        if (!this.multiple) {
+            item.deselectDisabled = true;
+            toggleSingleSelectItemTabbing(item, false);
+        }
+        if (item.selected) {
+            hasSelected = true;
+            toggleSingleSelectItemTabbing(item, true);
+            this.selectedValues.set(item.value, item);
+        }
+    });
+    const [first] = items;
+    if (!hasSelected && first && !first.disabled) {
+        toggleSingleSelectItemTabbing(first, true);
+    }
+}
+function setUpFilter() {
+    if (this.filterEnabled) {
+        this.dataForFilter = this.getItemData();
+    }
+}
+function deselectRemovedItems() {
+    const selectedValues = this.selectedValues;
+    const itemValues = this.items.map(({ value }) => value);
+    selectedValues.forEach((selectedItem) => {
+        if (!itemValues.includes(selectedItem.value)) {
+            this.selectedValues.delete(selectedItem.value);
+        }
+    });
+}
+function deselectSiblingItems(item) {
+    this.items.forEach((currentItem) => {
+        if (currentItem.value !== item.value) {
+            currentItem.toggleSelected(false);
+            if (this.selectedValues.has(currentItem.value)) {
+                this.selectedValues.delete(currentItem.value);
+            }
+        }
+    });
+}
+function selectSiblings(item, deselect = false) {
+    if (!this.lastSelectedItem) {
+        return;
+    }
+    const { items } = this;
+    const start = items.findIndex((currentItem) => {
+        return currentItem.value === this.lastSelectedItem.value;
+    });
+    const end = items.findIndex((currentItem) => {
+        return currentItem.value === item.value;
+    });
+    items.slice(Math.min(start, end), Math.max(start, end)).forEach((currentItem) => {
+        currentItem.toggleSelected(!deselect);
+        if (!deselect) {
+            this.selectedValues.set(currentItem.value, currentItem);
+        }
+        else {
+            this.selectedValues.delete(currentItem.value);
+        }
+    });
+}
+let groups;
+function handleFilter(emit = false) {
+    const { filteredData, filterText } = this;
+    const values = filteredData.map((item) => item.value);
+    let hasSelectedMatch = false;
+    if (!groups) {
+        groups = new Set();
+    }
+    const matchedItems = this.items?.filter((item) => {
+        const parent = item.parentElement;
+        const grouped = parent.matches("calcite-pick-list-group");
+        if (grouped) {
+            groups.add(parent);
+        }
+        const matches = filterText ? values.includes(item.value) : true;
+        item.hidden = !matches;
+        if (!hasSelectedMatch) {
+            hasSelectedMatch = matches && item.selected;
+        }
+        return matches;
+    }) || [];
+    groups.forEach((group) => {
+        const hasAtLeastOneMatch = matchedItems.some((item) => group.contains(item));
+        group.hidden = !hasAtLeastOneMatch;
+        if (!hasAtLeastOneMatch) {
+            return;
+        }
+        const parentItem = getSlotted(group, "parent-item");
+        if (parentItem) {
+            parentItem.hidden = false;
+            if (matchedItems.includes(parentItem)) {
+                Array.from(group.children).forEach((child) => (child.hidden = false));
+            }
+        }
+    });
+    groups.clear();
+    if (matchedItems.length > 0 && !hasSelectedMatch && !this.multiple) {
+        toggleSingleSelectItemTabbing(matchedItems[0], true);
+    }
+    this.setFilteredItems(matchedItems);
+    if (emit) {
+        this.emitCalciteListFilter();
+    }
+}
+function handleInitialFilter() {
+    const filteredItems = this.filterEl?.filteredItems;
+    if (filteredItems) {
+        this.filteredData = filteredItems;
+    }
+    this.handleFilter();
+}
+function handleFilterEvent(event) {
+    event.stopPropagation();
+    const { filteredItems, value } = event.currentTarget;
+    this.filterText = value;
+    this.filteredData = filteredItems;
+    this.handleFilter(true);
+}
+function getItemData() {
+    return this.items.map((item) => ({
+        label: item.label,
+        description: item.description,
+        metadata: item.metadata,
+        value: item.value,
+    }));
+}
+
+/*!
+ * 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 List = ({ props: { disabled, loading, filterEnabled, dataForFilter, handleFilterEvent, filterPlaceholder, filterText, setFilterEl, dragEnabled, storeAssistiveEl, }, ...rest }) => {
+    const defaultSlot = h("slot", null);
+    return (h(Host, { "aria-busy": toAriaBoolean(loading), role: "menu", ...rest }, h(InteractiveContainer, { disabled: disabled }, h("section", null, dragEnabled ? (h("span", { "aria-live": "assertive", class: "assistive-text",
+        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+        ref: storeAssistiveEl })) : null, h("header", { class: { [CSS.sticky]: true } }, filterEnabled ? (h("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, items: dataForFilter, onCalciteFilterChange: handleFilterEvent, placeholder: filterPlaceholder, value: filterText,
+        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+        ref: setFilterEl })) : null, h("slot", { name: SLOTS$1.menuActions })), loading ? h("calcite-scrim", { loading: loading }) : null, defaultSlot))));
+};
+
+export { List as L, deselectSiblingItems as a, handleFilterEvent as b, initializeObserver as c, deselectRemovedItems as d, cleanUpObserver as e, handleInitialFilter as f, getItemData as g, handleFilter as h, initialize as i, calciteListItemChangeHandler as j, keyDownHandler as k, calciteInternalListItemValueChangeHandler as l, mutationObserverCallback as m, calciteListFocusOutHandler as n, setUpItems as o, setFocus as p, getItemIndex as q, removeItem as r, selectSiblings as s, moveItemIndex as t };

package/dist/solutions-components/sk-d632e850.js

@@ -0,0 +1,147 @@
+/*!
+ * 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';
+
+// Slovak [sk]
+
+function plural(n) {
+  return n > 1 && n < 5 && ~~(n / 10) !== 1; // eslint-disable-line
+}
+/* eslint-disable */
+
+
+function translate(number, withoutSuffix, key, isFuture) {
+  var result = number + " ";
+
+  switch (key) {
+    case 's':
+      // a few seconds / in a few seconds / a few seconds ago
+      return withoutSuffix || isFuture ? 'pár sekúnd' : 'pár sekundami';
+
+    case 'm':
+      // a minute / in a minute / a minute ago
+      return withoutSuffix ? 'minúta' : isFuture ? 'minútu' : 'minútou';
+
+    case 'mm':
+      // 9 minutes / in 9 minutes / 9 minutes ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'minúty' : 'minút');
+      }
+
+      return result + "min\xFAtami";
+
+    case 'h':
+      // an hour / in an hour / an hour ago
+      return withoutSuffix ? 'hodina' : isFuture ? 'hodinu' : 'hodinou';
+
+    case 'hh':
+      // 9 hours / in 9 hours / 9 hours ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'hodiny' : 'hodín');
+      }
+
+      return result + "hodinami";
+
+    case 'd':
+      // a day / in a day / a day ago
+      return withoutSuffix || isFuture ? 'deň' : 'dňom';
+
+    case 'dd':
+      // 9 days / in 9 days / 9 days ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'dni' : 'dní');
+      }
+
+      return result + "d\u0148ami";
+
+    case 'M':
+      // a month / in a month / a month ago
+      return withoutSuffix || isFuture ? 'mesiac' : 'mesiacom';
+
+    case 'MM':
+      // 9 months / in 9 months / 9 months ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'mesiace' : 'mesiacov');
+      }
+
+      return result + "mesiacmi";
+
+    case 'y':
+      // a year / in a year / a year ago
+      return withoutSuffix || isFuture ? 'rok' : 'rokom';
+
+    case 'yy':
+      // 9 years / in 9 years / 9 years ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'roky' : 'rokov');
+      }
+
+      return result + "rokmi";
+  }
+}
+/* eslint-enable */
+
+
+var locale = {
+  name: 'sk',
+  weekdays: 'nedeľa_pondelok_utorok_streda_štvrtok_piatok_sobota'.split('_'),
+  weekdaysShort: 'ne_po_ut_st_št_pi_so'.split('_'),
+  weekdaysMin: 'ne_po_ut_st_št_pi_so'.split('_'),
+  months: 'január_február_marec_apríl_máj_jún_júl_august_september_október_november_december'.split('_'),
+  monthsShort: 'jan_feb_mar_apr_máj_jún_júl_aug_sep_okt_nov_dec'.split('_'),
+  weekStart: 1,
+  yearStart: 4,
+  ordinal: function ordinal(n) {
+    return n + ".";
+  },
+  formats: {
+    LT: 'H:mm',
+    LTS: 'H:mm:ss',
+    L: 'DD.MM.YYYY',
+    LL: 'D. MMMM YYYY',
+    LLL: 'D. MMMM YYYY H:mm',
+    LLLL: 'dddd D. MMMM YYYY H:mm',
+    l: 'D. M. YYYY'
+  },
+  relativeTime: {
+    future: 'za %s',
+    // Should be `o %s` (change when moment/moment#5408 is fixed)
+    past: 'pred %s',
+    s: translate,
+    m: translate,
+    mm: translate,
+    h: translate,
+    hh: translate,
+    d: translate,
+    dd: translate,
+    M: translate,
+    MM: translate,
+    y: translate,
+    yy: translate
+  }
+};
+dayjs.locale(locale, null, true);
+
+export default locale;

package/dist/solutions-components/sl-5099fa6f.js

@@ -0,0 +1,167 @@
+/*!
+ * 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';
+
+// Slovenian [sl]
+
+function dual(n) {
+  return n % 100 == 2; // eslint-disable-line
+}
+
+function threeFour(n) {
+  return n % 100 == 3 || n % 100 == 4; // eslint-disable-line
+}
+/* eslint-disable */
+
+
+function translate(number, withoutSuffix, key, isFuture) {
+  var result = number + " ";
+
+  switch (key) {
+    case 's':
+      // a few seconds / in a few seconds / a few seconds ago
+      return withoutSuffix || isFuture ? 'nekaj sekund' : 'nekaj sekundami';
+
+    case 'm':
+      // a minute / in a minute / a minute ago
+      return withoutSuffix ? 'ena minuta' : 'eno minuto';
+
+    case 'mm':
+      // 9 minutes / in 9 minutes / 9 minutes ago
+      if (dual(number)) {
+        return result + (withoutSuffix || isFuture ? 'minuti' : 'minutama');
+      }
+
+      if (threeFour(number)) {
+        return result + (withoutSuffix || isFuture ? 'minute' : 'minutami');
+      }
+
+      return result + (withoutSuffix || isFuture ? 'minut' : 'minutami');
+
+    case 'h':
+      // an hour / in an hour / an hour ago
+      return withoutSuffix ? 'ena ura' : isFuture ? 'eno uro' : 'eno uro';
+
+    case 'hh':
+      // 9 hours / in 9 hours / 9 hours ago
+      if (dual(number)) {
+        return result + (withoutSuffix || isFuture ? 'uri' : 'urama');
+      }
+
+      if (threeFour(number)) {
+        return result + (withoutSuffix || isFuture ? 'ure' : 'urami');
+      }
+
+      return result + (withoutSuffix || isFuture ? 'ur' : 'urami');
+
+    case 'd':
+      // a day / in a day / a day ago
+      return withoutSuffix || isFuture ? 'en dan' : 'enim dnem';
+
+    case 'dd':
+      // 9 days / in 9 days / 9 days ago
+      if (dual(number)) {
+        return result + (withoutSuffix || isFuture ? 'dneva' : 'dnevoma');
+      }
+
+      return result + (withoutSuffix || isFuture ? 'dni' : 'dnevi');
+
+    case 'M':
+      // a month / in a month / a month ago
+      return withoutSuffix || isFuture ? 'en mesec' : 'enim mesecem';
+
+    case 'MM':
+      // 9 months / in 9 months / 9 months ago
+      if (dual(number)) {
+        // 2 minutes / in 2 minutes
+        return result + (withoutSuffix || isFuture ? 'meseca' : 'mesecema');
+      }
+
+      if (threeFour(number)) {
+        return result + (withoutSuffix || isFuture ? 'mesece' : 'meseci');
+      }
+
+      return result + (withoutSuffix || isFuture ? 'mesecev' : 'meseci');
+
+    case 'y':
+      // a year / in a year / a year ago
+      return withoutSuffix || isFuture ? 'eno leto' : 'enim letom';
+
+    case 'yy':
+      // 9 years / in 9 years / 9 years ago
+      if (dual(number)) {
+        // 2 minutes / in 2 minutes
+        return result + (withoutSuffix || isFuture ? 'leti' : 'letoma');
+      }
+
+      if (threeFour(number)) {
+        return result + (withoutSuffix || isFuture ? 'leta' : 'leti');
+      }
+
+      return result + (withoutSuffix || isFuture ? 'let' : 'leti');
+  }
+}
+/* eslint-enable */
+
+
+var locale = {
+  name: 'sl',
+  weekdays: 'nedelja_ponedeljek_torek_sreda_četrtek_petek_sobota'.split('_'),
+  months: 'januar_februar_marec_april_maj_junij_julij_avgust_september_oktober_november_december'.split('_'),
+  weekStart: 1,
+  weekdaysShort: 'ned._pon._tor._sre._čet._pet._sob.'.split('_'),
+  monthsShort: 'jan._feb._mar._apr._maj._jun._jul._avg._sep._okt._nov._dec.'.split('_'),
+  weekdaysMin: 'ne_po_to_sr_če_pe_so'.split('_'),
+  ordinal: function ordinal(n) {
+    return n + ".";
+  },
+  formats: {
+    LT: 'H:mm',
+    LTS: 'H:mm:ss',
+    L: 'DD.MM.YYYY',
+    LL: 'D. MMMM YYYY',
+    LLL: 'D. MMMM YYYY H:mm',
+    LLLL: 'dddd, D. MMMM YYYY H:mm',
+    l: 'D. M. YYYY'
+  },
+  relativeTime: {
+    future: 'čez %s',
+    past: 'pred %s',
+    s: translate,
+    m: translate,
+    mm: translate,
+    h: translate,
+    hh: translate,
+    d: translate,
+    dd: translate,
+    M: translate,
+    MM: translate,
+    y: translate,
+    yy: translate
+  }
+};
+dayjs.locale(locale, null, true);
+
+export default locale;