@esri/calcite-components 2.0.0 → 2.1.0-next.1

package/dist/cjs/resources-29058a3e.js

@@ -0,0 +1,412 @@
+/*!
+ * 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.1.0-next.1
+ */
+'use strict';
+
+const array = require('./array-0b306c6e.js');
+const dom = require('./dom-daff503b.js');
+const debounce = require('./debounce-e5bcb0a5.js');
+const index = require('./index-126bd1ea.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.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 === 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 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,
+  }));
+}
+
+const CSS$1 = {
+  sticky: "sticky-pos",
+};
+exports.ICON_TYPES = void 0;
+(function (ICON_TYPES) {
+  ICON_TYPES["circle"] = "circle";
+  ICON_TYPES["square"] = "square";
+  ICON_TYPES["grip"] = "grip";
+})(exports.ICON_TYPES || (exports.ICON_TYPES = {}));
+const SLOTS$1 = {
+  menuActions: "menu-actions",
+};
+
+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: { [CSS$1.sticky]: true } },
+        filterEnabled ? (index.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,
+        index.h("slot", { name: SLOTS$1.menuActions })),
+      loading ? index.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",
+};
+
+exports.CSS = CSS;
+exports.CSS$1 = CSS$2;
+exports.ICONS = ICONS;
+exports.List = List;
+exports.SLOTS = SLOTS;
+exports.SLOTS$1 = SLOTS$2;
+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;
+
+//# sourceMappingURL=resources-29058a3e.js.map

package/dist/cjs/resources-29058a3e.js.map

@@ -0,0 +1 @@
+{"file":"resources-29058a3e.js","mappings":"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","names":["CSS","SLOTS","debounce","focusElement","getRoundRobinIndex","getSlotted","ICON_TYPES","h","Host","toAriaBoolean"],"sources":["src/components/pick-list-group/resources.ts","src/components/pick-list/shared-list-logic.ts","src/components/pick-list/resources.ts","src/components/pick-list/shared-list-render.tsx","src/components/pick-list-item/resources.ts"],"sourcesContent":["export const CSS = {\n  heading: \"heading\",\n  container: \"container\",\n  indented: \"container--indented\",\n};\n\nexport const SLOTS = {\n  parentItem: \"parent-item\",\n};\n","import { debounce } from \"lodash-es\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { focusElement, getSlotted } from \"../../utils/dom\";\nimport { SLOTS } from \"../pick-list-group/resources\";\nimport { ValueList } from \"../value-list/value-list\";\nimport { PickList } from \"./pick-list\";\n\ntype Lists = PickList | ValueList;\ntype ListItemElement<T> = T extends PickList ? HTMLCalcitePickListItemElement : HTMLCalciteValueListItemElement;\ntype List<T> = T extends PickList ? PickList : ValueList;\n\nexport type ListFocusId = \"filter\";\n\nexport function mutationObserverCallback<T extends Lists>(this: List<T>): void {\n  this.setUpItems();\n  this.setUpFilter();\n  this.deselectRemovedItems();\n}\n\nconst SUPPORTED_ARROW_KEYS = [\"ArrowUp\", \"ArrowDown\"];\n\n// --------------------------------------------------------------------------\n//\n//  Lifecycle\n//\n// --------------------------------------------------------------------------\n\nexport function initialize<T extends Lists>(this: List<T>): void {\n  this.setUpItems();\n  this.setUpFilter();\n  this.emitCalciteListChange = debounce(internalCalciteListChangeEvent.bind(this), 0);\n  this.emitCalciteListFilter = debounce(internalCalciteListFilterEvent.bind(this), 0);\n}\n\nexport function initializeObserver<T extends Lists>(this: List<T>): void {\n  this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n}\n\nexport function cleanUpObserver<T extends Lists>(this: List<T>): void {\n  this.mutationObserver?.disconnect();\n}\n\n// --------------------------------------------------------------------------\n//\n//  Listeners\n//\n// --------------------------------------------------------------------------\n\nexport function calciteListItemChangeHandler<T extends Lists>(this: List<T>, event: CustomEvent): void {\n  const { selectedValues } = this;\n  const { item, value, selected, shiftPressed } = event.detail;\n\n  if (selected) {\n    if (this.multiple && shiftPressed) {\n      this.selectSiblings(item);\n    }\n\n    if (!this.multiple) {\n      this.deselectSiblingItems(item);\n    }\n\n    selectedValues.set(value, item);\n  } else {\n    selectedValues.delete(value);\n\n    if (this.multiple && shiftPressed) {\n      this.selectSiblings(item, true);\n    }\n  }\n\n  if (!this.multiple) {\n    toggleSingleSelectItemTabbing(item, selected);\n\n    if (selected) {\n      focusElement(item);\n    }\n  }\n\n  this.lastSelectedItem = item;\n  this.emitCalciteListChange();\n}\n\nexport function calciteInternalListItemValueChangeHandler<T extends Lists>(this: List<T>, event: CustomEvent): void {\n  const oldValue = event.detail.oldValue;\n  const selectedValues = this.selectedValues as Map<string, ListItemElement<T>>;\n\n  if (selectedValues.has(oldValue)) {\n    const item = selectedValues.get(oldValue);\n    selectedValues.delete(oldValue);\n    selectedValues.set(event.detail.newValue, item);\n  }\n  event.stopPropagation();\n}\n\n// --------------------------------------------------------------------------\n//\n//  Private Methods\n//\n// --------------------------------------------------------------------------\n\nfunction isValidNavigationKey(key: string): boolean {\n  return !!SUPPORTED_ARROW_KEYS.find((k) => k === key);\n}\n\nexport function calciteListFocusOutHandler<T extends Lists>(this: List<T>, event: FocusEvent): void {\n  const { el, items, multiple, selectedValues } = this;\n\n  if (multiple) {\n    return;\n  }\n\n  const focusedInside = el.contains(event.relatedTarget as Node | null);\n  if (focusedInside) {\n    return;\n  }\n\n  filterOutDisabled(items).forEach((item) => {\n    toggleSingleSelectItemTabbing(\n      item,\n      selectedValues.size === 0 ? item.contains(event.target as HTMLElement) || event.target === item : item.selected\n    );\n  });\n}\n\nexport function keyDownHandler<T extends Lists>(this: List<T>, event: KeyboardEvent): void {\n  const { key, target } = event;\n\n  if (!isValidNavigationKey(key)) {\n    return;\n  }\n\n  const { items, multiple, selectionFollowsFocus } = this;\n  const { length: totalItems } = items;\n  const currentIndex = (items as ListItemElement<T>[]).indexOf(target as ListItemElement<T>);\n\n  if (!totalItems || currentIndex === -1) {\n    return;\n  }\n\n  event.preventDefault();\n\n  const index = moveItemIndex(this, target as ListItemElement<T>, key === \"ArrowUp\" ? \"up\" : \"down\");\n  const item = items[index];\n\n  items.forEach((i: HTMLCalcitePickListItemElement | HTMLCalciteValueListItemElement) =>\n    toggleSingleSelectItemTabbing(i, i === item)\n  );\n\n  if (!multiple && selectionFollowsFocus) {\n    item.selected = true;\n  }\n\n  focusElement(item);\n}\n\nexport function moveItemIndex<T extends Lists>(\n  list: List<T>,\n  item: ListItemElement<T>,\n  direction: \"up\" | \"down\"\n): number {\n  const { items } = list;\n  const { length: totalItems } = items;\n  const currentIndex = (items as ListItemElement<T>[]).indexOf(item);\n  const directionFactor = direction === \"up\" ? -1 : 1;\n  let moveOffset = 1;\n  let index = getRoundRobinIndex(currentIndex + directionFactor * moveOffset++, totalItems);\n  const firstMovedIndex = index;\n\n  while (items[index].disabled) {\n    index = getRoundRobinIndex(currentIndex + directionFactor * moveOffset++, totalItems);\n\n    if (index === firstMovedIndex) {\n      break;\n    }\n  }\n\n  return index;\n}\n\nexport function getItemIndex<T extends Lists>(list: List<T>, item: ListItemElement<T>): number {\n  const { items } = list;\n  return (items as ListItemElement<T>[]).indexOf(item);\n}\n\nfunction filterOutDisabled<T extends Lists>(items: ListItemElement<T>[]): ListItemElement<T>[] {\n  return items.filter((item) => !item.disabled);\n}\n\nexport function internalCalciteListFilterEvent<T extends Lists>(this: List<T>): void {\n  this.calciteListFilter.emit();\n}\n\nexport function internalCalciteListChangeEvent<T extends Lists>(this: List<T>): void {\n  this.calciteListChange.emit(this.selectedValues as any);\n}\n\nexport function removeItem<T extends Lists, U extends ListItemElement<T>>(this: List<T>, event: CustomEvent): void {\n  if (event.defaultPrevented) {\n    return;\n  }\n\n  const item = event.target as U;\n  const selectedValues = this.selectedValues as Map<string, U>;\n\n  if (item.parentElement.tagName === \"CALCITE-PICK-LIST-GROUP\" && item.slot === SLOTS.parentItem) {\n    item.parentElement.remove();\n    Array.from(item.parentElement.children).forEach((item: U) => selectedValues.delete(item.value));\n  } else {\n    item.remove();\n    selectedValues.delete(item.value);\n  }\n\n  this.emitCalciteListChange();\n}\n\nfunction toggleSingleSelectItemTabbing<T extends Lists>(item: ListItemElement<T>, selectable: boolean): void {\n  if (item.disabled) {\n    return;\n  }\n\n  // using attribute intentionally\n  if (selectable) {\n    item.removeAttribute(\"tabindex\");\n  } else {\n    item.setAttribute(\"tabindex\", \"-1\");\n  }\n}\n\nexport async function setFocus<T extends Lists>(this: List<T>, focusId: ListFocusId): Promise<void> {\n  if (this.filterEnabled && focusId === \"filter\") {\n    await focusElement(this.filterEl);\n    return;\n  }\n\n  const { items, multiple, selectionFollowsFocus } = this;\n\n  if (items.length === 0) {\n    return;\n  }\n\n  if (multiple) {\n    return filterOutDisabled(items)[0]?.setFocus();\n  }\n\n  const filtered = filterOutDisabled(items);\n  const focusTarget = filtered.find((item) => item.selected) || filtered[0];\n\n  if (selectionFollowsFocus && focusTarget) {\n    focusTarget.selected = true;\n  }\n\n  return focusTarget.setFocus();\n}\n\nexport function setUpItems<T extends Lists>(\n  this: List<T>,\n  tagName: T extends PickList ? \"calcite-pick-list-item\" : \"calcite-value-list-item\"\n): void {\n  (this.items as ListItemElement<T>[]) = Array.from(this.el.querySelectorAll<ListItemElement<T>>(tagName));\n  let hasSelected = false;\n\n  const { items } = this;\n\n  items.forEach((item) => {\n    item.icon = this.getIconType();\n    if (!this.multiple) {\n      item.deselectDisabled = true;\n      toggleSingleSelectItemTabbing(item, false);\n    }\n    if (item.selected) {\n      hasSelected = true;\n      toggleSingleSelectItemTabbing(item, true);\n      this.selectedValues.set(item.value, item);\n    }\n  });\n\n  const [first] = items;\n\n  if (!hasSelected && first && !first.disabled) {\n    toggleSingleSelectItemTabbing(first, true);\n  }\n}\n\nexport function setUpFilter<T extends Lists>(this: List<T>): void {\n  if (this.filterEnabled) {\n    this.dataForFilter = this.getItemData();\n  }\n}\n\nexport function deselectRemovedItems<T extends Lists>(this: List<T>): void {\n  const selectedValues = this.selectedValues as Map<string, ListItemElement<T>>;\n  const itemValues = this.items.map(({ value }) => value);\n\n  selectedValues.forEach((selectedItem) => {\n    if (!itemValues.includes(selectedItem.value)) {\n      this.selectedValues.delete(selectedItem.value);\n    }\n  });\n}\n\nexport function deselectSiblingItems<T extends Lists>(this: List<T>, item: ListItemElement<T>): void {\n  this.items.forEach((currentItem) => {\n    if (currentItem.value !== item.value) {\n      currentItem.toggleSelected(false);\n      if (this.selectedValues.has(currentItem.value)) {\n        this.selectedValues.delete(currentItem.value);\n      }\n    }\n  });\n}\n\nexport function selectSiblings<T extends Lists>(this: List<T>, item: ListItemElement<T>, deselect = false): void {\n  if (!this.lastSelectedItem) {\n    return;\n  }\n  const { items } = this;\n  const start = items.findIndex((currentItem) => {\n    return currentItem.value === this.lastSelectedItem.value;\n  });\n  const end = items.findIndex((currentItem) => {\n    return currentItem.value === item.value;\n  });\n  items.slice(Math.min(start, end), Math.max(start, end)).forEach((currentItem) => {\n    currentItem.toggleSelected(!deselect);\n    if (!deselect) {\n      this.selectedValues.set(currentItem.value, currentItem);\n    } else {\n      this.selectedValues.delete(currentItem.value);\n    }\n  });\n}\n\nlet groups: Set<HTMLCalcitePickListGroupElement>;\n\nexport function handleFilter<T extends Lists>(this: List<T>, emit = false): void {\n  const { filteredData, filterText } = this;\n\n  const values = filteredData.map((item: ItemData[number]) => item.value);\n  let hasSelectedMatch = false;\n\n  if (!groups) {\n    groups = new Set<HTMLCalcitePickListGroupElement>();\n  }\n\n  const matchedItems =\n    (this.items as ListItemElement<T>[])?.filter((item) => {\n      const parent = item.parentElement;\n      const grouped = parent.matches(\"calcite-pick-list-group\");\n\n      if (grouped) {\n        groups.add(parent as HTMLCalcitePickListGroupElement);\n      }\n\n      const matches = filterText ? values.includes(item.value) : true;\n\n      item.hidden = !matches;\n\n      if (!hasSelectedMatch) {\n        hasSelectedMatch = matches && item.selected;\n      }\n\n      return matches;\n    }) || [];\n\n  groups.forEach((group) => {\n    const hasAtLeastOneMatch = matchedItems.some((item) => group.contains(item));\n    group.hidden = !hasAtLeastOneMatch;\n\n    if (!hasAtLeastOneMatch) {\n      return;\n    }\n\n    const parentItem = getSlotted<ListItemElement<T>>(group, \"parent-item\");\n\n    if (parentItem) {\n      parentItem.hidden = false;\n\n      if (matchedItems.includes(parentItem)) {\n        Array.from(group.children as HTMLCollectionOf<HTMLCalcitePickListElement>).forEach(\n          (child) => (child.hidden = false)\n        );\n      }\n    }\n  });\n\n  groups.clear();\n\n  if (matchedItems.length > 0 && !hasSelectedMatch && !this.multiple) {\n    toggleSingleSelectItemTabbing(matchedItems[0], true);\n  }\n\n  this.setFilteredItems(matchedItems as any[]);\n\n  if (emit) {\n    this.emitCalciteListFilter();\n  }\n}\n\nexport function handleInitialFilter<T extends Lists>(this: List<T>): void {\n  const filteredItems = this.filterEl?.filteredItems as ItemData;\n\n  if (filteredItems) {\n    this.filteredData = filteredItems;\n  }\n\n  this.handleFilter();\n}\n\nexport function handleFilterEvent<T extends Lists>(this: List<T>, event: CustomEvent): void {\n  event.stopPropagation();\n  const { filteredItems, value } = event.currentTarget as HTMLCalciteFilterElement;\n\n  this.filterText = value;\n  this.filteredData = filteredItems as ItemData;\n\n  this.handleFilter(true);\n}\n\nexport type ItemData = {\n  label: string;\n  description: string;\n  metadata: Record<string, unknown>;\n  value: string;\n}[];\n\nexport function getItemData<T extends Lists>(this: List<T>): ItemData {\n  return (this.items as ListItemElement<T>[]).map((item) => ({\n    label: item.label,\n    description: item.description,\n    metadata: item.metadata,\n    value: item.value,\n  }));\n}\n","export const CSS = {\n  sticky: \"sticky-pos\",\n};\n\nexport enum ICON_TYPES {\n  circle = \"circle\",\n  square = \"square\",\n  grip = \"grip\",\n}\nexport const TEXT = {\n  filterResults: \"Filter results\",\n};\n\nexport const SLOTS = {\n  menuActions: \"menu-actions\",\n};\n","import { FunctionalComponent, h, Host, VNode } from \"@stencil/core\";\nimport { JSXBase } from \"@stencil/core/internal\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { handleFilter, handleFilterEvent } from \"./shared-list-logic\";\nimport DOMAttributes = JSXBase.DOMAttributes;\n\ninterface ListProps extends DOMAttributes<any> {\n  disabled: boolean;\n  loading: boolean;\n  filterEnabled: boolean;\n  filterText: string;\n  dataForFilter: any;\n  handleFilter: typeof handleFilter;\n  handleFilterEvent: typeof handleFilterEvent;\n  filterPlaceholder: string;\n  el: HTMLCalcitePickListElement | HTMLCalciteValueListElement;\n  setFilterEl: (el: HTMLCalciteFilterElement) => void;\n  setFilteredItems: (\n    filteredItems: HTMLCalcitePickListItemElement | HTMLCalciteValueListItemElement[]\n  ) => void;\n  dragEnabled?: boolean;\n  storeAssistiveEl?: (el: HTMLSpanElement) => void;\n}\n\nexport const List: FunctionalComponent<{ props: ListProps } & DOMAttributes<any>> = ({\n  props: {\n    disabled,\n    loading,\n    filterEnabled,\n    dataForFilter,\n    handleFilterEvent,\n    filterPlaceholder,\n    filterText,\n    setFilterEl,\n    dragEnabled,\n    storeAssistiveEl,\n  },\n  ...rest\n}): VNode => {\n  const defaultSlot = <slot />;\n  return (\n    <Host aria-busy={toAriaBoolean(loading)} role=\"menu\" {...rest}>\n      <section>\n        {dragEnabled ? (\n          <span\n            aria-live=\"assertive\"\n            class=\"assistive-text\"\n            // 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)\n            ref={storeAssistiveEl}\n          />\n        ) : null}\n        <header class={{ [CSS.sticky]: true }}>\n          {filterEnabled ? (\n            <calcite-filter\n              aria-label={filterPlaceholder}\n              disabled={disabled}\n              items={dataForFilter}\n              onCalciteFilterChange={handleFilterEvent}\n              placeholder={filterPlaceholder}\n              value={filterText}\n              // 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)\n              ref={setFilterEl}\n            />\n          ) : null}\n          <slot name={SLOTS.menuActions} />\n        </header>\n        {loading ? <calcite-scrim loading={loading} /> : null}\n        {defaultSlot}\n      </section>\n    </Host>\n  );\n};\n\nexport default List;\n","export const CSS = {\n  actions: \"actions\",\n  actionsEnd: \"actions--end\",\n  actionsStart: \"actions--start\",\n  description: \"description\",\n  handle: \"handle\",\n  handleActivated: \"handle--activated\",\n  highlight: \"highlight\",\n  icon: \"icon\",\n  iconDot: \"icon-dot\",\n  label: \"label\",\n  remove: \"remove\",\n  title: \"title\",\n  textContainer: \"text-container\",\n};\n\nexport const ICONS = {\n  checked: \"check\",\n  remove: \"x\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\",\n};\n"],"version":3}

package/dist/cjs/resources-843627b6.js

@@ -0,0 +1,29 @@
+/*!
+ * 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.1.0-next.1
+ */
+'use strict';
+
+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",
+};
+
+exports.CSS_UTILITY = CSS_UTILITY;
+exports.autoMode = autoMode;
+exports.darkMode = darkMode;
+
+//# sourceMappingURL=resources-843627b6.js.map

package/dist/cjs/resources-843627b6.js.map

@@ -0,0 +1 @@
+{"file":"resources-843627b6.js","mappings":";;;;;;;MAEa,QAAQ,GAAG,oBAAoB;MAC/B,QAAQ,GAAG,oBAAoB;AAC5C,MAAM,SAAS,GAAG,oBAAoB,CAAC;MAsB1B,WAAW,GAAG;EACzB,QAAQ;EACR,QAAQ;EACR,SAAS;EACT,GAAG,EAAE,cAAc;EACnB,cAAc,EAAE,iBAAiB;EACjC,gBAAgB,EAAE,qBAAqB;EACvC,kBAAkB,EAAE,wBAAwB;EAC5C,oBAAoB,EAAE,0BAA0B;EAChD,qBAAqB,EAAE,2BAA2B;EAClD,oBAAoB,EAAE,0BAA0B;EAChD,qBAAqB,EAAE,2BAA2B;;;;;;;","names":[],"sources":["src/utils/resources.ts"],"sourcesContent":["import { ModeClass, ModeName } from \"../components/interfaces\";\n\nexport const autoMode = \"calcite-mode-auto\";\nexport const darkMode = \"calcite-mode-dark\";\nconst lightMode = \"calcite-mode-light\";\n\ninterface Mode {\n  name: ModeName;\n  className: ModeClass;\n}\n\nexport const MODES: Mode[] = [\n  {\n    name: \"light\",\n    className: lightMode,\n  },\n  {\n    name: \"dark\",\n    className: darkMode,\n  },\n  {\n    name: \"auto\",\n    className: autoMode,\n  },\n];\n\nexport const CSS_UTILITY = {\n  autoMode,\n  darkMode,\n  lightMode,\n  rtl: \"calcite--rtl\",\n  calciteAnimate: \"calcite-animate\",\n  calciteAnimateIn: \"calcite-animate__in\",\n  calciteAnimateInUp: \"calcite-animate__in-up\",\n  calciteAnimateInDown: \"calcite-animate__in-down\",\n  calciteAnimateInRight: \"calcite-animate__in-right\",\n  calciteAnimateInLeft: \"calcite-animate__in-left\",\n  calciteAnimateInScale: \"calcite-animate__in-scale\",\n};\n\nexport const TEXT = {\n  loading: \"Loading\",\n};\n"],"version":3}

package/dist/cjs/resources-8c692264.js

@@ -0,0 +1,26 @@
+/*!
+ * 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.1.0-next.1
+ */
+'use strict';
+
+const CSS = {
+  menu: "menu",
+  defaultTrigger: "default-trigger",
+};
+const SLOTS = {
+  tooltip: "tooltip",
+  trigger: "trigger",
+};
+const ICONS = {
+  menu: "ellipsis",
+};
+const activeAttr = "data-active";
+
+exports.CSS = CSS;
+exports.ICONS = ICONS;
+exports.SLOTS = SLOTS;
+exports.activeAttr = activeAttr;
+
+//# sourceMappingURL=resources-8c692264.js.map

package/dist/cjs/resources-8c692264.js.map

@@ -0,0 +1 @@
+{"file":"resources-8c692264.js","mappings":";;;;;;;MAAa,GAAG,GAAG;EACjB,IAAI,EAAE,MAAM;EACZ,cAAc,EAAE,iBAAiB;EACjC;MAEW,KAAK,GAAG;EACnB,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,SAAS;EAClB;MAEW,KAAK,GAAG;EACnB,IAAI,EAAE,UAAU;EAChB;MAEW,UAAU,GAAG;;;;;;;","names":[],"sources":["src/components/action-menu/resources.ts"],"sourcesContent":["export const CSS = {\n  menu: \"menu\",\n  defaultTrigger: \"default-trigger\",\n};\n\nexport const SLOTS = {\n  tooltip: \"tooltip\",\n  trigger: \"trigger\",\n};\n\nexport const ICONS = {\n  menu: \"ellipsis\",\n};\n\nexport const activeAttr = \"data-active\";\n"],"version":3}

package/dist/cjs/resources-9d77ea2c.js

@@ -0,0 +1,49 @@
+/*!
+ * 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.1.0-next.1
+ */
+'use strict';
+
+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",
+  expand: "chevron-down",
+  collapse: "chevron-up",
+};
+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",
+};
+
+exports.CSS = CSS;
+exports.ICONS = ICONS;
+exports.SLOTS = SLOTS;
+
+//# sourceMappingURL=resources-9d77ea2c.js.map

package/dist/cjs/resources-9d77ea2c.js.map

@@ -0,0 +1 @@
+{"file":"resources-9d77ea2c.js","mappings":";;;;;;;MAAa,GAAG,GAAG;EACjB,kBAAkB,EAAE,sBAAsB;EAC1C,UAAU,EAAE,aAAa;EACzB,SAAS,EAAE,WAAW;EACtB,MAAM,EAAE,QAAQ;EAChB,eAAe,EAAE,kBAAkB;EACnC,wBAAwB,EAAE,8BAA8B;EACxD,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,SAAS;EAClB,WAAW,EAAE,aAAa;EAC1B,aAAa,EAAE,gBAAgB;EAC/B,aAAa,EAAE,gBAAgB;EAC/B,gBAAgB,EAAE,qBAAqB;EACvC,kBAAkB,EAAE,uBAAuB;EAC3C,cAAc,EAAE,iBAAiB;EACjC,YAAY,EAAE,eAAe;EAC7B,MAAM,EAAE,QAAQ;EAChB;MAEW,KAAK,GAAG;EACnB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,UAAU;EAChB,QAAQ,EAAE,cAAc;EACxB,SAAS,EAAE,eAAe;EAC1B,MAAM,EAAE,cAAc;EACtB,QAAQ,EAAE,YAAY;EACtB;MAEW,KAAK,GAAG;EACnB,SAAS,EAAE,YAAY;EACvB,kBAAkB,EAAE,sBAAsB;EAC1C,gBAAgB,EAAE,oBAAoB;EACtC,iBAAiB,EAAE,qBAAqB;EACxC,aAAa,EAAE,gBAAgB;EAC/B,GAAG,EAAE,KAAK;EACV,MAAM,EAAE,QAAQ;EAChB,aAAa,EAAE,gBAAgB;;;;;;;","names":[],"sources":["src/components/panel/resources.ts"],"sourcesContent":["export const CSS = {\n  actionBarContainer: \"action-bar-container\",\n  backButton: \"back-button\",\n  container: \"container\",\n  header: \"header\",\n  headerContainer: \"header-container\",\n  headerContainerBorderEnd: \"header-container--border-end\",\n  heading: \"heading\",\n  summary: \"summary\",\n  description: \"description\",\n  headerContent: \"header-content\",\n  headerActions: \"header-actions\",\n  headerActionsEnd: \"header-actions--end\",\n  headerActionsStart: \"header-actions--start\",\n  contentWrapper: \"content-wrapper\",\n  fabContainer: \"fab-container\",\n  footer: \"footer\",\n};\n\nexport const ICONS = {\n  close: \"x\",\n  menu: \"ellipsis\",\n  backLeft: \"chevron-left\",\n  backRight: \"chevron-right\",\n  expand: \"chevron-down\",\n  collapse: \"chevron-up\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n  headerActionsStart: \"header-actions-start\",\n  headerActionsEnd: \"header-actions-end\",\n  headerMenuActions: \"header-menu-actions\",\n  headerContent: \"header-content\",\n  fab: \"fab\",\n  footer: \"footer\",\n  footerActions: \"footer-actions\",\n};\n\nexport const HEADING_LEVEL = 3;\n"],"version":3}

package/dist/cjs/resources-b29bacbe.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.
+ * v2.1.0-next.1
+ */
+'use strict';
+
+const SLOTS = {
+  menuActions: "menu-actions",
+  menuTooltip: "menu-tooltip",
+};
+const ICONS = {
+  menu: "ellipsis",
+};
+const CSS = {
+  container: "container",
+};
+
+exports.CSS = CSS;
+exports.ICONS = ICONS;
+exports.SLOTS = SLOTS;
+
+//# sourceMappingURL=resources-b29bacbe.js.map

package/dist/cjs/resources-b29bacbe.js.map

@@ -0,0 +1 @@
+{"file":"resources-b29bacbe.js","mappings":";;;;;;;MAAa,KAAK,GAAG;EACnB,WAAW,EAAE,cAAc;EAC3B,WAAW,EAAE,cAAc;EAC3B;MAEW,KAAK,GAAG;EACnB,IAAI,EAAE,UAAU;EAChB;MAEW,GAAG,GAAG;EACjB,SAAS,EAAE,WAAW;;;;;;;","names":[],"sources":["src/components/action-group/resources.ts"],"sourcesContent":["export const SLOTS = {\n  menuActions: \"menu-actions\",\n  menuTooltip: \"menu-tooltip\",\n};\n\nexport const ICONS = {\n  menu: \"ellipsis\",\n};\n\nexport const CSS = {\n  container: \"container\",\n};\n"],"version":3}

package/dist/cjs/resources-b7b3639b.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.
+ * v2.1.0-next.1
+ */
+'use strict';
+
+exports.KindIcons = void 0;
+(function (KindIcons) {
+  KindIcons["brand"] = "lightbulb";
+  KindIcons["danger"] = "exclamationMarkTriangle";
+  KindIcons["info"] = "information";
+  KindIcons["success"] = "checkCircle";
+  KindIcons["warning"] = "exclamationMarkTriangle";
+})(exports.KindIcons || (exports.KindIcons = {}));
+
+//# sourceMappingURL=resources-b7b3639b.js.map

package/dist/cjs/resources-b7b3639b.js.map

@@ -0,0 +1 @@
+{"file":"resources-b7b3639b.js","mappings":";;;;;;;AAAYA;AAAZ,WAAY,SAAS;EACnB,gCAAmB,CAAA;EACnB,+CAAkC,CAAA;EAClC,iCAAoB,CAAA;EACpB,oCAAuB,CAAA;EACvB,gDAAmC,CAAA;AACrC,CAAC,EANWA,iBAAS,KAATA,iBAAS;;","names":["KindIcons"],"sources":["src/components/resources.ts"],"sourcesContent":["export enum KindIcons {\n  brand = \"lightbulb\",\n  danger = \"exclamationMarkTriangle\",\n  info = \"information\",\n  success = \"checkCircle\",\n  warning = \"exclamationMarkTriangle\",\n}\n"],"version":3}