@esri/calcite-components 2.13.0 → 2.13.2

package/dist/esm/resources-b747ce9e.js

@@ -1,381 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import { g as getRoundRobinIndex } from './array-d09bc4fd.js';
-import { d as focusElement, e as getSlotted } from './dom-a412467a.js';
-import { d as debounce } from './debounce-714520f0.js';
-import { h } from './index-b39237b3.js';
-import { I as InteractiveContainer } from './interactive-aa12fe2b.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",
-};
-const ICON_TYPES = {
-    circle: "circle",
-    square: "square",
-    grip: "grip",
-};
-const SLOTS$1 = {
-    menuActions: "menu-actions",
-};
-
-const List = ({ props: { disabled, loading, filterEnabled, dataForFilter, handleFilterEvent, filterPlaceholder, filterText, setFilterEl, dragEnabled, storeAssistiveEl, }, }) => {
-    const defaultSlot = h("slot", null);
-    return (h(InteractiveContainer, { disabled: disabled },
-        h("section", null,
-            dragEnabled ? (h("span", { "aria-live": "assertive", class: "assistive-text", ref: storeAssistiveEl })) : null,
-            h("header", { class: { [CSS$1.sticky]: true } },
-                filterEnabled ? (h("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, items: dataForFilter, onCalciteFilterChange: handleFilterEvent, placeholder: filterPlaceholder, ref: setFilterEl, value: filterText })) : 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 };
-
-//# sourceMappingURL=resources-b747ce9e.js.map

package/dist/esm/resources-b747ce9e.js.map

@@ -1 +0,0 @@
-{"file":"resources-b747ce9e.js","mappings":";;;;;;;;;;;MAAaA,KAAG,GAAG;IACjB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,qBAAqB;EAC/B;MAEWC,OAAK,GAAG;IACnB,UAAU,EAAE,aAAa;;;SCMX,wBAAwB;IACtC,IAAI,CAAC,UAAU,EAAE,CAAC;IAClB,IAAI,CAAC,WAAW,EAAE,CAAC;IACnB,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,oBAAoB,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AAEtD;AACA;AACA;AACA;AACA;SAEgB,UAAU;IACxB,IAAI,CAAC,UAAU,EAAE,CAAC;IAClB,IAAI,CAAC,WAAW,EAAE,CAAC;IACnB,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC,8BAA8B,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IACpF,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC,8BAA8B,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACtF,CAAC;SAEe,kBAAkB;IAChC,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC9E,CAAC;SAEe,eAAe;IAC7B,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAC;AACtC,CAAC;AAED;AACA;AACA;AACA;AACA;SAEgB,4BAA4B,CAAiC,KAAkB;IAC7F,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;IAE7D,IAAI,QAAQ,EAAE;QACZ,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE;YACjC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAC3B;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;SACjC;QAED,cAAc,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;KACjC;SAAM;QACL,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE;YACjC,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SACjC;KACF;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAClB,6BAA6B,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAE9C,IAAI,QAAQ,EAAE;YACZ,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;KACF;IAED,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,qBAAqB,EAAE,CAAC;AAC/B,CAAC;SAEe,yCAAyC,CAAiC,KAAkB;IAC1G,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;IACvC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAiD,CAAC;IAE9E,IAAI,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;QAChC,MAAM,IAAI,GAAG,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC1C,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAChC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;KACjD;IACD,KAAK,CAAC,eAAe,EAAE,CAAC;AAC1B,CAAC;AAED;AACA;AACA;AACA;AACA;AAEA,SAAS,oBAAoB,CAAC,GAAW;IACvC,OAAO,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;AACvD,CAAC;SAEe,0BAA0B,CAAiC,KAAiB;IAC1F,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAErD,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IAED,MAAM,aAAa,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAA4B,CAAC,CAAC;IACtE,IAAI,aAAa,EAAE;QACjB,OAAO;KACR;IAED,iBAAiB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;QACpC,6BAA6B,CAC3B,IAAI,EACJ,cAAc,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAqB,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC,QAAQ,CAChH,CAAC;KACH,CAAC,CAAC;AACL,CAAC;SAEe,cAAc,CAAiC,KAAoB;IACjF,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE9B,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,EAAE;QAC9B,OAAO;KACR;IAED,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,qBAAqB,EAAE,GAAG,IAAI,CAAC;IACxD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,YAAY,GAAI,KAA8B,CAAC,OAAO,CAAC,MAA4B,CAAC,CAAC;IAE3F,IAAI,CAAC,UAAU,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE;QACtC,OAAO;KACR;IAED,KAAK,CAAC,cAAc,EAAE,CAAC;IAEvB,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,EAAE,MAA4B,EAAE,GAAG,KAAK,SAAS,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;IACnG,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IAE1B,KAAK,CAAC,OAAO,CAAC,CAAC,CAAmE,KAChF,6BAA6B,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,CAC7C,CAAC;IAEF,IAAI,CAAC,QAAQ,IAAI,qBAAqB,EAAE;QACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KACtB;IAED,YAAY,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC;SAEe,aAAa,CAC3B,IAAa,EACb,IAAwB,EACxB,SAAwB;IAExB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,YAAY,GAAI,KAA8B,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,eAAe,GAAG,SAAS,KAAK,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IACpD,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,IAAI,KAAK,GAAG,kBAAkB,CAAC,YAAY,GAAG,eAAe,GAAG,UAAU,EAAE,EAAE,UAAU,CAAC,CAAC;IAC1F,MAAM,eAAe,GAAG,KAAK,CAAC;IAE9B,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE;QAC5B,KAAK,GAAG,kBAAkB,CAAC,YAAY,GAAG,eAAe,GAAG,UAAU,EAAE,EAAE,UAAU,CAAC,CAAC;QAEtF,IAAI,KAAK,KAAK,eAAe,EAAE;YAC7B,MAAM;SACP;KACF;IAED,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,YAAY,CAAkB,IAAa,EAAE,IAAwB;IACnF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,OAAQ,KAA8B,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AACvD,CAAC;AAED,SAAS,iBAAiB,CAAkB,KAA2B;IACrE,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAChD,CAAC;SAEe,8BAA8B;IAC5C,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;AAChC,CAAC;SAEe,8BAA8B;IAC5C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,cAAqB,CAAC,CAAC;AAC1D,CAAC;SAEe,UAAU,CAA+D,KAAkB;IACzG,IAAI,KAAK,CAAC,gBAAgB,EAAE;QAC1B,OAAO;KACR;IAED,MAAM,IAAI,GAAG,KAAK,CAAC,MAAW,CAAC;IAC/B,MAAM,cAAc,GAAG,IAAI,CAAC,cAAgC,CAAC;IAE7D,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,yBAAyB,IAAI,IAAI,CAAC,IAAI,KAAKA,OAAK,CAAC,UAAU,EAAE;QAC9F,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;QAC5B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAO,KAAK,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;KACjG;SAAM;QACL,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnC;IAED,IAAI,CAAC,qBAAqB,EAAE,CAAC;AAC/B,CAAC;AAED,SAAS,6BAA6B,CAAkB,IAAwB,EAAE,UAAmB;IACnG,IAAI,IAAI,CAAC,QAAQ,EAAE;QACjB,OAAO;KACR;;IAGD,IAAI,UAAU,EAAE;QACd,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;KAClC;SAAM;QACL,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;KACrC;AACH,CAAC;AAEM,eAAe,QAAQ,CAAiC,OAAoB;IACjF,IAAI,IAAI,CAAC,aAAa,IAAI,OAAO,KAAK,QAAQ,EAAE;QAC9C,MAAM,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClC,OAAO;KACR;IAED,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,qBAAqB,EAAE,GAAG,IAAI,CAAC;IAExD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,OAAO;KACR;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC;KAChD;IAED,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE1E,IAAI,qBAAqB,IAAI,WAAW,EAAE;QACxC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;KAC7B;IAED,OAAO,WAAW,CAAC,QAAQ,EAAE,CAAC;AAChC,CAAC;SAEe,UAAU,CAExB,OAAkF;IAEjF,IAAI,CAAC,KAA8B,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAqB,OAAO,CAAC,CAAC,CAAC;IACzG,IAAI,WAAW,GAAG,KAAK,CAAC;IAExB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAEvB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC/B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7B,6BAA6B,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;SAC5C;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,WAAW,GAAG,IAAI,CAAC;YACnB,6BAA6B,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC1C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;SAC3C;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;IAEtB,IAAI,CAAC,WAAW,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;QAC5C,6BAA6B,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;KAC5C;AACH,CAAC;SAQe,oBAAoB;IAClC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAiD,CAAC;IAC9E,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC;IAExD,cAAc,CAAC,OAAO,CAAC,CAAC,YAAY;QAClC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;YAC5C,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SAChD;KACF,CAAC,CAAC;AACL,CAAC;SAEe,oBAAoB,CAAiC,IAAwB;IAC3F,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,WAAW;QAC7B,IAAI,WAAW,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;YACpC,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAClC,IAAI,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;gBAC9C,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;aAC/C;SACF;KACF,CAAC,CAAC;AACL,CAAC;SAEe,cAAc,CAAiC,IAAwB,EAAE,QAAQ,GAAG,KAAK;IACvG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;QAC1B,OAAO;KACR;IACD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,WAAW;QACxC,OAAO,WAAW,CAAC,KAAK,KAAK,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;KAC1D,CAAC,CAAC;IACH,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,WAAW;QACtC,OAAO,WAAW,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;KACzC,CAAC,CAAC;IACH,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW;QAC1E,WAAW,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC;QACtC,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;SACzD;aAAM;YACL,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC/C;KACF,CAAC,CAAC;AACL,CAAC;AAED,IAAI,MAA4C,CAAC;SAEjC,YAAY,CAAiC,IAAI,GAAG,KAAK;IACvE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAE1C,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAsB,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;IACxE,IAAI,gBAAgB,GAAG,KAAK,CAAC;IAE7B,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,GAAG,IAAI,GAAG,EAAmC,CAAC;KACrD;IAED,MAAM,YAAY,GACf,IAAI,CAAC,KAA8B,EAAE,MAAM,CAAC,CAAC,IAAI;QAChD,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;QAClC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;QAE1D,IAAI,OAAO,EAAE;YACX,MAAM,CAAC,GAAG,CAAC,MAAyC,CAAC,CAAC;SACvD;QAED,MAAM,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;QAEhE,IAAI,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC;QAEvB,IAAI,CAAC,gBAAgB,EAAE;YACrB,gBAAgB,GAAG,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC;SAC7C;QAED,OAAO,OAAO,CAAC;KAChB,CAAC,IAAI,EAAE,CAAC;IAEX,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK;QACnB,MAAM,kBAAkB,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7E,KAAK,CAAC,MAAM,GAAG,CAAC,kBAAkB,CAAC;QAEnC,IAAI,CAAC,kBAAkB,EAAE;YACvB,OAAO;SACR;QAED,MAAM,UAAU,GAAG,UAAU,CAAqB,KAAK,EAAE,aAAa,CAAC,CAAC;QAExE,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC;YAE1B,IAAI,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;gBACrC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAwD,CAAC,CAAC,OAAO,CAChF,CAAC,KAAK,MAAM,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAClC,CAAC;aACH;SACF;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,KAAK,EAAE,CAAC;IAEf,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAClE,6BAA6B,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;KACtD;IAED,IAAI,CAAC,gBAAgB,CAAC,YAAqB,CAAC,CAAC;IAE7C,IAAI,IAAI,EAAE;QACR,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAC9B;AACH,CAAC;SAEe,mBAAmB;IACjC,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,aAAyB,CAAC;IAE/D,IAAI,aAAa,EAAE;QACjB,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC;KACnC;IAED,IAAI,CAAC,YAAY,EAAE,CAAC;AACtB,CAAC;SAEe,iBAAiB,CAAiC,KAAkB;IAClF,KAAK,CAAC,eAAe,EAAE,CAAC;IACxB,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,aAAyC,CAAC;IAEjF,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IACxB,IAAI,CAAC,YAAY,GAAG,aAAyB,CAAC;IAE9C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;SASe,WAAW;IACzB,OAAQ,IAAI,CAAC,KAA8B,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM;QACzD,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,WAAW,EAAE,IAAI,CAAC,WAAW;QAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,KAAK,EAAE,IAAI,CAAC,KAAK;KAClB,CAAC,CAAC,CAAC;AACN;;AC9aO,MAAMD,KAAG,GAAG;IACjB,MAAM,EAAE,YAAY;CACrB,CAAC;MAEW,UAAU,GAAG;IACxB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;EACZ;AAQK,MAAMC,OAAK,GAAG;IACnB,WAAW,EAAE,cAAc;CAC5B;;MCMY,IAAI,GAA8C,CAAC,EAC9D,KAAK,EAAE,EACL,QAAQ,EACR,OAAO,EACP,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,WAAW,EACX,gBAAgB,GACjB,GACF;IACC,MAAM,WAAW,GAAG,eAAQ,CAAC;IAC7B,QACE,EAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ;QACtC;YACG,WAAW,IACV,yBAAgB,WAAW,EAAC,KAAK,EAAC,gBAAgB,EAAC,GAAG,EAAE,gBAAgB,GAAI,IAC1E,IAAI;YACR,cAAQ,KAAK,EAAE,EAAE,CAACD,KAAG,CAAC,MAAM,GAAG,IAAI,EAAE;gBAClC,aAAa,IACZ,oCACc,iBAAiB,EAC7B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,aAAa,EACpB,qBAAqB,EAAE,iBAAiB,EACxC,WAAW,EAAE,iBAAiB,EAC9B,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,UAAU,GACjB,IACA,IAAI;gBACR,YAAM,IAAI,EAAEC,OAAK,CAAC,WAAW,GAAI,CAC1B;YACR,OAAO,GAAG,qBAAe,OAAO,EAAE,OAAO,GAAI,GAAG,IAAI;YACpD,WAAW,CACJ,CACW,EACvB;AACJ;;MClEa,GAAG,GAAG;IACjB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,cAAc;IAC1B,YAAY,EAAE,gBAAgB;IAC9B,WAAW,EAAE,aAAa;IAC1B,MAAM,EAAE,QAAQ;IAChB,eAAe,EAAE,mBAAmB;IACpC,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,gBAAgB;EAC/B;MAEW,KAAK,GAAG;IACnB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,GAAG;EACF;MAEE,KAAK,GAAG;IACnB,UAAU,EAAE,aAAa;IACzB,YAAY,EAAE,eAAe;;;;;","names":["CSS","SLOTS"],"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","import { ValueUnion } from \"../types\";\n\nexport const CSS = {\n  sticky: \"sticky-pos\",\n};\n\nexport const ICON_TYPES = {\n  circle: \"circle\",\n  square: \"square\",\n  grip: \"grip\",\n};\n\nexport type ICON_TYPES = ValueUnion<typeof ICON_TYPES>;\n\nexport const TEXT = {\n  filterResults: \"Filter results\",\n};\n\nexport const SLOTS = {\n  menuActions: \"menu-actions\",\n};\n","import { FunctionalComponent, h, VNode } from \"@stencil/core\";\nimport { JSXBase } from \"@stencil/core/internal\";\nimport { InteractiveContainer } from \"../../utils/interactive\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { handleFilter, handleFilterEvent } from \"./shared-list-logic\";\n\ntype DOMAttributes = JSXBase.DOMAttributes<any>;\n\ninterface ListProps extends DOMAttributes {\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 }> = ({\n  props: {\n    disabled,\n    loading,\n    filterEnabled,\n    dataForFilter,\n    handleFilterEvent,\n    filterPlaceholder,\n    filterText,\n    setFilterEl,\n    dragEnabled,\n    storeAssistiveEl,\n  },\n}): VNode => {\n  const defaultSlot = <slot />;\n  return (\n    <InteractiveContainer disabled={disabled}>\n      <section>\n        {dragEnabled ? (\n          <span aria-live=\"assertive\" class=\"assistive-text\" ref={storeAssistiveEl} />\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              ref={setFilterEl}\n              value={filterText}\n            />\n          ) : null}\n          <slot name={SLOTS.menuActions} />\n        </header>\n        {loading ? <calcite-scrim loading={loading} /> : null}\n        {defaultSlot}\n      </section>\n    </InteractiveContainer>\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} as const;\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\",\n};\n"],"version":3}

package/dist/esm/resources-d219e37c.js

@@ -1,31 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-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",
-};
-const DEBOUNCE = {
-    filter: 250,
-    nextTick: 0,
-    resize: 150,
-    reposition: 100,
-};
-
-export { CSS_UTILITY as C, DEBOUNCE as D, autoMode as a, darkMode as d };
-
-//# sourceMappingURL=resources-d219e37c.js.map

package/dist/esm/resources-d219e37c.js.map

@@ -1 +0,0 @@
-{"file":"resources-d219e37c.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;EAClD;MAMW,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG;IACX,QAAQ,EAAE,CAAC;IACX,MAAM,EAAE,GAAG;IACX,UAAU,EAAE,GAAG;;;;;","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\nexport const DEBOUNCE = {\n  filter: 250,\n  nextTick: 0,\n  resize: 150,\n  reposition: 100,\n};\n"],"version":3}

package/dist/esm/resources-f9c1407c.js

@@ -1,21 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-const CSS = {
-    menu: "menu",
-    defaultTrigger: "default-trigger",
-};
-const SLOTS = {
-    tooltip: "tooltip",
-    trigger: "trigger",
-};
-const ICONS = {
-    menu: "ellipsis",
-};
-const activeAttr = "data-active";
-
-export { CSS as C, ICONS as I, SLOTS as S, activeAttr as a };
-
-//# sourceMappingURL=resources-f9c1407c.js.map

package/dist/esm/resources-f9c1407c.js.map

@@ -1 +0,0 @@
-{"file":"resources-f9c1407c.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;EACP;MAEE,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} as const;\n\nexport const activeAttr = \"data-active\";\n"],"version":3}

package/dist/esm/responsive-b8ad0dff.js

@@ -1,34 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-/**
- * Do not edit directly
- * Generated on Tue, 01 Oct 2024 00:09:19 GMT
- */
-const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
-const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
-const calciteContainerSizeWidthSm = {"min":"477px","max":"768px"}; // Small tablets
-const calciteContainerSizeWidthMd = {"min":"769px","max":"1152px"}; // Small laptops
-const calciteContainerSizeWidthLg = {"min":"1153px","max":"1440px"}; // Large laptops and desktop computers
-
-/**
- * A breakpoints lookup object.
- */
-const breakpoints = {
-    width: {
-        large: cssLengthToNumber(calciteContainerSizeWidthLg.max),
-        medium: cssLengthToNumber(calciteContainerSizeWidthMd.max),
-        small: cssLengthToNumber(calciteContainerSizeWidthSm.max),
-        xsmall: cssLengthToNumber(calciteContainerSizeWidthXs.max),
-        xxsmall: cssLengthToNumber(calciteContainerSizeWidthXxs.max),
-    },
-};
-function cssLengthToNumber(length) {
-    return parseInt(length);
-}
-
-export { breakpoints as b };
-
-//# sourceMappingURL=responsive-b8ad0dff.js.map

package/dist/esm/responsive-b8ad0dff.js.map

@@ -1 +0,0 @@
-{"file":"responsive-b8ad0dff.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AAqDO,MAAM,4BAA4B,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AAC/D,MAAM,2BAA2B,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AAClE,MAAM,2BAA2B,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AAClE,MAAM,2BAA2B,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACnE,MAAM,2BAA2B,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;;AC1C3E;;;MAGa,WAAW,GAAgB;IACtC,KAAK,EAAE;QACL,KAAK,EAAE,iBAAiB,CAAC,2BAA2B,CAAC,GAAG,CAAC;QACzD,MAAM,EAAE,iBAAiB,CAAC,2BAA2B,CAAC,GAAG,CAAC;QAC1D,KAAK,EAAE,iBAAiB,CAAC,2BAA2B,CAAC,GAAG,CAAC;QACzD,MAAM,EAAE,iBAAiB,CAAC,2BAA2B,CAAC,GAAG,CAAC;QAC1D,OAAO,EAAE,iBAAiB,CAAC,4BAA4B,CAAC,GAAG,CAAC;KAC7D;EACD;AAEF,SAAS,iBAAiB,CAAC,MAAc;IACvC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;AAC1B;;;;","names":[],"sources":["../calcite-design-tokens/dist/es6/global.js","src/utils/responsive.ts"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 01 Oct 2024 00:09:19 GMT\n */\n\nexport const calciteBorderWidthNone = \"0\";\nexport const calciteBorderWidthSm = \"1px\";\nexport const calciteBorderWidthMd = \"2px\";\nexport const calciteBorderWidthLg = \"4px\";\nexport const calciteColorBackground = {\"light\":\"#f8f8f8\",\"dark\":\"#353535\"};\nexport const calciteColorBackgroundNone = \"rgba(255, 255, 255, 0)\";\nexport const calciteColorForeground1 = {\"light\":\"#ffffff\",\"dark\":\"#2b2b2b\"};\nexport const calciteColorForeground2 = {\"light\":\"#f3f3f3\",\"dark\":\"#202020\"};\nexport const calciteColorForeground3 = {\"light\":\"#eaeaea\",\"dark\":\"#151515\"};\nexport const calciteColorForegroundCurrent = {\"light\":\"#c7eaff\",\"dark\":\"#214155\"};\nexport const calciteColorTransparent = {\"light\":\"rgba(0, 0, 0, 0)\",\"dark\":\"rgba(255, 255, 255, 0)\"};\nexport const calciteColorTransparentHover = {\"light\":\"rgba(0, 0, 0, 0.04)\",\"dark\":\"rgba(255, 255, 255, 0.04)\"};\nexport const calciteColorTransparentPress = {\"light\":\"rgba(0, 0, 0, 0.08)\",\"dark\":\"rgba(255, 255, 255, 0.08)\"};\nexport const calciteColorTransparentScrim = {\"light\":\"rgba(255, 255, 255, 0.85)\",\"dark\":\"rgba(0, 0, 0, 0.85)\"};\nexport const calciteColorTransparentTint = {\"light\":\"rgba(255, 255, 255, 0.8)\",\"dark\":\"rgba(43, 43, 43, 0.8)\"};\nexport const calciteColorBrand = {\"light\":\"#007ac2\",\"dark\":\"#009af2\"};\nexport const calciteColorBrandHover = {\"light\":\"#00619b\",\"dark\":\"#007ac2\"};\nexport const calciteColorBrandPress = {\"light\":\"#004874\",\"dark\":\"#00619b\"};\nexport const calciteColorBrandUnderline = {\"light\":\"rgba(0, 97, 155, 0.4)\",\"dark\":\"rgba(0, 160, 255, 0.4)\"};\nexport const calciteColorStatusInfo = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorStatusInfoHover = {\"light\":\"#004874\",\"dark\":\"#3db8ff\"};\nexport const calciteColorStatusInfoPress = {\"light\":\"#00304d\",\"dark\":\"#009af2\"};\nexport const calciteColorStatusSuccess = {\"light\":\"#35ac46\",\"dark\":\"#36da43\"};\nexport const calciteColorStatusSuccessHover = {\"light\":\"#288835\",\"dark\":\"#3bed52\"};\nexport const calciteColorStatusSuccessPress = {\"light\":\"#1a6324\",\"dark\":\"#00b81b\"};\nexport const calciteColorStatusWarning = {\"light\":\"#edd317\",\"dark\":\"#ffc900\"};\nexport const calciteColorStatusWarningHover = {\"light\":\"#d9bc00\",\"dark\":\"#ffee33\"};\nexport const calciteColorStatusWarningPress = {\"light\":\"#bfa200\",\"dark\":\"#f5d000\"};\nexport const calciteColorStatusDanger = {\"light\":\"#d83020\",\"dark\":\"#fe583e\"};\nexport const calciteColorStatusDangerHover = {\"light\":\"#a82b1e\",\"dark\":\"#ff0015\"};\nexport const calciteColorStatusDangerPress = {\"light\":\"#7c1d13\",\"dark\":\"#d90012\"};\nexport const calciteColorInverse = {\"light\":\"#353535\",\"dark\":\"#f8f8f8\"};\nexport const calciteColorInverseHover = {\"light\":\"#2b2b2b\",\"dark\":\"#ffffff\"};\nexport const calciteColorInversePress = {\"light\":\"#202020\",\"dark\":\"#f3f3f3\"};\nexport const calciteColorText1 = {\"light\":\"#151515\",\"dark\":\"#ffffff\"};\nexport const calciteColorText2 = {\"light\":\"#4a4a4a\",\"dark\":\"#bfbfbf\"};\nexport const calciteColorText3 = {\"light\":\"#6a6a6a\",\"dark\":\"#9f9f9f\"};\nexport const calciteColorTextInverse = {\"light\":\"#ffffff\",\"dark\":\"#151515\"};\nexport const calciteColorTextLink = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorBorder1 = {\"light\":\"#cacaca\",\"dark\":\"#555555\"};\nexport const calciteColorBorder2 = {\"light\":\"#d4d4d4\",\"dark\":\"#4a4a4a\"};\nexport const calciteColorBorder3 = {\"light\":\"#dfdfdf\",\"dark\":\"#404040\"};\nexport const calciteColorBorderInput = {\"light\":\"#949494\",\"dark\":\"#757575\"};\nexport const calciteColorBorderGhost = {\"light\":\"rgba(0, 0, 0, 0.3)\",\"dark\":\"rgba(117, 117, 117, 0.3)\"};\nexport const calciteColorBorderWhite = {\"light\":\"#ffffff\",\"dark\":\"#f8f8f8\"};\nexport const calciteContainerSizeHeightXxs = {\"min\":\"0\",\"max\":\"154px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeHeightXs = {\"min\":\"155px\",\"max\":\"328px\"}; // Handheld devices\nexport const calciteContainerSizeHeightSm = {\"min\":\"329px\",\"max\":\"504px\"}; // Small tablets\nexport const calciteContainerSizeHeightMd = {\"min\":\"505px\",\"max\":\"678px\"}; // Small laptops\nexport const calciteContainerSizeHeightLg = {\"min\":\"679px\",\"max\":\"854px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeHeightXl = {\"min\":\"855px\"}; // Projectors and televisions\nexport const calciteContainerSizeWidthXxs = {\"min\":\"0\",\"max\":\"320px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeWidthXs = {\"min\":\"321px\",\"max\":\"476px\"}; // Handheld devices\nexport const calciteContainerSizeWidthSm = {\"min\":\"477px\",\"max\":\"768px\"}; // Small tablets\nexport const calciteContainerSizeWidthMd = {\"min\":\"769px\",\"max\":\"1152px\"}; // Small laptops\nexport const calciteContainerSizeWidthLg = {\"min\":\"1153px\",\"max\":\"1440px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeWidthXl = {\"min\":\"1441px\"}; // Projectors and televisions\nexport const calciteContainerSizeMargin = \"24px\";\nexport const calciteContainerSizeGutter = \"16px\";\nexport const calciteContainerSizeContentFluid = \"100%\"; // for fluid grid widths\nexport const calciteContainerSizeContentFixed = \"1440px\"; // only for lg breakpoint fixed grid width\nexport const calciteCornerRadius = \"0\";\nexport const calciteCornerRadiusSharp = \"0\";\nexport const calciteCornerRadiusRound = \"4px\";\nexport const calciteCornerRadiusPill = \"100%\";\nexport const calciteFontFamily = [\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"]; // Primary font with fallbacks\nexport const calciteFontFamilyCode = [\"Monaco\",\"Consolas\",\"Andale Mono\",\"Lucida Console\",\"monospace\"]; // Font family for code with fallbacks\nexport const calciteFontWeightLight = \"300\"; // For Avenir Next World (secondary font family)\nexport const calciteFontWeightNormal = \"400\"; // For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"\nexport const calciteFontWeightRegular = \"400\";\nexport const calciteFontWeightMedium = \"500\";\nexport const calciteFontWeightSemibold = \"600\";\nexport const calciteFontWeightBold = \"700\";\nexport const calciteFontSizeXs = \"10px\";\nexport const calciteFontSizeSm = \"12px\";\nexport const calciteFontSize = \"14px\";\nexport const calciteFontSizeMd = \"16px\";\nexport const calciteFontSizeLg = \"18px\";\nexport const calciteFontSizeXl = \"20px\";\nexport const calciteFontSizeXxl = \"24px\";\nexport const calciteFontStyleEmphasis = \"italic\"; // used in ratings\nexport const calciteFontLineHeightFixedSm = \"12px\";\nexport const calciteFontLineHeightFixedBase = \"16px\";\nexport const calciteFontLineHeightFixedLg = \"20px\";\nexport const calciteFontLineHeightFixedXl = \"24px\";\nexport const calciteFontLineHeightRelative = \"auto\"; // 1\nexport const calciteFontLineHeightRelativeTight = \"125%\"; // 1.25\nexport const calciteFontLineHeightRelativeSnug = \"137.5%\"; // 1.375\nexport const calciteFontLineHeightRelativeNormal = \"150%\"; // 1.5\nexport const calciteFontLineHeightRelativeRelaxed = \"162.5%\"; // 1.625\nexport const calciteFontLineHeightRelativeLoose = \"200%\"; // 2\nexport const calciteFontLetterSpacingTight = \"-0.4\";\nexport const calciteFontLetterSpacingNormal = \"0\";\nexport const calciteFontLetterSpacingWide = \"0.4\";\nexport const calciteFontParagraphSpacingNormal = \"4px\";\nexport const calciteFontTextDecorationNone = \"none\";\nexport const calciteFontTextDecorationUnderline = \"underline\";\nexport const calciteFontTextCaseNone = \"none\";\nexport const calciteFontTextCaseUppercase = \"uppercase\";\nexport const calciteFontTextCaseLowercase = \"lowercase\";\nexport const calciteFontTextCaseCapitalize = \"capitalize\";\nexport const calciteOpacityLight = \"0.4\";\nexport const calciteOpacityHalf = \"0.5\";\nexport const calciteOpacityDark = \"0.85\";\nexport const calciteOpacityFull = \"1\";\nexport const calciteOpacityDisabled = \"0.5\";\nexport const calciteShadowNone = {\"x\":\"0\",\"y\":\"0\",\"blur\":\"0\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0)\"};\nexport const calciteShadowSm = [{\"x\":\"0\",\"y\":\"2\",\"blur\":\"8\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.04)\"},{\"x\":\"0\",\"y\":\"4\",\"blur\":\"16\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"}];\nexport const calciteShadowMd = [{\"x\":\"0\",\"y\":\"4\",\"blur\":\"20\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"},{\"x\":\"0\",\"y\":\"12\",\"blur\":\"32\",\"spread\":\"-2\",\"color\":\"rgba(#000000, 0.1)\"}];\nexport const calciteSizePx = \"1px\";\nexport const calciteSizeXxxs = \"2px\";\nexport const calciteSizeXxs = \"4px\";\nexport const calciteSizeXs = \"6px\";\nexport const calciteSizeSm = \"8px\";\nexport const calciteSizeSmPlus = \"10px\";\nexport const calciteSizeMd = \"12px\";\nexport const calciteSizeMdPlus = \"14px\";\nexport const calciteSizeLg = \"16px\";\nexport const calciteSizeXl = \"20px\";\nexport const calciteSizeXxl = \"24px\";\nexport const calciteSizeXxxl = \"32px\";\nexport const calciteSpacingPx = \"1px\";\nexport const calciteSpacingBase = \"2px\";\nexport const calciteSpacingXxs = \"4px\";\nexport const calciteSpacingXs = \"6px\";\nexport const calciteSpacingSm = \"8px\";\nexport const calciteSpacingMd = \"12px\";\nexport const calciteSpacingLg = \"14px\";\nexport const calciteSpacingXl = \"16px\";\nexport const calciteSpacingXxl = \"20px\";\nexport const calciteSpacingXxxl = \"32px\";\nexport const calciteTypography = {\"fontFamily\":[\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyLightMinus3h = {\"fontSize\":\"10px\",\"fontWeight\":\"300\",\"lineHeight\":\"12px\"};\nexport const calciteTypographyLightMinus2h = {\"fontSize\":\"12px\",\"fontWeight\":\"300\"};\nexport const calciteTypographyLightMinus1h = {\"fontWeight\":\"300\"};\nexport const calciteTypographyLight0h = {\"fontSize\":\"16px\",\"fontWeight\":\"300\",\"lineHeight\":\"20px\"};\nexport const calciteTypographyLight1h = {\"fontSize\":\"18px\",\"fontWeight\":\"300\",\"lineHeight\":\"24px\"};\nexport const calciteTypographyRegularMinus3h = {\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyRegularMinus2h = {\"fontSize\":\"12px\"};\nexport const calciteTypographyRegularMinus1h = {\"fontFamily\":[\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyRegular0h = {\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyRegular1h = {\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyMediumMinus3h = {\"fontWeight\":\"500\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyMediumMinus2h = {\"fontWeight\":\"500\",\"fontSize\":\"12px\"};\nexport const calciteTypographyMediumMinus1h = {\"fontWeight\":\"500\"};\nexport const calciteTypographyMedium0h = {\"fontWeight\":\"500\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyMedium1h = {\"fontWeight\":\"500\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyBoldMinus3h = {\"fontWeight\":\"600\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyBoldMinus2h = {\"fontWeight\":\"600\",\"fontSize\":\"12px\"};\nexport const calciteTypographyBoldMinus1h = {\"fontWeight\":\"600\"};\nexport const calciteTypographyBold0h = {\"fontWeight\":\"600\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyBold1h = {\"fontWeight\":\"600\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight0 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapLight1 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight2 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapLight3 = {\"fontWeight\":\"300\",\"lineHeight\":\"125%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapLightMinus2 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapLightMinus1 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapRegular0 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapRegular1 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapRegular2 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapRegular3 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapRegularMinus2 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapRegularMinus1 = {\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapMedium0 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapMedium1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapMedium2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapMedium3 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapMediumMinus2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapMediumMinus1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapBold0 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapBold1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapBold2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapBold3 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapBoldMinus2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapBoldMinus1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyDisplay1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyDisplay2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyHeading2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading3 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyHierarchyHeading4 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyHierarchyHeading5 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyBodySnug = {\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyBody = {\"fontFamily\":[\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyHierarchyOverline = {\"lineHeight\":\"12px\",\"textCase\":\"uppercase\",\"fontWeight\":\"700\"};\nexport const calciteTypographyHierarchyCaption = {\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteZIndexDeep = \"-999999\";\nexport const calciteZIndex = \"1\";\nexport const calciteZIndexSticky = \"300\";\nexport const calciteZIndexHeader = \"400\";\nexport const calciteZIndexToast = \"500\";\nexport const calciteZIndexDropdown = \"600\";\nexport const calciteZIndexOverlay = \"700\";\nexport const calciteZIndexModal = \"800\";\nexport const calciteZIndexPopup = \"900\";\nexport const calciteZIndexTooltip = \"901\";\n","import {\n  calciteContainerSizeWidthLg,\n  calciteContainerSizeWidthMd,\n  calciteContainerSizeWidthSm,\n  calciteContainerSizeWidthXs,\n  calciteContainerSizeWidthXxs,\n} from \"@esri/calcite-design-tokens/dist/es6/global\";\n\nexport interface Breakpoints {\n  width: {\n    large: number;\n    medium: number;\n    small: number;\n    xsmall: number;\n    xxsmall: number;\n  };\n}\n\n/**\n * A breakpoints lookup object.\n */\nexport const breakpoints: Breakpoints = {\n  width: {\n    large: cssLengthToNumber(calciteContainerSizeWidthLg.max),\n    medium: cssLengthToNumber(calciteContainerSizeWidthMd.max),\n    small: cssLengthToNumber(calciteContainerSizeWidthSm.max),\n    xsmall: cssLengthToNumber(calciteContainerSizeWidthXs.max),\n    xxsmall: cssLengthToNumber(calciteContainerSizeWidthXxs.max),\n  },\n};\n\nfunction cssLengthToNumber(length: string): number {\n  return parseInt(length);\n}\n"],"version":3}