@esri/calcite-components 2.2.0-next.11 → 2.2.0-next.12

package/dist/cjs/resources-57d2744a.js

@@ -0,0 +1,414 @@
+/*!
+ * 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.2.0-next.12
+ */
+'use strict';
+
+const array = require('./array-2091ef39.js');
+const dom = require('./dom-8573aa26.js');
+const debounce = require('./debounce-c7b22268.js');
+const index = require('./index-41b2d7a6.js');
+const interactive = require('./interactive-317600bf.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(interactive.InteractiveContainer, { disabled: disabled },
+            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-57d2744a.js.map

package/dist/cjs/resources-57d2744a.js.map

@@ -0,0 +1 @@
+{"file":"resources-57d2744a.js","mappings":"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","names":["CSS","SLOTS","debounce","focusElement","getRoundRobinIndex","getSlotted","ICON_TYPES","h","Host","toAriaBoolean","InteractiveContainer"],"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;\nimport { InteractiveContainer } from \"../../utils/interactive\";\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      <InteractiveContainer disabled={disabled}>\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      </InteractiveContainer>\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-8831ff12.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.2.0-next.12
+ */
+'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-8831ff12.js.map

package/dist/cjs/resources-8831ff12.js.map

@@ -0,0 +1 @@
+{"file":"resources-8831ff12.js","mappings":";;;;;;;MAAa,GAAG,GAAG;IACjB,kBAAkB,EAAE,sBAAsB;IAC1C,UAAU,EAAE,aAAa;IACzB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,eAAe,EAAE,kBAAkB;IACnC,wBAAwB,EAAE,8BAA8B;IACxD,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,aAAa;IAC1B,aAAa,EAAE,gBAAgB;IAC/B,aAAa,EAAE,gBAAgB;IAC/B,gBAAgB,EAAE,qBAAqB;IACvC,kBAAkB,EAAE,uBAAuB;IAC3C,cAAc,EAAE,iBAAiB;IACjC,YAAY,EAAE,eAAe;IAC7B,MAAM,EAAE,QAAQ;EAChB;MAEW,KAAK,GAAG;IACnB,KAAK,EAAE,GAAG;IACV,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,eAAe;IAC1B,MAAM,EAAE,cAAc;IACtB,QAAQ,EAAE,YAAY;EACtB;MAEW,KAAK,GAAG;IACnB,SAAS,EAAE,YAAY;IACvB,kBAAkB,EAAE,sBAAsB;IAC1C,gBAAgB,EAAE,oBAAoB;IACtC,iBAAiB,EAAE,qBAAqB;IACxC,aAAa,EAAE,gBAAgB;IAC/B,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;IAChB,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-91df8f40.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.2.0-next.12
+ */
+'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-91df8f40.js.map

package/dist/cjs/resources-91df8f40.js.map

@@ -0,0 +1 @@
+{"file":"resources-91df8f40.js","mappings":";;;;;;;MAEa,QAAQ,GAAG,oBAAoB;MAC/B,QAAQ,GAAG,oBAAoB;AAC5C,MAAM,SAAS,GAAG,oBAAoB,CAAC;MAsB1B,WAAW,GAAG;IACzB,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,GAAG,EAAE,cAAc;IACnB,cAAc,EAAE,iBAAiB;IACjC,gBAAgB,EAAE,qBAAqB;IACvC,kBAAkB,EAAE,wBAAwB;IAC5C,oBAAoB,EAAE,0BAA0B;IAChD,qBAAqB,EAAE,2BAA2B;IAClD,oBAAoB,EAAE,0BAA0B;IAChD,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-bca3f144.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.2.0-next.12
+ */
+'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-bca3f144.js.map

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

@@ -0,0 +1 @@
+{"file":"resources-bca3f144.js","mappings":";;;;;;;MAAa,KAAK,GAAG;IACnB,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,cAAc;EAC3B;MAEW,KAAK,GAAG;IACnB,IAAI,EAAE,UAAU;EAChB;MAEW,GAAG,GAAG;IACjB,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-ec1e9288.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.2.0-next.12
+ */
+'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-ec1e9288.js.map

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

@@ -0,0 +1 @@
+{"file":"resources-ec1e9288.js","mappings":";;;;;;;MAAa,GAAG,GAAG;IACjB,IAAI,EAAE,MAAM;IACZ,cAAc,EAAE,iBAAiB;EACjC;MAEW,KAAK,GAAG;IACnB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;EAClB;MAEW,KAAK,GAAG;IACnB,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}