@esri/calcite-components 2.13.0 → 2.14.0-next.1

package/dist/calcite/p-e799ef79.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","button","XButton","disabled","key","label","scale","h","class","tabIndex","type","icon","getIconScale","ComboboxItem","ComboboxItemGroup","ComboboxChildSelector","input","chipInvisible","selectionDisplayFit","selectionDisplaySingle","listContainer","placeholderIcon","selectedIcon","IDS","validationMessage","getAncestors","element","parent","parentElement","closest","grandparent","filter","el","getItemAncestors","item","ancestors","nodeName","getItemChildren","nodeListToArray","querySelectorAll","hasActiveChildren","node","items","selected","length","getDepth","isBrowser","result","document","evaluate","XPathResult","UNORDERED_NODE_SNAPSHOT_TYPE","snapshotLength","isSingleLike","selectionMode","includes","getLabel","shortHeading","textLabel","comboboxCss","CalciteComboboxStyle0","isGroup","tagName","itemUidPrefix","chipUidPrefix","labelUidPrefix","listboxUidPrefix","inputUidPrefix","Combobox","this","placement","defaultMenuPlacement","internalValueChangeFlag","textInput","mutationObserver","createObserver","updateItems","resizeObserver","setMaxScrollerHeight","refreshSelectionDisplay","guid","inputHeight","ignoreSelectedEventsFlag","openTransitionProp","setFilteredPlacements","flipPlacements","filteredFlipPlacements","filterValidFlipPlacements","getValue","selectedItems","map","value","toString","onLabelClick","setFocus","keyDownHandler","event","readOnly","activeChipIndex","activeItemIndex","allowCustomValues","filterText","addCustomChip","preventDefault","open","clearInputValue","filterItems","updateActiveItemIndex","selectionStart","previousChip","nextChip","filteredItems","shiftActiveItemIndex","comboboxInViewport","scrollIntoView","ensureRecentSelectedItemIsActive","defaultPrevented","scrollToActiveItem","clearDisabled","clearValue","toggleSelection","removeActiveChip","submitForm","notDeletable","selectionDisplay","selectedHiddenChipsCount","isMulti","removeLastChip","async","listContainerEl","referenceEl","reposition","maxScrollerHeight","getMaxScrollerHeight","style","maxHeight","minWidth","clientWidth","calciteChipCloseHandler","comboboxItem","selection","find","calciteComboboxChipClose","emit","clickHandler","composedPath","some","classList","contains","XButtonCSS","componentLoaded","allSelectedIndicatorChipEl","chipContainerEl","placeholder","selectedIndicatorChipEl","chipContainerElGap","parseInt","getComputedStyle","gap","replace","chipContainerElWidth","getElementWidth","fontSize","fontFamily","inputTextWidth","getTextWidth","inputWidth","calciteSize48","allSelectedIndicatorChipElWidth","selectedIndicatorChipElWidth","largestSelectedIndicatorChipWidth","Math","max","setCompactSelectionDisplay","chipEls","Array","from","shadowRoot","chipEl","closable","availableHorizontalChipElSpace","round","refreshChipDisplay","setVisibleAndHiddenChips","setFloatingEl","floatingEl","connectFloatingUI","setContainerEl","observe","transitionEl","setChipContainerEl","setReferenceEl","setAllSelectedIndicatorChipEl","setSelectedIndicatorChipEl","inputHandler","target","filteredData","debounce","text","setOpenToEmptyState","data","itemsAndGroups","getItemsAndGroups","matchAll","forEach","hidden","ancestor","filterTextMatchPattern","RegExp","escapeRegExp","getFilteredItems","trim","calciteComboboxFilterChange","DEBOUNCE","internalComboboxChangeEvent","calciteComboboxChange","emitComboboxChange","getSelectedItems","match","sort","a","b","aIdx","indexOf","bIdx","getItems","groupItems","getGroupItems","getData","needsIcon","getNeedsIcon","groupItem","index","afterEmptyGroup","nextGroupItem","children","activeItem","height","calculateScrollerHeight","offsetHeight","scrollTop","offsetTop","comboboxFocusHandler","focus","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","filterTextChange","openHandler","onToggleOpenCloseComponent","handleDisabledChange","maxItemsHandler","overlayPositioningHandler","handlePropsChange","valueHandler","isArray","onMessagesChange","flipPlacementsHandler","selectedItemsHandler","documentClickHandler","componentOnReady","calciteComboboxItemChangeHandler","newIndex","calciteInternalComboboxItemChangeHandler","stopPropagation","delayed","overlayPositioning","componentFocusable","connectedCallback","connectLocalized","connectMessages","connectLabel","connectForm","childList","subtree","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","afterConnectDefaultValueSet","setComponentLoaded","componentDidRender","updateHostInteraction","componentDidUpdate","disconnectedCallback","disconnect","disconnectLabel","disconnectForm","disconnectFloatingUI","disconnectLocalized","disconnectMessages","effectiveLocaleChange","updateMessages","effectiveLocale","resetText","bounding","getBoundingClientRect","top","left","right","window","innerWidth","documentElement","bottom","innerHeight","clientHeight","onBeforeOpen","calciteComboboxBeforeOpen","onOpen","calciteComboboxOpen","onBeforeClose","calciteComboboxBeforeClose","onClose","calciteComboboxClose","targetIndex","hideChip","add","showChip","remove","chipElWidth","newCompactBreakpoint","maxCompactBreakpoint","compactSelectionDisplay","newSelectedVisibleChipsCount","selectedVisibleChipsCount","newSelectedHiddenChipsCount","maxItems","itemsToProcess","parentHeight","childrenTotalHeight","reduce","total","child","updateAncestors","description","filterDisabled","metadata","existingItem","createElement","prepend","active","focusChip","last","chip","querySelector","delta","activeDescendant","i","isAllSelected","renderChips","messages","chipClasses","reverse","itemLabel","pathLabel","join","appearance","iconFlipRtl","id","messageOverrides","dismissLabel","removeTag","onCalciteChipClose","onFocusin","tabindex","title","renderAllSelectedIndicatorChip","allSelected","ref","renderAllSelectedIndicatorChipCompact","all","renderSelectedIndicatorChip","selectedItemsCount","renderSelectedIndicatorChipCompact","showingInlineIcon","selectedItem","singleSelectionMode","renderInput","single","showLabel","toAriaBoolean","status","getLabelText","onFocus","onInput","role","renderListBoxOptions","renderFloatingUIContainer","classes","FloatingCSS","animation","animationActive","list","renderSelectedOrPlaceholderIcon","placeholderIconFlipRtl","showPlaceholder","flipRtl","renderChevronIcon","render","allSelectionDisplay","singleSelectionDisplay","fitSelectionDisplay","isClearable","Host","onClick","InteractiveContainer","wrapper","onKeyDown","htmlFor","clear","HiddenFormInputSlot","component","Validation","validationIcon","message","centerContent","container","custom","dot","filterMatch","iconActive","shortText","textContainer","SLOTS","contentEnd","comboboxItemCss","CalciteComboboxItemStyle0","handleDefaultSlotChange","hasContent","slotChangeHasContent","itemClickHandler","toggleSelected","handleComboboxItemPropsChange","calciteInternalComboboxItemChange","selectedWatchHandler","calciteComboboxItemChange","isSinglePersistSelect","renderIcon","iconPath","renderSelectIndicator","showDot","renderChildren","onSlotchange","heading","isSingleSelect","defaultIcon","undefined","headingText","depth","renderTextContent","name","pattern","parts","split","comboboxItemGroupCss","CalciteComboboxItemGroupStyle0"],"sources":["src/components/functional/XButton.tsx","src/components/combobox/resources.ts","src/components/combobox/utils.ts","src/components/combobox/combobox.scss?tag=calcite-combobox&encapsulation=shadow","src/components/combobox/combobox.tsx","src/components/combobox-item/resources.ts","src/components/combobox-item/combobox-item.scss?tag=calcite-combobox-item&encapsulation=shadow","src/components/combobox-item/combobox-item.tsx","src/components/combobox-item-group/resources.ts","src/components/combobox-item-group/combobox-item-group.scss?tag=calcite-combobox-item-group&encapsulation=shadow","src/components/combobox-item-group/combobox-item-group.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from \"@stencil/core\";\nimport { JSXAttributes, JSXBase } from \"@stencil/core/internal\";\nimport { Scale } from \"../interfaces\";\nimport { getIconScale } from \"../../utils/component\";\n\nexport interface XButtonProps extends JSXAttributes {\n  disabled: boolean;\n  label: string;\n  scale: Scale;\n  onClick?: JSXBase.DOMAttributes<HTMLElement>[\"onClick\"];\n}\n\nexport const CSS = {\n  button: \"x-button\",\n};\n\nexport const XButton: FunctionalComponent<XButtonProps> = ({\n  disabled,\n  key,\n  label,\n  scale,\n}): VNode => (\n  <button\n    aria-label={label}\n    class={CSS.button}\n    disabled={disabled}\n    key={key}\n    tabIndex={-1}\n    type=\"button\"\n  >\n    <calcite-icon icon=\"x\" scale={getIconScale(scale)} />\n  </button>\n);\n","export const ComboboxItem = \"CALCITE-COMBOBOX-ITEM\";\nexport const ComboboxItemGroup = \"CALCITE-COMBOBOX-ITEM-GROUP\";\nexport const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;\n\nexport const CSS = {\n  input: \"input\",\n  chipInvisible: \"chip--invisible\",\n  selectionDisplayFit: \"selection-display-fit\",\n  selectionDisplaySingle: \"selection-display-single\",\n  listContainer: \"list-container\",\n  icon: \"icon\",\n  placeholderIcon: \"placeholder-icon\",\n  selectedIcon: \"selected-icon\",\n};\n\nexport const IDS = {\n  validationMessage: \"comboboxValidationMessage\",\n};\n","import { nodeListToArray } from \"../../utils/dom\";\nimport { isBrowser } from \"../../utils/browser\";\nimport { ComboboxChildElement } from \"./interfaces\";\nimport { ComboboxChildSelector } from \"./resources\";\nimport { Combobox } from \"./combobox\";\n\nexport function getAncestors(element: HTMLElement): ComboboxChildElement[] {\n  const parent: ComboboxChildElement = element.parentElement?.closest(ComboboxChildSelector);\n  const grandparent: ComboboxChildElement = parent?.parentElement?.closest(ComboboxChildSelector);\n  return [parent, grandparent].filter((el) => el);\n}\n\nexport function getItemAncestors(item: HTMLCalciteComboboxItemElement): HTMLCalciteComboboxItemElement[] {\n  return (\n    item.ancestors?.filter((el): el is HTMLCalciteComboboxItemElement => el.nodeName === \"CALCITE-COMBOBOX-ITEM\") || []\n  );\n}\n\nexport function getItemChildren(item: HTMLCalciteComboboxItemElement): HTMLCalciteComboboxItemElement[] {\n  return nodeListToArray(item.querySelectorAll(\"calcite-combobox-item\"));\n}\n\nexport function hasActiveChildren(node: HTMLCalciteComboboxItemElement): boolean {\n  const items = nodeListToArray(node.querySelectorAll(\"calcite-combobox-item\"));\n  return items.filter((item) => item.selected).length > 0;\n}\n\nexport function getDepth(element: HTMLElement): number {\n  if (!isBrowser()) {\n    return 0;\n  }\n\n  const result = document.evaluate(\n    \"ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group\",\n    element,\n    null,\n    XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,\n    null,\n  );\n\n  return result.snapshotLength;\n}\n\nexport function isSingleLike(selectionMode: Combobox[\"selectionMode\"]): boolean {\n  return selectionMode.includes(\"single\");\n}\n\nexport function getLabel(item: HTMLCalciteComboboxItemElement): string {\n  return item.shortHeading || item.textLabel;\n}\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-combobox-input-height: Specifies the height of the component's input.\n */\n\n:host {\n  @apply relative block;\n}\n\n@include disabled();\n@include x-button();\n\n:host([scale=\"s\"]) {\n  @apply text-n2;\n  --calcite-combobox-item-spacing-unit-l: theme(\"spacing.2\");\n  --calcite-combobox-item-spacing-unit-s: theme(\"spacing.1\");\n  --calcite-combobox-input-height: theme(\"spacing.4\");\n  --calcite-internal-combobox-input-margin-block: calc(theme(\"spacing.1\") - theme(\"borderWidth.DEFAULT\"));\n\n  .x-button {\n    margin-inline: theme(\"spacing.2\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  @apply text-n1;\n  --calcite-combobox-item-spacing-unit-l: theme(\"spacing.3\");\n  --calcite-combobox-item-spacing-unit-s: theme(\"spacing.2\");\n  --calcite-combobox-input-height: theme(\"spacing.4\");\n  --calcite-internal-combobox-input-margin-block: calc(theme(\"spacing.2\") - theme(\"borderWidth.DEFAULT\"));\n\n  .x-button {\n    margin-inline-end: theme(\"spacing.3\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  @apply text-0;\n  --calcite-combobox-item-spacing-unit-l: theme(\"spacing.4\");\n  --calcite-combobox-item-spacing-unit-s: theme(\"spacing.3\");\n  --calcite-combobox-input-height: theme(\"spacing.6\");\n  --calcite-internal-combobox-input-margin-block: calc(theme(\"spacing[2.5]\") - theme(\"borderWidth.DEFAULT\"));\n\n  .x-button {\n    margin-inline-end: theme(\"spacing.4\");\n  }\n}\n\n.wrapper {\n  @apply bg-foreground-1\n    text-color-1\n    focus-base\n    flex\n    border-color-input\n    border\n    border-solid;\n  padding-block: calc(var(--calcite-combobox-item-spacing-unit-s) / 4);\n  padding-inline: var(--calcite-combobox-item-spacing-unit-l);\n\n  &:hover {\n    .icon {\n      color: var(--calcite-color-text-1);\n    }\n  }\n}\n\n:host(:focus-within) .wrapper,\n.wrapper--active {\n  @apply focus-inset;\n}\n\n:host([read-only]) {\n  .wrapper {\n    background-color: var(--calcite-color-background);\n  }\n\n  .label {\n    font-weight: var(--calcite-font-weight-medium);\n  }\n}\n\n:host([status=\"invalid\"]) .wrapper {\n  @apply border-color-danger;\n}\n\n:host([status=\"invalid\"]:focus-within) .wrapper {\n  @apply focus-inset-danger;\n}\n\n.wrapper--single {\n  padding-block: 0;\n  padding-inline: var(--calcite-combobox-item-spacing-unit-l);\n  @apply cursor-pointer flex-nowrap;\n}\n\n.grid-input {\n  @apply flex\n    flex-grow\n    flex-wrap\n    items-center\n    relative\n    truncate\n    p-0;\n\n  gap: var(--calcite-combobox-item-spacing-unit-s);\n  margin-inline-end: var(--calcite-combobox-item-spacing-unit-s);\n\n  &.selection-display-fit,\n  &.selection-display-single {\n    @apply flex-nowrap overflow-hidden;\n  }\n}\n\n.input {\n  @apply appearance-none\n  bg-transparent\n  border-none\n  flex-grow\n  font-inherit\n  text-color-1\n  text-ellipsis\n  overflow-hidden\n  p-0;\n  font-size: inherit;\n  block-size: var(--calcite-combobox-input-height);\n  line-height: var(--calcite-combobox-input-height);\n  inline-size: 100%;\n  margin-block-end: var(--calcite-combobox-item-spacing-unit-s);\n  min-inline-size: 4.8125rem;\n  &:focus {\n    @apply outline-none;\n  }\n\n  &:placeholder-shown {\n    @apply text-ellipsis;\n  }\n}\n\n.input--single {\n  @apply p-0;\n  margin-block: var(--calcite-internal-combobox-input-margin-block);\n}\n\n.wrapper--active .input-single {\n  @apply cursor-text;\n}\n\n.input--hidden {\n  @apply pointer-events-none\n  w-0\n  min-w-0\n  opacity-0;\n}\n\n.input--icon {\n  padding-block: 0;\n  padding-inline: var(--calcite-combobox-item-spacing-unit-l);\n}\n\n.placeholder-icon {\n  color: var(--calcite-color-text-3);\n}\n\n.input-wrap {\n  @apply flex flex-grow items-center;\n}\n\n.input-wrap--single {\n  @apply flex-1 overflow-hidden;\n}\n\n.label {\n  @apply pointer-events-none\n    max-w-full\n    flex-auto\n    truncate\n    p-0\n    font-normal;\n  block-size: var(--calcite-combobox-input-height);\n  line-height: var(--calcite-combobox-input-height);\n}\n\n.label--icon {\n  padding-inline: var(--calcite-combobox-item-spacing-unit-l);\n}\n\n.icon-end,\n.icon-start {\n  @apply flex cursor-pointer items-center;\n}\n\n.icon-end {\n  @apply flex-none;\n\n  .icon {\n    color: var(--calcite-color-text-3);\n  }\n}\n\n.floating-ui-container {\n  --calcite-floating-ui-z-index: theme(\"zIndex.dropdown\");\n  @include floating-ui-container();\n  @include floating-ui-wrapper();\n}\n\n@include floating-ui-elem-anim(\".floating-ui-container\");\n\n.floating-ui-container--active {\n  @include floating-ui-wrapper-active();\n}\n\n@media (forced-colors: active) {\n  .wrapper,\n  .floating-ui-container--active {\n    border: 1px solid canvasText;\n  }\n}\n\n.screen-readers-only {\n  @apply sr-only;\n}\n\n.list-container {\n  @apply bg-foreground-1\n    max-h-menu\n    overflow-y-auto;\n  inline-size: var(--calcite-dropdown-width, 100%);\n}\n\n.list {\n  @apply m-0 block p-0;\n}\n\n.list--hide {\n  @apply h-0 overflow-hidden;\n}\n\ncalcite-chip {\n  --calcite-animation-timing: 0;\n}\n\n.chip {\n  margin-block: calc(var(--calcite-combobox-item-spacing-unit-s) / 4);\n  max-inline-size: 100%;\n}\n\n.chip--active {\n  @apply bg-foreground-3;\n}\n\n.chip--invisible {\n  @apply absolute invisible;\n}\n\n.item {\n  @apply block;\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n\n::slotted(calcite-combobox-item-group:not(:first-child)) {\n  padding-block-start: var(--calcite-combobox-item-spacing-unit-l);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { debounce, escapeRegExp } from \"lodash-es\";\nimport { calciteSize48 } from \"@esri/calcite-design-tokens/dist/es6/core.js\";\nimport { filter } from \"../../utils/filter\";\nimport { getElementWidth, getTextWidth, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectFloatingUI,\n  defaultMenuPlacement,\n  disconnectFloatingUI,\n  filterValidFlipPlacements,\n  FlipPlacement,\n  FloatingCSS,\n  FloatingUIComponent,\n  LogicalPlacement,\n  OverlayPositioning,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n  submitForm,\n} from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  componentLoaded,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { DEBOUNCE } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale, SelectionMode, Status } from \"../interfaces\";\nimport { CSS as XButtonCSS, XButton } from \"../functional/XButton\";\nimport { componentOnReady, getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { ComboboxMessages } from \"./assets/combobox/t9n\";\nimport { ComboboxChildElement, SelectionDisplay } from \"./interfaces\";\nimport { ComboboxChildSelector, ComboboxItem, ComboboxItemGroup, CSS, IDS } from \"./resources\";\nimport {\n  getItemAncestors,\n  getItemChildren,\n  getLabel,\n  hasActiveChildren,\n  isSingleLike,\n} from \"./utils\";\n\ninterface ItemData {\n  description: string;\n  label: string;\n  metadata: Record<string, unknown>;\n  shortHeading: string;\n  value: string;\n}\n\nconst isGroup = (el: ComboboxChildElement): el is HTMLCalciteComboboxItemGroupElement =>\n  el.tagName === ComboboxItemGroup;\n\nconst itemUidPrefix = \"combobox-item-\";\nconst chipUidPrefix = \"combobox-chip-\";\nconst labelUidPrefix = \"combobox-label-\";\nconst listboxUidPrefix = \"combobox-listbox-\";\nconst inputUidPrefix = \"combobox-input-\";\n\n/**\n * @slot - A slot for adding `calcite-combobox-item`s.\n */\n@Component({\n  tag: \"calcite-combobox\",\n  styleUrl: \"combobox.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Combobox\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    OpenCloseComponent,\n    FloatingUIComponent,\n    T9nComponent,\n    LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the value-clearing will be disabled.\n   */\n  @Prop({ reflect: true }) clearDisabled = false;\n\n  /**\n   * Text for the component's filter input field.\n   */\n  @Prop({ reflect: true, mutable: true }) filterText = \"\";\n\n  @Watch(\"filterText\")\n  filterTextChange(value: string): void {\n    this.updateActiveItemIndex(-1);\n    this.filterItems(value, true);\n  }\n\n  /**\n   * When `selectionMode` is `\"ancestors\"` or `\"multiple\"`, specifies the display of multiple `calcite-combobox-item` selections, where:\n   *\n   * `\"all\"` displays all selections with individual `calcite-chip`s,\n   *\n   * `\"fit\"` displays individual `calcite-chip`s that scale to the component's size, including a non-closable `calcite-chip`, which provides the number of additional `calcite-combobox-item` selections not visually displayed, and\n   *\n   * `\"single\"` displays one `calcite-chip` with the total number of selections.\n   */\n  @Prop({ reflect: true }) selectionDisplay: SelectionDisplay = \"all\";\n\n  /**When `true`, displays and positions the component. */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n\n    if (this.disabled) {\n      this.open = false;\n      return;\n    }\n\n    this.setMaxScrollerHeight();\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  handleDisabledChange(value: boolean): void {\n    if (!value) {\n      this.open = false;\n    }\n  }\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 }) form: string;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies the placeholder text for the input. */\n  @Prop() placeholder: string;\n\n  /** Specifies the placeholder icon for the input. */\n  @Prop({ reflect: true }) placeholderIcon: IconNameOrString;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) placeholderIconFlipRtl = false;\n\n  /** Specifies the maximum number of `calcite-combobox-item`s (including nested children) to display before displaying a scrollbar. */\n  @Prop({ reflect: true }) maxItems = 0;\n\n  @Watch(\"maxItems\")\n  maxItemsHandler(): void {\n    this.setMaxScrollerHeight();\n  }\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: IconNameOrString | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, allows entry of custom values, which are not in the original set of items. */\n  @Prop({ reflect: true }) allowCustomValues: boolean;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection,\n   *\n   * `\"single-persist\"` allows one selection and prevents de-selection, and\n   *\n   * `\"ancestors\"` allows multiple selections, but shows ancestors of selected items as selected, with only deepest children shown in chips.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"single\" | \"single-persist\" | \"ancestors\" | \"multiple\",\n    SelectionMode\n  > = \"multiple\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  @Watch(\"selectionMode\")\n  @Watch(\"scale\")\n  handlePropsChange(): void {\n    this.updateItems();\n  }\n\n  /** The component's value(s) from the selected `calcite-combobox-item`(s). */\n  @Prop({ mutable: true }) value: string | string[] = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string | string[]): void {\n    if (!this.internalValueChangeFlag) {\n      const items = this.getItems();\n      if (Array.isArray(value)) {\n        items.forEach((item) => (item.selected = value.includes(item.value)));\n      } else if (value) {\n        items.forEach((item) => (item.selected = value === item.value));\n      } else {\n        items.forEach((item) => (item.selected = false));\n      }\n      this.updateItems();\n    }\n  }\n\n  /**\n   * Specifies the component's fallback slotted content placement when it's initial placement has insufficient space available.\n   */\n  @Prop() flipPlacements: FlipPlacement[];\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: ComboboxMessages;\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<ComboboxMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /*  wired up by t9n util */\n  }\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteComboboxItemElement[] = [];\n\n  @Watch(\"selectedItems\")\n  selectedItemsHandler(): void {\n    this.internalValueChangeFlag = true;\n    this.value = this.getValue();\n    this.internalValueChangeFlag = false;\n  }\n\n  /**\n   * Specifies the component's filtered items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalciteComboboxItemElement[] = [];\n\n  /**\n   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\", { target: \"document\" })\n  async documentClickHandler(event: PointerEvent): Promise<void> {\n    if (this.disabled || event.composedPath().includes(this.el)) {\n      return;\n    }\n\n    await componentOnReady(this.el);\n\n    if (!this.allowCustomValues && this.filterText) {\n      this.clearInputValue();\n      this.filterItems(\"\");\n      this.updateActiveItemIndex(-1);\n    }\n\n    if (this.allowCustomValues && this.filterText.trim().length) {\n      this.addCustomChip(this.filterText);\n    }\n\n    this.open = false;\n  }\n\n  @Listen(\"calciteComboboxItemChange\")\n  calciteComboboxItemChangeHandler(event: CustomEvent<HTMLCalciteComboboxItemElement>): void {\n    if (this.ignoreSelectedEventsFlag) {\n      return;\n    }\n\n    const target = event.target as HTMLCalciteComboboxItemElement;\n    const newIndex = this.filteredItems.indexOf(target);\n    this.updateActiveItemIndex(newIndex);\n    this.toggleSelection(target, target.selected);\n  }\n\n  @Listen(\"calciteInternalComboboxItemChange\")\n  calciteInternalComboboxItemChangeHandler(\n    event: CustomEvent<HTMLCalciteComboboxItemElement>,\n  ): void {\n    event.stopPropagation();\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed Reposition the component after a delay\n   * @returns Promise\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;\n\n    return reposition(\n      this,\n      {\n        floatingEl,\n        referenceEl,\n        overlayPositioning,\n        placement,\n        flipPlacements: filteredFlipPlacements,\n        type: \"menu\",\n      },\n      delayed,\n    );\n  }\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.textInput?.focus();\n    this.activeChipIndex = -1;\n    this.activeItemIndex = -1;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the selected item(s) changes.\n   */\n  @Event({ cancelable: false }) calciteComboboxChange: EventEmitter<void>;\n\n  /** Fires when text is added to filter the options list. */\n  @Event({ cancelable: false }) calciteComboboxFilterChange: EventEmitter<void>;\n\n  /**\n   * Fires when a selected item in the component is closed via its `calcite-chip`.\n   */\n  @Event({ cancelable: false }) calciteComboboxChipClose: EventEmitter<void>;\n\n  /** Fires when the component is requested to be closed, and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteComboboxBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteComboboxClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteComboboxBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteComboboxOpen: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    connectLabel(this);\n    connectForm(this);\n\n    this.internalValueChangeFlag = true;\n    this.value = this.getValue();\n    this.internalValueChangeFlag = false;\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n\n    this.updateItems();\n    this.setFilteredPlacements();\n\n    if (this.open) {\n      this.openHandler();\n      onToggleOpenCloseComponent(this);\n    }\n\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.updateItems();\n    await setUpMessages(this);\n    this.filterItems(this.filterText, false, false);\n  }\n\n  componentDidLoad(): void {\n    afterConnectDefaultValueSet(this, this.getValue());\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    if (this.el.offsetHeight !== this.inputHeight) {\n      this.reposition(true);\n      this.inputHeight = this.el.offsetHeight;\n    }\n\n    updateHostInteraction(this);\n  }\n\n  componentDidUpdate(): void {\n    this.refreshSelectionDisplay();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectFloatingUI(this, this.referenceEl, this.floatingEl);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteComboboxElement;\n\n  private allSelectedIndicatorChipEl: HTMLCalciteChipElement;\n\n  private filterTextMatchPattern: RegExp;\n\n  placement: LogicalPlacement = defaultMenuPlacement;\n\n  filteredFlipPlacements: FlipPlacement[];\n\n  internalValueChangeFlag = false;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Combobox[\"value\"];\n\n  @State() items: HTMLCalciteComboboxItemElement[] = [];\n\n  @State() groupItems: HTMLCalciteComboboxItemGroupElement[] = [];\n\n  @State() needsIcon: boolean;\n\n  @State() activeItemIndex = -1;\n\n  @State() activeChipIndex = -1;\n\n  @State() activeDescendant = \"\";\n\n  @State() compactSelectionDisplay = false;\n\n  @State() selectedHiddenChipsCount = 0;\n\n  @State() selectedVisibleChipsCount = 0;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ComboboxMessages;\n\n  textInput: HTMLInputElement = null;\n\n  private data: ItemData[];\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  private resizeObserver = createObserver(\"resize\", () => {\n    this.setMaxScrollerHeight();\n    this.refreshSelectionDisplay();\n  });\n\n  private guid = guid();\n\n  private inputHeight = 0;\n\n  private floatingEl: HTMLDivElement;\n\n  private referenceEl: HTMLDivElement;\n\n  private chipContainerEl: HTMLDivElement;\n\n  private listContainerEl: HTMLDivElement;\n\n  private ignoreSelectedEventsFlag = false;\n\n  private maxCompactBreakpoint: number;\n\n  openTransitionProp = \"opacity\";\n\n  private selectedIndicatorChipEl: HTMLCalciteChipElement;\n\n  transitionEl: HTMLDivElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private clearValue(): void {\n    this.ignoreSelectedEventsFlag = true;\n    this.items.forEach((el) => (el.selected = false));\n    this.ignoreSelectedEventsFlag = false;\n    this.selectedItems = [];\n    this.emitComboboxChange();\n    this.open = false;\n    this.updateActiveItemIndex(-1);\n    this.resetText();\n    this.filterItems(\"\");\n    this.setFocus();\n  }\n\n  private clearInputValue(): void {\n    this.textInput.value = \"\";\n    this.filterText = \"\";\n  }\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterValidFlipPlacements(flipPlacements, el)\n      : null;\n  };\n\n  getValue = (): string | string[] => {\n    const items = this.selectedItems.map((item) => item?.value?.toString());\n    return items?.length ? (items.length > 1 ? items : items[0]) : \"\";\n  };\n\n  onLabelClick = (): void => {\n    this.setFocus();\n  };\n\n  private comboboxInViewport(): boolean {\n    const bounding = this.el.getBoundingClientRect();\n    return (\n      bounding.top >= 0 &&\n      bounding.left >= 0 &&\n      bounding.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n      bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n    );\n  }\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.readOnly) {\n      return;\n    }\n\n    const { key } = event;\n\n    switch (key) {\n      case \"Tab\":\n        this.activeChipIndex = -1;\n        this.activeItemIndex = -1;\n        if (this.allowCustomValues && this.filterText) {\n          this.addCustomChip(this.filterText, true);\n          event.preventDefault();\n        } else if (this.open) {\n          this.open = false;\n          event.preventDefault();\n        } else if (!this.allowCustomValues && this.filterText) {\n          this.clearInputValue();\n          this.filterItems(\"\");\n          this.updateActiveItemIndex(-1);\n        }\n        break;\n      case \"ArrowLeft\":\n        if (this.activeChipIndex !== -1 || this.textInput.selectionStart === 0) {\n          this.previousChip();\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        if (this.activeChipIndex !== -1) {\n          this.nextChip();\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowUp\":\n        if (this.filteredItems.length) {\n          event.preventDefault();\n          if (this.open) {\n            this.shiftActiveItemIndex(-1);\n          }\n\n          if (!this.comboboxInViewport()) {\n            this.el.scrollIntoView();\n          }\n        }\n        break;\n      case \"ArrowDown\":\n        if (this.filteredItems.length) {\n          event.preventDefault();\n          if (this.open) {\n            this.shiftActiveItemIndex(1);\n          } else {\n            this.open = true;\n            this.ensureRecentSelectedItemIsActive();\n          }\n\n          if (!this.comboboxInViewport()) {\n            this.el.scrollIntoView();\n          }\n        }\n        break;\n      case \" \":\n        if (!this.textInput.value && !event.defaultPrevented) {\n          if (!this.open) {\n            this.open = true;\n            this.shiftActiveItemIndex(1);\n          }\n          event.preventDefault();\n        }\n        break;\n      case \"Home\":\n        if (!this.open) {\n          return;\n        }\n        event.preventDefault();\n        this.updateActiveItemIndex(0);\n        this.scrollToActiveItem();\n        if (!this.comboboxInViewport()) {\n          this.el.scrollIntoView();\n        }\n        break;\n      case \"End\":\n        if (!this.open) {\n          return;\n        }\n        event.preventDefault();\n        this.updateActiveItemIndex(this.filteredItems.length - 1);\n        this.scrollToActiveItem();\n        if (!this.comboboxInViewport()) {\n          this.el.scrollIntoView();\n        }\n        break;\n      case \"Escape\":\n        if (!this.clearDisabled && !this.open) {\n          this.clearValue();\n        }\n\n        this.open = false;\n        event.preventDefault();\n        break;\n      case \"Enter\":\n        if (this.open && this.activeItemIndex > -1) {\n          const item = this.filteredItems[this.activeItemIndex];\n          this.toggleSelection(item, !item.selected);\n          event.preventDefault();\n        } else if (this.activeChipIndex > -1) {\n          this.removeActiveChip();\n          event.preventDefault();\n        } else if (this.allowCustomValues && this.filterText) {\n          this.addCustomChip(this.filterText, true);\n          event.preventDefault();\n        } else if (!event.defaultPrevented) {\n          if (submitForm(this)) {\n            event.preventDefault();\n          }\n        }\n        break;\n      case \"Delete\":\n      case \"Backspace\": {\n        const notDeletable =\n          this.selectionDisplay === \"single\" ||\n          (this.selectionDisplay === \"fit\" && this.selectedHiddenChipsCount > 0);\n        if (notDeletable) {\n          return;\n        }\n        if (this.activeChipIndex > -1) {\n          event.preventDefault();\n          this.removeActiveChip();\n        } else if (!this.filterText && this.isMulti()) {\n          event.preventDefault();\n          this.removeLastChip();\n        }\n        break;\n      }\n    }\n  };\n\n  onBeforeOpen(): void {\n    this.scrollToActiveItem();\n    this.calciteComboboxBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteComboboxOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteComboboxBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteComboboxClose.emit();\n  }\n\n  setMaxScrollerHeight = async (): Promise<void> => {\n    const { listContainerEl, open, referenceEl } = this;\n\n    if (!listContainerEl || !open) {\n      return;\n    }\n\n    await this.reposition(true);\n    const maxScrollerHeight = this.getMaxScrollerHeight();\n    listContainerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : \"\";\n    listContainerEl.style.minWidth = `${referenceEl.clientWidth}px`;\n    await this.reposition(true);\n  };\n\n  calciteChipCloseHandler = (comboboxItem: HTMLCalciteComboboxItemElement): void => {\n    this.open = false;\n\n    const selection = this.items.find((item) => item === comboboxItem);\n\n    if (selection) {\n      this.toggleSelection(selection, false);\n    }\n\n    this.calciteComboboxChipClose.emit();\n  };\n\n  clickHandler = (event: MouseEvent): void => {\n    if (this.readOnly) {\n      return;\n    }\n\n    const composedPath = event.composedPath();\n\n    if (composedPath.some((node: HTMLElement) => node.tagName === \"CALCITE-CHIP\")) {\n      this.open = false;\n      event.preventDefault();\n      return;\n    }\n\n    if (composedPath.some((node: HTMLElement) => node.classList?.contains(XButtonCSS.button))) {\n      this.clearValue();\n      event.preventDefault();\n      return;\n    }\n\n    this.open = !this.open;\n    this.ensureRecentSelectedItemIsActive();\n  };\n\n  private ensureRecentSelectedItemIsActive(): void {\n    const { selectedItems } = this;\n    const targetIndex =\n      selectedItems.length === 0 ? 0 : this.items.indexOf(selectedItems[selectedItems.length - 1]);\n\n    this.updateActiveItemIndex(targetIndex);\n  }\n\n  private hideChip(chipEl: HTMLCalciteChipElement): void {\n    chipEl.classList.add(CSS.chipInvisible);\n  }\n\n  private showChip(chipEl: HTMLCalciteChipElement): void {\n    chipEl.classList.remove(CSS.chipInvisible);\n  }\n\n  private refreshChipDisplay({\n    chipEls,\n    availableHorizontalChipElSpace,\n    chipContainerElGap,\n  }): void {\n    chipEls.forEach((chipEl: HTMLCalciteChipElement) => {\n      if (!chipEl.selected) {\n        this.hideChip(chipEl);\n      } else {\n        const chipElWidth = getElementWidth(chipEl);\n        if (chipElWidth && chipElWidth < availableHorizontalChipElSpace) {\n          availableHorizontalChipElSpace -= chipElWidth + chipContainerElGap;\n          this.showChip(chipEl);\n          return;\n        }\n      }\n      this.hideChip(chipEl);\n    });\n  }\n\n  private refreshSelectionDisplay = async () => {\n    await componentLoaded(this);\n\n    if (isSingleLike(this.selectionMode)) {\n      return;\n    }\n\n    if (!this.textInput) {\n      return;\n    }\n\n    const {\n      allSelectedIndicatorChipEl,\n      chipContainerEl,\n      selectionDisplay,\n      placeholder,\n      selectedIndicatorChipEl,\n      textInput,\n    } = this;\n\n    const chipContainerElGap = parseInt(getComputedStyle(chipContainerEl).gap.replace(\"px\", \"\"));\n    const chipContainerElWidth = getElementWidth(chipContainerEl);\n    const { fontSize, fontFamily } = getComputedStyle(textInput);\n    const inputTextWidth = getTextWidth(placeholder, `${fontSize} ${fontFamily}`);\n    const inputWidth = (inputTextWidth || parseInt(calciteSize48)) + chipContainerElGap;\n    const allSelectedIndicatorChipElWidth = getElementWidth(allSelectedIndicatorChipEl);\n    const selectedIndicatorChipElWidth = getElementWidth(selectedIndicatorChipEl);\n    const largestSelectedIndicatorChipWidth = Math.max(\n      allSelectedIndicatorChipElWidth,\n      selectedIndicatorChipElWidth,\n    );\n\n    this.setCompactSelectionDisplay({\n      chipContainerElGap,\n      chipContainerElWidth,\n      inputWidth,\n      largestSelectedIndicatorChipWidth,\n    });\n\n    if (selectionDisplay === \"fit\") {\n      const chipEls = Array.from(this.el.shadowRoot.querySelectorAll(\"calcite-chip\")).filter(\n        (chipEl) => chipEl.closable,\n      );\n\n      const availableHorizontalChipElSpace = Math.round(\n        chipContainerElWidth -\n          ((this.selectedHiddenChipsCount > 0 ? selectedIndicatorChipElWidth : 0) +\n            chipContainerElGap +\n            inputWidth +\n            chipContainerElGap),\n      );\n\n      this.refreshChipDisplay({ availableHorizontalChipElSpace, chipContainerElGap, chipEls });\n      this.setVisibleAndHiddenChips(chipEls);\n    }\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  private setCompactSelectionDisplay({\n    chipContainerElGap,\n    chipContainerElWidth,\n    inputWidth,\n    largestSelectedIndicatorChipWidth,\n  }): void {\n    const newCompactBreakpoint = Math.round(\n      largestSelectedIndicatorChipWidth + chipContainerElGap + inputWidth,\n    );\n    if (!this.maxCompactBreakpoint || this.maxCompactBreakpoint < newCompactBreakpoint) {\n      this.maxCompactBreakpoint = newCompactBreakpoint;\n    }\n    this.compactSelectionDisplay = chipContainerElWidth < this.maxCompactBreakpoint;\n  }\n\n  setContainerEl = (el: HTMLDivElement): void => {\n    this.resizeObserver.observe(el);\n    this.listContainerEl = el;\n    this.transitionEl = el;\n  };\n\n  setChipContainerEl = (el: HTMLDivElement): void => {\n    this.resizeObserver.observe(el);\n    this.chipContainerEl = el;\n  };\n\n  setReferenceEl = (el: HTMLDivElement): void => {\n    this.referenceEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  setAllSelectedIndicatorChipEl = (el: HTMLCalciteChipElement): void => {\n    this.allSelectedIndicatorChipEl = el;\n  };\n\n  setSelectedIndicatorChipEl = (el: HTMLCalciteChipElement): void => {\n    this.selectedIndicatorChipEl = el;\n  };\n\n  private setVisibleAndHiddenChips(chipEls: HTMLCalciteChipElement[]): void {\n    let newSelectedVisibleChipsCount = 0;\n    chipEls.forEach((chipEl) => {\n      if (chipEl.selected && !chipEl.classList.contains(CSS.chipInvisible)) {\n        newSelectedVisibleChipsCount++;\n      }\n    });\n    if (newSelectedVisibleChipsCount !== this.selectedVisibleChipsCount) {\n      this.selectedVisibleChipsCount = newSelectedVisibleChipsCount;\n    }\n    const newSelectedHiddenChipsCount =\n      this.getSelectedItems().length - newSelectedVisibleChipsCount;\n    if (newSelectedHiddenChipsCount !== this.selectedHiddenChipsCount) {\n      this.selectedHiddenChipsCount = newSelectedHiddenChipsCount;\n    }\n  }\n\n  private getMaxScrollerHeight(): number {\n    const items = this.getItemsAndGroups().filter((item) => !item.hidden);\n\n    const { maxItems } = this;\n\n    let itemsToProcess = 0;\n    let maxScrollerHeight = 0;\n\n    if (items.length > maxItems) {\n      items.forEach((item) => {\n        if (itemsToProcess < maxItems) {\n          const height = this.calculateScrollerHeight(item);\n          if (height > 0) {\n            maxScrollerHeight += height;\n            itemsToProcess++;\n          }\n        }\n      });\n    }\n\n    return maxScrollerHeight;\n  }\n\n  private calculateScrollerHeight(item: ComboboxChildElement): number {\n    if (!item) {\n      return;\n    }\n\n    // if item has children items, don't count their height twice\n    const parentHeight = item.getBoundingClientRect().height;\n    const childrenTotalHeight = Array.from(\n      item.querySelectorAll<ComboboxChildElement>(ComboboxChildSelector),\n    ).reduce((total, child) => total + child.getBoundingClientRect().height, 0);\n\n    return parentHeight - childrenTotalHeight;\n  }\n\n  inputHandler = (event: Event): void => {\n    const value = (event.target as HTMLInputElement).value;\n    this.filterText = value;\n  };\n\n  getItemsAndGroups(): ComboboxChildElement[] {\n    return [...this.groupItems, ...this.items];\n  }\n\n  private filterItems = (() => {\n    const find = (item: ComboboxChildElement, filteredData: ItemData[]) =>\n      item &&\n      filteredData.some(({ label, value }) =>\n        isGroup(item) ? label === item.label : value === item.value && label === item.textLabel,\n      );\n\n    return debounce((text: string, setOpenToEmptyState = false, emit = true): void => {\n      const filteredData = filter(this.data, text);\n      const itemsAndGroups = this.getItemsAndGroups();\n\n      const matchAll = text === \"\";\n\n      itemsAndGroups.forEach((item) => {\n        if (matchAll) {\n          item.hidden = false;\n          return;\n        }\n\n        const hidden = !find(item, filteredData);\n        item.hidden = hidden;\n        const [parent, grandparent] = item.ancestors;\n\n        if (find(parent, filteredData) || find(grandparent, filteredData)) {\n          item.hidden = false;\n        }\n\n        if (!hidden) {\n          item.ancestors.forEach((ancestor) => (ancestor.hidden = false));\n        }\n      });\n\n      this.filterTextMatchPattern =\n        this.filterText && new RegExp(`(${escapeRegExp(this.filterText)})`, \"i\");\n\n      this.filteredItems = this.getFilteredItems();\n      this.filteredItems.forEach((item) => {\n        item.filterTextMatchPattern = this.filterTextMatchPattern;\n      });\n\n      if (setOpenToEmptyState) {\n        this.open = this.filterText.trim().length > 0 && this.filteredItems.length > 0;\n      }\n\n      if (emit) {\n        this.calciteComboboxFilterChange.emit();\n      }\n    }, DEBOUNCE.filter);\n  })();\n\n  internalComboboxChangeEvent = (): void => {\n    this.calciteComboboxChange.emit();\n  };\n\n  private emitComboboxChange = debounce(this.internalComboboxChangeEvent, 0);\n\n  toggleSelection(item: HTMLCalciteComboboxItemElement, value: boolean): void {\n    if (\n      !item ||\n      (this.selectionMode === \"single-persist\" &&\n        item.selected &&\n        item.value === this.value &&\n        !value)\n    ) {\n      return;\n    }\n\n    if (this.isMulti()) {\n      item.selected = value;\n      this.updateAncestors(item);\n      this.selectedItems = this.getSelectedItems();\n      this.emitComboboxChange();\n      this.resetText();\n      this.filterItems(\"\");\n    } else {\n      this.ignoreSelectedEventsFlag = true;\n      this.items.forEach((el) => (el.selected = el === item ? value : false));\n      this.ignoreSelectedEventsFlag = false;\n      this.selectedItems = this.getSelectedItems();\n      this.emitComboboxChange();\n\n      if (this.textInput) {\n        this.textInput.value = getLabel(item);\n      }\n      this.open = false;\n      this.updateActiveItemIndex(-1);\n      this.resetText();\n      this.filterItems(\"\");\n    }\n  }\n\n  updateAncestors(item: HTMLCalciteComboboxItemElement): void {\n    if (this.selectionMode !== \"ancestors\") {\n      return;\n    }\n    const ancestors = getItemAncestors(item);\n    const children = getItemChildren(item);\n    if (item.selected) {\n      ancestors.forEach((el) => {\n        el.selected = true;\n      });\n    } else {\n      children.forEach((el) => (el.selected = false));\n      [...ancestors].forEach((el) => {\n        if (!hasActiveChildren(el)) {\n          el.selected = false;\n        }\n      });\n    }\n  }\n\n  getFilteredItems(): HTMLCalciteComboboxItemElement[] {\n    return this.filterText === \"\" ? this.items : this.items.filter((item) => !item.hidden);\n  }\n\n  private getSelectedItems = (): HTMLCalciteComboboxItemElement[] => {\n    if (!this.isMulti()) {\n      const match = this.items.find(({ selected }) => selected);\n      return match ? [match] : [];\n    }\n\n    return (\n      this.items\n        .filter(\n          (item) =>\n            item.selected && (this.selectionMode !== \"ancestors\" || !hasActiveChildren(item)),\n        )\n        /** Preserve order of entered tags */\n        .sort((a, b) => {\n          const aIdx = this.selectedItems.indexOf(a);\n          const bIdx = this.selectedItems.indexOf(b);\n          if (aIdx > -1 && bIdx > -1) {\n            return aIdx - bIdx;\n          }\n          return bIdx - aIdx;\n        })\n    );\n  };\n\n  private updateItems = (): void => {\n    this.items = this.getItems();\n    this.groupItems = this.getGroupItems();\n    this.data = this.getData();\n    this.selectedItems = this.getSelectedItems();\n    this.filteredItems = this.getFilteredItems();\n    this.needsIcon = this.getNeedsIcon();\n\n    this.items.forEach((item) => {\n      item.selectionMode = this.selectionMode;\n      item.scale = this.scale;\n    });\n\n    if (!this.allowCustomValues) {\n      this.setMaxScrollerHeight();\n    }\n\n    this.groupItems.forEach((groupItem, index, items) => {\n      if (index === 0) {\n        groupItem.afterEmptyGroup = false;\n      }\n\n      const nextGroupItem = items[index + 1];\n\n      if (nextGroupItem) {\n        nextGroupItem.afterEmptyGroup = groupItem.children.length === 0;\n      }\n    });\n  };\n\n  getData(): ItemData[] {\n    return this.items.map((item) => ({\n      description: item.description,\n      filterDisabled: item.filterDisabled,\n      label: item.textLabel,\n      metadata: item.metadata,\n      shortHeading: item.shortHeading,\n      value: item.value,\n    }));\n  }\n\n  getNeedsIcon(): boolean {\n    return isSingleLike(this.selectionMode) && this.items.some((item) => item.icon);\n  }\n\n  resetText(): void {\n    if (this.textInput) {\n      this.textInput.value = \"\";\n    }\n    this.filterText = \"\";\n  }\n\n  getItems(): HTMLCalciteComboboxItemElement[] {\n    const items: HTMLCalciteComboboxItemElement[] = Array.from(\n      this.el.querySelectorAll(ComboboxItem),\n    );\n    return items.filter((item) => !item.disabled);\n  }\n\n  getGroupItems(): HTMLCalciteComboboxItemGroupElement[] {\n    return Array.from(this.el.querySelectorAll(ComboboxItemGroup));\n  }\n\n  addCustomChip(value: string, focus?: boolean): void {\n    const existingItem = this.items.find((el) => el.textLabel === value);\n    if (existingItem) {\n      this.toggleSelection(existingItem, true);\n    } else {\n      if (!this.isMulti()) {\n        this.toggleSelection(this.selectedItems[this.selectedItems.length - 1], false);\n      }\n      const item = document.createElement(\"calcite-combobox-item\");\n      item.value = value;\n      item.textLabel = value;\n      item.selected = true;\n      this.el.prepend(item);\n      this.resetText();\n      if (focus) {\n        this.setFocus();\n      }\n      this.updateItems();\n      this.filterItems(\"\");\n      this.open = true;\n      this.emitComboboxChange();\n    }\n  }\n\n  removeActiveChip(): void {\n    this.toggleSelection(this.selectedItems[this.activeChipIndex], false);\n    this.setFocus();\n  }\n\n  removeLastChip(): void {\n    this.toggleSelection(this.selectedItems[this.selectedItems.length - 1], false);\n    this.setFocus();\n  }\n\n  previousChip(): void {\n    const length = this.selectedItems.length - 1;\n    const active = this.activeChipIndex;\n    this.activeChipIndex = active === -1 ? length : Math.max(active - 1, 0);\n    this.updateActiveItemIndex(-1);\n    this.focusChip();\n  }\n\n  nextChip(): void {\n    const last = this.selectedItems.length - 1;\n    const newIndex = this.activeChipIndex + 1;\n    if (newIndex > last) {\n      this.activeChipIndex = -1;\n      this.setFocus();\n    } else {\n      this.activeChipIndex = newIndex;\n      this.focusChip();\n    }\n    this.updateActiveItemIndex(-1);\n  }\n\n  focusChip(): void {\n    const guid = this.selectedItems[this.activeChipIndex]?.guid;\n\n    const chip = guid\n      ? this.referenceEl.querySelector<HTMLCalciteChipElement>(`#${chipUidPrefix}${guid}`)\n      : null;\n    chip?.setFocus();\n  }\n\n  private scrollToActiveItem = (): void => {\n    const activeItem = this.filteredItems[this.activeItemIndex];\n\n    if (!activeItem) {\n      return;\n    }\n\n    const height = this.calculateScrollerHeight(activeItem);\n    const { offsetHeight, scrollTop } = this.listContainerEl;\n    if (offsetHeight + scrollTop < activeItem.offsetTop + height) {\n      this.listContainerEl.scrollTop = activeItem.offsetTop - offsetHeight + height;\n    } else if (activeItem.offsetTop < scrollTop) {\n      this.listContainerEl.scrollTop = activeItem.offsetTop;\n    }\n  };\n\n  shiftActiveItemIndex(delta: number): void {\n    const { length } = this.filteredItems;\n    const newIndex = (this.activeItemIndex + length + delta) % length;\n    this.updateActiveItemIndex(newIndex);\n    this.scrollToActiveItem();\n  }\n\n  updateActiveItemIndex(index: number): void {\n    this.activeItemIndex = index;\n    let activeDescendant: string = null;\n    this.filteredItems.forEach((el, i) => {\n      if (i === index) {\n        el.active = true;\n        activeDescendant = `${itemUidPrefix}${el.guid}`;\n      } else {\n        el.active = false;\n      }\n    });\n    this.activeDescendant = activeDescendant;\n    if (this.activeItemIndex > -1) {\n      this.activeChipIndex = -1;\n    }\n  }\n\n  private isAllSelected(): boolean {\n    return this.getItems().length === this.getSelectedItems().length;\n  }\n\n  isMulti(): boolean {\n    return !isSingleLike(this.selectionMode);\n  }\n\n  comboboxFocusHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.textInput?.focus();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderChips(): VNode[] {\n    const { activeChipIndex, readOnly, scale, selectionMode, messages } = this;\n    return this.selectedItems.map((item, i) => {\n      const chipClasses = {\n        chip: true,\n        \"chip--active\": activeChipIndex === i,\n      };\n      const ancestors = [...getItemAncestors(item)].reverse();\n      const itemLabel = getLabel(item);\n      const pathLabel = [...ancestors, item].map((el) => getLabel(el));\n      const label = selectionMode !== \"ancestors\" ? itemLabel : pathLabel.join(\" / \");\n\n      return (\n        <calcite-chip\n          appearance={readOnly ? \"outline\" : \"solid\"}\n          class={chipClasses}\n          closable={!readOnly}\n          data-test-id={`chip-${i}`}\n          icon={item.icon}\n          iconFlipRtl={item.iconFlipRtl}\n          id={item.guid ? `${chipUidPrefix}${item.guid}` : null}\n          key={itemLabel}\n          messageOverrides={{ dismissLabel: messages.removeTag }}\n          onCalciteChipClose={() => this.calciteChipCloseHandler(item)}\n          onFocusin={() => (this.activeChipIndex = i)}\n          scale={scale}\n          selected={item.selected}\n          tabindex={activeChipIndex === i ? 0 : -1}\n          title={label}\n          value={item.value}\n        >\n          {label}\n        </calcite-chip>\n      );\n    });\n  }\n\n  renderAllSelectedIndicatorChip(): VNode {\n    const {\n      compactSelectionDisplay,\n      scale,\n      selectedVisibleChipsCount,\n      setAllSelectedIndicatorChipEl,\n    } = this;\n    const label = this.messages.allSelected;\n    return (\n      <calcite-chip\n        class={{\n          chip: true,\n          [CSS.chipInvisible]: !(\n            this.isAllSelected() &&\n            !selectedVisibleChipsCount &&\n            !compactSelectionDisplay\n          ),\n        }}\n        ref={setAllSelectedIndicatorChipEl}\n        scale={scale}\n        title={label}\n        value=\"\"\n      >\n        {label}\n      </calcite-chip>\n    );\n  }\n\n  renderAllSelectedIndicatorChipCompact(): VNode {\n    const { compactSelectionDisplay, scale, selectedVisibleChipsCount } = this;\n    const label = this.messages.all || \"All\";\n    return (\n      <calcite-chip\n        class={{\n          chip: true,\n          [CSS.chipInvisible]: !(\n            this.isAllSelected() &&\n            !selectedVisibleChipsCount &&\n            compactSelectionDisplay\n          ),\n        }}\n        scale={scale}\n        title={label}\n        value=\"\"\n      >\n        {label}\n      </calcite-chip>\n    );\n  }\n\n  renderSelectedIndicatorChip(): VNode {\n    const {\n      compactSelectionDisplay,\n      selectionDisplay,\n      getSelectedItems,\n      scale,\n      selectedHiddenChipsCount,\n      selectedVisibleChipsCount,\n      setSelectedIndicatorChipEl,\n    } = this;\n    let chipInvisible: boolean;\n    let label: string;\n\n    if (compactSelectionDisplay) {\n      chipInvisible = true;\n    } else {\n      if (selectionDisplay === \"single\") {\n        const selectedItemsCount = getSelectedItems().length;\n        if (this.isAllSelected()) {\n          chipInvisible = true;\n        } else if (selectedItemsCount > 0) {\n          chipInvisible = false;\n        } else {\n          chipInvisible = true;\n        }\n        label = `${selectedItemsCount} ${this.messages.selected}`;\n      } else if (selectionDisplay === \"fit\") {\n        chipInvisible = !!(\n          (this.isAllSelected() && selectedVisibleChipsCount === 0) ||\n          selectedHiddenChipsCount === 0\n        );\n        label =\n          selectedVisibleChipsCount > 0\n            ? `+${selectedHiddenChipsCount}`\n            : `${selectedHiddenChipsCount} ${this.messages.selected}`;\n      }\n    }\n    return (\n      <calcite-chip\n        class={{\n          chip: true,\n          [CSS.chipInvisible]: chipInvisible,\n        }}\n        ref={setSelectedIndicatorChipEl}\n        scale={scale}\n        title={label}\n        value=\"\"\n      >\n        {label}\n      </calcite-chip>\n    );\n  }\n\n  renderSelectedIndicatorChipCompact(): VNode {\n    const {\n      compactSelectionDisplay,\n      selectionDisplay,\n      getSelectedItems,\n      scale,\n      selectedHiddenChipsCount,\n    } = this;\n    let chipInvisible: boolean;\n    let label: string;\n\n    if (compactSelectionDisplay) {\n      const selectedItemsCount = getSelectedItems().length;\n      if (this.isAllSelected()) {\n        chipInvisible = true;\n      } else if (selectionDisplay === \"fit\") {\n        chipInvisible = !(selectedHiddenChipsCount > 0);\n        label = `${selectedHiddenChipsCount || 0}`;\n      } else if (selectionDisplay === \"single\") {\n        chipInvisible = !(selectedItemsCount > 0);\n        label = `${selectedItemsCount}`;\n      }\n    } else {\n      chipInvisible = true;\n    }\n    return (\n      <calcite-chip\n        class={{\n          chip: true,\n          [CSS.chipInvisible]: chipInvisible,\n        }}\n        scale={scale}\n        title={label}\n        value=\"\"\n      >\n        {label}\n      </calcite-chip>\n    );\n  }\n\n  private get showingInlineIcon(): boolean {\n    const { placeholderIcon, selectionMode, selectedItems, open } = this;\n    const selectedItem = selectedItems[0];\n    const selectedIcon = selectedItem?.icon;\n    const singleSelectionMode = isSingleLike(selectionMode);\n\n    return !open && selectedItem\n      ? !!selectedIcon && singleSelectionMode\n      : !!placeholderIcon && (!selectedItem || singleSelectionMode);\n  }\n\n  private renderInput(): VNode {\n    const { guid, disabled, placeholder, selectionMode, selectedItems, open } = this;\n    const single = isSingleLike(selectionMode);\n    const selectedItem = selectedItems[0];\n    const showLabel = !open && single && !!selectedItem;\n\n    return (\n      <span\n        class={{\n          \"input-wrap\": true,\n          \"input-wrap--single\": single,\n        }}\n      >\n        {showLabel && (\n          <span\n            class={{\n              label: true,\n              \"label--icon\": !!selectedItem?.icon,\n            }}\n            key=\"label\"\n          >\n            {getLabel(selectedItem)}\n          </span>\n        )}\n        <input\n          aria-activedescendant={this.activeDescendant}\n          aria-autocomplete=\"list\"\n          aria-controls={`${listboxUidPrefix}${guid}`}\n          aria-errormessage={IDS.validationMessage}\n          aria-expanded={toAriaBoolean(open)}\n          aria-haspopup=\"listbox\"\n          aria-invalid={toAriaBoolean(this.status === \"invalid\")}\n          aria-label={getLabelText(this)}\n          aria-owns={`${listboxUidPrefix}${guid}`}\n          class={{\n            [CSS.input]: true,\n            \"input--single\": true,\n            \"input--hidden\": showLabel,\n            \"input--icon\": this.showingInlineIcon && !!this.placeholderIcon,\n          }}\n          data-test-id=\"input\"\n          disabled={disabled}\n          id={`${inputUidPrefix}${guid}`}\n          key=\"input\"\n          onFocus={this.comboboxFocusHandler}\n          onInput={this.inputHandler}\n          placeholder={placeholder}\n          readOnly={this.readOnly}\n          ref={(el) => (this.textInput = el)}\n          role=\"combobox\"\n          tabindex={this.activeChipIndex === -1 ? 0 : -1}\n          type=\"text\"\n          value={this.filterText}\n        />\n      </span>\n    );\n  }\n\n  renderListBoxOptions(): VNode[] {\n    return this.filteredItems.map((item) => (\n      <li\n        aria-selected={toAriaBoolean(item.selected)}\n        id={item.guid ? `${itemUidPrefix}${item.guid}` : null}\n        role=\"option\"\n        tabindex=\"-1\"\n      >\n        {item.textLabel}\n      </li>\n    ));\n  }\n\n  renderFloatingUIContainer(): VNode {\n    const { setFloatingEl, setContainerEl, open } = this;\n    const classes = {\n      [CSS.listContainer]: true,\n      [FloatingCSS.animation]: true,\n      [FloatingCSS.animationActive]: open,\n    };\n\n    return (\n      <div\n        aria-hidden=\"true\"\n        class={{\n          \"floating-ui-container\": true,\n          \"floating-ui-container--active\": open,\n        }}\n        ref={setFloatingEl}\n      >\n        <div class={classes} ref={setContainerEl}>\n          <ul class={{ list: true, \"list--hide\": !open }}>\n            <slot />\n          </ul>\n        </div>\n      </div>\n    );\n  }\n\n  renderSelectedOrPlaceholderIcon(): VNode {\n    const { open, placeholderIcon, placeholderIconFlipRtl, selectedItems } = this;\n    const selectedItem = selectedItems[0];\n    const selectedIcon = selectedItem?.icon;\n    const showPlaceholder = placeholderIcon && (open || !selectedItem);\n\n    return (\n      this.showingInlineIcon && (\n        <span class=\"icon-start\" key=\"selected-placeholder-icon\">\n          <calcite-icon\n            class={{\n              [CSS.selectedIcon]: !showPlaceholder,\n              [CSS.placeholderIcon]: showPlaceholder,\n            }}\n            flipRtl={showPlaceholder ? placeholderIconFlipRtl : selectedItem.iconFlipRtl}\n            icon={showPlaceholder ? placeholderIcon : selectedIcon}\n            scale={getIconScale(this.scale)}\n          />\n        </span>\n      )\n    );\n  }\n\n  renderChevronIcon(): VNode {\n    const { open } = this;\n    return (\n      <span class=\"icon-end\" key=\"chevron\">\n        <calcite-icon\n          class={CSS.icon}\n          icon={open ? \"chevron-up\" : \"chevron-down\"}\n          scale={getIconScale(this.scale)}\n        />\n      </span>\n    );\n  }\n\n  render(): VNode {\n    const { selectionDisplay, guid, label, open, readOnly } = this;\n    const singleSelectionMode = isSingleLike(this.selectionMode);\n    const allSelectionDisplay = selectionDisplay === \"all\";\n    const singleSelectionDisplay = selectionDisplay === \"single\";\n    const fitSelectionDisplay = !singleSelectionMode && selectionDisplay === \"fit\";\n    const isClearable = !this.clearDisabled && this.value?.length > 0;\n\n    return (\n      <Host onClick={this.comboboxFocusHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-live=\"polite\"\n            class={{\n              wrapper: true,\n              \"wrapper--single\": singleSelectionMode || !this.selectedItems.length,\n              \"wrapper--active\": open,\n            }}\n            onClick={this.clickHandler}\n            onKeyDown={this.keyDownHandler}\n            ref={this.setReferenceEl}\n          >\n            {this.renderSelectedOrPlaceholderIcon()}\n            <div\n              class={{\n                \"grid-input\": true,\n                [CSS.selectionDisplayFit]: fitSelectionDisplay,\n                [CSS.selectionDisplaySingle]: singleSelectionDisplay,\n              }}\n              key=\"grid\"\n              ref={this.setChipContainerEl}\n            >\n              {!singleSelectionMode && !singleSelectionDisplay && this.renderChips()}\n              {!singleSelectionMode &&\n                !allSelectionDisplay && [\n                  this.renderSelectedIndicatorChip(),\n                  this.renderSelectedIndicatorChipCompact(),\n                  this.renderAllSelectedIndicatorChip(),\n                  this.renderAllSelectedIndicatorChipCompact(),\n                ]}\n              <label\n                class=\"screen-readers-only\"\n                htmlFor={`${inputUidPrefix}${guid}`}\n                id={`${labelUidPrefix}${guid}`}\n              >\n                {label}\n              </label>\n              {this.renderInput()}\n            </div>\n            {!readOnly && isClearable ? (\n              <XButton\n                disabled={this.disabled}\n                key=\"close-button\"\n                label={this.messages.clear}\n                scale={this.scale}\n              />\n            ) : null}\n            {!readOnly && this.renderChevronIcon()}\n          </div>\n          <ul\n            aria-labelledby={`${labelUidPrefix}${guid}`}\n            aria-multiselectable=\"true\"\n            class=\"screen-readers-only\"\n            id={`${listboxUidPrefix}${guid}`}\n            role=\"listbox\"\n            tabIndex={-1}\n          >\n            {this.renderListBoxOptions()}\n          </ul>\n          {this.renderFloatingUIContainer()}\n          <HiddenFormInputSlot component={this} />\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              id={IDS.validationMessage}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","import { Scale } from \"../interfaces\";\n\nexport const CSS = {\n  active: \"label--active\",\n  centerContent: \"center-content\",\n  container: \"container\",\n  custom: \"icon--custom\",\n  description: \"description\",\n  dot: \"icon--dot\",\n  filterMatch: \"filter-match\",\n  icon: \"icon\",\n  iconActive: \"icon--active\",\n  label: \"label\",\n  scale: (scale: Scale) => `scale--${scale}` as const,\n  selected: \"label--selected\",\n  shortText: \"short-text\",\n  single: \"label--single\",\n  textContainer: \"text-container\",\n  title: \"title\",\n};\n\nexport const SLOTS = {\n  contentEnd: \"content-end\",\n};\n","@include base-component();\n\n.scale--s {\n  @apply text-n2h;\n  --calcite-combobox-item-spacing-unit-l: theme(\"spacing.2\");\n  --calcite-combobox-item-spacing-unit-s: theme(\"spacing.1\");\n  --calcite-combobox-item-spacing-indent: theme(\"spacing.2\");\n  --calcite-combobox-item-selector-icon-size: theme(\"spacing.4\");\n  --calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-xs);\n}\n\n.scale--m {\n  @apply text-n1h;\n  --calcite-combobox-item-spacing-unit-l: theme(\"spacing.3\");\n  --calcite-combobox-item-spacing-unit-s: theme(\"spacing[1.5]\");\n  --calcite-combobox-item-spacing-indent: theme(\"spacing.3\");\n  --calcite-combobox-item-selector-icon-size: theme(\"spacing.4\");\n  --calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-sm);\n}\n\n.scale--l {\n  @apply text-0h;\n  --calcite-combobox-item-spacing-unit-l: theme(\"spacing.4\");\n  --calcite-combobox-item-spacing-unit-s: theme(\"spacing[2.5]\");\n  --calcite-combobox-item-spacing-indent: theme(\"spacing.4\");\n  --calcite-combobox-item-selector-icon-size: theme(\"spacing.6\");\n  --calcite-internal-combobox-item-description-font-size: var(--calcite-font-size);\n}\n\n.container {\n  --calcite-combobox-item-indent-value: calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  );\n}\n\n:host(:focus) {\n  @apply shadow-none;\n}\n\n@include disabled();\n\n:host,\nul {\n  @apply m-0 flex flex-col p-0;\n}\n\n:host(:focus),\nul:focus {\n  @apply outline-none;\n}\n\n.label {\n  @apply text-color-3\n  focus-base\n  relative\n  box-border\n  flex\n  w-full\n  min-w-full\n  cursor-pointer\n  items-center\n  no-underline\n  duration-150\n  ease-in-out;\n  @include word-break();\n  justify-content: space-around;\n  gap: var(--calcite-combobox-item-spacing-unit-l);\n  padding-block: var(--calcite-combobox-item-spacing-unit-s);\n  padding-inline: var(--calcite-combobox-item-spacing-unit-l);\n  padding-inline-start: var(--calcite-combobox-item-indent-value);\n}\n\n:host([disabled]) .label {\n  @apply cursor-default;\n}\n\n// selected state\n.label--selected {\n  @apply text-color-1;\n\n  .title {\n    @apply font-medium;\n  }\n}\n\n.label--active {\n  @apply focus-inset;\n}\n\n.label:hover,\n.label:active {\n  @apply text-color-1\n    bg-foreground-2\n    no-underline\n    shadow-none;\n}\n\n.icon {\n  @apply inline-flex\n    opacity-0\n    duration-150\n    ease-in-out;\n  color: theme(\"borderColor.color.1\");\n}\n\n.icon--custom {\n  margin-block-start: -1px;\n  @apply text-color-3;\n}\n\n.icon--active {\n  @apply text-color-1;\n}\n\n.icon--dot {\n  @apply flex justify-center;\n  min-inline-size: var(--calcite-combobox-item-selector-icon-size);\n}\n\n.icon--dot::before {\n  text-align: start;\n  content: \"\\2022\";\n}\n\n.label--active .icon {\n  @apply opacity-100;\n}\n\n.label--selected .icon {\n  @apply opacity-100;\n  color: theme(\"backgroundColor.brand\");\n}\n\n:host(:hover[disabled]) .icon {\n  @apply opacity-100;\n}\n\n.filter-match {\n  font-weight: var(--calcite-font-weight-bold);\n  color: var(--calcite-color-text-1);\n  background-color: var(--calcite-color-foreground-current);\n}\n\n.center-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  padding-block: 0;\n}\n\n.description {\n  font-size: var(--calcite-internal-combobox-item-description-font-size);\n}\n\n:host([selected]),\n:host(:hover) {\n  .description {\n    color: var(--calcite-color-text-2);\n  }\n}\n\n.short-text {\n  color: var(--calcite-color-text-3);\n  white-space: nowrap;\n}\n\n.title {\n  color: var(--calcite-color-text-1);\n}\n\n.title,\n.description,\n.short-text {\n  line-height: var(--calcite-font-line-height-relative-snug);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { ComboboxChildElement } from \"../combobox/interfaces\";\nimport { getAncestors, getDepth, isSingleLike } from \"../combobox/utils\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport { getIconScale } from \"../../utils/component\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { slotChangeHasContent } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding nested `calcite-combobox-item`s.\n * @slot content-end - A slot for adding non-actionable elements after the component's content.\n */\n@Component({\n  tag: \"calcite-combobox-item\",\n  styleUrl: \"combobox-item.scss\",\n  shadow: true,\n})\nexport class ComboboxItem implements InteractiveComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** When `true`, the component is active. */\n  @Prop({ reflect: true }) active = false;\n\n  /** Specifies the parent and grandparent items, which are set on `calcite-combobox`. */\n  @Prop({ mutable: true }) ancestors: ComboboxChildElement[];\n\n  /**\n   * A description for the component, which displays below the label.\n   */\n  @Prop() description: string;\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  @Watch(\"textLabel\")\n  handleComboboxItemPropsChange(): void {\n    this.calciteInternalComboboxItemChange.emit();\n  }\n\n  /**\n   * When `true`, omits the component from the `calcite-combobox` filtered search results.\n   */\n  @Prop({ reflect: true }) filterDisabled: boolean;\n\n  /**\n   * Pattern for highlighting filter text matches.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) filterTextMatchPattern: RegExp;\n\n  /** The `id` attribute of the component. When omitted, a globally unique identifier is used. */\n  @Prop({ reflect: true }) guid = guid();\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: IconNameOrString;\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  @Watch(\"selected\")\n  selectedWatchHandler(): void {\n    this.calciteComboboxItemChange.emit();\n  }\n\n  /**\n   * Provides additional metadata to the component used in filtering.\n   */\n  @Prop() metadata: Record<string, unknown>;\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection,\n   *\n   * `\"single-persist\"` allows one selection and prevents de-selection, and\n   *\n   * `\"ancestors\"` allows multiple selections, but shows ancestors of selected items as selected, with only deepest children shown in chips.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"single\" | \"single-persist\" | \"ancestors\" | \"multiple\",\n    SelectionMode\n  > = \"multiple\";\n\n  /**\n   * The component's short heading.\n   *\n   * When provided, the short heading will be displayed in the component's selection.\n   *\n   * It is recommended to use 5 characters or fewer.\n   */\n  @Prop() shortHeading: string;\n\n  /** The component's text. */\n  @Prop() heading: string;\n\n  /**\n   * The component's text.\n   *\n   * @deprecated Use `heading` instead.\n   */\n  @Prop({ reflect: true }) textLabel!: string;\n\n  /** The component's value. */\n  @Prop() value!: any;\n\n  /** The component's label. */\n  @Prop() label: any;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteComboboxItemElement;\n\n  @State() hasContent = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.ancestors = getAncestors(this.el);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires whenever the component is selected or unselected.\n   *\n   */\n  @Event({ cancelable: false }) calciteComboboxItemChange: EventEmitter<void>;\n\n  /**\n   * Fires whenever a property the parent combobox needs to know about is changed.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalComboboxItemChange: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    this.hasContent = slotChangeHasContent(event);\n  };\n\n  toggleSelected(): Promise<void> {\n    const isSinglePersistSelect = this.selectionMode === \"single-persist\";\n\n    if (this.disabled || (isSinglePersistSelect && this.selected)) {\n      return;\n    }\n\n    this.selected = !this.selected;\n  }\n\n  private itemClickHandler = (): void => {\n    this.toggleSelected();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderIcon(iconPath: IconNameOrString): VNode {\n    return this.icon ? (\n      <calcite-icon\n        class={{\n          [CSS.custom]: !!this.icon,\n          [CSS.iconActive]: this.icon && this.selected,\n        }}\n        flipRtl={this.iconFlipRtl}\n        icon={this.icon || iconPath}\n        key=\"icon\"\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n  }\n\n  renderSelectIndicator(showDot: boolean): VNode;\n  renderSelectIndicator(showDot: boolean, iconPath: IconNameOrString): VNode;\n  renderSelectIndicator(showDot: boolean, iconPath?: IconNameOrString): VNode {\n    return showDot ? (\n      <span\n        class={{\n          [CSS.icon]: true,\n          [CSS.dot]: true,\n        }}\n      />\n    ) : (\n      <calcite-icon\n        class={{\n          [CSS.icon]: true,\n          [CSS.iconActive]: this.selected,\n        }}\n        flipRtl={this.iconFlipRtl}\n        icon={iconPath}\n        key=\"indicator\"\n        scale={getIconScale(this.scale)}\n      />\n    );\n  }\n\n  renderChildren(): VNode {\n    return (\n      <ul hidden={!this.hasContent} key=\"default-slot-container\">\n        <slot onSlotchange={this.handleDefaultSlotChange} />\n      </ul>\n    );\n  }\n\n  render(): VNode {\n    const { disabled, heading, label, textLabel, value } = this;\n    const isSingleSelect = isSingleLike(this.selectionMode);\n    const defaultIcon = isSingleSelect ? undefined : \"check\";\n    const headingText = heading || textLabel;\n    const iconPath = disabled ? undefined : defaultIcon;\n    const itemLabel = label || value;\n    const showDot = isSingleSelect && !disabled;\n\n    const classes = {\n      [CSS.label]: true,\n      [CSS.selected]: this.selected,\n      [CSS.active]: this.active,\n      [CSS.single]: isSingleSelect,\n    };\n    const depth = getDepth(this.el) + 1;\n\n    return (\n      <Host aria-hidden=\"true\" aria-label={itemLabel}>\n        <InteractiveContainer disabled={disabled}>\n          <div\n            class={{\n              [CSS.container]: true,\n              [CSS.scale(this.scale)]: true,\n            }}\n            style={{ \"--calcite-combobox-item-spacing-indent-multiplier\": `${depth}` }}\n          >\n            <li class={classes} id={this.guid} onClick={this.itemClickHandler}>\n              {this.renderSelectIndicator(showDot, iconPath)}\n              {this.renderIcon(iconPath)}\n              <div class={CSS.centerContent}>\n                <div class={CSS.title}>{this.renderTextContent(headingText)}</div>\n                {this.description ? (\n                  <div class={CSS.description}>{this.renderTextContent(this.description)}</div>\n                ) : null}\n              </div>\n              {this.shortHeading ? (\n                <div class={CSS.shortText}>{this.renderTextContent(this.shortHeading)}</div>\n              ) : null}\n              <slot name={SLOTS.contentEnd} />\n            </li>\n            {this.renderChildren()}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  private renderTextContent(text: string): string | (string | VNode)[] {\n    const pattern = this.filterTextMatchPattern;\n\n    if (!pattern || !text) {\n      return text;\n    }\n\n    const parts: (string | VNode)[] = text.split(pattern);\n\n    if (parts.length > 1) {\n      // we only highlight the first match\n      parts[1] = <mark class={CSS.filterMatch}>{parts[1]}</mark>;\n    }\n\n    return parts;\n  }\n}\n","export const CSS = {\n  list: \"list\",\n  label: \"label\",\n  title: \"title\",\n};\n",".scale--s {\n  @apply text-n2h;\n  --calcite-combobox-item-spacing-unit-l: theme(\"spacing.2\");\n  --calcite-combobox-item-spacing-unit-s: theme(\"spacing.1\");\n  --calcite-combobox-item-spacing-indent: theme(\"spacing.2\");\n}\n\n.scale--m {\n  @apply text-n1h;\n  --calcite-combobox-item-spacing-unit-l: theme(\"spacing.3\");\n  --calcite-combobox-item-spacing-unit-s: theme(\"spacing.2\");\n  --calcite-combobox-item-spacing-indent: theme(\"spacing.3\");\n}\n\n.scale--l {\n  @apply text-0h;\n  --calcite-combobox-item-spacing-unit-l: theme(\"spacing.4\");\n  --calcite-combobox-item-spacing-unit-s: theme(\"spacing.3\");\n  --calcite-combobox-item-spacing-indent: theme(\"spacing.4\");\n}\n\n:host,\n.list {\n  @apply m-0 flex flex-col p-0;\n}\n\n:host(:focus),\n.list:focus {\n  @apply outline-none;\n}\n\n.label {\n  @apply text-color-3 box-border flex w-full min-w-0 max-w-full;\n}\n\n.title {\n  --calcite-combobox-item-indent-value: calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  );\n  border: 0 solid;\n  @apply border-b-color-3\n    text-color-2\n    word-break\n    block\n    flex-1\n    border-b\n    font-bold;\n  padding-block: var(--calcite-combobox-item-spacing-unit-l);\n  padding-inline: var(--calcite-combobox-item-spacing-unit-s);\n  margin-inline-start: var(--calcite-combobox-item-indent-value);\n}\n\n::slotted(calcite-combobox-item-group:not([after-empty-group])) {\n  padding-block-start: var(--calcite-combobox-item-spacing-unit-l);\n}\n\n@include base-component();\n","import { Component, Element, h, Prop, VNode } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { ComboboxChildElement } from \"../combobox/interfaces\";\nimport { getAncestors, getDepth } from \"../combobox/utils\";\nimport { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-combobox-item`s.\n */\n@Component({\n  tag: \"calcite-combobox-item-group\",\n  styleUrl: \"combobox-item-group.scss\",\n  shadow: true,\n})\nexport class ComboboxItemGroup {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, signifies that the group comes after another group without any children (items or sub-groups), otherwise indicates that the group comes after another group that has children. Used for styling.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) afterEmptyGroup = false;\n\n  /** Specifies the parent and grandparent `calcite-combobox-item`s, which are set on `calcite-combobox`. */\n  @Prop({ mutable: true }) ancestors: ComboboxChildElement[];\n\n  /** Specifies the title of the component. */\n  @Prop() label!: string;\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.ancestors = getAncestors(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteComboboxItemGroupElement;\n\n  guid: string = guid();\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el, scale } = this;\n    const depth = getDepth(el);\n\n    return (\n      <ul\n        aria-labelledby={this.guid}\n        class={{ [CSS.list]: true, [`scale--${scale}`]: true }}\n        role=\"group\"\n      >\n        <li\n          class={{ [CSS.label]: true }}\n          id={this.guid}\n          role=\"presentation\"\n          style={{ \"--calcite-combobox-item-spacing-indent-multiplier\": `${depth}` }}\n        >\n          <span class={CSS.title}>{this.label}</span>\n        </li>\n        <slot />\n      </ul>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-e8528ba4.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{d as r}from"./p-81a8f4c0.js";import"./p-2c99ffe4.js";import"./p-8f002581.js";import"./p-ed71fa1d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-d87cffea.js";import"./p-cd0e92b4.js";import"./p-141626e7.js";import"./p-561afd32.js";import"./p-953f312e.js";import"./p-f9b0742d.js";import"./p-756ee05a.js";import"./p-99ecc8bc.js";import"./p-97927874.js";import"./p-998886ff.js";import"./p-fd3e1697.js";import"./p-cbffb6ca.js";import"./p-3c53ef49.js";import"./p-0481b80a.js";var e={name:"da",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"søn._man._tirs._ons._tors._fre._lør.".split("_"),weekdaysMin:"sø._ma._ti._on._to._fr._lø.".split("_"),months:"januar_februar_marts_april_maj_juni_juli_august_september_oktober_november_december".split("_"),monthsShort:"jan._feb._mar._apr._maj_juni_juli_aug._sept._okt._nov._dec.".split("_"),weekStart:1,yearStart:4,ordinal:function r(e){return e+"."},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd [d.] D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"få sekunder",m:"et minut",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dage",M:"en måned",MM:"%d måneder",y:"et år",yy:"%d år"}};r.locale(e,null,true);export{e as default};
+//# sourceMappingURL=p-e8528ba4.js.map

package/dist/calcite/p-e89ea84e.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as e,c as t,h as s,g as i}from"./p-2c99ffe4.js";import{s as a,j as c}from"./p-ed71fa1d.js";import{u as n,I as h}from"./p-d87cffea.js";import{a as o,s as r,c as l}from"./p-953f312e.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-f9b0742d.js";const d=":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:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:0.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:0.25rem}:host([scale=l]) .container{gap:0.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const f=d;const p=class{constructor(s){e(this,s);this.calciteChipGroupSelect=t(this,"calciteChipGroupSelect",6);this.items=[];this.updateItems=e=>{const t=this.slotRefEl?.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-chip")));this.items=!e?t:a(e);if(this.items?.length<1){return}this.items?.forEach((e=>{e.interactive=true;e.scale=this.scale;e.selectionMode=this.selectionMode;e.parentChipGroup=this.el}));this.setSelectedItems(false)};this.updateSelectedItems=()=>{this.selectedItems=this.items?.filter((e=>e.selected))};this.setSelectedItems=(e,t)=>{if(t){this.items?.forEach((e=>{const s=t===e;switch(this.selectionMode){case"multiple":if(s){e.selected=!e.selected}break;case"single":e.selected=s?!e.selected:false;break;case"single-persist":e.selected=!!s;break}}))}this.updateSelectedItems();if(e){this.calciteChipGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.scale="m";this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.updateItems()}componentDidRender(){n(this)}componentDidLoad(){o(this)}async componentWillLoad(){r(this)}calciteInternalChipKeyEventListener(e){if(e.composedPath().includes(this.el)){const t=this.items?.filter((e=>!e.disabled));switch(e.detail.key){case"ArrowRight":c(t,e.detail.target,"next");break;case"ArrowLeft":c(t,e.detail.target,"previous");break;case"Home":c(t,e.detail.target,"first");break;case"End":c(t,e.detail.target,"last");break}}e.stopPropagation()}calciteChipCloseListener(e){const t=e.target;if(this.items?.includes(t)){if(this.items?.indexOf(t)>0){c(this.items,t,"previous")}else if(this.items?.indexOf(t)===0){c(this.items,t,"next")}else{c(this.items,t,"first")}}this.items=this.items?.filter((e=>e!==t));e.stopPropagation()}calciteChipSelectListener(e){if(e.composedPath().includes(this.el)){this.setSelectedItems(true,e.target)}e.stopPropagation()}calciteInternalChipSelectListener(e){if(e.composedPath().includes(this.el)){this.setSelectedItems(false,e.target)}e.stopPropagation()}calciteInternalSyncSelectedChips(e){if(e.composedPath().includes(this.el)){this.updateSelectedItems();if(this.selectionMode==="single"&&this.selectedItems.length>1){this.setSelectedItems(false,e.target)}}e.stopPropagation()}async setFocus(){await l(this);if(!this.disabled){return(this.selectedItems[0]||this.items[0])?.setFocus()}}render(){const e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";const{disabled:t}=this;return s(h,{key:"0eff5094196c81d49299c8798bead2fa9ad58ae4",disabled:t},s("div",{key:"99082a44e4321b23afd5ef0d05ffbda4ea81ff9b","aria-label":this.label,class:"container",role:e},s("slot",{key:"f2735e6b7becd61933ce2b0ecbe2b1ace8a010b9",onSlotchange:this.updateItems,ref:e=>this.slotRefEl=e})))}get el(){return i(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};p.style=f;export{p as calcite_chip_group};
+//# sourceMappingURL=p-e89ea84e.entry.js.map

package/dist/calcite/p-e8b9bb54.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as e,c as t,h as i,g as s}from"./p-2c99ffe4.js";import{u as a,I as c}from"./p-d87cffea.js";import{c as n}from"./p-99ecc8bc.js";import{j as o}from"./p-ed71fa1d.js";import"./p-f9b0742d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";const r={container:"container"};const l=":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{box-sizing:border-box;display:inline-block}:host ::slotted(calcite-tile){margin-block-end:var(--calcite-spacing-px);margin-inline-end:var(--calcite-spacing-px)}.container{display:grid;grid-auto-rows:minmax(auto, 1fr)}:host([scale=s]) .container{grid-template-columns:repeat(auto-fit, minmax(100px, 1fr))}:host([scale=m]) .container{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr))}:host([scale=l]) .container{grid-template-columns:repeat(auto-fit, minmax(160px, 1fr))}:host([layout=vertical]) .container{display:flex;flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const h=l;const d=class{constructor(i){e(this,i);this.calciteTileGroupSelect=t(this,"calciteTileGroupSelect",6);this.items=[];this.getSlottedTiles=()=>this.slotEl?.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-tile")));this.mutationObserver=n("mutation",(()=>this.updateTiles()));this.selectItem=e=>{if(!e){return}this.items?.forEach((t=>{const i=e===t;switch(this.selectionMode){case"multiple":if(i){t.selected=!t.selected}break;case"single":t.selected=i&&!t.selected;break;case"single-persist":t.selected=!!i;break}}));this.updateSelectedItems();this.calciteTileGroupSelect.emit()};this.setSlotEl=e=>{this.slotEl=e};this.updateSelectedItems=()=>{const e=this.items?.filter((e=>e.selected));if((this.selectionMode==="single"||this.selectionMode==="single-persist")&&e?.length>1){this.selectedItems=[e.pop()];this.items?.forEach((e=>{if(this.selectedItems.indexOf(e)===-1){e.selected=false}}))}else{this.selectedItems=e??[]}};this.updateTiles=()=>{this.items=this.getSlottedTiles();this.items?.forEach((e=>{e.alignment=this.alignment;e.interactive=true;e.layout=this.layout;e.scale=this.scale;e.selectionAppearance=this.selectionAppearance;e.selectionMode=this.selectionMode}));this.updateSelectedItems()};this.alignment="start";this.disabled=false;this.label=undefined;this.layout="horizontal";this.scale="m";this.selectedItems=[];this.selectionAppearance="icon";this.selectionMode="none"}scaleWatcher(){this.updateTiles()}handleSelectionModeOrAppearanceChange(){this.updateTiles()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateTiles()}componentDidRender(){a(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}calciteInternalTileKeyEventListener(e){if(e.composedPath().includes(this.el)){e.preventDefault();e.stopPropagation();const t=this.items?.filter((e=>!e.disabled));switch(e.detail.key){case"ArrowDown":case"ArrowRight":o(t,e.detail.target,"next");break;case"ArrowUp":case"ArrowLeft":o(t,e.detail.target,"previous");break;case"Home":o(t,e.detail.target,"first");break;case"End":o(t,e.detail.target,"last");break}}}calciteTileSelectHandler(e){if(e.composedPath().includes(this.el)){this.selectItem(e.target)}}render(){const e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return i(c,{key:"71f1f3d91304acc1cdea820614a50bbe4e89948f",disabled:this.disabled},i("div",{key:"6b1fd5b29857bba2d5ee2d7831f93bd3b1faa033","aria-label":this.label,class:r.container,role:e},i("slot",{key:"e2a62cf0e24ed208dedcc7eaacf1df10d51c1932",onSlotchange:this.updateTiles,ref:this.setSlotEl})))}get el(){return s(this)}static get watchers(){return{scale:["scaleWatcher"],selectionMode:["handleSelectionModeOrAppearanceChange"],selectionAppearance:["handleSelectionModeOrAppearanceChange"]}}};d.style=h;export{d as calcite_tile_group};
+//# sourceMappingURL=p-e8b9bb54.entry.js.map

package/dist/calcite/p-ec453571.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{d as s}from"./p-81a8f4c0.js";import"./p-2c99ffe4.js";import"./p-8f002581.js";import"./p-ed71fa1d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-d87cffea.js";import"./p-cd0e92b4.js";import"./p-141626e7.js";import"./p-561afd32.js";import"./p-953f312e.js";import"./p-f9b0742d.js";import"./p-756ee05a.js";import"./p-99ecc8bc.js";import"./p-97927874.js";import"./p-998886ff.js";import"./p-fd3e1697.js";import"./p-cbffb6ca.js";import"./p-3c53ef49.js";import"./p-0481b80a.js";var i="sausio_vasario_kovo_balandžio_gegužės_birželio_liepos_rugpjūčio_rugsėjo_spalio_lapkričio_gruodžio".split("_");var m="sausis_vasaris_kovas_balandis_gegužė_birželis_liepa_rugpjūtis_rugsėjis_spalis_lapkritis_gruodis".split("_");var a=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?|MMMM?(\[[^\[\]]*\]|\s)+D[oD]?/;var M=function s(M,d){if(a.test(d)){return i[M.month()]}return m[M.month()]};M.s=m;M.f=i;var d={name:"lt",weekdays:"sekmadienis_pirmadienis_antradienis_trečiadienis_ketvirtadienis_penktadienis_šeštadienis".split("_"),weekdaysShort:"sek_pir_ant_tre_ket_pen_šeš".split("_"),weekdaysMin:"s_p_a_t_k_pn_š".split("_"),months:M,monthsShort:"sau_vas_kov_bal_geg_bir_lie_rgp_rgs_spa_lap_grd".split("_"),ordinal:function s(i){return i+"."},weekStart:1,relativeTime:{future:"už %s",past:"prieš %s",s:"kelias sekundes",m:"minutę",mm:"%d minutes",h:"valandą",hh:"%d valandas",d:"dieną",dd:"%d dienas",M:"mėnesį",MM:"%d mėnesius",y:"metus",yy:"%d metus"},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"}};s.locale(d,null,true);export{d as default};
+//# sourceMappingURL=p-ec453571.js.map

package/dist/calcite/p-ed71fa1d.js

@@ -0,0 +1,12 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{g as n}from"./p-db4d93fd.js";import{C as r}from"./p-5c700653.js";
+/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var t=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"];var e=t.join(",");var i=typeof Element==="undefined";var o=i?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var u=!i&&Element.prototype.getRootNode?function(n){var r;return n===null||n===void 0?void 0:(r=n.getRootNode)===null||r===void 0?void 0:r.call(n)}:function(n){return n===null||n===void 0?void 0:n.ownerDocument};var a=function n(r,t){var e;if(t===void 0){t=true}var i=r===null||r===void 0?void 0:(e=r.getAttribute)===null||e===void 0?void 0:e.call(r,"inert");var o=i===""||i==="true";var u=o||t&&r&&n(r.parentNode);return u};var f=function n(r){var t;var e=r===null||r===void 0?void 0:(t=r.getAttribute)===null||t===void 0?void 0:t.call(r,"contenteditable");return e===""||e==="true"};var s=function n(r,t,i){if(a(r)){return[]}var u=Array.prototype.slice.apply(r.querySelectorAll(e));if(t&&o.call(r,e)){u.unshift(r)}u=u.filter(i);return u};var l=function n(r,t,i){var u=[];var f=Array.from(r);while(f.length){var s=f.shift();if(a(s,false)){continue}if(s.tagName==="SLOT"){var l=s.assignedElements();var c=l.length?l:s.children;var v=n(c,true,i);if(i.flatten){u.push.apply(u,v)}else{u.push({scopeParent:s,candidates:v})}}else{var d=o.call(s,e);if(d&&i.filter(s)&&(t||!r.includes(s))){u.push(s)}var p=s.shadowRoot||typeof i.getShadowRoot==="function"&&i.getShadowRoot(s);var y=!a(p,false)&&(!i.shadowRootFilter||i.shadowRootFilter(s));if(p&&y){var m=n(p===true?s.children:p.children,true,i);if(i.flatten){u.push.apply(u,m)}else{u.push({scopeParent:s,candidates:m})}}else{f.unshift.apply(f,s.children)}}}return u};var c=function n(r){return!isNaN(parseInt(r.getAttribute("tabindex"),10))};var v=function n(r){if(!r){throw new Error("No node provided")}if(r.tabIndex<0){if((/^(AUDIO|VIDEO|DETAILS)$/.test(r.tagName)||f(r))&&!c(r)){return 0}}return r.tabIndex};var d=function n(r,t){var e=v(r);if(e<0&&t&&!c(r)){return 0}return e};var p=function n(r,t){return r.tabIndex===t.tabIndex?r.documentOrder-t.documentOrder:r.tabIndex-t.tabIndex};var y=function n(r){return r.tagName==="INPUT"};var m=function n(r){return y(r)&&r.type==="hidden"};var w=function n(r){var t=r.tagName==="DETAILS"&&Array.prototype.slice.apply(r.children).some((function(n){return n.tagName==="SUMMARY"}));return t};var h=function n(r,t){for(var e=0;e<r.length;e++){if(r[e].checked&&r[e].form===t){return r[e]}}};var A=function n(r){if(!r.name){return true}var t=r.form||u(r);var e=function n(r){return t.querySelectorAll('input[type="radio"][name="'+r+'"]')};var i;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){i=e(window.CSS.escape(r.name))}else{try{i=e(r.name)}catch(n){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",n.message);return false}}var o=h(i,r.form);return!o||o===r};var E=function n(r){return y(r)&&r.type==="radio"};var S=function n(r){return E(r)&&!A(r)};var g=function n(r){var t;var e=r&&u(r);var i=(t=e)===null||t===void 0?void 0:t.host;var o=false;if(e&&e!==r){var a,f,s;o=!!((a=i)!==null&&a!==void 0&&(f=a.ownerDocument)!==null&&f!==void 0&&f.contains(i)||r!==null&&r!==void 0&&(s=r.ownerDocument)!==null&&s!==void 0&&s.contains(r));while(!o&&i){var l,c,v;e=u(i);i=(l=e)===null||l===void 0?void 0:l.host;o=!!((c=i)!==null&&c!==void 0&&(v=c.ownerDocument)!==null&&v!==void 0&&v.contains(i))}}return o};var N=function n(r){var t=r.getBoundingClientRect(),e=t.width,i=t.height;return e===0&&i===0};var b=function n(r,t){var e=t.displayCheck,i=t.getShadowRoot;if(getComputedStyle(r).visibility==="hidden"){return true}var a=o.call(r,"details>summary:first-of-type");var f=a?r.parentElement:r;if(o.call(f,"details:not([open]) *")){return true}if(!e||e==="full"||e==="legacy-full"){if(typeof i==="function"){var s=r;while(r){var l=r.parentElement;var c=u(r);if(l&&!l.shadowRoot&&i(l)===true){return N(r)}else if(r.assignedSlot){r=r.assignedSlot}else if(!l&&c!==r.ownerDocument){r=c.host}else{r=l}}r=s}if(g(r)){return!r.getClientRects().length}if(e!=="legacy-full"){return true}}else if(e==="non-zero-area"){return N(r)}return false};var I=function n(r){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(r.tagName)){var t=r.parentElement;while(t){if(t.tagName==="FIELDSET"&&t.disabled){for(var e=0;e<t.children.length;e++){var i=t.children.item(e);if(i.tagName==="LEGEND"){return o.call(t,"fieldset[disabled] *")?true:!i.contains(r)}}return true}t=t.parentElement}}return false};var T=function n(r,t){if(t.disabled||a(t)||m(t)||b(t,r)||w(t)||I(t)){return false}return true};var x=function n(r,t){if(S(t)||v(t)<0||!T(r,t)){return false}return true};var $=function n(r){var t=parseInt(r.getAttribute("tabindex"),10);if(isNaN(t)||t>=0){return true}return false};var C=function n(r){var t=[];var e=[];r.forEach((function(r,i){var o=!!r.scopeParent;var u=o?r.scopeParent:r;var a=d(u,o);var f=o?n(r.candidates):u;if(a===0){o?t.push.apply(t,f):t.push(u)}else{e.push({documentOrder:i,tabIndex:a,item:r,isScope:o,content:f})}}));return e.sort(p).reduce((function(n,r){r.isScope?n.push.apply(n,r.content):n.push(r.content);return n}),[]).concat(t)};var D=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=l([r],t.includeContainer,{filter:x.bind(null,t),flatten:false,getShadowRoot:t.getShadowRoot,shadowRootFilter:$})}else{e=s(r,t.includeContainer,x.bind(null,t))}return C(e)};var F=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=l([r],t.includeContainer,{filter:T.bind(null,t),flatten:true,getShadowRoot:t.getShadowRoot})}else{e=s(r,t.includeContainer,T.bind(null,t))}return e};var L=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(o.call(r,e)===false){return false}return x(t,r)};var R=t.concat("iframe").join(",");var k=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(o.call(r,R)===false){return false}return T(t,r)};const O={getShadowRoot:true};function P(r){if(!r){return""}return r.id=r.id||`${r.tagName.toLowerCase()}-${n()}`}function U(n){return Array.isArray(n)?n:Array.from(n)}function B(n){const t=X(n,`.${r.darkMode}, .${r.lightMode}`);return t?.classList.contains("calcite-mode-dark")?"dark":"light"}function j(n){const r="dir";const t=`[${r}]`;const e=X(n,t);return e?e.getAttribute(r):"ltr"}function q(n){if(!n){return 0}return parseFloat(getComputedStyle(n).inlineSize)}function z(n){return n.getRootNode()}function G(n){const r=z(n);return"host"in r?r:null}function M(n,r){if(!n){return 0}const t=document.createElement("canvas");const e=t.getContext("2d");e.font=r;return e.measureText(n).width}function H(n){return n.host||null}function V(n,{selector:r,id:t}){if(!n){return null}if(n.assignedSlot){n=n.assignedSlot}const e=z(n);const i=t?"getElementById"in e?e.getElementById(t):null:r?e.querySelector(r):null;return i||V(H(e),{selector:r,id:t})}function X(n,r){return n?n.closest(r)||X(H(z(n)),r):null}function Y(n,r){return J(n,r)}function J(n,r){if(!n){return}const t=r(n);if(t!==undefined){return t}const{parentNode:e}=n;return J(e instanceof ShadowRoot?e.host:e,r)}function K(n,r){return!!Y(r,(r=>r===n?true:undefined))}function Q(n){return typeof n?.setFocus==="function"}async function W(n){if(!n){return}return Q(n)?n.setFocus():n.focus()}function Z(n){if(!n){return}return D(n,O)[0]??n}function _(n){Z(n)?.focus()}const nn=":not([slot])";function rn(n,r,t){if(r&&!Array.isArray(r)&&typeof r!=="string"){t=r;r=null}const e=r?Array.isArray(r)?r.map((n=>`[slot="${n}"]`)).join(","):`[slot="${r}"]`:nn;if(t?.all){return en(n,e,t)}return on(n,e,t)}function tn(n,r){return n?Array.from(n.children||[]).filter((n=>n?.matches(r))):[]}function en(n,r,t){let e=r===nn?tn(n,nn):Array.from(n.querySelectorAll(r));e=t&&t.direct===false?e:e.filter((r=>r.parentElement===n));e=t?.matches?e.filter((n=>n?.matches(t.matches))):e;const i=t?.selector;return i?e.map((n=>Array.from(n.querySelectorAll(i)))).reduce(((n,r)=>[...n,...r]),[]).filter((n=>!!n)):e}function on(n,r,t){let e=r===nn?tn(n,nn)[0]||null:n.querySelector(r);e=t&&t.direct===false?e:e?.parentElement===n?e:null;e=t?.matches?e?.matches(t.matches)?e:null:e;const i=t?.selector;return i?e?.querySelector(i):e}function un(n,r){return Array.from(n.children).filter((n=>n.matches(r)))}function an(n,r){return n.filter((n=>n.matches(r)))}function fn(n,r,t){if(typeof r==="string"&&r!==""){return r}else if(r===""){return n[t]}}function sn(n,r){return!(r.left>n.right||r.right<n.left||r.top>n.bottom||r.bottom<n.top)}function ln(n){return Boolean(n).toString()}function cn(n){return yn(n)||dn(n)}function vn(n){return pn(n).filter((n=>n.nodeType===Node.TEXT_NODE)).map((n=>n.textContent)).join("").trim()}function dn(n){return!!vn(n)}function pn(n){return n.currentTarget.assignedNodes({flatten:true})}function yn(n){return!!mn(n).length}function mn(n,r){return wn(n.target,r)}function wn(n,r){const t=n.assignedElements({flatten:true});return r?an(t,r):t}function hn(n){return!!(n.isPrimary&&n.button===0)}function An(n){return n.detail===0}const En=(n,r,t,e=true)=>{const i=n.indexOf(r);const o=i===0;const u=i===n.length-1;if(e){t=t==="previous"&&o?"last":t==="next"&&u?"first":t}let a;if(t==="previous"){a=n[i-1]||n[e?n.length-1:i]}else if(t==="next"){a=n[i+1]||n[e?0:i]}else if(t==="last"){a=n[n.length-1]}else{a=n[0]}W(a);return a};function Sn(n,r){if(n.parentNode!==r.parentNode){return false}const t=Array.from(n.parentNode.children);return t.indexOf(n)<t.indexOf(r)}async function gn(n,r,t,e){return bn(n,r,"animation",t,e)}async function Nn(n,r,t,e){return bn(n,r,"transition",t,e)}async function bn(n,r,t,e,i){const o=window.getComputedStyle(n);const u=t==="transition"?o.transitionDuration:o.animationDuration;const a=t==="transition"?o.transitionProperty:o.animationName;const f=u.split(",");const s=a.split(",").map((n=>n.trim()));const l=s.indexOf(r);const c=f[l]??f[0];function v(){requestAnimationFrame((()=>{e?.();requestAnimationFrame((()=>i?.()))}))}if(c==="0s"){v();return}const d=t==="transition"?"transitionstart":"animationstart";const p=t==="transition"?"transitionend":"animationend";const y=t==="transition"?"transitioncancel":"animationcancel";return new Promise((t=>{const o=window.setTimeout((()=>{n.removeEventListener(d,u);n.removeEventListener(p,a);n.removeEventListener(y,a);v();t()}),parseFloat(c)*1e3);n.addEventListener(d,u);n.addEventListener(p,a);n.addEventListener(y,a);function u(t){if(t.target===n&&Tn(t)===r){window.clearTimeout(o);n.removeEventListener(d,u);e?.()}}function a(e){if(e.target===n&&Tn(e)===r){n.removeEventListener(p,a);n.removeEventListener(y,a);i?.();t()}}}))}function In(n){return"propertyName"in n}function Tn(n){return In(n)?n.propertyName:n.animationName}export{G as A,gn as B,U as C,un as D,q as E,M as F,Z as G,wn as H,X as a,yn as b,K as c,W as d,fn as e,_ as f,j as g,B as h,Sn as i,En as j,k,D as l,F as m,L as n,v as o,O as p,V as q,hn as r,mn as s,ln as t,sn as u,rn as v,Nn as w,P as x,An as y,cn as z};
+//# sourceMappingURL=p-ed71fa1d.js.map

package/dist/calcite/p-ee1c202f.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{d as e}from"./p-81a8f4c0.js";import"./p-2c99ffe4.js";import"./p-8f002581.js";import"./p-ed71fa1d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-d87cffea.js";import"./p-cd0e92b4.js";import"./p-141626e7.js";import"./p-561afd32.js";import"./p-953f312e.js";import"./p-f9b0742d.js";import"./p-756ee05a.js";import"./p-99ecc8bc.js";import"./p-97927874.js";import"./p-998886ff.js";import"./p-fd3e1697.js";import"./p-cbffb6ca.js";import"./p-3c53ef49.js";import"./p-0481b80a.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var n=r[i];if(Array.isArray(n)){n=n[t?0:1]}return n.replace("%d",e)}var i={name:"de-at",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Jänner_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jän._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export{i as default};
+//# sourceMappingURL=p-ee1c202f.js.map

package/dist/calcite/p-eeaa86c5.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as t,c as e,h as i,g as s}from"./p-2c99ffe4.js";import{u as a,I as n}from"./p-d87cffea.js";import{g as c,c as o,d as r}from"./p-141626e7.js";import{s as d,a as l,c as h}from"./p-953f312e.js";import{c as f,d as p}from"./p-756ee05a.js";import{c as b,s as u,d as g,u as y}from"./p-cbffb6ca.js";import{s as m}from"./p-ed71fa1d.js";import"./p-561afd32.js";import"./p-f9b0742d.js";import"./p-cd0e92b4.js";import"./p-99ecc8bc.js";import"./p-db4d93fd.js";import"./p-5c700653.js";const k={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",controlsWrapper:"controls-wrapper"};const w=":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}:host([scale=s]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-color-foreground-2)}.wrapper{box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-color-foreground-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{flex:1 1 0%}.controls-wrapper{display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-color-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const C=w;const v=class{constructor(i){t(this,i);this.calciteInlineEditableEditCancel=e(this,"calciteInlineEditableEditCancel",6);this.calciteInlineEditableEditConfirm=e(this,"calciteInlineEditableEditConfirm",6);this.calciteInternalInlineEditableEnableEditingChange=e(this,"calciteInternalInlineEditableEnableEditingChange",6);this.handleDefaultSlotChange=t=>{const e=m(t).filter((t=>t.matches("calcite-input")))[0];this.inputElement=e;if(!e){return}e.disabled=this.disabled;e.label=e.label||c(this);this.scale=this.scale||this.inputElement?.scale};this.enableEditing=()=>{this.valuePriorToEditing=this.inputElement?.value;this.editingEnabled=true;this.inputElement?.setFocus();this.calciteInternalInlineEditableEnableEditingChange.emit()};this.disableEditing=()=>{this.editingEnabled=false};this.cancelEditing=()=>{if(this.inputElement){this.inputElement.value=this.valuePriorToEditing}this.disableEditing();this.enableEditingButton.setFocus();if(!this.editingEnabled&&!!this.shouldEmitCancel){this.calciteInlineEditableEditCancel.emit()}};this.escapeKeyHandler=async t=>{if(t.defaultPrevented){return}if(t.key==="Escape"){t.preventDefault();this.cancelEditing()}if(t.key==="Tab"&&this.shouldShowControls){if(!t.shiftKey&&t.target===this.inputElement){t.preventDefault();this.cancelEditingButton.setFocus()}if(!!t.shiftKey&&t.target===this.cancelEditingButton){t.preventDefault();this.inputElement?.setFocus()}}};this.cancelEditingHandler=async t=>{t.preventDefault();this.cancelEditing()};this.enableEditingHandler=async t=>{if(this.disabled||t.target===this.cancelEditingButton||t.target===this.confirmEditingButton){return}t.preventDefault();if(!this.editingEnabled){this.enableEditing()}};this.confirmChangesHandler=async t=>{t.preventDefault();this.calciteInlineEditableEditConfirm.emit();try{if(this.afterConfirm){this.loading=true;await this.afterConfirm();this.disableEditing();this.enableEditingButton.setFocus()}}catch(t){}finally{this.loading=false}};this.disabled=false;this.editingEnabled=false;this.loading=false;this.controls=false;this.scale=undefined;this.afterConfirm=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined}disabledWatcher(t){if(this.inputElement){this.inputElement.disabled=t}}editingEnabledWatcher(t,e){if(this.inputElement){this.inputElement.editingEnabled=t}if(!t&&!!e){this.shouldEmitCancel=true}}onMessagesChange(){}connectedCallback(){o(this);f(this);b(this)}async componentWillLoad(){d(this);await u(this)}componentDidLoad(){l(this)}disconnectedCallback(){r(this);p(this);g(this)}componentDidRender(){a(this)}render(){return i(n,{key:"47aba29a11e02b4397e7000f87b4fd963a3e8455",disabled:this.disabled},i("div",{key:"16e546006242b0e18ef1ff8dea5c2a4fa2e2325e",class:k.wrapper,onClick:this.enableEditingHandler,onKeyDown:this.escapeKeyHandler},i("div",{key:"173571cae937a972b47bee08b2dd8d7c9e6aff39",class:k.inputWrapper},i("slot",{key:"1d1ec5c1d142093ff9c5585111707233ff5f1d88",onSlotchange:this.handleDefaultSlotChange})),i("div",{key:"3ede5ac03a835a485d5d8794b8b37c17c92526e9",class:k.controlsWrapper},i("calcite-button",{key:"15ef87ec641f62f9fc8e2bb4ff5e750c9152a61c",appearance:"transparent",class:k.enableEditingButton,disabled:this.disabled,iconStart:"pencil",kind:"neutral",label:this.messages.enableEditing,onClick:this.enableEditingHandler,ref:t=>this.enableEditingButton=t,scale:this.scale,style:{opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"},type:"button"}),this.shouldShowControls&&[i("div",{key:"fc37081fd7ba722a4d2f30d3a3dc91b4a6adb127",class:k.cancelEditingButtonWrapper},i("calcite-button",{key:"7e3e3ff26034d053d7994b0fedf4c2dc2991312b",appearance:"transparent",class:k.cancelEditingButton,disabled:this.disabled,iconStart:"x",kind:"neutral",label:this.messages.cancelEditing,onClick:this.cancelEditingHandler,ref:t=>this.cancelEditingButton=t,scale:this.scale,type:"button"})),i("calcite-button",{key:"e6d5fd66a37b89c83e700bd62616f705380d0515",appearance:"solid",class:k.confirmChangesButton,disabled:this.disabled,iconStart:"check",kind:"brand",label:this.messages.confirmChanges,loading:this.loading,onClick:this.confirmChangesHandler,ref:t=>this.confirmEditingButton=t,scale:this.scale,type:"button"})])))}blurHandler(){if(!this.controls){this.disableEditing()}}effectiveLocaleChange(){y(this,this.effectiveLocale)}async setFocus(){await h(this);this.el?.focus()}onLabelClick(){this.setFocus()}get shouldShowControls(){return this.editingEnabled&&this.controls}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{disabled:["disabledWatcher"],editingEnabled:["editingEnabledWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};v.style=C;export{v as calcite_inline_editable};
+//# sourceMappingURL=p-eeaa86c5.entry.js.map

package/dist/calcite/p-eeaa86c5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","wrapper","confirmChangesButton","cancelEditingButton","inputWrapper","cancelEditingButtonWrapper","enableEditingButton","controlsWrapper","inlineEditableCss","CalciteInlineEditableStyle0","InlineEditable","this","handleDefaultSlotChange","event","inputElement","slotChangeGetAssignedElements","filter","el","matches","disabled","label","getLabelText","scale","enableEditing","valuePriorToEditing","value","editingEnabled","setFocus","calciteInternalInlineEditableEnableEditingChange","emit","disableEditing","cancelEditing","shouldEmitCancel","calciteInlineEditableEditCancel","escapeKeyHandler","async","defaultPrevented","key","preventDefault","shouldShowControls","shiftKey","target","cancelEditingHandler","enableEditingHandler","confirmEditingButton","confirmChangesHandler","calciteInlineEditableEditConfirm","afterConfirm","loading","error","disabledWatcher","editingEnabledWatcher","newValue","oldValue","onMessagesChange","connectedCallback","connectLabel","connectLocalized","connectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLabel","disconnectLocalized","disconnectMessages","componentDidRender","updateHostInteraction","render","h","InteractiveContainer","class","onClick","onKeyDown","onSlotchange","appearance","iconStart","kind","messages","ref","style","opacity","width","type","confirmChanges","blurHandler","controls","effectiveLocaleChange","updateMessages","effectiveLocale","componentFocusable","focus","onLabelClick"],"sources":["src/components/inline-editable/resources.ts","src/components/inline-editable/inline-editable.scss?tag=calcite-inline-editable&encapsulation=shadow","src/components/inline-editable/inline-editable.tsx"],"sourcesContent":["export const CSS = {\n  wrapper: \"wrapper\",\n  confirmChangesButton: \"confirm-changes-button\",\n  cancelEditingButton: \"cancel-editing-button\",\n  inputWrapper: \"input-wrapper\",\n  cancelEditingButtonWrapper: \"cancel-editing-button-wrapper\",\n  enableEditingButton: \"enable-editing-button\",\n  controlsWrapper: \"controls-wrapper\",\n};\n",":host {\n  @apply block;\n}\n\n:host([scale=\"s\"]) {\n  .controls-wrapper {\n    @apply h-6;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .controls-wrapper {\n    @apply h-8;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .controls-wrapper {\n    @apply h-11;\n  }\n}\n\n:host(:not([editing-enabled]):not([disabled])) {\n  .wrapper {\n    &:hover {\n      @apply bg-foreground-2;\n    }\n  }\n}\n\n.wrapper {\n  @apply bg-foreground-1\n    transition-default\n    box-border\n    flex\n    justify-between;\n\n  .input-wrapper {\n    @apply flex-1;\n  }\n}\n\n.controls-wrapper {\n  @apply flex;\n}\n\n@include disabled() {\n  .cancel-editing-button-wrapper {\n    @apply border-color-2;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\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 { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport { InlineEditableMessages } from \"./assets/inline-editable/t9n\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding a `calcite-input`.\n */\n@Component({\n  tag: \"calcite-inline-editable\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  styleUrl: \"inline-editable.scss\",\n  assetsDirs: [\"assets\"],\n})\nexport class InlineEditable\n  implements\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Props\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  @Watch(\"disabled\")\n  disabledWatcher(disabled: boolean): void {\n    if (this.inputElement) {\n      this.inputElement.disabled = disabled;\n    }\n  }\n\n  /**\n   * When `true`, inline editing is enabled on the component.\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  @Watch(\"editingEnabled\")\n  editingEnabledWatcher(newValue: boolean, oldValue: boolean): void {\n    if (this.inputElement) {\n      this.inputElement.editingEnabled = newValue;\n    }\n    if (!newValue && !!oldValue) {\n      this.shouldEmitCancel = true;\n    }\n  }\n\n  /** When `true`, a busy indicator is displayed. */\n  @Prop({ mutable: true, reflect: true }) loading = false;\n\n  /** When `true` and `editingEnabled` is `true`, displays save and cancel controls on the component. */\n  @Prop({ reflect: true }) controls = false;\n\n  /** Specifies the size of the component. Defaults to the scale of the wrapped `calcite-input` or the scale of the closest wrapping component with a set scale. */\n  @Prop({ reflect: true, mutable: true }) scale: Scale;\n\n  /** Specifies a callback to be executed prior to disabling editing via the controls. When provided, the component's loading state will be handled automatically. */\n  @Prop() afterConfirm: () => Promise<void>;\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: InlineEditableMessages;\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<InlineEditableMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback() {\n    connectLabel(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback() {\n    disconnectLabel(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div\n          class={CSS.wrapper}\n          onClick={this.enableEditingHandler}\n          onKeyDown={this.escapeKeyHandler}\n        >\n          <div class={CSS.inputWrapper}>\n            <slot onSlotchange={this.handleDefaultSlotChange} />\n          </div>\n          <div class={CSS.controlsWrapper}>\n            <calcite-button\n              appearance=\"transparent\"\n              class={CSS.enableEditingButton}\n              disabled={this.disabled}\n              iconStart=\"pencil\"\n              kind=\"neutral\"\n              label={this.messages.enableEditing}\n              onClick={this.enableEditingHandler}\n              ref={(el) => (this.enableEditingButton = el)}\n              scale={this.scale}\n              style={{\n                opacity: this.editingEnabled ? \"0\" : \"1\",\n                width: this.editingEnabled ? \"0\" : \"inherit\",\n              }}\n              type=\"button\"\n            />\n            {this.shouldShowControls && [\n              <div class={CSS.cancelEditingButtonWrapper}>\n                <calcite-button\n                  appearance=\"transparent\"\n                  class={CSS.cancelEditingButton}\n                  disabled={this.disabled}\n                  iconStart=\"x\"\n                  kind=\"neutral\"\n                  label={this.messages.cancelEditing}\n                  onClick={this.cancelEditingHandler}\n                  ref={(el) => (this.cancelEditingButton = el)}\n                  scale={this.scale}\n                  type=\"button\"\n                />\n              </div>,\n              <calcite-button\n                appearance=\"solid\"\n                class={CSS.confirmChangesButton}\n                disabled={this.disabled}\n                iconStart=\"check\"\n                kind=\"brand\"\n                label={this.messages.confirmChanges}\n                loading={this.loading}\n                onClick={this.confirmChangesHandler}\n                ref={(el) => (this.confirmEditingButton = el)}\n                scale={this.scale}\n                type=\"button\"\n              />,\n            ]}\n          </div>\n        </div>\n      </InteractiveContainer>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the component's \"cancel editing\" button is pressed.\n   */\n  @Event({ cancelable: false }) calciteInlineEditableEditCancel: EventEmitter<void>;\n\n  /**\n   * Emits when the component's \"confirm edits\" button is pressed.\n   */\n  @Event({ cancelable: false }) calciteInlineEditableEditConfirm: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalInlineEditableEnableEditingChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalInputBlur\")\n  blurHandler(): void {\n    if (!this.controls) {\n      this.disableEditing();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInlineEditableElement;\n\n  private inputElement: HTMLCalciteInputElement;\n\n  private valuePriorToEditing: string;\n\n  private shouldEmitCancel: boolean;\n\n  private enableEditingButton: HTMLCalciteButtonElement;\n\n  private cancelEditingButton: HTMLCalciteButtonElement;\n\n  private confirmEditingButton: HTMLCalciteButtonElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  @State() defaultMessages: InlineEditableMessages;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\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    this.el?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  handleDefaultSlotChange = (event: Event): void => {\n    const inputElement = slotChangeGetAssignedElements(event).filter(\n      (el): el is HTMLCalciteInputElement => el.matches(\"calcite-input\"),\n    )[0];\n\n    this.inputElement = inputElement;\n\n    if (!inputElement) {\n      return;\n    }\n\n    inputElement.disabled = this.disabled;\n    inputElement.label = inputElement.label || getLabelText(this);\n    this.scale = this.scale || this.inputElement?.scale;\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private get shouldShowControls(): boolean {\n    return this.editingEnabled && this.controls;\n  }\n\n  private enableEditing = () => {\n    this.valuePriorToEditing = this.inputElement?.value;\n    this.editingEnabled = true;\n    this.inputElement?.setFocus();\n    this.calciteInternalInlineEditableEnableEditingChange.emit();\n  };\n\n  private disableEditing = () => {\n    this.editingEnabled = false;\n  };\n\n  private cancelEditing = () => {\n    if (this.inputElement) {\n      this.inputElement.value = this.valuePriorToEditing;\n    }\n    this.disableEditing();\n    this.enableEditingButton.setFocus();\n    if (!this.editingEnabled && !!this.shouldEmitCancel) {\n      this.calciteInlineEditableEditCancel.emit();\n    }\n  };\n\n  private escapeKeyHandler = async (event: KeyboardEvent) => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      this.cancelEditing();\n    }\n\n    if (event.key === \"Tab\" && this.shouldShowControls) {\n      if (!event.shiftKey && event.target === this.inputElement) {\n        event.preventDefault();\n        this.cancelEditingButton.setFocus();\n      }\n      if (!!event.shiftKey && event.target === this.cancelEditingButton) {\n        event.preventDefault();\n        this.inputElement?.setFocus();\n      }\n    }\n  };\n\n  private cancelEditingHandler = async (event: MouseEvent) => {\n    event.preventDefault();\n    this.cancelEditing();\n  };\n\n  private enableEditingHandler = async (event: MouseEvent) => {\n    if (\n      this.disabled ||\n      event.target === this.cancelEditingButton ||\n      event.target === this.confirmEditingButton\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    if (!this.editingEnabled) {\n      this.enableEditing();\n    }\n  };\n\n  private confirmChangesHandler = async (event: MouseEvent) => {\n    event.preventDefault();\n    this.calciteInlineEditableEditConfirm.emit();\n    try {\n      if (this.afterConfirm) {\n        this.loading = true;\n        await this.afterConfirm();\n        this.disableEditing();\n        this.enableEditingButton.setFocus();\n      }\n    } catch (error) {\n      // we handle error in finally block\n    } finally {\n      this.loading = false;\n    }\n  };\n}\n"],"mappings":";;;;;geAAO,MAAMA,EAAM,CACjBC,QAAS,UACTC,qBAAsB,yBACtBC,oBAAqB,wBACrBC,aAAc,gBACdC,2BAA4B,gCAC5BC,oBAAqB,wBACrBC,gBAAiB,oBCPnB,MAAMC,EAAoB,ytCAC1B,MAAAC,EAAeD,E,MCgDFE,EAAc,M,gTA4PzBC,KAAAC,wBAA2BC,IACzB,MAAMC,EAAeC,EAA8BF,GAAOG,QACvDC,GAAsCA,EAAGC,QAAQ,mBAClD,GAEFP,KAAKG,aAAeA,EAEpB,IAAKA,EAAc,CACjB,M,CAGFA,EAAaK,SAAWR,KAAKQ,SAC7BL,EAAaM,MAAQN,EAAaM,OAASC,EAAaV,MACxDA,KAAKW,MAAQX,KAAKW,OAASX,KAAKG,cAAcQ,KAAK,EAW7CX,KAAAY,cAAgB,KACtBZ,KAAKa,oBAAsBb,KAAKG,cAAcW,MAC9Cd,KAAKe,eAAiB,KACtBf,KAAKG,cAAca,WACnBhB,KAAKiB,iDAAiDC,MAAM,EAGtDlB,KAAAmB,eAAiB,KACvBnB,KAAKe,eAAiB,KAAK,EAGrBf,KAAAoB,cAAgB,KACtB,GAAIpB,KAAKG,aAAc,CACrBH,KAAKG,aAAaW,MAAQd,KAAKa,mB,CAEjCb,KAAKmB,iBACLnB,KAAKL,oBAAoBqB,WACzB,IAAKhB,KAAKe,kBAAoBf,KAAKqB,iBAAkB,CACnDrB,KAAKsB,gCAAgCJ,M,GAIjClB,KAAAuB,iBAAmBC,MAAOtB,IAChC,GAAIA,EAAMuB,iBAAkB,CAC1B,M,CAGF,GAAIvB,EAAMwB,MAAQ,SAAU,CAC1BxB,EAAMyB,iBACN3B,KAAKoB,e,CAGP,GAAIlB,EAAMwB,MAAQ,OAAS1B,KAAK4B,mBAAoB,CAClD,IAAK1B,EAAM2B,UAAY3B,EAAM4B,SAAW9B,KAAKG,aAAc,CACzDD,EAAMyB,iBACN3B,KAAKR,oBAAoBwB,U,CAE3B,KAAMd,EAAM2B,UAAY3B,EAAM4B,SAAW9B,KAAKR,oBAAqB,CACjEU,EAAMyB,iBACN3B,KAAKG,cAAca,U,IAKjBhB,KAAA+B,qBAAuBP,MAAOtB,IACpCA,EAAMyB,iBACN3B,KAAKoB,eAAe,EAGdpB,KAAAgC,qBAAuBR,MAAOtB,IACpC,GACEF,KAAKQ,UACLN,EAAM4B,SAAW9B,KAAKR,qBACtBU,EAAM4B,SAAW9B,KAAKiC,qBACtB,CACA,M,CAGF/B,EAAMyB,iBACN,IAAK3B,KAAKe,eAAgB,CACxBf,KAAKY,e,GAIDZ,KAAAkC,sBAAwBV,MAAOtB,IACrCA,EAAMyB,iBACN3B,KAAKmC,iCAAiCjB,OACtC,IACE,GAAIlB,KAAKoC,aAAc,CACrBpC,KAAKqC,QAAU,WACTrC,KAAKoC,eACXpC,KAAKmB,iBACLnB,KAAKL,oBAAoBqB,U,EAE3B,MAAOsB,G,SAGPtC,KAAKqC,QAAU,K,iBAhViB,M,oBAYqB,M,aAaP,M,cAGd,M,uKAzBpC,eAAAE,CAAgB/B,GACd,GAAIR,KAAKG,aAAc,CACrBH,KAAKG,aAAaK,SAAWA,C,EAUjC,qBAAAgC,CAAsBC,EAAmBC,GACvC,GAAI1C,KAAKG,aAAc,CACrBH,KAAKG,aAAaY,eAAiB0B,C,CAErC,IAAKA,KAAcC,EAAU,CAC3B1C,KAAKqB,iBAAmB,I,EA+B5B,gBAAAsB,G,CAUA,iBAAAC,GACEC,EAAa7C,MACb8C,EAAiB9C,MACjB+C,EAAgB/C,K,CAGlB,uBAAMgD,GACJC,EAAuBjD,YACjBkD,EAAclD,K,CAGtB,gBAAAmD,GACEC,EAAmBpD,K,CAGrB,oBAAAqD,GACEC,EAAgBtD,MAChBuD,EAAoBvD,MACpBwD,EAAmBxD,K,CAGrB,kBAAAyD,GACEC,EAAsB1D,K,CAGxB,MAAA2D,GACE,OACEC,EAACC,EAAoB,CAAAnC,IAAA,2CAAClB,SAAUR,KAAKQ,UACnCoD,EAAA,OAAAlC,IAAA,2CACEoC,MAAOzE,EAAIC,QACXyE,QAAS/D,KAAKgC,qBACdgC,UAAWhE,KAAKuB,kBAEhBqC,EAAA,OAAAlC,IAAA,2CAAKoC,MAAOzE,EAAII,cACdmE,EAAA,QAAAlC,IAAA,2CAAMuC,aAAcjE,KAAKC,2BAE3B2D,EAAA,OAAAlC,IAAA,2CAAKoC,MAAOzE,EAAIO,iBACdgE,EAAA,kBAAAlC,IAAA,2CACEwC,WAAW,cACXJ,MAAOzE,EAAIM,oBACXa,SAAUR,KAAKQ,SACf2D,UAAU,SACVC,KAAK,UACL3D,MAAOT,KAAKqE,SAASzD,cACrBmD,QAAS/D,KAAKgC,qBACdsC,IAAMhE,GAAQN,KAAKL,oBAAsBW,EACzCK,MAAOX,KAAKW,MACZ4D,MAAO,CACLC,QAASxE,KAAKe,eAAiB,IAAM,IACrC0D,MAAOzE,KAAKe,eAAiB,IAAM,WAErC2D,KAAK,WAEN1E,KAAK4B,oBAAsB,CAC1BgC,EAAA,OAAAlC,IAAA,2CAAKoC,MAAOzE,EAAIK,4BACdkE,EAAA,kBAAAlC,IAAA,2CACEwC,WAAW,cACXJ,MAAOzE,EAAIG,oBACXgB,SAAUR,KAAKQ,SACf2D,UAAU,IACVC,KAAK,UACL3D,MAAOT,KAAKqE,SAASjD,cACrB2C,QAAS/D,KAAK+B,qBACduC,IAAMhE,GAAQN,KAAKR,oBAAsBc,EACzCK,MAAOX,KAAKW,MACZ+D,KAAK,YAGTd,EAAA,kBAAAlC,IAAA,2CACEwC,WAAW,QACXJ,MAAOzE,EAAIE,qBACXiB,SAAUR,KAAKQ,SACf2D,UAAU,QACVC,KAAK,QACL3D,MAAOT,KAAKqE,SAASM,eACrBtC,QAASrC,KAAKqC,QACd0B,QAAS/D,KAAKkC,sBACdoC,IAAMhE,GAAQN,KAAKiC,qBAAuB3B,EAC1CK,MAAOX,KAAKW,MACZ+D,KAAK,c,CAsCnB,WAAAE,GACE,IAAK5E,KAAK6E,SAAU,CAClB7E,KAAKmB,gB,EA+BT,qBAAA2D,GACEC,EAAe/E,KAAMA,KAAKgF,gB,CAW5B,cAAMhE,SACEiE,EAAmBjF,MAEzBA,KAAKM,IAAI4E,O,CAyBX,YAAAC,GACEnF,KAAKgB,U,CAGP,sBAAYY,GACV,OAAO5B,KAAKe,gBAAkBf,KAAK6E,Q","ignoreList":[]}

package/dist/calcite/p-ef667497.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as e,c as t,h as a,f as i,H as s,g as r}from"./p-2c99ffe4.js";import{c as o,d as n,H as c}from"./p-8f002581.js";import{c as l,d,g as h}from"./p-141626e7.js";import{t as f,b}from"./p-ed71fa1d.js";import{c as p,d as m,n as x}from"./p-756ee05a.js";import{c as g}from"./p-99ecc8bc.js";import{b as u,s as v,a as y,c as z}from"./p-953f312e.js";import{c as k,s as w,d as j,u as L}from"./p-cbffb6ca.js";import{u as A,I as H}from"./p-d87cffea.js";import{g as C}from"./p-db4d93fd.js";import{V as M}from"./p-3c53ef49.js";import{s as O}from"./p-0481b80a.js";import{t as S}from"./p-becd67e2.js";import"./p-561afd32.js";import"./p-5c700653.js";import"./p-cd0e92b4.js";import"./p-f9b0742d.js";import"./p-87d29c63.js";const W={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",resizeDisabled:"resize--disabled",resizeDisabledX:"resize--disabled-x",resizeDisabledY:"resize--disabled-y",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",hide:"hide",footerEndSlotOnly:"footer--end-only",textArea:"text-area",textAreaOnly:"text-area--only"};const D={validationMessage:"textAreaValidationMessage"};const I={footerStart:"footer-start",footerEnd:"footer-end"};const E=100;const T=":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{position:relative;display:inline-block;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color:var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color:var(\n    --calcite-text-area-footer-border-color,\n    var(--calcite-internal-text-area-border-color)\n  )}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-md)}.text-area{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;font-family:var(--calcite-font-family);--calcite-internal-text-area-border-block-end-color:var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:var(--calcite-sans-family);max-block-size:var(--calcite-text-area-max-height);min-block-size:var(--calcite-text-area-min-height);max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem)}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width: 480px){.text-area{resize:none}}.text-area:focus{outline:2px solid var(--calcite-ui-focus-color, 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          )}.text-area.text-area--invalid{--calcite-internal-text-area-border-color:var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);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          )}.text-area.footer--slotted{min-inline-size:18rem}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color:var(\n    --calcite-text-area-divider-color,\n    var(--calcite-color-border-3)\n  )}.footer{box-sizing:border-box;display:flex;align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:2.25rem}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{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}.text-area.text-area--only{block-size:100%}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .footer{min-block-size:1.75rem}:host([scale=s]) .text-area{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=m]) .text-area{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=l]) .text-area,:host([scale=l]) .footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-xl)}:host([scale=l]) .footer{min-block-size:2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-inline-start:var(--calcite-spacing-xl)}:host([status=invalid]){--calcite-internal-text-area-border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:2px solid var(--calcite-color-status-danger);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]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const G=T;const F=class{constructor(i){e(this,i);this.calciteTextAreaInput=t(this,"calciteTextAreaInput",7);this.calciteTextAreaChange=t(this,"calciteTextAreaChange",7);this.guid=C();this.handleInput=e=>{this.value=e.target["value"];this.calciteTextAreaInput.emit()};this.handleChange=()=>{this.calciteTextAreaChange.emit()};this.contentSlotChangeHandler=()=>{if(!this.value){const e=this.el.childNodes;e.forEach((e=>{if(e.nodeName==="#text"){this.value=e.nodeValue.trim()}}))}};this.renderCharacterLimit=()=>{if(this.maxLength){this.localizedCharacterLengthObj=this.getLocalizedCharacterLength();return a("span",{class:W.characterLimit},a("span",{class:{[W.characterOverLimit]:this.isCharacterLimitExceeded()}},this.localizedCharacterLengthObj.currentLength),"/",this.localizedCharacterLengthObj.maxLength)}return null};this.resizeObserver=g("resize",(async()=>{await u(this);const{textAreaHeight:e,textAreaWidth:t,elHeight:a,elWidth:i,footerHeight:s,footerWidth:r}=this.getHeightAndWidthOfElements();if(r>0&&r!==t){this.footerEl.style.width=`${t}px`}if(i!==t||a!==e+(s||0)){this.setHeightAndWidthToAuto()}}));this.setTextAreaEl=e=>{this.textAreaEl=e;this.resizeObserver.observe(e)};this.setHeightAndWidthToAuto=S((()=>{if(this.resize==="vertical"||this.resize==="both"){this.el.style.height="auto"}if(this.resize==="horizontal"||this.resize==="both"){this.el.style.width="auto"}}),E,{leading:false});this.columns=undefined;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.label=undefined;this.minLength=undefined;this.maxLength=undefined;this.messages=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberingSystem=undefined;this.placeholder=undefined;this.readOnly=false;this.required=false;this.resize="both";this.rows=undefined;this.scale="m";this.status="idle";this.value="";this.wrap="soft";this.messageOverrides=undefined;this.defaultMessages=undefined;this.endSlotHasElements=undefined;this.startSlotHasElements=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){i(this)}onMessagesChange(){}connectedCallback(){l(this);o(this);p(this);k(this)}async componentWillLoad(){v(this);await w(this)}componentDidLoad(){y(this)}componentDidRender(){A(this);this.setTextAreaHeight()}disconnectedCallback(){d(this);n(this);m(this);j(this);this.resizeObserver?.disconnect()}render(){const e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return a(s,{key:"a6491e5c1fbe1701553ba46aa3455f48cc5e0593"},a(H,{key:"6468a5f218472a18e9543b441fbcebbbded206d1",disabled:this.disabled},a("textarea",{key:"21acfab0eb5216bf935bba71d966a3ab1055cc5a","aria-describedby":this.guid,"aria-errormessage":D.validationMessage,"aria-invalid":f(this.status==="invalid"||this.isCharacterLimitExceeded()),"aria-label":h(this),autofocus:this.el.autofocus,class:{[W.textArea]:true,[W.readOnly]:this.readOnly,[W.textAreaInvalid]:this.isCharacterLimitExceeded(),[W.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[W.textAreaOnly]:!e},cols:this.columns,disabled:this.disabled,name:this.name,onChange:this.handleChange,onInput:this.handleInput,placeholder:this.placeholder,readOnly:this.readOnly,ref:this.setTextAreaEl,required:this.required,rows:this.rows,value:this.value,wrap:this.wrap}),a("span",{key:"b47bda88826b76c400f67cb0f68b38935659ce8c",class:{[W.content]:true}},a("slot",{key:"762e72bb6d16ffba6271c09ab0daf8259afebc91",onSlotchange:this.contentSlotChangeHandler})),a("footer",{key:"b14e87deb687366c7b19cb51152fa1485b7d1235",class:{[W.footer]:true,[W.readOnly]:this.readOnly,[W.hide]:!e},ref:e=>this.footerEl=e},a("div",{key:"170927a07acf7d4f27d631a5d8a4bb3c0e1cb03c",class:{[W.container]:true,[W.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements}},a("slot",{key:"38840d58e671ee898ac2a9698a93ce638264d894",name:I.footerStart,onSlotchange:e=>this.startSlotHasElements=b(e)}),a("slot",{key:"8ce747e47e201df718d04d175d81dc8d8367991f",name:I.footerEnd,onSlotchange:e=>this.endSlotHasElements=b(e)})),this.renderCharacterLimit()),a(c,{key:"c31676f351208d7659dc4d246d8ca8d2bfba1751",component:this}),this.isCharacterLimitExceeded()&&a("span",{key:"e9057a9b27ba310791578916fb2ce388b1c1a7c7","aria-live":"polite",class:W.assistiveText,id:this.guid},this.replacePlaceHoldersInMessages()),this.validationMessage&&this.status==="invalid"?a(M,{icon:this.validationIcon,id:D.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}async setFocus(){await z(this);this.textAreaEl.focus()}async selectText(){await u(this);this.textAreaEl.select()}effectiveLocaleChange(){L(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}getLocalizedCharacterLength(){const e=this.value?this.value.length.toString():"0";const t=this.maxLength.toString();if(this.numberingSystem==="latn"){return{currentLength:e,maxLength:t}}x.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator};return{currentLength:x.localize(e),maxLength:x.localize(t)}}syncHiddenFormInput(e){e.setCustomValidity("");if(this.isCharacterLimitExceeded()){e.setCustomValidity(this.replacePlaceHoldersInMessages())}O("textarea",this,e)}setTextAreaHeight(){const{textAreaHeight:e,elHeight:t,footerHeight:a}=this.getHeightAndWidthOfElements();if(a>0&&e+a!=t){this.textAreaEl.style.height=`${t-a}px`}}getHeightAndWidthOfElements(){const{height:e,width:t}=this.textAreaEl.getBoundingClientRect();const{height:a,width:i}=this.el.getBoundingClientRect();const{height:s,width:r}=this.footerEl.getBoundingClientRect();return{textAreaHeight:e,textAreaWidth:t,elHeight:a,elWidth:i,footerHeight:s,footerWidth:r}}replacePlaceHoldersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};F.style=G;export{F as calcite_text_area};
+//# sourceMappingURL=p-ef667497.entry.js.map