@esri/solutions-components 0.7.1 → 0.7.2

package/dist/cjs/shared-list-render-6939bcac.js

@@ -0,0 +1,364 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const array = require('./array-967ea191.js');
+const dom = require('./dom-5c1fefc1.js');
+const resources = require('./resources-e1672ba5.js');
+const debounce = require('./debounce-30afab47.js');
+const index = require('./index-2d5760f2.js');
+const resources$1 = require('./resources-b4f2bec2.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.
+ * v1.11.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.debounce(internalCalciteListChangeEvent.bind(this), 0);
+  this.emitCalciteListFilter = debounce.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) {
+      dom.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;
+  }
+  dom.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 = array.getRoundRobinIndex(currentIndex + directionFactor * moveOffset++, totalItems);
+  const firstMovedIndex = index;
+  while (items[index].disabled) {
+    index = array.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 === resources.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 dom.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 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 = dom.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.
+ * v1.11.0
+ */
+const List = ({ props: { disabled, loading, filterEnabled, dataForFilter, handleFilterEvent, filterPlaceholder, filterText, setFilterEl, dragEnabled, storeAssistiveEl, }, ...rest }) => {
+  const defaultSlot = index.h("slot", null);
+  return (index.h(index.Host, { "aria-busy": dom.toAriaBoolean(loading), role: "menu", ...rest }, index.h("section", null, dragEnabled ? (index.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, index.h("header", { class: { [resources$1.CSS.sticky]: true } }, filterEnabled ? (index.h("calcite-filter", { "aria-label": filterPlaceholder, disabled: loading || 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, index.h("slot", { name: resources$1.SLOTS.menuActions })), loading ? index.h("calcite-scrim", { loading: loading }) : null, defaultSlot)));
+};
+
+exports.List = List;
+exports.calciteInternalListItemValueChangeHandler = calciteInternalListItemValueChangeHandler;
+exports.calciteListFocusOutHandler = calciteListFocusOutHandler;
+exports.calciteListItemChangeHandler = calciteListItemChangeHandler;
+exports.cleanUpObserver = cleanUpObserver;
+exports.deselectRemovedItems = deselectRemovedItems;
+exports.deselectSiblingItems = deselectSiblingItems;
+exports.getItemData = getItemData;
+exports.getItemIndex = getItemIndex;
+exports.handleFilter = handleFilter;
+exports.handleFilterEvent = handleFilterEvent;
+exports.handleInitialFilter = handleInitialFilter;
+exports.initialize = initialize;
+exports.initializeObserver = initializeObserver;
+exports.keyDownHandler = keyDownHandler;
+exports.moveItemIndex = moveItemIndex;
+exports.mutationObserverCallback = mutationObserverCallback;
+exports.removeItem = removeItem;
+exports.selectSiblings = selectSiblings;
+exports.setFocus = setFocus;
+exports.setUpItems = setUpItems;

package/dist/cjs/sk-3d496fd7.js

@@ -0,0 +1,148 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-07edd190.js');
+require('./index-2d5760f2.js');
+require('./form-81cf84d1.js');
+require('./dom-5c1fefc1.js');
+require('./guid-c95a49d2.js');
+require('./resources-89626d92.js');
+require('./interactive-85d0402d.js');
+require('./browser-abd0e2fa.js');
+require('./key-cdf99d14.js');
+require('./label-8a389916.js');
+require('./loadable-3358bfc7.js');
+require('./locale-44d38e1a.js');
+require('./observers-0f180f88.js');
+require('./focusTrapComponent-21d85ddf.js');
+require('./time-bfaa8f38.js');
+require('./math-950b6ada.js');
+require('./t9n-02f62c58.js');
+require('./openCloseComponent-7afeb520.js');
+require('./component-98c27d5f.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
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;

package/dist/cjs/sl-5422921c.js

@@ -0,0 +1,168 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-07edd190.js');
+require('./index-2d5760f2.js');
+require('./form-81cf84d1.js');
+require('./dom-5c1fefc1.js');
+require('./guid-c95a49d2.js');
+require('./resources-89626d92.js');
+require('./interactive-85d0402d.js');
+require('./browser-abd0e2fa.js');
+require('./key-cdf99d14.js');
+require('./label-8a389916.js');
+require('./loadable-3358bfc7.js');
+require('./locale-44d38e1a.js');
+require('./observers-0f180f88.js');
+require('./focusTrapComponent-21d85ddf.js');
+require('./time-bfaa8f38.js');
+require('./math-950b6ada.js');
+require('./t9n-02f62c58.js');
+require('./openCloseComponent-7afeb520.js');
+require('./component-98c27d5f.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
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;