@esri/calcite-components 1.7.0-next.16 → 1.7.0-next.17

package/dist/esm/resources-2f2498f1.js

@@ -0,0 +1,41 @@
+/*!
+ * 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.7.0-next.17
+ */
+const CSS = {
+  actionBarContainer: "action-bar-container",
+  backButton: "back-button",
+  container: "container",
+  header: "header",
+  headerContainer: "header-container",
+  headerContainerBorderEnd: "header-container--border-end",
+  heading: "heading",
+  summary: "summary",
+  description: "description",
+  headerContent: "header-content",
+  headerActions: "header-actions",
+  headerActionsEnd: "header-actions--end",
+  headerActionsStart: "header-actions--start",
+  contentWrapper: "content-wrapper",
+  fabContainer: "fab-container",
+  footer: "footer",
+};
+const ICONS = {
+  close: "x",
+  menu: "ellipsis",
+  backLeft: "chevron-left",
+  backRight: "chevron-right",
+};
+const SLOTS = {
+  actionBar: "action-bar",
+  headerActionsStart: "header-actions-start",
+  headerActionsEnd: "header-actions-end",
+  headerMenuActions: "header-menu-actions",
+  headerContent: "header-content",
+  fab: "fab",
+  footer: "footer",
+  footerActions: "footer-actions",
+};
+
+export { CSS as C, ICONS as I, SLOTS as S };

package/dist/esm/resources-6147a442.js

@@ -0,0 +1,18 @@
+/*!
+ * 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.7.0-next.17
+ */
+const CSS = {
+  menu: "menu",
+  defaultTrigger: "default-trigger",
+};
+const SLOTS = {
+  tooltip: "tooltip",
+  trigger: "trigger",
+};
+const ICONS = {
+  menu: "ellipsis",
+};
+
+export { CSS as C, ICONS as I, SLOTS as S };

package/dist/esm/resources-adfa9502.js

@@ -0,0 +1,383 @@
+/*!
+ * 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.7.0-next.17
+ */
+import { g as getRoundRobinIndex } from './array-f8bbe0a3.js';
+import { d as focusElement, h as getSlotted, t as toAriaBoolean } from './dom-412dd260.js';
+import { d as debounce } from './debounce-ee2506b2.js';
+import { h, H as Host } from './index-dafb95bd.js';
+
+const CSS$2 = {
+  heading: "heading",
+  container: "container",
+  indented: "container--indented",
+};
+const SLOTS$2 = {
+  parentItem: "parent-item",
+};
+
+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$2.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 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,
+  }));
+}
+
+const CSS$1 = {
+  sticky: "sticky-pos",
+};
+var ICON_TYPES;
+(function (ICON_TYPES) {
+  ICON_TYPES["circle"] = "circle";
+  ICON_TYPES["square"] = "square";
+  ICON_TYPES["grip"] = "grip";
+})(ICON_TYPES || (ICON_TYPES = {}));
+const SLOTS$1 = {
+  menuActions: "menu-actions",
+};
+
+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("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$1.sticky]: true } },
+        filterEnabled ? (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,
+        h("slot", { name: SLOTS$1.menuActions })),
+      loading ? h("calcite-scrim", { loading: loading }) : null,
+      defaultSlot)));
+};
+
+const CSS = {
+  actions: "actions",
+  actionsEnd: "actions--end",
+  actionsStart: "actions--start",
+  description: "description",
+  handle: "handle",
+  handleActivated: "handle--activated",
+  highlight: "highlight",
+  icon: "icon",
+  iconDot: "icon-dot",
+  label: "label",
+  remove: "remove",
+  title: "title",
+  textContainer: "text-container",
+};
+const ICONS = {
+  checked: "check",
+  remove: "x",
+};
+const SLOTS = {
+  actionsEnd: "actions-end",
+  actionsStart: "actions-start",
+};
+
+export { CSS as C, ICON_TYPES as I, List as L, SLOTS as S, deselectSiblingItems as a, handleFilterEvent as b, getItemData as c, deselectRemovedItems as d, moveItemIndex as e, initializeObserver as f, getItemIndex as g, handleFilter as h, initialize as i, handleInitialFilter as j, keyDownHandler as k, cleanUpObserver as l, mutationObserverCallback as m, calciteListFocusOutHandler as n, calciteListItemChangeHandler as o, calciteInternalListItemValueChangeHandler as p, setUpItems as q, removeItem as r, selectSiblings as s, setFocus as t, SLOTS$2 as u, CSS$2 as v, ICONS as w };

package/dist/esm/resources-bab7828c.js

@@ -0,0 +1,21 @@
+/*!
+ * 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.7.0-next.17
+ */
+const CSS = {
+  container: "container",
+  actionsStart: "actions-start",
+  contentStart: "content-start",
+  content: "content",
+  contentEnd: "content-end",
+  actionsEnd: "actions-end",
+};
+const SLOTS = {
+  actionsStart: "actions-start",
+  contentStart: "content-start",
+  contentEnd: "content-end",
+  actionsEnd: "actions-end",
+};
+
+export { CSS as C, SLOTS as S };

package/dist/esm/resources-bfdb1d14.js

@@ -0,0 +1,23 @@
+/*!
+ * 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.7.0-next.17
+ */
+const autoMode = "calcite-mode-auto";
+const darkMode = "calcite-mode-dark";
+const lightMode = "calcite-mode-light";
+const CSS_UTILITY = {
+  autoMode,
+  darkMode,
+  lightMode,
+  rtl: "calcite--rtl",
+  calciteAnimate: "calcite-animate",
+  calciteAnimateIn: "calcite-animate__in",
+  calciteAnimateInUp: "calcite-animate__in-up",
+  calciteAnimateInDown: "calcite-animate__in-down",
+  calciteAnimateInRight: "calcite-animate__in-right",
+  calciteAnimateInLeft: "calcite-animate__in-left",
+  calciteAnimateInScale: "calcite-animate__in-scale",
+};
+
+export { CSS_UTILITY as C, autoMode as a, darkMode as d };

package/dist/esm/resources-cfa3feb8.js

@@ -0,0 +1,15 @@
+/*!
+ * 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.7.0-next.17
+ */
+var KindIcons;
+(function (KindIcons) {
+  KindIcons["brand"] = "lightbulb";
+  KindIcons["danger"] = "exclamationMarkTriangle";
+  KindIcons["info"] = "information";
+  KindIcons["success"] = "checkCircle";
+  KindIcons["warning"] = "exclamationMarkTriangle";
+})(KindIcons || (KindIcons = {}));
+
+export { KindIcons as K };

package/dist/esm/resources-ec927aad.js

@@ -0,0 +1,17 @@
+/*!
+ * 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.7.0-next.17
+ */
+const SLOTS = {
+  menuActions: "menu-actions",
+  menuTooltip: "menu-tooltip",
+};
+const ICONS = {
+  menu: "ellipsis",
+};
+const CSS = {
+  container: "container",
+};
+
+export { CSS as C, ICONS as I, SLOTS as S };

package/dist/esm/ro-ded4537b.js

@@ -0,0 +1,61 @@
+/*!
+ * 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.7.0-next.17
+ */
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-453c17c8.js';
+import './index-dafb95bd.js';
+import './form-6f86424f.js';
+import './dom-412dd260.js';
+import './guid-0490f9f0.js';
+import './resources-bfdb1d14.js';
+import './interactive-6bcbd567.js';
+import './browser-342337a9.js';
+import './key-86423110.js';
+import './label-00366d68.js';
+import './loadable-2ff657df.js';
+import './locale-294b6440.js';
+import './observers-b898b95d.js';
+import './focusTrapComponent-b796f196.js';
+import './math-a2e82859.js';
+import './t9n-493993f8.js';
+
+// Romanian [ro]
+var locale = {
+  name: 'ro',
+  weekdays: 'Duminică_Luni_Marți_Miercuri_Joi_Vineri_Sâmbătă'.split('_'),
+  weekdaysShort: 'Dum_Lun_Mar_Mie_Joi_Vin_Sâm'.split('_'),
+  weekdaysMin: 'Du_Lu_Ma_Mi_Jo_Vi_Sâ'.split('_'),
+  months: 'Ianuarie_Februarie_Martie_Aprilie_Mai_Iunie_Iulie_August_Septembrie_Octombrie_Noiembrie_Decembrie'.split('_'),
+  monthsShort: 'Ian._Febr._Mart._Apr._Mai_Iun._Iul._Aug._Sept._Oct._Nov._Dec.'.split('_'),
+  weekStart: 1,
+  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'
+  },
+  relativeTime: {
+    future: 'peste %s',
+    past: 'acum %s',
+    s: 'câteva secunde',
+    m: 'un minut',
+    mm: '%d minute',
+    h: 'o oră',
+    hh: '%d ore',
+    d: 'o zi',
+    dd: '%d zile',
+    M: 'o lună',
+    MM: '%d luni',
+    y: 'un an',
+    yy: '%d ani'
+  },
+  ordinal: function ordinal(n) {
+    return n;
+  }
+};
+dayjs.locale(locale, null, true);
+
+export default locale;