@esri/calcite-components 2.1.0-next.0 → 2.1.0-next.2

package/dist/cjs/calcite-tree_2.cjs.entry.js

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.0
+ * v2.1.0-next.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3943bcec.js');
-const dom = require('./dom-5a2234d8.js');
-const conditionalSlot = require('./conditionalSlot-109951d2.js');
-const interactive = require('./interactive-435097e5.js');
-const resources = require('./resources-4a04aa2f.js');
-const component = require('./component-1049f588.js');
-require('./guid-c7b1a3b5.js');
-require('./observers-94dadcea.js');
-require('./browser-30f6d991.js');
+const index = require('./index-4d2ffa39.js');
+const dom = require('./dom-8e493d5c.js');
+const conditionalSlot = require('./conditionalSlot-6b0d937b.js');
+const interactive = require('./interactive-cb5bd362.js');
+const resources = require('./resources-951f1343.js');
+const component = require('./component-cedb9e47.js');
+require('./guid-8cb5b5ee.js');
+require('./observers-1f606499.js');
+require('./browser-1e7b60bc.js');
 
 function isTreeItem(element) {
   return element?.tagName === "CALCITE-TREE-ITEM";

package/dist/cjs/calcite-value-list_2.cjs.entry.js

@@ -1,28 +1,28 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.0
+ * v2.1.0-next.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3943bcec.js');
-const interactive = require('./interactive-435097e5.js');
-const loadable = require('./loadable-052f79b0.js');
-const locale = require('./locale-0a7ee951.js');
-const observers = require('./observers-94dadcea.js');
-const t9n = require('./t9n-f3bb0f64.js');
-const resources = require('./resources-1ed56bf7.js');
-const sortableComponent = require('./sortableComponent-017a2b7f.js');
-const dom = require('./dom-5a2234d8.js');
-const conditionalSlot = require('./conditionalSlot-109951d2.js');
-const guid = require('./guid-c7b1a3b5.js');
-require('./browser-30f6d991.js');
-require('./key-f04a5f43.js');
-require('./array-973ebfdb.js');
-require('./debounce-3be853b7.js');
-require('./resources-4a04aa2f.js');
+const index = require('./index-4d2ffa39.js');
+const interactive = require('./interactive-cb5bd362.js');
+const loadable = require('./loadable-aa3b5a65.js');
+const locale = require('./locale-822dccc6.js');
+const observers = require('./observers-1f606499.js');
+const t9n = require('./t9n-7dd10c20.js');
+const resources = require('./resources-559eef6e.js');
+const sortableComponent = require('./sortableComponent-5aa3e38f.js');
+const dom = require('./dom-8e493d5c.js');
+const conditionalSlot = require('./conditionalSlot-6b0d937b.js');
+const guid = require('./guid-8cb5b5ee.js');
+require('./browser-1e7b60bc.js');
+require('./key-1a0c4cf4.js');
+require('./array-49a1c1a6.js');
+require('./debounce-5a5a1199.js');
+require('./resources-951f1343.js');
 
 const CSS = {
   container: "container",
@@ -217,12 +217,14 @@ const ValueList = class {
   //  Private Methods
   //
   // --------------------------------------------------------------------------
-  onDragStart() {
+  onGlobalDragStart() {
     resources.cleanUpObserver.call(this);
   }
-  onDragEnd() {
+  onGlobalDragEnd() {
     resources.initializeObserver.call(this);
   }
+  onDragEnd() { }
+  onDragStart() { }
   onDragSort() {
     this.items = Array.from(this.el.querySelectorAll("calcite-value-list-item"));
     const values = this.items.map((item) => item.value);

package/dist/cjs/calcite-value-list_2.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-value-list.calcite-value-list-item.entry.cjs.js","mappings":"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","names":["getItemIndex","createObserver","mutationObserverCallback","deselectRemovedItems","deselectSiblingItems","selectSiblings","handleFilter","handleFilterEvent","getItemData","keyDownHandler","moveItemIndex","focusElement","updateMessages","dragActive","connectInteractive","connectLocalized","connectMessages","initialize","initializeObserver","setUpLoadableComponent","setUpMessages","setComponentLoaded","handleInitialFilter","updateHostInteraction","disconnectInteractive","disconnectSortableComponent","disconnectLocalized","disconnectMessages","cleanUpObserver","calciteListFocusOutHandler","removeItem","calciteListItemChangeHandler","calciteInternalListItemValueChangeHandler","setUpItems","connectSortableComponent","componentFocusable","setFocus","h","List","guid","connectConditionalSlotComponent","disconnectConditionalSlotComponent","getSlotted","PICK_LIST_SLOTS","ICON_TYPES","CSS","Host"],"sources":["src/components/value-list/resources.ts","src/components/value-list/utils.ts","src/components/value-list/value-list.scss?tag=calcite-value-list&encapsulation=shadow","src/components/value-list/value-list.tsx","src/components/value-list-item/resources.ts","src/components/value-list-item/value-list-item.scss?tag=calcite-value-list-item&encapsulation=shadow","src/components/value-list-item/value-list-item.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  handle: \"handle\",\n};\nexport enum ICON_TYPES {\n  grip = \"grip\",\n}\nexport const TEXT = {\n  filterResults: \"Filter results\",\n};\n","import { getItemIndex } from \"../pick-list/shared-list-logic\";\nimport { DragStatus } from \"./interfaces\";\nimport { ValueList } from \"./value-list\";\n\nexport function getScreenReaderText(\n  item: HTMLCalciteValueListItemElement,\n  status: DragStatus,\n  valueList: ValueList<HTMLCalciteValueListItemElement>\n): string {\n  const { items, messages } = valueList;\n\n  const total = items.length;\n  const position = getItemIndex(valueList, item) + 1;\n  const template =\n    status === \"idle\"\n      ? messages.dragHandleIdle\n      : status === \"active\"\n      ? messages.dragHandleActive\n      : status === \"change\"\n      ? messages.dragHandleChange\n      : messages.dragHandleCommit;\n\n  return replacePlaceholders(template, item.label, position, total);\n}\n\nexport function getHandleAndItemElement(event: KeyboardEvent | FocusEvent): {\n  handle: HTMLCalciteHandleElement;\n  item: HTMLCalciteValueListItemElement;\n} {\n  const handle = event\n    .composedPath()\n    .find((item: HTMLElement) => item.dataset?.jsHandle !== undefined) as HTMLCalciteHandleElement;\n\n  const item = event\n    .composedPath()\n    .find(\n      (item: HTMLElement) => item.tagName?.toLowerCase() === \"calcite-value-list-item\"\n    ) as HTMLCalciteValueListItemElement;\n\n  return { handle, item };\n}\n\nexport function replacePlaceholders(text: string, label: string, position: number, total: number): string {\n  const replacePosition = text.replace(\"{position}\", position.toString());\n  const replaceLabel = replacePosition.replace(\"{itemLabel}\", label);\n  return replaceLabel.replace(\"{total}\", total.toString());\n}\n",":host {\n  @apply text-color-2\n    text-n1\n    relative\n    box-border\n    flex\n    flex-shrink-0\n    flex-grow-0\n    flex-col\n    items-stretch\n    bg-transparent;\n  * {\n    @apply box-border;\n  }\n}\n\n@include disabled();\n\ncalcite-value-list-item:last-of-type {\n  @apply shadow-none;\n}\n\n:host([filter-enabled]) header {\n  @apply bg-foreground-1\n    mb-1\n    flex\n    items-center\n    justify-end;\n  &.sticky-pos {\n    @apply sticky top-0 z-sticky;\n  }\n  @apply shadow-border-bottom;\n}\n\ncalcite-filter {\n  @apply mb-px;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  calciteInternalListItemValueChangeHandler,\n  calciteListFocusOutHandler,\n  calciteListItemChangeHandler,\n  cleanUpObserver,\n  deselectRemovedItems,\n  deselectSiblingItems,\n  getItemData,\n  handleFilter,\n  handleFilterEvent,\n  handleInitialFilter,\n  initialize,\n  initializeObserver,\n  ItemData,\n  keyDownHandler,\n  ListFocusId,\n  moveItemIndex,\n  mutationObserverCallback,\n  removeItem,\n  selectSiblings,\n  setFocus,\n  setUpItems,\n} from \"../pick-list/shared-list-logic\";\nimport List from \"../pick-list/shared-list-render\";\nimport { ListItemAndHandle } from \"../value-list-item/interfaces\";\nimport { ValueListMessages } from \"./assets/value-list/t9n\";\nimport { CSS, ICON_TYPES } from \"./resources\";\nimport { getHandleAndItemElement, getScreenReaderText } from \"./utils\";\nimport {\n  DragDetail,\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { focusElement } from \"../../utils/dom\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-value-list-item` elements. List items are displayed as a vertical list.\n * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.\n */\n@Component({\n  tag: \"calcite-value-list\",\n  styleUrl: \"value-list.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ValueList<\n  ItemElement extends HTMLCalciteValueListItemElement = HTMLCalciteValueListItemElement\n> implements\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent,\n    SortableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: DragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: DragDetail) => boolean;\n\n  /**\n   * When `true`, `calcite-value-list-item`s are sortable via a draggable button.\n   */\n  @Prop({ reflect: true }) dragEnabled = false;\n\n  /**\n   * The currently filtered items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalciteValueListItemElement[] = [];\n\n  /**\n   * The currently filtered data.\n   *\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic module\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * When `true`, an input appears at the top of the component that can be used by end users to filter list items.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * Placeholder text for the filter's input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the filter input field.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic module\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  /**\n   * The component's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Similar to standard radio buttons and checkboxes.\n   * When `true`, a user can select multiple `calcite-value-list-item`s at a time.\n   * When `false`, only a single `calcite-value-list-item` can be selected at a time,\n   * and a new selection will deselect previous selections.\n   */\n  @Prop({ reflect: true }) multiple = false;\n\n  /**\n   * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.\n   */\n  @Prop({ reflect: true }) selectionFollowsFocus = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ValueListMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ValueListMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteValueListElement;\n\n  @State() dataForFilter: ItemData = [];\n\n  @State() defaultMessages: ValueListMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() selectedValues: Map<string, ItemElement> = new Map();\n\n  items: ItemElement[];\n\n  lastSelectedItem: ItemElement = null;\n\n  mutationObserver = createObserver(\"mutation\", mutationObserverCallback.bind(this));\n\n  sortable: Sortable;\n\n  emitCalciteListChange: () => void;\n\n  emitCalciteListFilter: () => void;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  assistiveTextEl: HTMLSpanElement;\n\n  handleSelector = `.${CSS.handle}`;\n\n  dragSelector = \"calcite-value-list-item\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    initialize.call(this);\n    initializeObserver.call(this);\n    this.setUpSorting();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    handleInitialFilter.call(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    disconnectInteractive(this);\n    disconnectSortableComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    cleanUpObserver.call(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the list item selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<\n    Map<string, HTMLCalciteValueListItemElement>\n  >;\n\n  /**\n   * Emits when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<any[]>;\n\n  /**\n   * Emits when a filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  @Listen(\"focusout\")\n  calciteListFocusOutHandler(event: FocusEvent): void {\n    calciteListFocusOutHandler.call(this, event);\n  }\n\n  @Listen(\"calciteListItemRemove\")\n  calciteListItemRemoveHandler(event: CustomEvent<void>): void {\n    removeItem.call(this, event);\n  }\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    calciteListItemChangeHandler.call(this, event);\n  }\n\n  @Listen(\"calciteInternalListItemPropsChange\")\n  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void {\n    event.stopPropagation();\n    this.setUpFilter();\n  }\n\n  @Listen(\"calciteInternalListItemValueChange\")\n  calciteInternalListItemValueChangeHandler(event: CustomEvent): void {\n    calciteInternalListItemValueChangeHandler.call(this, event);\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onDragStart(): void {\n    cleanUpObserver.call(this);\n  }\n\n  onDragEnd(): void {\n    initializeObserver.call(this);\n  }\n\n  onDragSort(): void {\n    this.items = Array.from(this.el.querySelectorAll<ItemElement>(\"calcite-value-list-item\"));\n    const values = this.items.map((item) => item.value);\n    this.calciteListOrderChange.emit(values);\n  }\n\n  getItems(): ItemElement[] {\n    return Array.from(this.el.querySelectorAll<ItemElement>(\"calcite-value-list-item\"));\n  }\n\n  setUpItems(): void {\n    setUpItems.call(this, \"calcite-value-list-item\");\n    this.setUpSorting();\n  }\n\n  setUpFilter(): void {\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n    }\n  }\n\n  setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n  };\n\n  setFilteredItems = (filteredItems: HTMLCalciteValueListItemElement[]): void => {\n    this.filteredItems = filteredItems;\n  };\n\n  setUpSorting(): void {\n    const { dragEnabled } = this;\n\n    if (!dragEnabled) {\n      return;\n    }\n\n    connectSortableComponent(this);\n  }\n\n  deselectRemovedItems = deselectRemovedItems.bind(this);\n\n  deselectSiblingItems = deselectSiblingItems.bind(this);\n\n  selectSiblings = selectSiblings.bind(this);\n\n  handleFilter = handleFilter.bind(this);\n\n  handleFilterEvent = handleFilterEvent.bind(this);\n\n  getItemData = getItemData.bind(this);\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const { handle, item } = getHandleAndItemElement(event);\n    if (handle && !item.handleActivated && event.key === \" \") {\n      this.updateScreenReaderText(getScreenReaderText(item, \"commit\", this));\n    }\n\n    if (!handle || !item.handleActivated) {\n      keyDownHandler.call(this, event);\n      return;\n    }\n\n    event.preventDefault();\n\n    const { items } = this;\n\n    if (event.key === \" \") {\n      this.updateScreenReaderText(getScreenReaderText(item, \"active\", this));\n    }\n\n    if ((event.key !== \"ArrowUp\" && event.key !== \"ArrowDown\") || items.length <= 1) {\n      return;\n    }\n\n    const { el } = this;\n    const nextIndex = moveItemIndex(this, item, event.key === \"ArrowUp\" ? \"up\" : \"down\");\n    if (nextIndex === items.length - 1) {\n      el.appendChild(item);\n    } else {\n      const itemAtNextIndex = el.children[nextIndex];\n      const insertionReferenceItem =\n        itemAtNextIndex === item.nextElementSibling\n          ? itemAtNextIndex.nextElementSibling\n          : itemAtNextIndex;\n      el.insertBefore(item, insertionReferenceItem);\n    }\n\n    this.items = this.getItems();\n    this.calciteListOrderChange.emit(this.items.map(({ value }) => value));\n\n    requestAnimationFrame(() => focusElement(handle));\n    item.handleActivated = true;\n\n    this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"change\", this));\n  };\n\n  handleBlur(): void {\n    if (this.dragEnabled) {\n      this.updateScreenReaderText(\"\");\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Returns the currently selected items */\n  @Method()\n  async getSelectedItems(): Promise<Map<string, HTMLCalciteValueListItemElement>> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @param focusId\n   */\n  @Method()\n  async setFocus(focusId?: ListFocusId): Promise<void> {\n    await componentFocusable(this);\n\n    return setFocus.call(this, focusId);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getIconType(): ICON_TYPES | null {\n    let type = null;\n    if (this.dragEnabled) {\n      type = ICON_TYPES.grip;\n    }\n    return type;\n  }\n\n  updateScreenReaderText(text: string): void {\n    this.assistiveTextEl.textContent = text;\n  }\n\n  updateHandleAriaLabel(handleElement: HTMLSpanElement, text: string): void {\n    handleElement.ariaLabel = text;\n  }\n\n  storeAssistiveEl = (el: HTMLSpanElement): void => {\n    this.assistiveTextEl = el;\n  };\n\n  handleFocusIn = (event: FocusEvent): void => {\n    const { handle, item } = getHandleAndItemElement(event);\n    if (!item?.handleActivated && item && handle) {\n      this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"idle\", this));\n    }\n  };\n\n  @Listen(\"calciteValueListItemDragHandleBlur\")\n  handleValueListItemBlur(event: CustomEvent<ListItemAndHandle>): void {\n    const { item, handle } = event.detail;\n    if (!item?.handleActivated && item) {\n      this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"idle\", this));\n    }\n    event.stopPropagation();\n  }\n\n  render(): VNode {\n    return (\n      <List\n        onBlur={this.handleBlur}\n        onFocusin={this.handleFocusIn}\n        onKeyDown={this.keyDownHandler}\n        props={this}\n      />\n    );\n  }\n}\n","export const ICONS = {\n  drag: \"drag\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\",\n};\n",":host {\n  @apply bg-foreground-1\n    text-color-2\n    text-n1\n    shadow-border-bottom\n    mb-px\n    box-border\n    flex;\n  transition: background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);\n  * {\n    @apply box-border;\n  }\n}\n\ncalcite-pick-list-item {\n  @apply relative\n    m-0\n    flex-grow\n    shadow-none;\n}\n\n:host([active]),\n:host([selected]) {\n  @apply shadow-outline-active;\n}\n\n.handle {\n  @apply flex\n    cursor-move\n    items-center\n    justify-center\n    border-none\n    bg-transparent\n    py-0\n    px-1;\n  color: theme(\"borderColor.color.input\");\n  &:hover {\n    @apply bg-foreground-2 text-color-1;\n  }\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n  &--activated {\n    @apply bg-foreground-3 text-color-1;\n  }\n  calcite-icon {\n    color: inherit;\n  }\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS, SLOTS as PICK_LIST_SLOTS } from \"../pick-list-item/resources\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { ListItemAndHandle } from \"./interfaces\";\nimport { ICONS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.\n */\n@Component({\n  tag: \"calcite-value-list-item\",\n  styleUrl: \"value-list-item.scss\",\n  shadow: true,\n})\nexport class ValueListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * A description for the component that displays below the label text.\n   */\n  @Prop({ reflect: true }) description?: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * @internal\n   */\n  @Prop() deselectDisabled = false;\n\n  /**\n   * When `true`, prevents the content of the component from user interaction.\n   */\n  @Prop({ reflect: true }) nonInteractive = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) handleActivated? = false;\n\n  /**\n   * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.\n   *\n   * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)\n   */\n  @Prop({ reflect: true }) icon?: ICON_TYPES | null = null;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Label and accessible name for the component. Appears next to the icon.\n   */\n  @Prop({ reflect: true }) label!: string;\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent list.\n   */\n  @Prop() metadata?: Record<string, unknown>;\n\n  /**\n   * When `true`, adds an action to remove the component.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteValueListItemElement;\n\n  pickListItem: HTMLCalcitePickListItemElement = null;\n\n  handleEl: HTMLSpanElement;\n\n  guid = `calcite-value-list-item-${guid()}`;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this, this.el.closest(\"calcite-value-list\") ? \"managed\" : false);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggle the selection state. By default this won't trigger an event.\n   * The first argument allows the value to be coerced, rather than swapping values.\n   *\n   * @param coerce\n   */\n  @Method()\n  async toggleSelected(coerce?: boolean): Promise<void> {\n    this.pickListItem.toggleSelected(coerce);\n  }\n\n  /** Set focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    return this.pickListItem?.setFocus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is selected or unselected.\n   */\n  @Event({ cancelable: false }) calciteListItemChange: EventEmitter<{\n    item: HTMLCalciteValueListItemElement;\n    value: any;\n    selected: boolean;\n    shiftPressed: boolean;\n  }>;\n\n  /**\n   * Fires when the remove button is pressed.\n   */\n  @Event({ cancelable: true }) calciteListItemRemove: EventEmitter<void>; // wrapped pick-list-item emits this\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteValueListItemDragHandleBlur: EventEmitter<ListItemAndHandle>;\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    // adjust item payload from wrapped item before bubbling\n    event.detail.item = this.el;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getPickListRef = (el: HTMLCalcitePickListItemElement): HTMLCalcitePickListItemElement =>\n    (this.pickListItem = el);\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      this.handleActivated = !this.handleActivated;\n    }\n  };\n\n  handleBlur = (): void => {\n    this.handleActivated = false;\n    this.calciteValueListItemDragHandleBlur.emit({ item: this.el, handle: this.handleEl });\n  };\n\n  handleSelectChange = (event: CustomEvent): void => {\n    this.selected = event.detail.selected;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsEnd(): VNode {\n    const { el } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd ? (\n      <slot name={SLOTS.actionsEnd} slot={PICK_LIST_SLOTS.actionsEnd} />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <slot name={SLOTS.actionsStart} slot={PICK_LIST_SLOTS.actionsStart} />\n    ) : null;\n  }\n\n  renderHandle(): VNode {\n    const { icon, iconFlipRtl } = this;\n    if (icon === ICON_TYPES.grip) {\n      return (\n        <span\n          class={{\n            [CSS.handle]: true,\n            [CSS.handleActivated]: this.handleActivated,\n          }}\n          data-js-handle\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n          role=\"button\"\n          tabindex=\"0\"\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={(el) => (this.handleEl = el as HTMLSpanElement)}\n        >\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.drag} scale=\"s\" />\n        </span>\n      );\n    }\n  }\n\n  render(): VNode {\n    return (\n      <Host id={this.el.id || this.guid}>\n        {this.renderHandle()}\n        <calcite-pick-list-item\n          description={this.description}\n          deselectDisabled={this.deselectDisabled}\n          disabled={this.disabled}\n          label={this.label}\n          metadata={this.metadata}\n          nonInteractive={this.nonInteractive}\n          onCalciteListItemChange={this.handleSelectChange}\n          removable={this.removable}\n          selected={this.selected}\n          value={this.value}\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={this.getPickListRef}\n        >\n          {this.renderActionsStart()}\n          {this.renderActionsEnd()}\n        </calcite-pick-list-item>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-value-list.calcite-value-list-item.entry.cjs.js","mappings":"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","names":["getItemIndex","createObserver","mutationObserverCallback","deselectRemovedItems","deselectSiblingItems","selectSiblings","handleFilter","handleFilterEvent","getItemData","keyDownHandler","moveItemIndex","focusElement","updateMessages","dragActive","connectInteractive","connectLocalized","connectMessages","initialize","initializeObserver","setUpLoadableComponent","setUpMessages","setComponentLoaded","handleInitialFilter","updateHostInteraction","disconnectInteractive","disconnectSortableComponent","disconnectLocalized","disconnectMessages","cleanUpObserver","calciteListFocusOutHandler","removeItem","calciteListItemChangeHandler","calciteInternalListItemValueChangeHandler","setUpItems","connectSortableComponent","componentFocusable","setFocus","h","List","guid","connectConditionalSlotComponent","disconnectConditionalSlotComponent","getSlotted","PICK_LIST_SLOTS","ICON_TYPES","CSS","Host"],"sources":["src/components/value-list/resources.ts","src/components/value-list/utils.ts","src/components/value-list/value-list.scss?tag=calcite-value-list&encapsulation=shadow","src/components/value-list/value-list.tsx","src/components/value-list-item/resources.ts","src/components/value-list-item/value-list-item.scss?tag=calcite-value-list-item&encapsulation=shadow","src/components/value-list-item/value-list-item.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  handle: \"handle\",\n};\nexport enum ICON_TYPES {\n  grip = \"grip\",\n}\nexport const TEXT = {\n  filterResults: \"Filter results\",\n};\n","import { getItemIndex } from \"../pick-list/shared-list-logic\";\nimport { DragStatus } from \"./interfaces\";\nimport { ValueList } from \"./value-list\";\n\nexport function getScreenReaderText(\n  item: HTMLCalciteValueListItemElement,\n  status: DragStatus,\n  valueList: ValueList<HTMLCalciteValueListItemElement>\n): string {\n  const { items, messages } = valueList;\n\n  const total = items.length;\n  const position = getItemIndex(valueList, item) + 1;\n  const template =\n    status === \"idle\"\n      ? messages.dragHandleIdle\n      : status === \"active\"\n      ? messages.dragHandleActive\n      : status === \"change\"\n      ? messages.dragHandleChange\n      : messages.dragHandleCommit;\n\n  return replacePlaceholders(template, item.label, position, total);\n}\n\nexport function getHandleAndItemElement(event: KeyboardEvent | FocusEvent): {\n  handle: HTMLCalciteHandleElement;\n  item: HTMLCalciteValueListItemElement;\n} {\n  const handle = event\n    .composedPath()\n    .find((item: HTMLElement) => item.dataset?.jsHandle !== undefined) as HTMLCalciteHandleElement;\n\n  const item = event\n    .composedPath()\n    .find(\n      (item: HTMLElement) => item.tagName?.toLowerCase() === \"calcite-value-list-item\"\n    ) as HTMLCalciteValueListItemElement;\n\n  return { handle, item };\n}\n\nexport function replacePlaceholders(text: string, label: string, position: number, total: number): string {\n  const replacePosition = text.replace(\"{position}\", position.toString());\n  const replaceLabel = replacePosition.replace(\"{itemLabel}\", label);\n  return replaceLabel.replace(\"{total}\", total.toString());\n}\n",":host {\n  @apply text-color-2\n    text-n1\n    relative\n    box-border\n    flex\n    flex-shrink-0\n    flex-grow-0\n    flex-col\n    items-stretch\n    bg-transparent;\n  * {\n    @apply box-border;\n  }\n}\n\n@include disabled();\n\ncalcite-value-list-item:last-of-type {\n  @apply shadow-none;\n}\n\n:host([filter-enabled]) header {\n  @apply bg-foreground-1\n    mb-1\n    flex\n    items-center\n    justify-end;\n  &.sticky-pos {\n    @apply sticky top-0 z-sticky;\n  }\n  @apply shadow-border-bottom;\n}\n\ncalcite-filter {\n  @apply mb-px;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  calciteInternalListItemValueChangeHandler,\n  calciteListFocusOutHandler,\n  calciteListItemChangeHandler,\n  cleanUpObserver,\n  deselectRemovedItems,\n  deselectSiblingItems,\n  getItemData,\n  handleFilter,\n  handleFilterEvent,\n  handleInitialFilter,\n  initialize,\n  initializeObserver,\n  ItemData,\n  keyDownHandler,\n  ListFocusId,\n  moveItemIndex,\n  mutationObserverCallback,\n  removeItem,\n  selectSiblings,\n  setFocus,\n  setUpItems,\n} from \"../pick-list/shared-list-logic\";\nimport List from \"../pick-list/shared-list-render\";\nimport { ListItemAndHandle } from \"../value-list-item/interfaces\";\nimport { ValueListMessages } from \"./assets/value-list/t9n\";\nimport { CSS, ICON_TYPES } from \"./resources\";\nimport { getHandleAndItemElement, getScreenReaderText } from \"./utils\";\nimport {\n  DragDetail,\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { focusElement } from \"../../utils/dom\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-value-list-item` elements. List items are displayed as a vertical list.\n * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.\n */\n@Component({\n  tag: \"calcite-value-list\",\n  styleUrl: \"value-list.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ValueList<\n  ItemElement extends HTMLCalciteValueListItemElement = HTMLCalciteValueListItemElement\n> implements\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent,\n    SortableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: DragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: DragDetail) => boolean;\n\n  /**\n   * When `true`, `calcite-value-list-item`s are sortable via a draggable button.\n   */\n  @Prop({ reflect: true }) dragEnabled = false;\n\n  /**\n   * The currently filtered items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalciteValueListItemElement[] = [];\n\n  /**\n   * The currently filtered data.\n   *\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic module\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * When `true`, an input appears at the top of the component that can be used by end users to filter list items.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * Placeholder text for the filter's input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the filter input field.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic module\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  /**\n   * The component's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Similar to standard radio buttons and checkboxes.\n   * When `true`, a user can select multiple `calcite-value-list-item`s at a time.\n   * When `false`, only a single `calcite-value-list-item` can be selected at a time,\n   * and a new selection will deselect previous selections.\n   */\n  @Prop({ reflect: true }) multiple = false;\n\n  /**\n   * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.\n   */\n  @Prop({ reflect: true }) selectionFollowsFocus = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ValueListMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ValueListMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteValueListElement;\n\n  @State() dataForFilter: ItemData = [];\n\n  @State() defaultMessages: ValueListMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() selectedValues: Map<string, ItemElement> = new Map();\n\n  items: ItemElement[];\n\n  lastSelectedItem: ItemElement = null;\n\n  mutationObserver = createObserver(\"mutation\", mutationObserverCallback.bind(this));\n\n  sortable: Sortable;\n\n  emitCalciteListChange: () => void;\n\n  emitCalciteListFilter: () => void;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  assistiveTextEl: HTMLSpanElement;\n\n  handleSelector = `.${CSS.handle}`;\n\n  dragSelector = \"calcite-value-list-item\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    initialize.call(this);\n    initializeObserver.call(this);\n    this.setUpSorting();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    handleInitialFilter.call(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    disconnectInteractive(this);\n    disconnectSortableComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    cleanUpObserver.call(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the list item selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<\n    Map<string, HTMLCalciteValueListItemElement>\n  >;\n\n  /**\n   * Emits when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<any[]>;\n\n  /**\n   * Emits when a filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  @Listen(\"focusout\")\n  calciteListFocusOutHandler(event: FocusEvent): void {\n    calciteListFocusOutHandler.call(this, event);\n  }\n\n  @Listen(\"calciteListItemRemove\")\n  calciteListItemRemoveHandler(event: CustomEvent<void>): void {\n    removeItem.call(this, event);\n  }\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    calciteListItemChangeHandler.call(this, event);\n  }\n\n  @Listen(\"calciteInternalListItemPropsChange\")\n  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void {\n    event.stopPropagation();\n    this.setUpFilter();\n  }\n\n  @Listen(\"calciteInternalListItemValueChange\")\n  calciteInternalListItemValueChangeHandler(event: CustomEvent): void {\n    calciteInternalListItemValueChangeHandler.call(this, event);\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onGlobalDragStart(): void {\n    cleanUpObserver.call(this);\n  }\n\n  onGlobalDragEnd(): void {\n    initializeObserver.call(this);\n  }\n\n  onDragEnd(): void {}\n\n  onDragStart(): void {}\n\n  onDragSort(): void {\n    this.items = Array.from(this.el.querySelectorAll<ItemElement>(\"calcite-value-list-item\"));\n    const values = this.items.map((item) => item.value);\n    this.calciteListOrderChange.emit(values);\n  }\n\n  getItems(): ItemElement[] {\n    return Array.from(this.el.querySelectorAll<ItemElement>(\"calcite-value-list-item\"));\n  }\n\n  setUpItems(): void {\n    setUpItems.call(this, \"calcite-value-list-item\");\n    this.setUpSorting();\n  }\n\n  setUpFilter(): void {\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n    }\n  }\n\n  setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n  };\n\n  setFilteredItems = (filteredItems: HTMLCalciteValueListItemElement[]): void => {\n    this.filteredItems = filteredItems;\n  };\n\n  setUpSorting(): void {\n    const { dragEnabled } = this;\n\n    if (!dragEnabled) {\n      return;\n    }\n\n    connectSortableComponent(this);\n  }\n\n  deselectRemovedItems = deselectRemovedItems.bind(this);\n\n  deselectSiblingItems = deselectSiblingItems.bind(this);\n\n  selectSiblings = selectSiblings.bind(this);\n\n  handleFilter = handleFilter.bind(this);\n\n  handleFilterEvent = handleFilterEvent.bind(this);\n\n  getItemData = getItemData.bind(this);\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const { handle, item } = getHandleAndItemElement(event);\n    if (handle && !item.handleActivated && event.key === \" \") {\n      this.updateScreenReaderText(getScreenReaderText(item, \"commit\", this));\n    }\n\n    if (!handle || !item.handleActivated) {\n      keyDownHandler.call(this, event);\n      return;\n    }\n\n    event.preventDefault();\n\n    const { items } = this;\n\n    if (event.key === \" \") {\n      this.updateScreenReaderText(getScreenReaderText(item, \"active\", this));\n    }\n\n    if ((event.key !== \"ArrowUp\" && event.key !== \"ArrowDown\") || items.length <= 1) {\n      return;\n    }\n\n    const { el } = this;\n    const nextIndex = moveItemIndex(this, item, event.key === \"ArrowUp\" ? \"up\" : \"down\");\n    if (nextIndex === items.length - 1) {\n      el.appendChild(item);\n    } else {\n      const itemAtNextIndex = el.children[nextIndex];\n      const insertionReferenceItem =\n        itemAtNextIndex === item.nextElementSibling\n          ? itemAtNextIndex.nextElementSibling\n          : itemAtNextIndex;\n      el.insertBefore(item, insertionReferenceItem);\n    }\n\n    this.items = this.getItems();\n    this.calciteListOrderChange.emit(this.items.map(({ value }) => value));\n\n    requestAnimationFrame(() => focusElement(handle));\n    item.handleActivated = true;\n\n    this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"change\", this));\n  };\n\n  handleBlur(): void {\n    if (this.dragEnabled) {\n      this.updateScreenReaderText(\"\");\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Returns the currently selected items */\n  @Method()\n  async getSelectedItems(): Promise<Map<string, HTMLCalciteValueListItemElement>> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @param focusId\n   */\n  @Method()\n  async setFocus(focusId?: ListFocusId): Promise<void> {\n    await componentFocusable(this);\n\n    return setFocus.call(this, focusId);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getIconType(): ICON_TYPES | null {\n    let type = null;\n    if (this.dragEnabled) {\n      type = ICON_TYPES.grip;\n    }\n    return type;\n  }\n\n  updateScreenReaderText(text: string): void {\n    this.assistiveTextEl.textContent = text;\n  }\n\n  updateHandleAriaLabel(handleElement: HTMLSpanElement, text: string): void {\n    handleElement.ariaLabel = text;\n  }\n\n  storeAssistiveEl = (el: HTMLSpanElement): void => {\n    this.assistiveTextEl = el;\n  };\n\n  handleFocusIn = (event: FocusEvent): void => {\n    const { handle, item } = getHandleAndItemElement(event);\n    if (!item?.handleActivated && item && handle) {\n      this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"idle\", this));\n    }\n  };\n\n  @Listen(\"calciteValueListItemDragHandleBlur\")\n  handleValueListItemBlur(event: CustomEvent<ListItemAndHandle>): void {\n    const { item, handle } = event.detail;\n    if (!item?.handleActivated && item) {\n      this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"idle\", this));\n    }\n    event.stopPropagation();\n  }\n\n  render(): VNode {\n    return (\n      <List\n        onBlur={this.handleBlur}\n        onFocusin={this.handleFocusIn}\n        onKeyDown={this.keyDownHandler}\n        props={this}\n      />\n    );\n  }\n}\n","export const ICONS = {\n  drag: \"drag\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\",\n};\n",":host {\n  @apply bg-foreground-1\n    text-color-2\n    text-n1\n    shadow-border-bottom\n    mb-px\n    box-border\n    flex;\n  transition: background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);\n  * {\n    @apply box-border;\n  }\n}\n\ncalcite-pick-list-item {\n  @apply relative\n    m-0\n    flex-grow\n    shadow-none;\n}\n\n:host([active]),\n:host([selected]) {\n  @apply shadow-outline-active;\n}\n\n.handle {\n  @apply flex\n    cursor-move\n    items-center\n    justify-center\n    border-none\n    bg-transparent\n    py-0\n    px-1;\n  color: theme(\"borderColor.color.input\");\n  &:hover {\n    @apply bg-foreground-2 text-color-1;\n  }\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n  &--activated {\n    @apply bg-foreground-3 text-color-1;\n  }\n  calcite-icon {\n    color: inherit;\n  }\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS, SLOTS as PICK_LIST_SLOTS } from \"../pick-list-item/resources\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { ListItemAndHandle } from \"./interfaces\";\nimport { ICONS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.\n */\n@Component({\n  tag: \"calcite-value-list-item\",\n  styleUrl: \"value-list-item.scss\",\n  shadow: true,\n})\nexport class ValueListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * A description for the component that displays below the label text.\n   */\n  @Prop({ reflect: true }) description?: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * @internal\n   */\n  @Prop() deselectDisabled = false;\n\n  /**\n   * When `true`, prevents the content of the component from user interaction.\n   */\n  @Prop({ reflect: true }) nonInteractive = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) handleActivated? = false;\n\n  /**\n   * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.\n   *\n   * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)\n   */\n  @Prop({ reflect: true }) icon?: ICON_TYPES | null = null;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Label and accessible name for the component. Appears next to the icon.\n   */\n  @Prop({ reflect: true }) label!: string;\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent list.\n   */\n  @Prop() metadata?: Record<string, unknown>;\n\n  /**\n   * When `true`, adds an action to remove the component.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteValueListItemElement;\n\n  pickListItem: HTMLCalcitePickListItemElement = null;\n\n  handleEl: HTMLSpanElement;\n\n  guid = `calcite-value-list-item-${guid()}`;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this, this.el.closest(\"calcite-value-list\") ? \"managed\" : false);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggle the selection state. By default this won't trigger an event.\n   * The first argument allows the value to be coerced, rather than swapping values.\n   *\n   * @param coerce\n   */\n  @Method()\n  async toggleSelected(coerce?: boolean): Promise<void> {\n    this.pickListItem.toggleSelected(coerce);\n  }\n\n  /** Set focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    return this.pickListItem?.setFocus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is selected or unselected.\n   */\n  @Event({ cancelable: false }) calciteListItemChange: EventEmitter<{\n    item: HTMLCalciteValueListItemElement;\n    value: any;\n    selected: boolean;\n    shiftPressed: boolean;\n  }>;\n\n  /**\n   * Fires when the remove button is pressed.\n   */\n  @Event({ cancelable: true }) calciteListItemRemove: EventEmitter<void>; // wrapped pick-list-item emits this\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteValueListItemDragHandleBlur: EventEmitter<ListItemAndHandle>;\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    // adjust item payload from wrapped item before bubbling\n    event.detail.item = this.el;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getPickListRef = (el: HTMLCalcitePickListItemElement): HTMLCalcitePickListItemElement =>\n    (this.pickListItem = el);\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      this.handleActivated = !this.handleActivated;\n    }\n  };\n\n  handleBlur = (): void => {\n    this.handleActivated = false;\n    this.calciteValueListItemDragHandleBlur.emit({ item: this.el, handle: this.handleEl });\n  };\n\n  handleSelectChange = (event: CustomEvent): void => {\n    this.selected = event.detail.selected;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsEnd(): VNode {\n    const { el } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd ? (\n      <slot name={SLOTS.actionsEnd} slot={PICK_LIST_SLOTS.actionsEnd} />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <slot name={SLOTS.actionsStart} slot={PICK_LIST_SLOTS.actionsStart} />\n    ) : null;\n  }\n\n  renderHandle(): VNode {\n    const { icon, iconFlipRtl } = this;\n    if (icon === ICON_TYPES.grip) {\n      return (\n        <span\n          class={{\n            [CSS.handle]: true,\n            [CSS.handleActivated]: this.handleActivated,\n          }}\n          data-js-handle\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n          role=\"button\"\n          tabindex=\"0\"\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={(el) => (this.handleEl = el as HTMLSpanElement)}\n        >\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.drag} scale=\"s\" />\n        </span>\n      );\n    }\n  }\n\n  render(): VNode {\n    return (\n      <Host id={this.el.id || this.guid}>\n        {this.renderHandle()}\n        <calcite-pick-list-item\n          description={this.description}\n          deselectDisabled={this.deselectDisabled}\n          disabled={this.disabled}\n          label={this.label}\n          metadata={this.metadata}\n          nonInteractive={this.nonInteractive}\n          onCalciteListItemChange={this.handleSelectChange}\n          removable={this.removable}\n          selected={this.selected}\n          value={this.value}\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={this.getPickListRef}\n        >\n          {this.renderActionsStart()}\n          {this.renderActionsEnd()}\n        </calcite-pick-list-item>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/calcite.cjs.js

@@ -1,15 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.0
+ * v2.1.0-next.2
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3943bcec.js');
-const appGlobals = require('./app-globals-e6193b8f.js');
-require('./resources-4a04aa2f.js');
+const index = require('./index-4d2ffa39.js');
+const appGlobals = require('./app-globals-0e661140.js');
+require('./resources-951f1343.js');
 
 /*
  Stencil Client Patch Browser v4.7.2 | MIT Licensed | https://stenciljs.com

package/dist/cjs/component-cedb9e47.js

@@ -0,0 +1,30 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+'use strict';
+
+function getIconScale(componentScale) {
+  return componentScale === "l" ? "m" : "s";
+}
+/**
+ * This util helps us wait for a component to be ready for both lazy-loading (`dist` output) and non-lazy-loading (`components` output) components.
+ *
+ * Based on https://github.com/ionic-team/ionic-framework/blob/1a8bd6d/core/src/utils/helpers.ts#L60C1-L79C3
+ *
+ * @param el - the host element to wait for
+ */
+async function componentOnReady(el) {
+  await (isStencilEl(el)
+    ? el.componentOnReady()
+    : new Promise((resolve) => requestAnimationFrame(() => resolve())));
+}
+function isStencilEl(el) {
+  return typeof el.componentOnReady === "function";
+}
+
+exports.componentOnReady = componentOnReady;
+exports.getIconScale = getIconScale;
+
+//# sourceMappingURL=component-cedb9e47.js.map

package/dist/cjs/component-cedb9e47.js.map

@@ -0,0 +1 @@
+{"file":"component-cedb9e47.js","mappings":";;;;;;;SAGgB,YAAY,CAAC,cAAqB;EAChD,OAAO,cAAc,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC5C,CAAC;AAED;;;;;;;AAOO,eAAe,gBAAgB,CAAC,EAAe;EACpD,OAAO,WAAW,CAAC,EAAE,CAAC;MAClB,EAAE,CAAC,gBAAgB,EAAE;MACrB,IAAI,OAAO,CAAO,CAAC,OAAO,KAAK,qBAAqB,CAAC,MAAM,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9E,CAAC;AAED,SAAS,WAAW,CAAC,EAAe;EAClC,OAAO,OAAQ,EAAyB,CAAC,gBAAgB,KAAK,UAAU,CAAC;AAC3E;;;;;","names":[],"sources":["src/utils/component.ts"],"sourcesContent":["import { Scale } from \"../components/interfaces\";\nimport { HTMLStencilElement } from \"@stencil/core/internal\";\n\nexport function getIconScale(componentScale: Scale): Extract<Scale, \"s\" | \"m\"> {\n  return componentScale === \"l\" ? \"m\" : \"s\";\n}\n\n/**\n * This util helps us wait for a component to be ready for both lazy-loading (`dist` output) and non-lazy-loading (`components` output) components.\n *\n * Based on https://github.com/ionic-team/ionic-framework/blob/1a8bd6d/core/src/utils/helpers.ts#L60C1-L79C3\n *\n * @param el - the host element to wait for\n */\nexport async function componentOnReady(el: HTMLElement): Promise<void> {\n  await (isStencilEl(el)\n    ? el.componentOnReady()\n    : new Promise<void>((resolve) => requestAnimationFrame(() => resolve())));\n}\n\nfunction isStencilEl(el: HTMLElement): el is HTMLStencilElement {\n  return typeof (el as HTMLStencilElement).componentOnReady === \"function\";\n}\n"],"version":3}

package/dist/cjs/conditionalSlot-6b0d937b.js

@@ -0,0 +1,60 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+'use strict';
+
+const index = require('./index-4d2ffa39.js');
+const observers = require('./observers-1f606499.js');
+
+const observed = new Set();
+let mutationObserver;
+const observerOptions = { childList: true };
+/**
+ * Helper to set up a conditional slot component on connectedCallback.
+ *
+ * @param component
+ * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
+ *
+ * ```
+ * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
+ * ```
+ */
+function connectConditionalSlotComponent(component) {
+  if (!mutationObserver) {
+    mutationObserver = observers.createObserver("mutation", processMutations);
+  }
+  mutationObserver.observe(component.el, observerOptions);
+}
+/**
+ * Helper to tear down a conditional slot component on disconnectedCallback.
+ *
+ * @param component
+ * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
+ *
+ * ```
+ * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
+ * ```
+ */
+function disconnectConditionalSlotComponent(component) {
+  observed.delete(component.el);
+  // we explicitly process queued mutations and disconnect and reconnect
+  // the observer until MutationObserver gets an `unobserve` method
+  // see https://github.com/whatwg/dom/issues/126
+  processMutations(mutationObserver.takeRecords());
+  mutationObserver.disconnect();
+  for (const [element] of observed.entries()) {
+    mutationObserver.observe(element, observerOptions);
+  }
+}
+function processMutations(mutations) {
+  mutations.forEach(({ target }) => {
+    index.forceUpdate(target);
+  });
+}
+
+exports.connectConditionalSlotComponent = connectConditionalSlotComponent;
+exports.disconnectConditionalSlotComponent = disconnectConditionalSlotComponent;
+
+//# sourceMappingURL=conditionalSlot-6b0d937b.js.map

package/dist/cjs/conditionalSlot-6b0d937b.js.map

@@ -0,0 +1 @@
+{"file":"conditionalSlot-6b0d937b.js","mappings":";;;;;;;;;;AAGA,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAe,CAAC;AAkBxC,IAAI,gBAAkC,CAAC;AACvC,MAAM,eAAe,GAAkE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAE3G;;;;;;;;;;SAUgB,+BAA+B,CAAC,SAAmC;EACjF,IAAI,CAAC,gBAAgB,EAAE;IACrB,gBAAgB,GAAGA,wBAAc,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;GACjE;EAED,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC;AAC1D,CAAC;AAED;;;;;;;;;;SAUgB,kCAAkC,CAAC,SAAmC;EACpF,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;;;;EAK9B,gBAAgB,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC;EACjD,gBAAgB,CAAC,UAAU,EAAE,CAAC;EAC9B,KAAK,MAAM,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,OAAO,EAAE,EAAE;IAC1C,gBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;GACpD;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,SAA2B;EACnD,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE;IAC3BC,iBAAW,CAAC,MAAM,CAAC,CAAC;GACrB,CAAC,CAAC;AACL;;;;;","names":["createObserver","forceUpdate"],"sources":["src/utils/conditionalSlot.ts"],"sourcesContent":["import { forceUpdate } from \"@stencil/core\";\nimport { createObserver } from \"./observers\";\n\nconst observed = new Set<HTMLElement>();\n\n/**\n * Defines interface for components with a dynamically changing slot.\n *\n * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n */\nexport interface ConditionalSlotComponent {\n  /**\n   * The host element.\n   */\n  readonly el: HTMLElement;\n}\n\nlet mutationObserver: MutationObserver;\nconst observerOptions: Pick<Parameters<MutationObserver[\"observe\"]>[1], \"childList\"> = { childList: true };\n\n/**\n * Helper to set up a conditional slot component on connectedCallback.\n *\n * @param component\n * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n */\nexport function connectConditionalSlotComponent(component: ConditionalSlotComponent): void {\n  if (!mutationObserver) {\n    mutationObserver = createObserver(\"mutation\", processMutations);\n  }\n\n  mutationObserver.observe(component.el, observerOptions);\n}\n\n/**\n * Helper to tear down a conditional slot component on disconnectedCallback.\n *\n * @param component\n * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n */\nexport function disconnectConditionalSlotComponent(component: ConditionalSlotComponent): void {\n  observed.delete(component.el);\n\n  // we explicitly process queued mutations and disconnect and reconnect\n  // the observer until MutationObserver gets an `unobserve` method\n  // see https://github.com/whatwg/dom/issues/126\n  processMutations(mutationObserver.takeRecords());\n  mutationObserver.disconnect();\n  for (const [element] of observed.entries()) {\n    mutationObserver.observe(element, observerOptions);\n  }\n}\n\nfunction processMutations(mutations: MutationRecord[]): void {\n  mutations.forEach(({ target }) => {\n    forceUpdate(target);\n  });\n}\n"],"version":3}

package/dist/cjs/cs-2db95c96.js

@@ -0,0 +1,148 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+'use strict';
+
+const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-4b3a58da.js');
+require('./index-4d2ffa39.js');
+require('./form-305427d4.js');
+require('./dom-8e493d5c.js');
+require('./guid-8cb5b5ee.js');
+require('./resources-951f1343.js');
+require('./interactive-cb5bd362.js');
+require('./browser-1e7b60bc.js');
+require('./key-1a0c4cf4.js');
+require('./label-421e4af8.js');
+require('./component-cedb9e47.js');
+require('./loadable-aa3b5a65.js');
+require('./locale-822dccc6.js');
+require('./observers-1f606499.js');
+require('./focusTrapComponent-cad8a356.js');
+require('./math-17cfee6a.js');
+require('./t9n-7dd10c20.js');
+require('./openCloseComponent-d4dfc155.js');
+
+// Czech [cs]
+
+function plural(n) {
+  return n > 1 && n < 5 && ~~(n / 10) !== 1; // eslint-disable-line
+}
+/* eslint-disable */
+
+
+function translate(number, withoutSuffix, key, isFuture) {
+  var result = number + " ";
+
+  switch (key) {
+    case 's':
+      // a few seconds / in a few seconds / a few seconds ago
+      return withoutSuffix || isFuture ? 'pár sekund' : 'pár sekundami';
+
+    case 'm':
+      // a minute / in a minute / a minute ago
+      return withoutSuffix ? 'minuta' : isFuture ? 'minutu' : 'minutou';
+
+    case 'mm':
+      // 9 minutes / in 9 minutes / 9 minutes ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'minuty' : 'minut');
+      }
+
+      return result + "minutami";
+
+    case 'h':
+      // an hour / in an hour / an hour ago
+      return withoutSuffix ? 'hodina' : isFuture ? 'hodinu' : 'hodinou';
+
+    case 'hh':
+      // 9 hours / in 9 hours / 9 hours ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'hodiny' : 'hodin');
+      }
+
+      return result + "hodinami";
+
+    case 'd':
+      // a day / in a day / a day ago
+      return withoutSuffix || isFuture ? 'den' : 'dnem';
+
+    case 'dd':
+      // 9 days / in 9 days / 9 days ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'dny' : 'dní');
+      }
+
+      return result + "dny";
+
+    case 'M':
+      // a month / in a month / a month ago
+      return withoutSuffix || isFuture ? 'měsíc' : 'měsícem';
+
+    case 'MM':
+      // 9 months / in 9 months / 9 months ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'měsíce' : 'měsíců');
+      }
+
+      return result + "m\u011Bs\xEDci";
+
+    case 'y':
+      // a year / in a year / a year ago
+      return withoutSuffix || isFuture ? 'rok' : 'rokem';
+
+    case 'yy':
+      // 9 years / in 9 years / 9 years ago
+      if (withoutSuffix || isFuture) {
+        return result + (plural(number) ? 'roky' : 'let');
+      }
+
+      return result + "lety";
+  }
+}
+/* eslint-enable */
+
+
+var locale = {
+  name: 'cs',
+  weekdays: 'neděle_pondělí_úterý_středa_čtvrtek_pátek_sobota'.split('_'),
+  weekdaysShort: 'ne_po_út_st_čt_pá_so'.split('_'),
+  weekdaysMin: 'ne_po_út_st_čt_pá_so'.split('_'),
+  months: 'leden_únor_březen_duben_květen_červen_červenec_srpen_září_říjen_listopad_prosinec'.split('_'),
+  monthsShort: 'led_úno_bře_dub_kvě_čvn_čvc_srp_zář_říj_lis_pro'.split('_'),
+  weekStart: 1,
+  yearStart: 4,
+  ordinal: function ordinal(n) {
+    return n + ".";
+  },
+  formats: {
+    LT: 'H:mm',
+    LTS: 'H:mm:ss',
+    L: 'DD.MM.YYYY',
+    LL: 'D. MMMM YYYY',
+    LLL: 'D. MMMM YYYY H:mm',
+    LLLL: 'dddd D. MMMM YYYY H:mm',
+    l: 'D. M. YYYY'
+  },
+  relativeTime: {
+    future: 'za %s',
+    past: 'před %s',
+    s: translate,
+    m: translate,
+    mm: translate,
+    h: translate,
+    hh: translate,
+    d: translate,
+    dd: translate,
+    M: translate,
+    MM: translate,
+    y: translate,
+    yy: translate
+  }
+};
+calciteInputTimePicker_calciteTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;
+
+//# sourceMappingURL=cs-2db95c96.js.map

package/dist/cjs/cs-2db95c96.js.map

@@ -0,0 +1 @@
+{"file":"cs-2db95c96.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEA;AACA,SAAS,MAAM,CAAC,CAAC,EAAE;AACnB,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AAC5C,CAAC;AACD;AACA;AACA;AACA,SAAS,SAAS,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,QAAQ,EAAE;AACzD,EAAE,IAAI,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC;AAC5B;AACA,EAAE,QAAQ,GAAG;AACb,IAAI,KAAK,GAAG;AACZ;AACA,MAAM,OAAO,aAAa,IAAI,QAAQ,GAAG,YAAY,GAAG,eAAe,CAAC;AACxE;AACA,IAAI,KAAK,GAAG;AACZ;AACA,MAAM,OAAO,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AACxE;AACA,IAAI,KAAK,IAAI;AACb;AACA,MAAM,IAAI,aAAa,IAAI,QAAQ,EAAE;AACrC,QAAQ,OAAO,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;AAC9D,OAAO;AACP;AACA,MAAM,OAAO,MAAM,GAAG,UAAU,CAAC;AACjC;AACA,IAAI,KAAK,GAAG;AACZ;AACA,MAAM,OAAO,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AACxE;AACA,IAAI,KAAK,IAAI;AACb;AACA,MAAM,IAAI,aAAa,IAAI,QAAQ,EAAE;AACrC,QAAQ,OAAO,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;AAC9D,OAAO;AACP;AACA,MAAM,OAAO,MAAM,GAAG,UAAU,CAAC;AACjC;AACA,IAAI,KAAK,GAAG;AACZ;AACA,MAAM,OAAO,aAAa,IAAI,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AACxD;AACA,IAAI,KAAK,IAAI;AACb;AACA,MAAM,IAAI,aAAa,IAAI,QAAQ,EAAE;AACrC,QAAQ,OAAO,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC;AACzD,OAAO;AACP;AACA,MAAM,OAAO,MAAM,GAAG,KAAK,CAAC;AAC5B;AACA,IAAI,KAAK,GAAG;AACZ;AACA,MAAM,OAAO,aAAa,IAAI,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAC7D;AACA,IAAI,KAAK,IAAI;AACb;AACA,MAAM,IAAI,aAAa,IAAI,QAAQ,EAAE;AACrC,QAAQ,OAAO,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC;AAC/D,OAAO;AACP;AACA,MAAM,OAAO,MAAM,GAAG,gBAAgB,CAAC;AACvC;AACA,IAAI,KAAK,GAAG;AACZ;AACA,MAAM,OAAO,aAAa,IAAI,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC;AACzD;AACA,IAAI,KAAK,IAAI;AACb;AACA,MAAM,IAAI,aAAa,IAAI,QAAQ,EAAE;AACrC,QAAQ,OAAO,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC,CAAC;AAC1D,OAAO;AACP;AACA,MAAM,OAAO,MAAM,GAAG,MAAM,CAAC;AAC7B,GAAG;AACH,CAAC;AACD;AACA;AACA;AACG,IAAC,MAAM,GAAG;AACb,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,QAAQ,EAAE,kDAAkD,CAAC,KAAK,CAAC,GAAG,CAAC;AACzE,EAAE,aAAa,EAAE,sBAAsB,CAAC,KAAK,CAAC,GAAG,CAAC;AAClD,EAAE,WAAW,EAAE,sBAAsB,CAAC,KAAK,CAAC,GAAG,CAAC;AAChD,EAAE,MAAM,EAAE,mFAAmF,CAAC,KAAK,CAAC,GAAG,CAAC;AACxG,EAAE,WAAW,EAAE,iDAAiD,CAAC,KAAK,CAAC,GAAG,CAAC;AAC3E,EAAE,SAAS,EAAE,CAAC;AACd,EAAE,SAAS,EAAE,CAAC;AACd,EAAE,OAAO,EAAE,SAAS,OAAO,CAAC,CAAC,EAAE;AAC/B,IAAI,OAAO,CAAC,GAAG,GAAG,CAAC;AACnB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,EAAE,EAAE,MAAM;AACd,IAAI,GAAG,EAAE,SAAS;AAClB,IAAI,CAAC,EAAE,YAAY;AACnB,IAAI,EAAE,EAAE,cAAc;AACtB,IAAI,GAAG,EAAE,mBAAmB;AAC5B,IAAI,IAAI,EAAE,wBAAwB;AAClC,IAAI,CAAC,EAAE,YAAY;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,MAAM,EAAE,OAAO;AACnB,IAAI,IAAI,EAAE,SAAS;AACnB,IAAI,CAAC,EAAE,SAAS;AAChB,IAAI,CAAC,EAAE,SAAS;AAChB,IAAI,EAAE,EAAE,SAAS;AACjB,IAAI,CAAC,EAAE,SAAS;AAChB,IAAI,EAAE,EAAE,SAAS;AACjB,IAAI,CAAC,EAAE,SAAS;AAChB,IAAI,EAAE,EAAE,SAAS;AACjB,IAAI,CAAC,EAAE,SAAS;AAChB,IAAI,EAAE,EAAE,SAAS;AACjB,IAAI,CAAC,EAAE,SAAS;AAChB,IAAI,EAAE,EAAE,SAAS;AACjB,GAAG;AACH,EAAE;AACFA,oDAAK,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC;;;;","names":["dayjs"],"sources":["../../node_modules/dayjs/esm/locale/cs.js"],"sourcesContent":["// Czech [cs]\nimport dayjs from '../index';\n\nfunction plural(n) {\n  return n > 1 && n < 5 && ~~(n / 10) !== 1; // eslint-disable-line\n}\n/* eslint-disable */\n\n\nfunction translate(number, withoutSuffix, key, isFuture) {\n  var result = number + \" \";\n\n  switch (key) {\n    case 's':\n      // a few seconds / in a few seconds / a few seconds ago\n      return withoutSuffix || isFuture ? 'pár sekund' : 'pár sekundami';\n\n    case 'm':\n      // a minute / in a minute / a minute ago\n      return withoutSuffix ? 'minuta' : isFuture ? 'minutu' : 'minutou';\n\n    case 'mm':\n      // 9 minutes / in 9 minutes / 9 minutes ago\n      if (withoutSuffix || isFuture) {\n        return result + (plural(number) ? 'minuty' : 'minut');\n      }\n\n      return result + \"minutami\";\n\n    case 'h':\n      // an hour / in an hour / an hour ago\n      return withoutSuffix ? 'hodina' : isFuture ? 'hodinu' : 'hodinou';\n\n    case 'hh':\n      // 9 hours / in 9 hours / 9 hours ago\n      if (withoutSuffix || isFuture) {\n        return result + (plural(number) ? 'hodiny' : 'hodin');\n      }\n\n      return result + \"hodinami\";\n\n    case 'd':\n      // a day / in a day / a day ago\n      return withoutSuffix || isFuture ? 'den' : 'dnem';\n\n    case 'dd':\n      // 9 days / in 9 days / 9 days ago\n      if (withoutSuffix || isFuture) {\n        return result + (plural(number) ? 'dny' : 'dní');\n      }\n\n      return result + \"dny\";\n\n    case 'M':\n      // a month / in a month / a month ago\n      return withoutSuffix || isFuture ? 'měsíc' : 'měsícem';\n\n    case 'MM':\n      // 9 months / in 9 months / 9 months ago\n      if (withoutSuffix || isFuture) {\n        return result + (plural(number) ? 'měsíce' : 'měsíců');\n      }\n\n      return result + \"m\\u011Bs\\xEDci\";\n\n    case 'y':\n      // a year / in a year / a year ago\n      return withoutSuffix || isFuture ? 'rok' : 'rokem';\n\n    case 'yy':\n      // 9 years / in 9 years / 9 years ago\n      if (withoutSuffix || isFuture) {\n        return result + (plural(number) ? 'roky' : 'let');\n      }\n\n      return result + \"lety\";\n  }\n}\n/* eslint-enable */\n\n\nvar locale = {\n  name: 'cs',\n  weekdays: 'neděle_pondělí_úterý_středa_čtvrtek_pátek_sobota'.split('_'),\n  weekdaysShort: 'ne_po_út_st_čt_pá_so'.split('_'),\n  weekdaysMin: 'ne_po_út_st_čt_pá_so'.split('_'),\n  months: 'leden_únor_březen_duben_květen_červen_červenec_srpen_září_říjen_listopad_prosinec'.split('_'),\n  monthsShort: 'led_úno_bře_dub_kvě_čvn_čvc_srp_zář_říj_lis_pro'.split('_'),\n  weekStart: 1,\n  yearStart: 4,\n  ordinal: function ordinal(n) {\n    return n + \".\";\n  },\n  formats: {\n    LT: 'H:mm',\n    LTS: 'H:mm:ss',\n    L: 'DD.MM.YYYY',\n    LL: 'D. MMMM YYYY',\n    LLL: 'D. MMMM YYYY H:mm',\n    LLLL: 'dddd D. MMMM YYYY H:mm',\n    l: 'D. M. YYYY'\n  },\n  relativeTime: {\n    future: 'za %s',\n    past: 'před %s',\n    s: translate,\n    m: translate,\n    mm: translate,\n    h: translate,\n    hh: translate,\n    d: translate,\n    dd: translate,\n    M: translate,\n    MM: translate,\n    y: translate,\n    yy: translate\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"version":3}