@esri/calcite-components 2.2.0-next.0 → 2.2.0-next.1

package/dist/cjs/calcite-pick-list_3.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-pick-list.calcite-pick-list-group.calcite-pick-list-item.entry.cjs.js","mappings":"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","names":["createObserver","mutationObserverCallback","deselectRemovedItems","deselectSiblingItems","selectSiblings","handleFilter","handleFilterEvent","getItemData","keyDownHandler","initialize","initializeObserver","connectInteractive","cleanUpObserver","disconnectInteractive","setUpLoadableComponent","setComponentLoaded","handleInitialFilter","updateHostInteraction","removeItem","calciteListItemChangeHandler","calciteInternalListItemValueChangeHandler","calciteListFocusOutHandler","setUpItems","componentFocusable","setFocus","ICON_TYPES","h","List","connectConditionalSlotComponent","disconnectConditionalSlotComponent","getSlotted","SLOTS","CSS","constrainHeadingLevel","Fragment","Heading","updateMessages","connectLocalized","connectMessages","setUpMessages","disconnectLocalized","disconnectMessages","ICONS","toAriaBoolean"],"sources":["src/components/pick-list/pick-list.scss?tag=calcite-pick-list&encapsulation=shadow","src/components/pick-list/pick-list.tsx","src/components/pick-list-group/pick-list-group.scss?tag=calcite-pick-list-group&encapsulation=shadow","src/components/pick-list-group/pick-list-group.tsx","src/components/pick-list-item/pick-list-item.scss?tag=calcite-pick-list-item&encapsulation=shadow","src/components/pick-list-item/pick-list-item.tsx"],"sourcesContent":[":host {\n  @apply text-color-2\n    text-n1h\n    relative\n    box-border\n    flex\n    flex-shrink-0\n    flex-grow\n    flex-col\n    items-stretch\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n@include disabled();\n\n:host([filter-enabled]) header {\n  @apply bg-foreground-1\n    mb-1\n    flex\n    items-stretch\n    justify-end;\n  &.sticky-pos {\n    @apply sticky top-0 z-default;\n  }\n  @apply shadow-border-bottom;\n}\n\ncalcite-filter {\n  @apply mb-0;\n}\n\n:host([loading][disabled]) {\n  min-block-size: 2rem;\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} from \"@stencil/core\";\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 { createObserver } from \"../../utils/observers\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { ICON_TYPES } from \"./resources\";\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  mutationObserverCallback,\n  removeItem,\n  selectSiblings,\n  setFocus,\n  setUpItems,\n} from \"./shared-list-logic\";\nimport List from \"./shared-list-render\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` or `calcite-pick-list-group` elements. 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-pick-list\",\n  styleUrl: \"pick-list.scss\",\n  shadow: true,\n})\nexport class PickList<\n  ItemElement extends HTMLCalcitePickListItemElement = HTMLCalcitePickListItemElement\n> implements InteractiveComponent, LoadableComponent\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   * The currently filtered items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalcitePickListItemElement[] = [];\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\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * Placeholder text for the filter 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\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\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-pick-list-item`s at a time.\n   * When `false`, only a single `calcite-pick-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-pick-list-item`s via keyboard.\n   */\n  @Prop({ reflect: true }) selectionFollowsFocus = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListElement;\n\n  @State() selectedValues: Map<string, ItemElement> = new Map();\n\n  @State() dataForFilter: ItemData = [];\n\n  items: ItemElement[];\n\n  lastSelectedItem: ItemElement = null;\n\n  mutationObserver = createObserver(\"mutation\", mutationObserverCallback.bind(this));\n\n  emitCalciteListChange: () => void;\n\n  emitCalciteListFilter: () => void;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    initialize.call(this);\n    initializeObserver.call(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    cleanUpObserver.call(this);\n    disconnectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    handleInitialFilter.call(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the `calcite-pick-list-item` selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<\n    Map<string, HTMLCalcitePickListItemElement>\n  >;\n\n  /**\n   * Emits when a filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\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  @Listen(\"focusout\")\n  calciteListFocusOutHandler(event: FocusEvent): void {\n    calciteListFocusOutHandler.call(this, event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setUpItems(): void {\n    setUpItems.call(this, \"calcite-pick-list-item\");\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: any[]): void => {\n    this.filteredItems = filteredItems;\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 = keyDownHandler.bind(this);\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Returns the component's selected `calcite-pick-list-item`s. */\n  @Method()\n  async getSelectedItems(): Promise<Map<string, HTMLCalcitePickListItemElement>> {\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 {\n    return this.multiple ? ICON_TYPES.square : ICON_TYPES.circle;\n  }\n\n  render(): VNode {\n    return <List onKeyDown={this.keyDownHandler} props={this} />;\n  }\n}\n",":host {\n  @apply text-color-2\n    text-n1\n    mb-1\n    box-border\n    block\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n:host(:last-child) {\n  @apply mb-0;\n}\n\n@import \"../../assets/styles/header\";\n\n.heading {\n  @apply text-0h text-n1-wrap\n    text-color-3\n    my-2\n    mx-4;\n}\n\n.container--indented {\n  margin-inline-start: theme(\"margin.6\");\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { constrainHeadingLevel, Heading, HeadingLevel } from \"../functional/Heading\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` elements.\n */\n@Component({\n  tag: \"calcite-pick-list-group\",\n  styleUrl: \"pick-list-group.scss\",\n  shadow: true,\n})\nexport class PickListGroup implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the title for all nested `calcite-pick-list-item`s.\n   *\n   */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListGroupElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el, groupTitle, headingLevel } = this;\n    const hasParentItem = getSlotted(el, SLOTS.parentItem) !== null;\n    const sectionClasses = {\n      [CSS.container]: true,\n      [CSS.indented]: hasParentItem,\n    };\n\n    const title = groupTitle;\n    const parentLevel = el.closest(\"calcite-pick-list\")?.headingLevel;\n    const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;\n    const level = headingLevel || relativeLevel;\n\n    return (\n      <Fragment>\n        {title ? (\n          <Heading class={CSS.heading} level={level}>\n            {title}\n          </Heading>\n        ) : null}\n        <slot name={SLOTS.parentItem} />\n        <section class={sectionClasses}>\n          <slot />\n        </section>\n      </Fragment>\n    );\n  }\n}\n",":host {\n  @apply bg-foreground-1\n    text-n1\n    text-color-1\n    shadow-border-bottom\n    bg-foreground-1\n    text-n1h\n    m-0\n    mb-px\n    box-border\n    flex\n    items-stretch;\n  transition: background-color var(--calcite-animation-timing);\n  animation: calcite-fade-in var(--calcite-animation-timing);\n\n  * {\n    @apply box-border;\n  }\n}\n\n.label {\n  @apply focus-base\n    flex\n    flex-auto\n    cursor-pointer\n    items-center\n    bg-transparent;\n  &:focus {\n    @apply focus-inset;\n  }\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n:host([non-interactive]:hover) {\n  @apply bg-foreground-1;\n}\n\n:host([non-interactive]) .label,\n:host([non-interactive]) .icon {\n  @apply pointer-events-none;\n}\n\n.icon {\n  @apply my-0 flex cursor-pointer items-center p-1;\n  color: theme(\"colors.brand\");\n  flex: 0 0 auto;\n  line-height: 0;\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n.icon-dot {\n  @apply flex w-6 items-center p-2;\n  &:before {\n    @apply opacity-0;\n    content: \"\\2022\";\n  }\n}\n\n.icon calcite-icon {\n  @apply opacity-0;\n}\n\n:host([selected]) .icon-dot:before,\n:host([selected]) .icon calcite-icon {\n  transition: opacity var(--calcite-animation-timing);\n  @apply opacity-100;\n}\n\n.text-container {\n  @apply text-n2-wrap\n    word-break\n    pointer-events-none\n    flex\n    flex-col\n    flex-nowrap\n    overflow-hidden\n    py-2\n    px-3;\n}\n\n.title {\n  @apply text-color-1 font-normal;\n}\n\n.description {\n  @apply text-color-3 mt-0.5 font-normal;\n}\n\n.actions {\n  @apply m-0 flex flex-initial items-stretch justify-end;\n}\n\n.actions--start ~ .label {\n  padding-inline-start: theme(\"padding.1\");\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted, toAriaBoolean } from \"../../utils/dom\";\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 } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { PickListItemMessages } from \"./assets/pick-list-item/t9n\";\nimport { CSS, 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-pick-list-item\",\n  styleUrl: \"pick-list-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class PickListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent, T9nComponent\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  @Watch(\"description\")\n  descriptionWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\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 `false`, the component cannot be deselected by user interaction.\n   */\n  @Prop({ reflect: true }) deselectDisabled = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true }) nonInteractive = 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  @Watch(\"label\")\n  labelWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\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<PickListItemMessages>;\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: PickListItemMessages;\n\n  @Watch(\"defaultMessages\")\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\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  @Watch(\"metadata\")\n  metadataWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n\n  /**\n   * When `true`, displays a remove action that removes the item from the list.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, selects an item. Toggles when an item is checked/unchecked.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedWatchHandler(): void {\n    this.calciteListItemChange.emit({\n      item: this.el,\n      value: this.value,\n      selected: this.selected,\n      shiftPressed: this.shiftPressed,\n    });\n\n    this.shiftPressed = false;\n  }\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  @Watch(\"value\")\n  valueWatchHandler(newValue: any, oldValue: any): void {\n    this.calciteInternalListItemValueChange.emit({ oldValue, newValue });\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListItemElement;\n\n  private focusEl: HTMLLabelElement;\n\n  shiftPressed: boolean;\n\n  @State() defaultMessages: PickListItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this, this.el.closest(\"calcite-pick-list\") ? \"managed\" : false);\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: HTMLCalcitePickListItemElement;\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>;\n\n  /**\n   * Emits when the component's label, description, value, or metadata properties are modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemPropsChange: EventEmitter<void>;\n\n  /**\n   * Emits when the component's value property is modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemValueChange: EventEmitter<{\n    oldValue: any;\n    newValue: any;\n  }>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggles 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.selected = typeof coerce === \"boolean\" ? coerce : !this.selected;\n  }\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.focusEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  pickListClickHandler = (event: MouseEvent): void => {\n    if (this.disabled || (this.deselectDisabled && this.selected) || this.nonInteractive) {\n      return;\n    }\n\n    this.shiftPressed = event.shiftKey;\n    this.selected = !this.selected;\n  };\n\n  pickListKeyDownHandler = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      event.preventDefault();\n      if ((this.deselectDisabled && this.selected) || this.nonInteractive) {\n        return;\n      }\n      this.selected = !this.selected;\n    }\n  };\n\n  removeClickHandler = (): void => {\n    this.calciteListItemRemove.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderIcon(): VNode {\n    const { icon, iconFlipRtl } = this;\n\n    if (!icon) {\n      return null;\n    }\n\n    return (\n      <span\n        class={{\n          [CSS.icon]: true,\n          [CSS.iconDot]: icon === ICON_TYPES.circle,\n        }}\n        onClick={this.pickListClickHandler}\n      >\n        {icon === ICON_TYPES.square ? (\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.checked} scale=\"s\" />\n        ) : null}\n      </span>\n    );\n  }\n\n  renderRemoveAction(): VNode {\n    return this.removable ? (\n      <calcite-action\n        class={CSS.remove}\n        icon={ICONS.remove}\n        onClick={this.removeClickHandler}\n        slot={SLOTS.actionsEnd}\n        text={this.messages.remove}\n      />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsStart]: true }}>\n        <slot name={SLOTS.actionsStart} />\n      </div>\n    ) : null;\n  }\n\n  renderActionsEnd(): VNode {\n    const { el, removable } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd || removable ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsEnd]: true }}>\n        <slot name={SLOTS.actionsEnd} />\n        {this.renderRemoveAction()}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { description, label } = this;\n\n    return (\n      <Fragment>\n        {this.renderIcon()}\n        {this.renderActionsStart()}\n        <label\n          aria-label={label}\n          class={CSS.label}\n          onClick={this.pickListClickHandler}\n          onKeyDown={this.pickListKeyDownHandler}\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={(focusEl): HTMLLabelElement => (this.focusEl = focusEl)}\n        >\n          <div\n            aria-checked={toAriaBoolean(this.selected)}\n            class={CSS.textContainer}\n            role=\"menuitemcheckbox\"\n          >\n            <span class={CSS.title}>{label}</span>\n            {description ? <span class={CSS.description}>{description}</span> : null}\n          </div>\n        </label>\n        {this.renderActionsEnd()}\n      </Fragment>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-pick-list.calcite-pick-list-group.calcite-pick-list-item.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,WAAW,GAAG,gtCAAgtC;;MC6DvtC,QAAQ;;;;;QAmFnB,qBAAgB,GAAgB,IAAI,CAAC;QAErC,qBAAgB,GAAGA,wBAAc,CAAC,UAAU,EAAEC,kCAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAmGnF,gBAAW,GAAG,CAAC,EAA4B;YACzC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SACpB,CAAC;QAEF,qBAAgB,GAAG,CAAC,aAAoB;YACtC,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;SACpC,CAAC;QAEF,yBAAoB,GAAGC,8BAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEvD,yBAAoB,GAAGC,8BAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEvD,mBAAc,GAAGC,wBAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE3C,iBAAY,GAAGC,sBAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEvC,sBAAiB,GAAGC,2BAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEjD,gBAAW,GAAGC,qBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAErC,mBAAc,GAAGC,wBAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBA/LP,KAAK;6BAOkC,EAAE;4BAQ3B,EAAE;6BAKX,KAAK;;;;uBAqBX,KAAK;wBAQJ,KAAK;qCAKQ,KAAK;8BAUF,IAAI,GAAG,EAAE;6BAE1B,EAAE;;;;;;;IAoBrC,iBAAiB;QACfC,oBAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtBC,4BAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9BC,8BAAkB,CAAC,IAAI,CAAC,CAAC;KAC1B;IAED,oBAAoB;QAClBC,yBAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3BC,iCAAqB,CAAC,IAAI,CAAC,CAAC;KAC7B;IAED,iBAAiB;QACfC,+BAAsB,CAAC,IAAI,CAAC,CAAC;KAC9B;IAED,gBAAgB;QACdC,2BAAkB,CAAC,IAAI,CAAC,CAAC;QACzBC,6BAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAChC;IAED,kBAAkB;QAChBC,iCAAqB,CAAC,IAAI,CAAC,CAAC;KAC7B;IAqBD,4BAA4B,CAAC,KAAwB;QACnDC,oBAAU,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KAC9B;IAGD,4BAA4B,CAAC,KAAkB;QAC7CC,sCAA4B,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KAChD;IAGD,yCAAyC,CAAC,KAAkB;QAC1D,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAGD,yCAAyC,CAAC,KAAkB;QAC1DC,mDAAyC,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC5D,KAAK,CAAC,eAAe,EAAE,CAAC;KACzB;IAGD,0BAA0B,CAAC,KAAiB;QAC1CC,oCAA0B,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KAC9C;;;;;;IAQD,UAAU;QACRC,oBAAU,CAAC,IAAI,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAC;KACjD;IAED,WAAW;QACT,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;SACzC;KACF;;;;;;;IAgCD,MAAM,gBAAgB;QACpB,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;;;;;;IAQD,MAAM,QAAQ,CAAC,OAAqB;QAClC,MAAMC,2BAAkB,CAAC,IAAI,CAAC,CAAC;QAE/B,OAAOC,kBAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;KACrC;;;;;;IAQD,WAAW;QACT,OAAO,IAAI,CAAC,QAAQ,GAAGC,oBAAU,CAAC,MAAM,GAAGA,oBAAU,CAAC,MAAM,CAAC;KAC9D;IAED,MAAM;QACJ,OAAOC,QAACC,cAAI,IAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,GAAI,CAAC;KAC9D;;;;;AC/SH,MAAM,gBAAgB,GAAG,oyBAAoyB;;MCmBhzB,aAAa;;;;;;;;;;;IAgCxB,iBAAiB;QACfC,+CAA+B,CAAC,IAAI,CAAC,CAAC;KACvC;IAED,oBAAoB;QAClBC,kDAAkC,CAAC,IAAI,CAAC,CAAC;KAC1C;;;;;;IAQD,MAAM;QACJ,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9C,MAAM,aAAa,GAAGC,cAAU,CAAC,EAAE,EAAEC,iBAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QAChE,MAAM,cAAc,GAAG;YACrB,CAACC,eAAG,CAAC,SAAS,GAAG,IAAI;YACrB,CAACA,eAAG,CAAC,QAAQ,GAAG,aAAa;SAC9B,CAAC;QAEF,MAAM,KAAK,GAAG,UAAU,CAAC;QACzB,MAAM,WAAW,GAAG,EAAE,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,YAAY,CAAC;QAClE,MAAM,aAAa,GAAG,WAAW,GAAGC,6BAAqB,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;QAClF,MAAM,KAAK,GAAG,YAAY,IAAI,aAAa,CAAC;QAE5C,QACEP,QAACQ,cAAQ,QACN,KAAK,IACJR,QAACS,eAAO,IAAC,KAAK,EAAEH,eAAG,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,IACtC,KAAK,CACE,IACR,IAAI,EACRN,kBAAM,IAAI,EAAEK,iBAAK,CAAC,UAAU,GAAI,EAChCL,qBAAS,KAAK,EAAE,cAAc,IAC5BA,qBAAQ,CACA,CACD,EACX;KACH;;;;;AC3FH,MAAM,eAAe,GAAG,krFAAkrF;;MCsD7rF,YAAY;;;;;;;;;;;;QA+OvB,yBAAoB,GAAG,CAAC,KAAiB;YACvC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE;gBACpF,OAAO;aACR;YAED,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC;YACnC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;SAChC,CAAC;QAEF,2BAAsB,GAAG,CAAC,KAAoB;YAC5C,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;gBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,cAAc,EAAE;oBACnE,OAAO;iBACR;gBACD,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;aAChC;SACF,CAAC;QAEF,uBAAkB,GAAG;YACnB,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;SACnC,CAAC;;wBA9OkC,KAAK;gCAKG,KAAK;8BAKP,KAAK;oBAOI,IAAI;2BAGhB,KAAK;;;;;yBA6CP,KAAK;wBAKS,KAAK;;;+BAsC7B,EAAE;;IAnH7B,uBAAuB;QACrB,IAAI,CAAC,kCAAkC,CAAC,IAAI,EAAE,CAAC;KAChD;IAiCD,iBAAiB;QACf,IAAI,CAAC,kCAAkC,CAAC,IAAI,EAAE,CAAC;KAChD;IAkBD,gBAAgB;;KAEf;IAQD,oBAAoB;QAClB,IAAI,CAAC,kCAAkC,CAAC,IAAI,EAAE,CAAC;KAChD;IAaD,oBAAoB;QAClB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC;YAC9B,IAAI,EAAE,IAAI,CAAC,EAAE;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,YAAY,EAAE,IAAI,CAAC,YAAY;SAChC,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;KAC3B;IAQD,iBAAiB,CAAC,QAAa,EAAE,QAAa;QAC5C,IAAI,CAAC,kCAAkC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;KACtE;IAmBD,qBAAqB;QACnBU,kBAAc,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;KAC5C;;;;;;IAQD,iBAAiB;QACfzB,8BAAkB,CAAC,IAAI,CAAC,CAAC;QACzB0B,uBAAgB,CAAC,IAAI,CAAC,CAAC;QACvBC,mBAAe,CAAC,IAAI,CAAC,CAAC;QACtBV,+CAA+B,CAAC,IAAI,CAAC,CAAC;KACvC;IAED,MAAM,iBAAiB;QACrB,MAAMW,iBAAa,CAAC,IAAI,CAAC,CAAC;QAC1BzB,+BAAsB,CAAC,IAAI,CAAC,CAAC;KAC9B;IAED,gBAAgB;QACdC,2BAAkB,CAAC,IAAI,CAAC,CAAC;KAC1B;IAED,oBAAoB;QAClBF,iCAAqB,CAAC,IAAI,CAAC,CAAC;QAC5B2B,0BAAmB,CAAC,IAAI,CAAC,CAAC;QAC1BC,sBAAkB,CAAC,IAAI,CAAC,CAAC;QACzBZ,kDAAkC,CAAC,IAAI,CAAC,CAAC;KAC1C;IAED,kBAAkB;QAChBZ,iCAAqB,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;IAqDD,MAAM,cAAc,CAAC,MAAgB;QACnC,IAAI,CAAC,QAAQ,GAAG,OAAO,MAAM,KAAK,SAAS,GAAG,MAAM,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;KACvE;;IAID,MAAM,QAAQ;QACZ,MAAMM,2BAAkB,CAAC,IAAI,CAAC,CAAC;QAE/B,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;KACvB;;;;;;IAqCD,UAAU;QACR,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAEnC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,IAAI,CAAC;SACb;QAED,QACEG,kBACE,KAAK,EAAE;gBACL,CAACM,aAAG,CAAC,IAAI,GAAG,IAAI;gBAChB,CAACA,aAAG,CAAC,OAAO,GAAG,IAAI,KAAKP,oBAAU,CAAC,MAAM;aAC1C,EACD,OAAO,EAAE,IAAI,CAAC,oBAAoB,IAEjC,IAAI,KAAKA,oBAAU,CAAC,MAAM,IACzBC,0BAAc,OAAO,EAAE,WAAW,EAAE,IAAI,EAAEgB,eAAK,CAAC,OAAO,EAAE,KAAK,EAAC,GAAG,GAAG,IACnE,IAAI,CACH,EACP;KACH;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,SAAS,IACnBhB,4BACE,KAAK,EAAEM,aAAG,CAAC,MAAM,EACjB,IAAI,EAAEU,eAAK,CAAC,MAAM,EAClB,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,IAAI,EAAEX,eAAK,CAAC,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,GAC1B,IACA,IAAI,CAAC;KACV;IAED,kBAAkB;QAChB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;QACpB,MAAM,eAAe,GAAGD,cAAU,CAAC,EAAE,EAAEC,eAAK,CAAC,YAAY,CAAC,CAAC;QAE3D,OAAO,eAAe,IACpBL,iBAAK,KAAK,EAAE,EAAE,CAACM,aAAG,CAAC,OAAO,GAAG,IAAI,EAAE,CAACA,aAAG,CAAC,YAAY,GAAG,IAAI,EAAE,IAC3DN,kBAAM,IAAI,EAAEK,eAAK,CAAC,YAAY,GAAI,CAC9B,IACJ,IAAI,CAAC;KACV;IAED,gBAAgB;QACd,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC/B,MAAM,aAAa,GAAGD,cAAU,CAAC,EAAE,EAAEC,eAAK,CAAC,UAAU,CAAC,CAAC;QAEvD,OAAO,aAAa,IAAI,SAAS,IAC/BL,iBAAK,KAAK,EAAE,EAAE,CAACM,aAAG,CAAC,OAAO,GAAG,IAAI,EAAE,CAACA,aAAG,CAAC,UAAU,GAAG,IAAI,EAAE,IACzDN,kBAAM,IAAI,EAAEK,eAAK,CAAC,UAAU,GAAI,EAC/B,IAAI,CAAC,kBAAkB,EAAE,CACtB,IACJ,IAAI,CAAC;KACV;IAED,MAAM;QACJ,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEpC,QACEL,QAACiB,gCAAoB,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAC1C,IAAI,CAAC,UAAU,EAAE,EACjB,IAAI,CAAC,kBAAkB,EAAE,EAC1BjB,iCACc,KAAK,EACjB,KAAK,EAAEM,aAAG,CAAC,KAAK,EAChB,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,SAAS,EAAE,IAAI,CAAC,sBAAsB,EACtC,QAAQ,EAAE,CAAC;;YAEX,GAAG,EAAE,CAAC,OAAO,MAAwB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,IAE5DN,iCACgBkB,iBAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC1C,KAAK,EAAEZ,aAAG,CAAC,aAAa,EACxB,IAAI,EAAC,kBAAkB,IAEvBN,kBAAM,KAAK,EAAEM,aAAG,CAAC,KAAK,IAAG,KAAK,CAAQ,EACrC,WAAW,GAAGN,kBAAM,KAAK,EAAEM,aAAG,CAAC,WAAW,IAAG,WAAW,CAAQ,GAAG,IAAI,CACpE,CACA,EACP,IAAI,CAAC,gBAAgB,EAAE,CACH,EACvB;KACH;;;;;;;;;;;;;;;;;;;;","names":["createObserver","mutationObserverCallback","deselectRemovedItems","deselectSiblingItems","selectSiblings","handleFilter","handleFilterEvent","getItemData","keyDownHandler","initialize","initializeObserver","connectInteractive","cleanUpObserver","disconnectInteractive","setUpLoadableComponent","setComponentLoaded","handleInitialFilter","updateHostInteraction","removeItem","calciteListItemChangeHandler","calciteInternalListItemValueChangeHandler","calciteListFocusOutHandler","setUpItems","componentFocusable","setFocus","ICON_TYPES","h","List","connectConditionalSlotComponent","disconnectConditionalSlotComponent","getSlotted","SLOTS","CSS","constrainHeadingLevel","Fragment","Heading","updateMessages","connectLocalized","connectMessages","setUpMessages","disconnectLocalized","disconnectMessages","ICONS","InteractiveContainer","toAriaBoolean"],"sources":["src/components/pick-list/pick-list.scss?tag=calcite-pick-list&encapsulation=shadow","src/components/pick-list/pick-list.tsx","src/components/pick-list-group/pick-list-group.scss?tag=calcite-pick-list-group&encapsulation=shadow","src/components/pick-list-group/pick-list-group.tsx","src/components/pick-list-item/pick-list-item.scss?tag=calcite-pick-list-item&encapsulation=shadow","src/components/pick-list-item/pick-list-item.tsx"],"sourcesContent":[":host {\n  @apply text-color-2\n    text-n1h\n    relative\n    box-border\n    flex\n    flex-shrink-0\n    flex-grow\n    flex-col\n    items-stretch\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n@include disabled();\n\n:host([filter-enabled]) header {\n  @apply bg-foreground-1\n    mb-1\n    flex\n    items-stretch\n    justify-end;\n  &.sticky-pos {\n    @apply sticky top-0 z-default;\n  }\n  @apply shadow-border-bottom;\n}\n\ncalcite-filter {\n  @apply mb-0;\n}\n\n:host([loading][disabled]) {\n  min-block-size: 2rem;\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} from \"@stencil/core\";\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 { createObserver } from \"../../utils/observers\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { ICON_TYPES } from \"./resources\";\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  mutationObserverCallback,\n  removeItem,\n  selectSiblings,\n  setFocus,\n  setUpItems,\n} from \"./shared-list-logic\";\nimport List from \"./shared-list-render\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` or `calcite-pick-list-group` elements. 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-pick-list\",\n  styleUrl: \"pick-list.scss\",\n  shadow: true,\n})\nexport class PickList<\n  ItemElement extends HTMLCalcitePickListItemElement = HTMLCalcitePickListItemElement\n> implements InteractiveComponent, LoadableComponent\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   * The currently filtered items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalcitePickListItemElement[] = [];\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\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * Placeholder text for the filter 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\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\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-pick-list-item`s at a time.\n   * When `false`, only a single `calcite-pick-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-pick-list-item`s via keyboard.\n   */\n  @Prop({ reflect: true }) selectionFollowsFocus = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListElement;\n\n  @State() selectedValues: Map<string, ItemElement> = new Map();\n\n  @State() dataForFilter: ItemData = [];\n\n  items: ItemElement[];\n\n  lastSelectedItem: ItemElement = null;\n\n  mutationObserver = createObserver(\"mutation\", mutationObserverCallback.bind(this));\n\n  emitCalciteListChange: () => void;\n\n  emitCalciteListFilter: () => void;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    initialize.call(this);\n    initializeObserver.call(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    cleanUpObserver.call(this);\n    disconnectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    handleInitialFilter.call(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the `calcite-pick-list-item` selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<\n    Map<string, HTMLCalcitePickListItemElement>\n  >;\n\n  /**\n   * Emits when a filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\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  @Listen(\"focusout\")\n  calciteListFocusOutHandler(event: FocusEvent): void {\n    calciteListFocusOutHandler.call(this, event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setUpItems(): void {\n    setUpItems.call(this, \"calcite-pick-list-item\");\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: any[]): void => {\n    this.filteredItems = filteredItems;\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 = keyDownHandler.bind(this);\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Returns the component's selected `calcite-pick-list-item`s. */\n  @Method()\n  async getSelectedItems(): Promise<Map<string, HTMLCalcitePickListItemElement>> {\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 {\n    return this.multiple ? ICON_TYPES.square : ICON_TYPES.circle;\n  }\n\n  render(): VNode {\n    return <List onKeyDown={this.keyDownHandler} props={this} />;\n  }\n}\n",":host {\n  @apply text-color-2\n    text-n1\n    mb-1\n    box-border\n    block\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n:host(:last-child) {\n  @apply mb-0;\n}\n\n@import \"../../assets/styles/header\";\n\n.heading {\n  @apply text-0h text-n1-wrap\n    text-color-3\n    my-2\n    mx-4;\n}\n\n.container--indented {\n  margin-inline-start: theme(\"margin.6\");\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { constrainHeadingLevel, Heading, HeadingLevel } from \"../functional/Heading\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` elements.\n */\n@Component({\n  tag: \"calcite-pick-list-group\",\n  styleUrl: \"pick-list-group.scss\",\n  shadow: true,\n})\nexport class PickListGroup implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the title for all nested `calcite-pick-list-item`s.\n   *\n   */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListGroupElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el, groupTitle, headingLevel } = this;\n    const hasParentItem = getSlotted(el, SLOTS.parentItem) !== null;\n    const sectionClasses = {\n      [CSS.container]: true,\n      [CSS.indented]: hasParentItem,\n    };\n\n    const title = groupTitle;\n    const parentLevel = el.closest(\"calcite-pick-list\")?.headingLevel;\n    const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;\n    const level = headingLevel || relativeLevel;\n\n    return (\n      <Fragment>\n        {title ? (\n          <Heading class={CSS.heading} level={level}>\n            {title}\n          </Heading>\n        ) : null}\n        <slot name={SLOTS.parentItem} />\n        <section class={sectionClasses}>\n          <slot />\n        </section>\n      </Fragment>\n    );\n  }\n}\n",":host {\n  @apply bg-foreground-1\n    text-n1\n    text-color-1\n    shadow-border-bottom\n    bg-foreground-1\n    text-n1h\n    m-0\n    mb-px\n    box-border\n    flex\n    items-stretch;\n  transition: background-color var(--calcite-animation-timing);\n  animation: calcite-fade-in var(--calcite-animation-timing);\n\n  * {\n    @apply box-border;\n  }\n}\n\n.label {\n  @apply focus-base\n    flex\n    flex-auto\n    cursor-pointer\n    items-center\n    bg-transparent;\n  &:focus {\n    @apply focus-inset;\n  }\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n:host([non-interactive]:hover) {\n  @apply bg-foreground-1;\n}\n\n:host([non-interactive]) .label,\n:host([non-interactive]) .icon {\n  @apply pointer-events-none;\n}\n\n.icon {\n  @apply my-0 flex cursor-pointer items-center p-1;\n  color: theme(\"colors.brand\");\n  flex: 0 0 auto;\n  line-height: 0;\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n.icon-dot {\n  @apply flex w-6 items-center p-2;\n  &:before {\n    @apply opacity-0;\n    content: \"\\2022\";\n  }\n}\n\n.icon calcite-icon {\n  @apply opacity-0;\n}\n\n:host([selected]) .icon-dot:before,\n:host([selected]) .icon calcite-icon {\n  transition: opacity var(--calcite-animation-timing);\n  @apply opacity-100;\n}\n\n.text-container {\n  @apply text-n2-wrap\n    word-break\n    pointer-events-none\n    flex\n    flex-col\n    flex-nowrap\n    overflow-hidden\n    py-2\n    px-3;\n}\n\n.title {\n  @apply text-color-1 font-normal;\n}\n\n.description {\n  @apply text-color-3 mt-0.5 font-normal;\n}\n\n.actions {\n  @apply m-0 flex flex-initial items-stretch justify-end;\n}\n\n.actions--start ~ .label {\n  padding-inline-start: theme(\"padding.1\");\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { PickListItemMessages } from \"./assets/pick-list-item/t9n\";\nimport { CSS, 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-pick-list-item\",\n  styleUrl: \"pick-list-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class PickListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent, T9nComponent\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  @Watch(\"description\")\n  descriptionWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\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 `false`, the component cannot be deselected by user interaction.\n   */\n  @Prop({ reflect: true }) deselectDisabled = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true }) nonInteractive = 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  @Watch(\"label\")\n  labelWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\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<PickListItemMessages>;\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: PickListItemMessages;\n\n  @Watch(\"defaultMessages\")\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\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  @Watch(\"metadata\")\n  metadataWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n\n  /**\n   * When `true`, displays a remove action that removes the item from the list.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, selects an item. Toggles when an item is checked/unchecked.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedWatchHandler(): void {\n    this.calciteListItemChange.emit({\n      item: this.el,\n      value: this.value,\n      selected: this.selected,\n      shiftPressed: this.shiftPressed,\n    });\n\n    this.shiftPressed = false;\n  }\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  @Watch(\"value\")\n  valueWatchHandler(newValue: any, oldValue: any): void {\n    this.calciteInternalListItemValueChange.emit({ oldValue, newValue });\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListItemElement;\n\n  private focusEl: HTMLLabelElement;\n\n  shiftPressed: boolean;\n\n  @State() defaultMessages: PickListItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\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: HTMLCalcitePickListItemElement;\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>;\n\n  /**\n   * Emits when the component's label, description, value, or metadata properties are modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemPropsChange: EventEmitter<void>;\n\n  /**\n   * Emits when the component's value property is modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemValueChange: EventEmitter<{\n    oldValue: any;\n    newValue: any;\n  }>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggles 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.selected = typeof coerce === \"boolean\" ? coerce : !this.selected;\n  }\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.focusEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  pickListClickHandler = (event: MouseEvent): void => {\n    if (this.disabled || (this.deselectDisabled && this.selected) || this.nonInteractive) {\n      return;\n    }\n\n    this.shiftPressed = event.shiftKey;\n    this.selected = !this.selected;\n  };\n\n  pickListKeyDownHandler = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      event.preventDefault();\n      if ((this.deselectDisabled && this.selected) || this.nonInteractive) {\n        return;\n      }\n      this.selected = !this.selected;\n    }\n  };\n\n  removeClickHandler = (): void => {\n    this.calciteListItemRemove.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderIcon(): VNode {\n    const { icon, iconFlipRtl } = this;\n\n    if (!icon) {\n      return null;\n    }\n\n    return (\n      <span\n        class={{\n          [CSS.icon]: true,\n          [CSS.iconDot]: icon === ICON_TYPES.circle,\n        }}\n        onClick={this.pickListClickHandler}\n      >\n        {icon === ICON_TYPES.square ? (\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.checked} scale=\"s\" />\n        ) : null}\n      </span>\n    );\n  }\n\n  renderRemoveAction(): VNode {\n    return this.removable ? (\n      <calcite-action\n        class={CSS.remove}\n        icon={ICONS.remove}\n        onClick={this.removeClickHandler}\n        slot={SLOTS.actionsEnd}\n        text={this.messages.remove}\n      />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsStart]: true }}>\n        <slot name={SLOTS.actionsStart} />\n      </div>\n    ) : null;\n  }\n\n  renderActionsEnd(): VNode {\n    const { el, removable } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd || removable ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsEnd]: true }}>\n        <slot name={SLOTS.actionsEnd} />\n        {this.renderRemoveAction()}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { description, label } = this;\n\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        {this.renderIcon()}\n        {this.renderActionsStart()}\n        <label\n          aria-label={label}\n          class={CSS.label}\n          onClick={this.pickListClickHandler}\n          onKeyDown={this.pickListKeyDownHandler}\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={(focusEl): HTMLLabelElement => (this.focusEl = focusEl)}\n        >\n          <div\n            aria-checked={toAriaBoolean(this.selected)}\n            class={CSS.textContainer}\n            role=\"menuitemcheckbox\"\n          >\n            <span class={CSS.title}>{label}</span>\n            {description ? <span class={CSS.description}>{description}</span> : null}\n          </div>\n        </label>\n        {this.renderActionsEnd()}\n      </InteractiveContainer>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/calcite-popover.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.2.0-next.0
+ * v2.2.0-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96b85efe.js');
-const floatingUi = require('./floating-ui-4820f72b.js');
-const focusTrapComponent = require('./focusTrapComponent-aca73790.js');
-const dom = require('./dom-afcc4f08.js');
-const guid = require('./guid-9272df1b.js');
-const openCloseComponent = require('./openCloseComponent-a24661c6.js');
-const Heading = require('./Heading-b270a97e.js');
-const locale = require('./locale-f3c5ce8e.js');
-const t9n = require('./t9n-7ada50fb.js');
-const key = require('./key-f65f1f51.js');
-const loadable = require('./loadable-488230d3.js');
-const observers = require('./observers-20febba7.js');
-const FloatingArrow = require('./FloatingArrow-cc9cd375.js');
-const component = require('./component-f4c2ecd4.js');
-require('./debounce-5f6f9a5a.js');
-require('./resources-aeedfe4f.js');
+const index = require('./index-da143e9e.js');
+const floatingUi = require('./floating-ui-e240bf30.js');
+const focusTrapComponent = require('./focusTrapComponent-be7d4977.js');
+const dom = require('./dom-d932fba4.js');
+const guid = require('./guid-a987eaa5.js');
+const openCloseComponent = require('./openCloseComponent-202868ba.js');
+const Heading = require('./Heading-b0b9e226.js');
+const locale = require('./locale-dd091567.js');
+const t9n = require('./t9n-610613ad.js');
+const key = require('./key-b558fe12.js');
+const loadable = require('./loadable-6ec686cd.js');
+const observers = require('./observers-35a5b1f8.js');
+const FloatingArrow = require('./FloatingArrow-20c5ed25.js');
+const component = require('./component-bf756c9b.js');
+require('./debounce-9f42c9ae.js');
+require('./resources-d89f2476.js');
 
 const CSS = {
     container: "container",

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
+ * v2.2.0-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96b85efe.js');
-const dom = require('./dom-afcc4f08.js');
-const resources = require('./resources-aeedfe4f.js');
-require('./guid-9272df1b.js');
+const index = require('./index-da143e9e.js');
+const dom = require('./dom-d932fba4.js');
+const resources = require('./resources-d89f2476.js');
+require('./guid-a987eaa5.js');
 
 const progressCss = ":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/cjs/calcite-radio-button-group.cjs.entry.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.2.0-next.0
+ * v2.2.0-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96b85efe.js');
-const observers = require('./observers-20febba7.js');
-const loadable = require('./loadable-488230d3.js');
+const index = require('./index-da143e9e.js');
+const observers = require('./observers-35a5b1f8.js');
+const loadable = require('./loadable-6ec686cd.js');
 
 const radioButtonGroupCss = ":host{display:flex;max-inline-size:100vw}:host([layout=horizontal]){flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/cjs/calcite-radio-button.cjs.entry.js

@@ -1,29 +1,29 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
+ * v2.2.0-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96b85efe.js');
-const array = require('./array-6e6bf0fa.js');
-const dom = require('./dom-afcc4f08.js');
-const form = require('./form-a4b759d2.js');
-const guid = require('./guid-9272df1b.js');
-const interactive = require('./interactive-04057cf9.js');
-const label = require('./label-bc01a1b7.js');
-const loadable = require('./loadable-488230d3.js');
-require('./resources-aeedfe4f.js');
-require('./browser-843700f4.js');
-require('./component-f4c2ecd4.js');
+const index = require('./index-da143e9e.js');
+const array = require('./array-50720d70.js');
+const dom = require('./dom-d932fba4.js');
+const form = require('./form-b1b105cc.js');
+const guid = require('./guid-a987eaa5.js');
+const interactive = require('./interactive-012e7a4d.js');
+const label = require('./label-d69b4b41.js');
+const loadable = require('./loadable-6ec686cd.js');
+require('./resources-d89f2476.js');
+require('./browser-6ce852bf.js');
+require('./component-bf756c9b.js');
 
 const CSS = {
     container: "container",
 };
 
-const radioButtonCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:\"\";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
+const radioButtonCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:\"\";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 
 const RadioButton = class {
     constructor(hostRef) {
@@ -296,9 +296,9 @@ const RadioButton = class {
     // --------------------------------------------------------------------------
     render() {
         const tabIndex = this.getTabIndex();
-        return (index.h(index.Host, { onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, index.h("div", { "aria-checked": dom.toAriaBoolean(this.checked), "aria-label": label.getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: "radio", tabIndex: tabIndex,
+        return (index.h(index.Host, { onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, index.h(interactive.InteractiveContainer, { disabled: this.disabled }, index.h("div", { "aria-checked": dom.toAriaBoolean(this.checked), "aria-label": label.getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: "radio", tabIndex: tabIndex,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setContainerEl }, index.h("div", { class: "radio" })), index.h(form.HiddenFormInputSlot, { component: this })));
+            ref: this.setContainerEl }, index.h("div", { class: "radio" })), index.h(form.HiddenFormInputSlot, { component: this }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/calcite-radio-button.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-radio-button.entry.cjs.js","mappings":"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","names":["getElementDir","getRoundRobinIndex","componentFocusable","focusElement","forceUpdate","guid","connectInteractive","connectLabel","connectForm","setUpLoadableComponent","setComponentLoaded","disconnectInteractive","disconnectLabel","disconnectForm","updateHostInteraction","h","Host","toAriaBoolean","getLabelText","HiddenFormInputSlot"],"sources":["src/components/radio-button/resources.ts","src/components/radio-button/radio-button.scss?tag=calcite-radio-button&encapsulation=shadow","src/components/radio-button/radio-button.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n};\n",":host {\n  @apply block cursor-pointer;\n  .container {\n    @apply relative outline-none;\n  }\n  .radio {\n    @apply bg-foreground-1 cursor-pointer focus-base rounded-full transition-default;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n  }\n}\n\n:host([hovered]),\n:host(:not([checked])[focused]:not([disabled])) {\n  .radio {\n    box-shadow: inset 0 0 0 2px var(--calcite-color-brand);\n  }\n}\n\n:host([focused]) {\n  .radio {\n    @apply focus-outset;\n  }\n}\n\n@include disabled() {\n  .radio {\n    @apply opacity-disabled cursor-default;\n  }\n}\n\n:host([hovered][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n  }\n}\n\n:host([scale=\"s\"]) {\n  --calcite-radio-size: theme(\"fontSize.n2\");\n}\n:host([scale=\"m\"]) {\n  --calcite-radio-size: theme(\"fontSize.n1\");\n}\n:host([scale=\"l\"]) {\n  --calcite-radio-size: theme(\"fontSize.0\");\n}\n\n.radio {\n  block-size: var(--calcite-radio-size);\n  max-inline-size: var(--calcite-radio-size);\n  min-inline-size: var(--calcite-radio-size);\n}\n\n:host([scale=\"s\"][checked]),\n:host([hovered][scale=\"s\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 4px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"s\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow: inset 0 0 0 4px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n:host([scale=\"m\"][checked]),\n:host([hovered][scale=\"m\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 5px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"m\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow: inset 0 0 0 5px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n:host([scale=\"l\"][checked]),\n:host([hovered][scale=\"l\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 6px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"l\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow: inset 0 0 0 6px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n\n@media (forced-colors: active) {\n  :host([checked]),\n  :host([checked][disabled]) {\n    .radio::after {\n      content: \"\";\n      inline-size: var(--calcite-radio-size);\n      block-size: var(--calcite-radio-size);\n      background-color: windowText;\n      display: block;\n    }\n  }\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { focusElement, getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-radio-button\",\n  styleUrl: \"radio-button.scss\",\n  shadow: true,\n})\nexport class RadioButton\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  @Watch(\"checked\")\n  checkedChanged(newChecked: boolean): void {\n    if (newChecked) {\n      this.uncheckOtherRadioButtonsInGroup();\n    }\n\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The focused state of the component.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) focused = false;\n\n  /**\n   * The ID of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /** The `id` of the component. When omitted, a globally unique identifier is used. */\n  @Prop({ reflect: true, mutable: true }) guid: string;\n\n  /** When `true`, the component is not displayed and is not focusable or checkable. */\n  @Prop({ reflect: true }) hidden = false;\n\n  @Watch(\"hidden\")\n  hiddenChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The hovered state of the component.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) hovered = false;\n\n  /**\n   * Accessible name for the component.\n   *\n   * @internal\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  @Watch(\"name\")\n  nameChanged(): void {\n    this.checkLastRadioButton();\n  }\n\n  /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** The component's value. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true }) value!: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRadioButtonElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultChecked: boolean;\n\n  defaultValue: RadioButton[\"value\"];\n\n  rootNode: HTMLElement;\n\n  containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (!this.disabled) {\n      focusElement(this.containerEl);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"radio\";\n  }\n\n  selectItem = (items: HTMLCalciteRadioButtonElement[], selectedIndex: number): void => {\n    items[selectedIndex].click();\n  };\n\n  queryButtons = (): HTMLCalciteRadioButtonElement[] => {\n    return Array.from(this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden])\")).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name\n    ) as HTMLCalciteRadioButtonElement[];\n  };\n\n  isFocusable = (): boolean => {\n    const radioButtons = this.queryButtons();\n    const firstFocusable = radioButtons.find((radioButton) => !radioButton.disabled);\n    const checked = radioButtons.find((radioButton) => radioButton.checked);\n    return firstFocusable === this.el && !checked;\n  };\n\n  check = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.focused = true;\n    this.setFocus();\n\n    if (this.checked) {\n      return;\n    }\n\n    this.uncheckAllRadioButtonsInGroup();\n    this.checked = true;\n    this.calciteRadioButtonChange.emit();\n  };\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.check();\n  };\n\n  onLabelClick(event: CustomEvent): void {\n    if (this.disabled || this.hidden) {\n      return;\n    }\n\n    const label = event.currentTarget as HTMLCalciteLabelElement;\n\n    const radioButton = label.for\n      ? this.rootNode.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[id=\"${label.for}\"]`\n        )\n      : label.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[name=\"${this.name}\"]`\n        );\n\n    if (!radioButton) {\n      return;\n    }\n\n    radioButton.focused = true;\n    this.setFocus();\n\n    if (radioButton.checked) {\n      return;\n    }\n\n    this.uncheckOtherRadioButtonsInGroup();\n    radioButton.checked = true;\n    this.calciteRadioButtonChange.emit();\n  }\n\n  private checkLastRadioButton(): void {\n    const radioButtons = this.queryButtons();\n    const checkedRadioButtons = radioButtons.filter((radioButton) => radioButton.checked);\n\n    if (checkedRadioButtons?.length > 1) {\n      const lastCheckedRadioButton = checkedRadioButtons[checkedRadioButtons.length - 1];\n      checkedRadioButtons\n        .filter((checkedRadioButton) => checkedRadioButton !== lastCheckedRadioButton)\n        .forEach((checkedRadioButton: HTMLCalciteRadioButtonElement) => {\n          checkedRadioButton.checked = false;\n          checkedRadioButton.emitCheckedChange();\n        });\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async emitCheckedChange(): Promise<void> {\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  private setContainerEl = (el: HTMLDivElement): void => {\n    this.containerEl = el;\n  };\n\n  private uncheckAllRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    radioButtons.forEach((radioButton) => {\n      if (radioButton.checked) {\n        radioButton.checked = false;\n        radioButton.focused = false;\n      }\n    });\n  }\n\n  private uncheckOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherRadioButtons = radioButtons.filter((radioButton) => radioButton.guid !== this.guid);\n    otherRadioButtons.forEach((otherRadioButton) => {\n      if (otherRadioButton.checked) {\n        otherRadioButton.checked = false;\n        otherRadioButton.focused = false;\n      }\n    });\n  }\n\n  private updateTabIndexOfOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherFocusableRadioButtons = radioButtons.filter(\n      (radioButton) => radioButton.guid !== this.guid && !radioButton.disabled\n    );\n    otherFocusableRadioButtons.forEach((radioButton) => {\n      forceUpdate(radioButton);\n    });\n  }\n\n  private getTabIndex(): number | undefined {\n    if (this.disabled) {\n      return undefined;\n    }\n    return this.checked || this.isFocusable() ? 0 : -1;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the radio button is blurred.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonBlur: EventEmitter<void>;\n\n  /**\n   * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\n   * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\n   * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\n   * or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\n   */\n  @Event({ cancelable: false }) calciteRadioButtonChange: EventEmitter<void>;\n\n  /**\n   * Fires when the checked property changes.  This is an internal event used for styling purposes only.\n   * Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonCheckedChange: EventEmitter<void>;\n\n  /**\n   * Fires when the radio button is focused.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonFocus: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = true;\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = false;\n  }\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el } = this;\n\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n\n    if (key === \" \") {\n      this.check();\n      event.preventDefault();\n      return;\n    }\n\n    let adjustedKey = key;\n\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n\n    const radioButtons = Array.from(\n      this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden]\")\n    ).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name\n    ) as HTMLCalciteRadioButtonElement[];\n    let currentIndex = 0;\n\n    const radioButtonsLength = radioButtons.length;\n\n    radioButtons.some((item, index) => {\n      if (item.checked) {\n        currentIndex = index;\n        return true;\n      }\n    });\n\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.selectItem(\n          radioButtons,\n          getRoundRobinIndex(Math.max(currentIndex - 1, -1), radioButtonsLength)\n        );\n        return;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.selectItem(radioButtons, getRoundRobinIndex(currentIndex + 1, radioButtonsLength));\n        return;\n      default:\n        return;\n    }\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n    this.calciteInternalRadioButtonBlur.emit();\n  };\n\n  private onContainerFocus = (): void => {\n    if (!this.disabled) {\n      this.focused = true;\n      this.calciteInternalRadioButtonFocus.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.rootNode = this.el.getRootNode() as HTMLElement;\n    this.guid = this.el.id || `calcite-radio-button-${guid()}`;\n    if (this.name) {\n      this.checkLastRadioButton();\n    }\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n\n    if (this.focused && !this.disabled) {\n      this.setFocus();\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const tabIndex = this.getTabIndex();\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.handleKeyDown}>\n        <div\n          aria-checked={toAriaBoolean(this.checked)}\n          aria-label={getLabelText(this)}\n          class={CSS.container}\n          onBlur={this.onContainerBlur}\n          onFocus={this.onContainerFocus}\n          role=\"radio\"\n          tabIndex={tabIndex}\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.setContainerEl}\n        >\n          <div class=\"radio\" />\n        </div>\n        <HiddenFormInputSlot component={this} />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-radio-button.entry.cjs.js","mappings":"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","names":["getElementDir","getRoundRobinIndex","componentFocusable","focusElement","forceUpdate","guid","connectInteractive","connectLabel","connectForm","setUpLoadableComponent","setComponentLoaded","disconnectInteractive","disconnectLabel","disconnectForm","updateHostInteraction","h","Host","InteractiveContainer","toAriaBoolean","getLabelText","HiddenFormInputSlot"],"sources":["src/components/radio-button/resources.ts","src/components/radio-button/radio-button.scss?tag=calcite-radio-button&encapsulation=shadow","src/components/radio-button/radio-button.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n};\n",":host {\n  @apply block cursor-pointer;\n  .container {\n    @apply relative outline-none;\n  }\n  .radio {\n    @apply bg-foreground-1 cursor-pointer focus-base rounded-full transition-default;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n  }\n}\n\n:host([hovered]),\n:host(:not([checked])[focused]:not([disabled])) {\n  .radio {\n    box-shadow: inset 0 0 0 2px var(--calcite-color-brand);\n  }\n}\n\n:host([focused]) {\n  .radio {\n    @apply focus-outset;\n  }\n}\n\n@include disabled() {\n  .radio {\n    @apply opacity-disabled cursor-default;\n  }\n}\n\n:host([hovered][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n  }\n}\n\n:host([scale=\"s\"]) {\n  --calcite-radio-size: theme(\"fontSize.n2\");\n}\n:host([scale=\"m\"]) {\n  --calcite-radio-size: theme(\"fontSize.n1\");\n}\n:host([scale=\"l\"]) {\n  --calcite-radio-size: theme(\"fontSize.0\");\n}\n\n.radio {\n  block-size: var(--calcite-radio-size);\n  max-inline-size: var(--calcite-radio-size);\n  min-inline-size: var(--calcite-radio-size);\n}\n\n:host([scale=\"s\"][checked]),\n:host([hovered][scale=\"s\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 4px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"s\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow: inset 0 0 0 4px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n:host([scale=\"m\"][checked]),\n:host([hovered][scale=\"m\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 5px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"m\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow: inset 0 0 0 5px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n:host([scale=\"l\"][checked]),\n:host([hovered][scale=\"l\"][checked][disabled]) {\n  .radio {\n    box-shadow: inset 0 0 0 6px var(--calcite-color-brand);\n  }\n}\n:host([scale=\"l\"][focused][checked]:not([disabled])) {\n  .radio {\n    box-shadow: inset 0 0 0 6px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n\n@media (forced-colors: active) {\n  :host([checked]),\n  :host([checked][disabled]) {\n    .radio::after {\n      content: \"\";\n      inline-size: var(--calcite-radio-size);\n      block-size: var(--calcite-radio-size);\n      background-color: windowText;\n      display: block;\n    }\n  }\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { focusElement, getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-radio-button\",\n  styleUrl: \"radio-button.scss\",\n  shadow: true,\n})\nexport class RadioButton\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  @Watch(\"checked\")\n  checkedChanged(newChecked: boolean): void {\n    if (newChecked) {\n      this.uncheckOtherRadioButtonsInGroup();\n    }\n\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The focused state of the component.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) focused = false;\n\n  /**\n   * The ID of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /** The `id` of the component. When omitted, a globally unique identifier is used. */\n  @Prop({ reflect: true, mutable: true }) guid: string;\n\n  /** When `true`, the component is not displayed and is not focusable or checkable. */\n  @Prop({ reflect: true }) hidden = false;\n\n  @Watch(\"hidden\")\n  hiddenChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The hovered state of the component.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) hovered = false;\n\n  /**\n   * Accessible name for the component.\n   *\n   * @internal\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  @Watch(\"name\")\n  nameChanged(): void {\n    this.checkLastRadioButton();\n  }\n\n  /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** The component's value. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true }) value!: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRadioButtonElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultChecked: boolean;\n\n  defaultValue: RadioButton[\"value\"];\n\n  rootNode: HTMLElement;\n\n  containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (!this.disabled) {\n      focusElement(this.containerEl);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"radio\";\n  }\n\n  selectItem = (items: HTMLCalciteRadioButtonElement[], selectedIndex: number): void => {\n    items[selectedIndex].click();\n  };\n\n  queryButtons = (): HTMLCalciteRadioButtonElement[] => {\n    return Array.from(this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden])\")).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name\n    ) as HTMLCalciteRadioButtonElement[];\n  };\n\n  isFocusable = (): boolean => {\n    const radioButtons = this.queryButtons();\n    const firstFocusable = radioButtons.find((radioButton) => !radioButton.disabled);\n    const checked = radioButtons.find((radioButton) => radioButton.checked);\n    return firstFocusable === this.el && !checked;\n  };\n\n  check = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.focused = true;\n    this.setFocus();\n\n    if (this.checked) {\n      return;\n    }\n\n    this.uncheckAllRadioButtonsInGroup();\n    this.checked = true;\n    this.calciteRadioButtonChange.emit();\n  };\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.check();\n  };\n\n  onLabelClick(event: CustomEvent): void {\n    if (this.disabled || this.hidden) {\n      return;\n    }\n\n    const label = event.currentTarget as HTMLCalciteLabelElement;\n\n    const radioButton = label.for\n      ? this.rootNode.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[id=\"${label.for}\"]`\n        )\n      : label.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[name=\"${this.name}\"]`\n        );\n\n    if (!radioButton) {\n      return;\n    }\n\n    radioButton.focused = true;\n    this.setFocus();\n\n    if (radioButton.checked) {\n      return;\n    }\n\n    this.uncheckOtherRadioButtonsInGroup();\n    radioButton.checked = true;\n    this.calciteRadioButtonChange.emit();\n  }\n\n  private checkLastRadioButton(): void {\n    const radioButtons = this.queryButtons();\n    const checkedRadioButtons = radioButtons.filter((radioButton) => radioButton.checked);\n\n    if (checkedRadioButtons?.length > 1) {\n      const lastCheckedRadioButton = checkedRadioButtons[checkedRadioButtons.length - 1];\n      checkedRadioButtons\n        .filter((checkedRadioButton) => checkedRadioButton !== lastCheckedRadioButton)\n        .forEach((checkedRadioButton: HTMLCalciteRadioButtonElement) => {\n          checkedRadioButton.checked = false;\n          checkedRadioButton.emitCheckedChange();\n        });\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async emitCheckedChange(): Promise<void> {\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  private setContainerEl = (el: HTMLDivElement): void => {\n    this.containerEl = el;\n  };\n\n  private uncheckAllRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    radioButtons.forEach((radioButton) => {\n      if (radioButton.checked) {\n        radioButton.checked = false;\n        radioButton.focused = false;\n      }\n    });\n  }\n\n  private uncheckOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherRadioButtons = radioButtons.filter((radioButton) => radioButton.guid !== this.guid);\n    otherRadioButtons.forEach((otherRadioButton) => {\n      if (otherRadioButton.checked) {\n        otherRadioButton.checked = false;\n        otherRadioButton.focused = false;\n      }\n    });\n  }\n\n  private updateTabIndexOfOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherFocusableRadioButtons = radioButtons.filter(\n      (radioButton) => radioButton.guid !== this.guid && !radioButton.disabled\n    );\n    otherFocusableRadioButtons.forEach((radioButton) => {\n      forceUpdate(radioButton);\n    });\n  }\n\n  private getTabIndex(): number | undefined {\n    if (this.disabled) {\n      return undefined;\n    }\n    return this.checked || this.isFocusable() ? 0 : -1;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the radio button is blurred.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonBlur: EventEmitter<void>;\n\n  /**\n   * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\n   * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\n   * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\n   * or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\n   */\n  @Event({ cancelable: false }) calciteRadioButtonChange: EventEmitter<void>;\n\n  /**\n   * Fires when the checked property changes.  This is an internal event used for styling purposes only.\n   * Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonCheckedChange: EventEmitter<void>;\n\n  /**\n   * Fires when the radio button is focused.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonFocus: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = true;\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = false;\n  }\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el } = this;\n\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n\n    if (key === \" \") {\n      this.check();\n      event.preventDefault();\n      return;\n    }\n\n    let adjustedKey = key;\n\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n\n    const radioButtons = Array.from(\n      this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden]\")\n    ).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name\n    ) as HTMLCalciteRadioButtonElement[];\n    let currentIndex = 0;\n\n    const radioButtonsLength = radioButtons.length;\n\n    radioButtons.some((item, index) => {\n      if (item.checked) {\n        currentIndex = index;\n        return true;\n      }\n    });\n\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.selectItem(\n          radioButtons,\n          getRoundRobinIndex(Math.max(currentIndex - 1, -1), radioButtonsLength)\n        );\n        return;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.selectItem(radioButtons, getRoundRobinIndex(currentIndex + 1, radioButtonsLength));\n        return;\n      default:\n        return;\n    }\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n    this.calciteInternalRadioButtonBlur.emit();\n  };\n\n  private onContainerFocus = (): void => {\n    if (!this.disabled) {\n      this.focused = true;\n      this.calciteInternalRadioButtonFocus.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.rootNode = this.el.getRootNode() as HTMLElement;\n    this.guid = this.el.id || `calcite-radio-button-${guid()}`;\n    if (this.name) {\n      this.checkLastRadioButton();\n    }\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n\n    if (this.focused && !this.disabled) {\n      this.setFocus();\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const tabIndex = this.getTabIndex();\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.handleKeyDown}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class={CSS.container}\n            onBlur={this.onContainerBlur}\n            onFocus={this.onContainerFocus}\n            role=\"radio\"\n            tabIndex={tabIndex}\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.setContainerEl}\n          >\n            <div class=\"radio\" />\n          </div>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,32 +1,32 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
+ * v2.2.0-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-96b85efe.js');
-const form = require('./form-a4b759d2.js');
-const guid = require('./guid-9272df1b.js');
-const interactive = require('./interactive-04057cf9.js');
-const label = require('./label-bc01a1b7.js');
-const loadable = require('./loadable-488230d3.js');
-const locale = require('./locale-f3c5ce8e.js');
-const t9n = require('./t9n-7ada50fb.js');
-const dom = require('./dom-afcc4f08.js');
-require('./browser-843700f4.js');
-require('./component-f4c2ecd4.js');
-require('./key-f65f1f51.js');
-require('./observers-20febba7.js');
-require('./resources-aeedfe4f.js');
+const index = require('./index-da143e9e.js');
+const form = require('./form-b1b105cc.js');
+const guid = require('./guid-a987eaa5.js');
+const interactive = require('./interactive-012e7a4d.js');
+const label = require('./label-d69b4b41.js');
+const loadable = require('./loadable-6ec686cd.js');
+const locale = require('./locale-dd091567.js');
+const t9n = require('./t9n-610613ad.js');
+const dom = require('./dom-d932fba4.js');
+require('./browser-6ce852bf.js');
+require('./component-bf756c9b.js');
+require('./key-b558fe12.js');
+require('./observers-35a5b1f8.js');
+require('./resources-d89f2476.js');
 
 const StarIcon = ({ full, scale, partial }) => (index.h("calcite-icon", { class: partial ? undefined : "icon",
     icon: full ? "star-f" : "star",
     scale }));
 
-const ratingCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
+const ratingCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 
 const Rating = class {
     constructor(hostRef) {
@@ -194,7 +194,7 @@ const Rating = class {
         interactive.updateHostInteraction(this);
     }
     render() {
-        return (index.h(index.Host, { onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, index.h("span", { class: "wrapper" }, index.h("fieldset", { class: "fieldset", disabled: this.disabled }, index.h("legend", { class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex }) => {
+        return (index.h(index.Host, { onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, index.h(interactive.InteractiveContainer, { disabled: this.disabled }, index.h("span", { class: "wrapper" }, index.h("fieldset", { class: "fieldset", disabled: this.disabled }, index.h("legend", { class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
             return (index.h("label", { class: {
                     star: true,
                     selected,
@@ -204,7 +204,7 @@ const Rating = class {
                 }, "data-value": value, htmlFor: id, onClick: this.handleLabelClick, onFocus: this.handleLabelFocus, onKeyDown: this.handleLabelKeyDown, onPointerDown: this.handleLabelPointerDown, onPointerOver: this.handleLabelPointerOver, tabIndex: tabIndex,
                 // eslint-disable-next-line react/jsx-sort-props
                 ref: this.setLabelEl }, index.h("input", { checked: checked, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: id, name: this.guid, onChange: this.handleInputChange, tabIndex: -1, type: "radio", value: value }), index.h(StarIcon, { full: selected || average, scale: this.scale }), partial && (index.h("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, index.h(StarIcon, { full: true, partial: true, scale: this.scale }))), index.h("span", { class: "visually-hidden" }, this.messages.stars.replace("{num}", `${value}`))));
-        }), (this.count || this.average) && this.showChip ? (index.h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && index.h("span", { class: "number--average" }, this.average.toString()), !!this.count && index.h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), index.h(form.HiddenFormInputSlot, { component: this }))));
+        }), (this.count || this.average) && this.showChip ? (index.h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && index.h("span", { class: "number--average" }, this.average.toString()), !!this.count && index.h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), index.h(form.HiddenFormInputSlot, { component: this })))));
     }
     //--------------------------------------------------------------------------
     //