@esri/calcite-components 2.9.0-next.2 → 2.9.0-next.20

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","button","XButton","disabled","key","label","onClick","ref","scale","h","class","tabIndex","type","icon","getIconScale","ComboboxItem","ComboboxItemGroup","ComboboxChildSelector","input","chipInvisible","selectionDisplayFit","selectionDisplaySingle","listContainer","getAncestors","element","parent","parentElement","closest","grandparent","filter","el","getItemAncestors","item","ancestors","nodeName","getItemChildren","nodeListToArray","querySelectorAll","hasActiveChildren","node","items","selected","length","getDepth","result","document","evaluate","XPathResult","UNORDERED_NODE_SNAPSHOT_TYPE","snapshotLength","isSingleLike","selectionMode","includes","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","filterComputedPlacements","getValue","selectedItems","map","value","toString","onLabelClick","setFocus","keyDownHandler","event","readOnly","activeChipIndex","activeItemIndex","allowCustomValues","text","addCustomChip","preventDefault","open","clearInputValue","filterItems","updateActiveItemIndex","previousChip","nextChip","shiftActiveItemIndex","comboboxInViewport","scrollIntoView","ensureRecentSelectedItemIsActive","defaultPrevented","scrollToActiveItem","filteredItems","clearDisabled","clearValue","toggleSelection","removeActiveChip","submitForm","notDeletable","selectionDisplay","selectedHiddenChipsCount","isMulti","removeLastChip","toggleCloseEnd","removeEventListener","toggleOpenEnd","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","textLabel","debounce","data","itemsAndGroups","getItemsAndGroups","forEach","hidden","ancestor","getFilteredItems","calciteComboboxFilterChange","internalComboboxChangeEvent","calciteComboboxChange","emitComboboxChange","getSelectedItems","match","sort","a","b","aIdx","indexOf","bIdx","getItems","groupItems","getGroupItems","getData","needsIcon","getNeedsIcon","groupItem","index","afterEmptyGroup","nextGroupItem","children","activeItem","height","calculateSingleItemHeight","offsetHeight","scrollTop","offsetTop","comboboxFocusHandler","focus","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","openHandler","onToggleOpenCloseComponent","handleDisabledChange","maxItemsHandler","overlayPositioningHandler","handlePropsChange","valueHandler","isArray","onMessagesChange","flipPlacementsHandler","selectedItemsHandler","documentClickHandler","componentOnReady","trim","calciteComboboxItemChangeHandler","newIndex","delayed","overlayPositioning","componentFocusable","connectedCallback","connectInteractive","connectLocalized","connectMessages","connectLabel","connectForm","childList","subtree","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","afterConnectDefaultValueSet","setComponentLoaded","componentDidRender","updateHostInteraction","componentDidUpdate","disconnectedCallback","disconnect","disconnectInteractive","disconnectLabel","disconnectForm","disconnectFloatingUI","disconnectLocalized","disconnectMessages","textHandler","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","child","updateAncestors","filterDisabled","existingItem","createElement","appendChild","active","focusChip","last","chip","querySelector","delta","activeDescendant","i","isAllSelected","renderChips","messages","chipClasses","reverse","pathLabel","join","appearance","iconFlipRtl","id","messageOverrides","dismissLabel","removeTag","onCalciteChipClose","title","renderAllSelectedIndicatorChip","allSelected","renderAllSelectedIndicatorChipCompact","all","renderSelectedIndicatorChip","selectedItemsCount","renderSelectedIndicatorChipCompact","showingInlineIcon","placeholderIcon","selectedItem","selectedIcon","singleSelectionMode","renderInput","single","showLabel","toAriaBoolean","getLabelText","onFocus","onInput","role","renderListBoxOptions","tabindex","renderFloatingUIContainer","classes","FloatingCSS","animation","animationActive","list","renderSelectedOrPlaceholderIcon","placeholderIconFlipRtl","flipRtl","renderChevronIcon","render","allSelectionDisplay","singleSelectionDisplay","fitSelectionDisplay","isClearable","Host","InteractiveContainer","wrapper","onKeyDown","htmlFor","clear","HiddenFormInputSlot","component","validationMessage","status","Validation","validationIcon","message","iconActive","iconIndent","custom","dot","textContainer","comboboxItemCss","CalciteComboboxItemStyle0","itemClickHandler","toggleSelected","selectedWatchHandler","calciteComboboxItemChange","connectConditionalSlotComponent","disconnectConditionalSlotComponent","isSinglePersistSelect","renderIcon","iconPath","renderSelectIndicator","showDot","renderChildren","getSlotted","isSingleSelect","defaultIcon","depth","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 } from \"@stencil/core\";\nimport { JSXAttributes, JSXBase } from \"@stencil/core/internal\";\nimport { Scale } from \"../interfaces\";\nimport { getIconScale } from \"../../utils/component\";\n\nexport interface XButtonOptions 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 function XButton({\n  disabled,\n  key,\n  label,\n  onClick,\n  ref,\n  scale,\n}: XButtonOptions): FunctionalComponent {\n  return (\n    <button\n      aria-label={label}\n      class={CSS.button}\n      disabled={disabled}\n      key={key}\n      onClick={onClick}\n      ref={ref}\n      tabIndex={-1}\n      type=\"button\"\n    >\n      <calcite-icon icon=\"x\" scale={getIconScale(scale)} />\n    </button>\n  );\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};\n","import { Build } from \"@stencil/core\";\nimport { nodeListToArray } from \"../../utils/dom\";\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.nodeName === \"CALCITE-COMBOBOX-ITEM\") as HTMLCalciteComboboxItemElement[]) || []\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 (!Build.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","/**\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 xButton();\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--transparent {\n  @apply opacity-0;\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.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 floatingUIContainer();\n  @include floatingUIWrapper();\n}\n\n@include floatingUIElemAnim(\".floating-ui-container\");\n\n.floating-ui-container--active {\n  @include floatingUIWrapperActive();\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);\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 } 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  EffectivePlacement,\n  filterComputedPlacements,\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  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  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 {\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 { ComboboxMessages } from \"./assets/combobox/t9n\";\nimport { ComboboxChildElement, SelectionDisplay } from \"./interfaces\";\nimport { ComboboxChildSelector, ComboboxItem, ComboboxItemGroup, CSS } from \"./resources\";\nimport { getItemAncestors, getItemChildren, hasActiveChildren, isSingleLike } from \"./utils\";\n\ninterface ItemData {\n  label: 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   * 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: string;\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: string | 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   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: EffectivePlacement[];\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.textInput.value) {\n      this.clearInputValue();\n      this.filterItems(\"\");\n      this.updateActiveItemIndex(-1);\n    }\n\n    if (this.allowCustomValues && this.text.trim().length) {\n      this.addCustomChip(this.text);\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  //--------------------------------------------------------------------------\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    connectInteractive(this);\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  }\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    disconnectInteractive(this);\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  private allSelectedIndicatorChipEl: HTMLCalciteChipElement;\n\n  @Element() el: HTMLCalciteComboboxElement;\n\n  placement: LogicalPlacement = defaultMenuPlacement;\n\n  filteredFlipPlacements: EffectivePlacement[];\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() text = \"\";\n\n  /** when search text is cleared, reset active to  */\n  @Watch(\"text\")\n  textHandler(): void {\n    this.updateActiveItemIndex(-1);\n  }\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  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.text = \"\";\n  }\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterComputedPlacements(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.text) {\n          this.addCustomChip(this.text, true);\n          event.preventDefault();\n        } else if (this.open) {\n          this.open = false;\n          event.preventDefault();\n        } else if (!this.allowCustomValues && this.text) {\n          this.clearInputValue();\n          this.filterItems(\"\");\n          this.updateActiveItemIndex(-1);\n        }\n        break;\n      case \"ArrowLeft\":\n        this.previousChip();\n        event.preventDefault();\n        break;\n      case \"ArrowRight\":\n        this.nextChip();\n        event.preventDefault();\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        if (this.open) {\n          this.shiftActiveItemIndex(-1);\n        }\n\n        if (!this.comboboxInViewport()) {\n          this.el.scrollIntoView();\n        }\n        break;\n      case \"ArrowDown\":\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        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          this.toggleSelection(this.filteredItems[this.activeItemIndex]);\n          event.preventDefault();\n        } else if (this.activeChipIndex > -1) {\n          this.removeActiveChip();\n          event.preventDefault();\n        } else if (this.allowCustomValues && this.text) {\n          this.addCustomChip(this.text, 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.text && this.isMulti()) {\n          event.preventDefault();\n          this.removeLastChip();\n        }\n        break;\n      }\n    }\n  };\n\n  private toggleCloseEnd = (): void => {\n    this.open = false;\n    this.el.removeEventListener(\"calciteComboboxClose\", this.toggleCloseEnd);\n  };\n\n  private toggleOpenEnd = (): void => {\n    this.open = false;\n    this.el.removeEventListener(\"calciteComboboxOpen\", this.toggleOpenEnd);\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 && maxItems > 0) {\n          const height = this.calculateSingleItemHeight(item);\n          if (height > 0) {\n            maxScrollerHeight += height;\n            itemsToProcess++;\n          }\n        }\n      });\n    }\n\n    return maxScrollerHeight;\n  }\n\n  private calculateSingleItemHeight(item: ComboboxChildElement): number {\n    if (!item) {\n      return;\n    }\n\n    let height = item.offsetHeight;\n    // if item has children items, don't count their height twice\n    const children = Array.from(item.querySelectorAll<ComboboxChildElement>(ComboboxChildSelector));\n    children\n      .map((child) => child?.offsetHeight)\n      .forEach((offsetHeight) => {\n        height -= offsetHeight;\n      });\n    return height;\n  }\n\n  inputHandler = (event: Event): void => {\n    const value = (event.target as HTMLInputElement).value;\n    this.text = value;\n    this.filterItems(value);\n    if (value) {\n      this.activeChipIndex = -1;\n    }\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): void => {\n      const filteredData = filter(this.data, text);\n      const itemsAndGroups = this.getItemsAndGroups();\n\n      itemsAndGroups.forEach((item) => {\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.filteredItems = this.getFilteredItems();\n      this.calciteComboboxFilterChange.emit();\n    }, 100);\n  })();\n\n  internalComboboxChangeEvent = (): void => {\n    this.calciteComboboxChange.emit();\n  };\n\n  private emitComboboxChange = debounce(this.internalComboboxChangeEvent, 0);\n\n  toggleSelection(item: HTMLCalciteComboboxItemElement, value = !item.selected): void {\n    if (\n      !item ||\n      (this.selectionMode === \"single-persist\" && item.selected && item.value === this.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 = item.textLabel;\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 as HTMLCalciteComboboxItemElement).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.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      filterDisabled: item.filterDisabled,\n      value: item.value,\n      label: item.textLabel,\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.text = \"\";\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.appendChild(item);\n      this.resetText();\n      if (focus) {\n        this.setFocus();\n      }\n      this.updateItems();\n      this.filterItems(\"\");\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    if (this.text) {\n      return;\n    }\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    if (this.text || this.activeChipIndex === -1) {\n      return;\n    }\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.calculateSingleItemHeight(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 pathLabel = [...ancestors, item].map((el) => el.textLabel);\n      const label = selectionMode !== \"ancestors\" ? item.textLabel : pathLabel.join(\" / \");\n\n      return (\n        <calcite-chip\n          appearance={readOnly ? \"outline\" : \"solid\"}\n          class={chipClasses}\n          closable={!readOnly}\n          icon={item.icon}\n          iconFlipRtl={item.iconFlipRtl}\n          id={item.guid ? `${chipUidPrefix}${item.guid}` : null}\n          key={item.textLabel}\n          messageOverrides={{ dismissLabel: messages.removeTag }}\n          onCalciteChipClose={() => this.calciteChipCloseHandler(item)}\n          scale={scale}\n          selected={item.selected}\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            {selectedItem.textLabel}\n          </span>\n        )}\n        <input\n          aria-activedescendant={this.activeDescendant}\n          aria-autocomplete=\"list\"\n          aria-controls={`${listboxUidPrefix}${guid}`}\n          aria-expanded={toAriaBoolean(open)}\n          aria-haspopup=\"listbox\"\n          aria-label={getLabelText(this)}\n          aria-owns={`${listboxUidPrefix}${guid}`}\n          class={{\n            [CSS.input]: true,\n            \"input--single\": true,\n            \"input--transparent\": this.activeChipIndex > -1,\n            \"input--hidden\": showLabel,\n            \"input--icon\": this.showingInlineIcon && !!this.placeholderIcon,\n          }}\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 as HTMLInputElement)}\n          role=\"combobox\"\n          type=\"text\"\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 { selectedItems, placeholderIcon, placeholderIconFlipRtl } = this;\n    const selectedItem = selectedItems[0];\n    const selectedIcon = selectedItem?.icon;\n\n    return (\n      this.showingInlineIcon && (\n        <span class=\"icon-start\" key=\"selected-placeholder-icon\">\n          <calcite-icon\n            class=\"selected-icon\"\n            flipRtl={this.open && selectedItem ? selectedItem.iconFlipRtl : placeholderIconFlipRtl}\n            icon={!this.open && selectedItem ? selectedIcon : placeholderIcon}\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              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  icon: \"icon\",\n  iconActive: \"icon--active\",\n  iconIndent: \"icon--indent\",\n  custom: \"icon--custom\",\n  dot: \"icon--dot\",\n  single: \"label--single\",\n  label: \"label\",\n  active: \"label--active\",\n  selected: \"label--selected\",\n  title: \"title\",\n  textContainer: \"text-container\",\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}\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  --calcite-combobox-item-selector-icon-size: theme(\"spacing.4\");\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}\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  padding-block: var(--calcite-combobox-item-spacing-unit-s);\n  padding-inline: var(--calcite-combobox-item-spacing-unit-l);\n}\n\n:host([disabled]) .label {\n  @apply cursor-default;\n}\n\n// selected state\n.label--selected {\n  @apply text-color-1 font-medium;\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.title {\n  padding-block: 0;\n  padding-inline: var(--calcite-combobox-item-spacing-unit-l);\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--indent {\n  padding-inline-start: var(--calcite-combobox-item-indent-value);\n}\n\n.icon--custom {\n  margin-block-start: -1px;\n  padding-inline-start: var(--calcite-combobox-item-spacing-unit-l);\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","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  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 { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding nested `calcite-combobox-item`s.\n */\n@Component({\n  tag: \"calcite-combobox-item\",\n  styleUrl: \"combobox-item.scss\",\n  shadow: true,\n})\nexport class ComboboxItem implements ConditionalSlotComponent, InteractiveComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\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  /** 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: string;\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  /** The component's text. */\n  @Prop({ reflect: true }) textLabel!: string;\n\n  /** The component's value. */\n  @Prop() value!: any;\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   * 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   * 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  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteComboboxItemElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.ancestors = getAncestors(this.el);\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectInteractive(this);\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  //\n  //  Private Methods\n  //\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: string): VNode {\n    return this.icon ? (\n      <calcite-icon\n        class={{\n          [CSS.custom]: !!this.icon,\n          [CSS.iconActive]: this.icon && this.selected,\n          [CSS.iconIndent]: true,\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, iconPath: string): VNode {\n    return showDot ? (\n      <span\n        class={{\n          [CSS.icon]: true,\n          [CSS.dot]: true,\n          [CSS.iconIndent]: true,\n        }}\n      />\n    ) : (\n      <calcite-icon\n        class={{\n          [CSS.icon]: true,\n          [CSS.iconActive]: this.selected,\n          [CSS.iconIndent]: true,\n        }}\n        flipRtl={this.iconFlipRtl}\n        icon={iconPath}\n        key=\"indicator\"\n        scale={getIconScale(this.scale)}\n      />\n    );\n  }\n\n  renderChildren(): VNode {\n    if (getSlotted(this.el)) {\n      return (\n        <ul key=\"default-slot-container\">\n          <slot />\n        </ul>\n      );\n    }\n\n    return null;\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n    const isSingleSelect = isSingleLike(this.selectionMode);\n    const showDot = isSingleSelect && !disabled;\n    const defaultIcon = isSingleSelect ? \"dot\" : \"check\";\n    const iconPath = disabled ? \"\" : defaultIcon;\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);\n\n    return (\n      <Host aria-hidden=\"true\">\n        <InteractiveContainer disabled={disabled}>\n          <div\n            class={`container scale--${this.scale}`}\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              <span class=\"title\">{this.textLabel}</span>\n            </li>\n            {this.renderChildren()}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\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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"}

package/dist/calcite/p-dc15734f.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{d as p}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";var e={name:"bs",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),months:"januar_februar_mart_april_maj_juni_juli_august_septembar_oktobar_novembar_decembar".split("_"),weekStart:1,weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._aug._sep._okt._nov._dec.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),ordinal:function p(e){return e},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"}};p.locale(e,null,true);export{e as default};
+//# sourceMappingURL=p-dc15734f.js.map

package/dist/calcite/p-dcdf72f0.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/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as t,f as e,h as a,g as n}from"./p-e48d006d.js";import{s as o,r,f as i}from"./p-8356a697.js";import{c,d as l,u as s,I as d}from"./p-ae04d854.js";import{c as h,d as u,g as p}from"./p-9e5dd305.js";import{s as b,a as v,c as g}from"./p-bf0746a3.js";import{c as f,d as k}from"./p-8e3a4720.js";import{c as m}from"./p-2fec90cc.js";import{g as x}from"./p-ae81e665.js";import{c as w,d as y,s as z,u as j}from"./p-dd1ec8aa.js";import{t as C}from"./p-99726b90.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";const L={buttonLoader:"calcite-button--loader",content:"content",contentSlotted:"content--slotted",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",loadingIn:"loading-in",loadingOut:"loading-out",iconStartEmpty:"icon-start-empty",iconEndEmpty:"icon-end-empty",buttonPadding:"button-padding",buttonPaddingShrunk:"button-padding--shrunk"};const E=":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:inline-block;inline-size:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-color:transparent}:host button:focus,:host a: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          )}:host button,:host a{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host button:hover,:host a:hover{text-decoration-line:none}:host button span,:host a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{margin-inline:var(--calcite-button-content-margin-internal)}.icon-start-empty .content{margin-inline-start:unset}.icon-end-empty .content{margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin-internal:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin-internal:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:var(--calcite-button-content-margin-internal)}.icon{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}.calcite-button--loader calcite-loader.loading-in{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}.calcite-button--loader calcite-loader.loading-out{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{margin-inline-end:var(--calcite-button-content-margin-internal)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance]) button,:host([appearance]) a{border-width:1px;border-style:solid;border-color:transparent}:host([kind=brand]) button,:host([kind=brand]) a{background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind=brand]) button:hover,:host([kind=brand]) button:focus,:host([kind=brand]) a:hover,:host([kind=brand]) a:focus{background-color:var(--calcite-color-brand-hover)}:host([kind=brand]) button:active,:host([kind=brand]) a:active{background-color:var(--calcite-color-brand-press)}:host([kind=brand]) button calcite-loader,:host([kind=brand]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=danger]) button,:host([kind=danger]) a{background-color:var(--calcite-color-status-danger);color:var(--calcite-color-text-inverse)}:host([kind=danger]) button:hover,:host([kind=danger]) button:focus,:host([kind=danger]) a:hover,:host([kind=danger]) a:focus{background-color:var(--calcite-color-status-danger-hover)}:host([kind=danger]) button:active,:host([kind=danger]) a:active{background-color:var(--calcite-color-status-danger-press)}:host([kind=danger]) button calcite-loader,:host([kind=danger]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=neutral]) button,:host([kind=neutral]) a{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([kind=neutral]) button:hover,:host([kind=neutral]) button:focus,:host([kind=neutral]) a:hover,:host([kind=neutral]) a:focus{background-color:var(--calcite-color-foreground-2)}:host([kind=neutral]) button:active,:host([kind=neutral]) a:active{background-color:var(--calcite-color-foreground-1)}:host([kind=neutral]) button calcite-loader,:host([kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([kind=inverse]) button,:host([kind=inverse]) a{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse)}:host([kind=inverse]) button:hover,:host([kind=inverse]) button:focus,:host([kind=inverse]) a:hover,:host([kind=inverse]) a:focus{background-color:var(--calcite-color-inverse-hover)}:host([kind=inverse]) button:active,:host([kind=inverse]) a:active{background-color:var(--calcite-color-inverse-press)}:host([kind=inverse]) button calcite-loader,:host([kind=inverse]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([appearance=outline-fill]) button,:host([appearance=outline-fill]) a{border-width:1px;border-style:solid;background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline-fill][kind=brand]) button,:host([appearance=outline-fill][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:hover,:host([appearance=outline-fill][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline-fill][kind=brand]) button:focus,:host([appearance=outline-fill][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:active,:host([appearance=outline-fill][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline-fill][kind=brand]) button calcite-loader,:host([appearance=outline-fill][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=danger]) button,:host([appearance=outline-fill][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:hover,:host([appearance=outline-fill][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline-fill][kind=danger]) button:focus,:host([appearance=outline-fill][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:active,:host([appearance=outline-fill][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline-fill][kind=danger]) button calcite-loader,:host([appearance=outline-fill][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=neutral]) button,:host([appearance=outline-fill][kind=neutral]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline-fill][kind=neutral]) button:hover,:host([appearance=outline-fill][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:focus,:host([appearance=outline-fill][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:active,:host([appearance=outline-fill][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button calcite-loader,:host([appearance=outline-fill][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=inverse]) button,:host([appearance=outline-fill][kind=inverse]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:hover,:host([appearance=outline-fill][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline-fill][kind=inverse]) button:focus,:host([appearance=outline-fill][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:active,:host([appearance=outline-fill][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline-fill][kind=inverse]) button calcite-loader,:host([appearance=outline-fill][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][kind=brand]) button,:host([appearance=outline][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:transparent;color:var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:hover,:host([appearance=outline][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline][kind=brand]) button:focus,:host([appearance=outline][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:active,:host([appearance=outline][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline][kind=brand]) button calcite-loader,:host([appearance=outline][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline][kind=danger]) button,:host([appearance=outline][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:transparent;color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:hover,:host([appearance=outline][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline][kind=danger]) button:focus,:host([appearance=outline][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:active,:host([appearance=outline][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline][kind=danger]) button calcite-loader,:host([appearance=outline][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=neutral]) button,:host([appearance=outline][kind=neutral]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline][kind=neutral]) button:hover,:host([appearance=outline][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:focus,:host([appearance=outline][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:active,:host([appearance=outline][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button calcite-loader,:host([appearance=outline][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline][kind=inverse]) button,:host([appearance=outline][kind=inverse]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:hover,:host([appearance=outline][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline][kind=inverse]) button:focus,:host([appearance=outline][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:active,:host([appearance=outline][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline][kind=inverse]) button calcite-loader,:host([appearance=outline][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][split-child=primary]) button,:host([appearance=outline][split-child=primary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline-fill][split-child=secondary]) button,:host([appearance=outline][split-child=secondary]) button{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]:not(.enable-editing-button)) button,:host([appearance=transparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=brand]) button,:host([appearance=transparent][kind=brand]) a{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:hover,:host([appearance=transparent][kind=brand]) a:hover{color:var(--calcite-color-brand-hover)}:host([appearance=transparent][kind=brand]) button:focus,:host([appearance=transparent][kind=brand]) a:focus{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:active,:host([appearance=transparent][kind=brand]) a:active{color:var(--calcite-color-brand-press)}:host([appearance=transparent][kind=brand]) button calcite-loader,:host([appearance=transparent][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=danger]) button,:host([appearance=transparent][kind=danger]) a{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:hover,:host([appearance=transparent][kind=danger]) a:hover{color:var(--calcite-color-status-danger-hover)}:host([appearance=transparent][kind=danger]) button:focus,:host([appearance=transparent][kind=danger]) a:focus{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:active,:host([appearance=transparent][kind=danger]) a:active{color:var(--calcite-color-status-danger-press)}:host([appearance=transparent][kind=danger]) button calcite-loader,:host([appearance=transparent][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-color-text-3);border-block-start-color:var(--calcite-color-border-input);border-block-end-color:var(--calcite-color-border-input);border-block-style:solid}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y-internal:0}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][kind=inverse]) button,:host([appearance=transparent][kind=inverse]) a,:host([appearance=transparent][kind=inverse]) calcite-loader{color:var(--calcite-color-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.5rem}:host([scale=s]) button,:host([scale=s]) a{--calcite-button-padding-y-internal:3px}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-padding-y-internal:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.75rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .button-padding{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}:host([scale=l]) .button-padding--shrunk{--calcite-button-padding-y-internal:9px}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host(:is([scale=s],[scale=m],[scale=l])[width=full]) a:not(.content--slotted),:host(:is([scale=s],[scale=m],[scale=l])[width=full]) button:not(.content--slotted){inline-size:var(--calcite-container-size-content-fluid)}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}:host([hidden]){display:none}[hidden]{display:none}";const S=E;const D=class{constructor(e){t(this,e);this.mutationObserver=m("mutation",(()=>this.updateHasContent()));this.resizeObserver=m("resize",(()=>this.setTooltipText()));this.handleClick=()=>{const{type:t}=this;if(this.href){return}if(t==="submit"){o(this)}else if(t==="reset"){r(this)}};this.setTooltipText=()=>{const{contentEl:t}=this;if(t){this.tooltipText=t.offsetWidth<t.scrollWidth?this.el.innerText||null:null}};this.setChildEl=t=>{this.childEl=t;if(t){this.resizeObserver?.observe(t)}};this.alignment="center";this.appearance="solid";this.label=undefined;this.kind="brand";this.disabled=false;this.form=undefined;this.download=false;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.loading=false;this.name=undefined;this.rel=undefined;this.round=false;this.scale="m";this.splitChild=false;this.target=undefined;this.type="button";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.hasContent=false;this.hasLoader=false;this.effectiveLocale="";this.defaultMessages=undefined;this.tooltipText=undefined}handleGlobalAttributesChanged(){e(this)}loadingChanged(t,e){if(!!t&&!e){this.hasLoader=true}if(!t&&!!e){window.setTimeout((()=>{this.hasLoader=false}),300)}}onMessagesChange(){}async connectedCallback(){c(this);f(this);w(this);this.hasLoader=this.loading;this.setupTextContentObserver();h(this);this.formEl=i(this)}disconnectedCallback(){this.mutationObserver?.disconnect();l(this);u(this);k(this);y(this);this.resizeObserver?.disconnect();this.formEl=null}async componentWillLoad(){b(this);{this.updateHasContent();await z(this)}}componentDidLoad(){v(this);this.setTooltipText()}componentDidRender(){s(this)}render(){const t=this.href?"a":"button";const e=t;const n=this.hasLoader?a("div",{class:L.buttonLoader},a("calcite-loader",{class:this.loading?L.loadingIn:L.loadingOut,inline:true,label:this.messages.loading,scale:this.scale==="l"?"m":"s"})):null;const o=!this.iconStart&&!this.iconEnd;const r=a("calcite-icon",{key:"45941adf90ef50fe1aa5ed4a874dc8a841f4b16f",class:{[L.icon]:true,[L.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:x(this.scale)});const i=a("calcite-icon",{key:"dcd2f544410e55c7dc3a277f9c5c04da0c00b041",class:{[L.icon]:true,[L.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:x(this.scale)});const c=a("span",{key:"38df650fbf83b178f60d2df42f59d2a7aefbde30",class:L.content,ref:t=>this.contentEl=t},a("slot",{key:"5214ba6eeaedfedc6c7eb10643ecf37d8a30a651"}));return a(d,{key:"bda810b730243b9d82c1046e5eeaf736536e5e5e",disabled:this.disabled},a(e,{key:"9b35bb5043f98ceb94f762db9b622e7e7578c801","aria-disabled":t==="a"?C(this.disabled||this.loading):null,"aria-expanded":this.el.getAttribute("aria-expanded"),"aria-label":!this.loading?p(this):this.messages.loading,"aria-live":"polite",class:{[L.buttonPadding]:o,[L.buttonPaddingShrunk]:!o,[L.contentSlotted]:this.hasContent,[L.iconStartEmpty]:!this.iconStart,[L.iconEndEmpty]:!this.iconEnd},disabled:t==="button"?this.disabled||this.loading:null,download:t==="a"&&(this.download===""||this.download)?this.download:null,href:t==="a"&&this.href,name:t==="button"&&this.name,onClick:this.handleClick,ref:this.setChildEl,rel:t==="a"&&this.rel,tabIndex:this.disabled?-1:null,target:t==="a"&&this.target,title:this.tooltipText,type:t==="button"&&this.type},n,this.iconStart?r:null,this.hasContent?c:null,this.iconEnd?i:null))}async setFocus(){await g(this);this.childEl?.focus()}effectiveLocaleChange(){j(this,this.effectiveLocale)}updateHasContent(){const t=this.el.textContent.trim().length>0||this.el.childNodes.length>0;this.hasContent=this.el.childNodes.length===1&&this.el.childNodes[0]?.nodeName==="#text"?this.el.textContent?.trim().length>0:t}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}onLabelClick(){this.handleClick();this.setFocus()}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{"aria-expanded":["handleGlobalAttributesChanged"],loading:["loadingChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};D.style=S;export{D as calcite_button};
+//# sourceMappingURL=p-dcdf72f0.entry.js.map

package/dist/calcite/p-dd1ec8aa.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{a as n}from"./p-e48d006d.js";import{g as t}from"./p-8e3a4720.js";const s={};async function o(t,o){const a=`${o}_${t}`;if(s[a]){return s[a]}s[a]=fetch(n(`./assets/${o}/t9n/messages_${t}.json`)).then((n=>{if(!n.ok){c()}return n.json()})).catch((()=>c()));return s[a]}function c(){throw new Error("could not fetch component message bundle")}function a(n){n.messages={...n.defaultMessages,...n.messageOverrides}}function e(){}async function i(n){n.defaultMessages=await r(n,n.effectiveLocale);a(n)}async function r(n,s){const{el:c}=n;const a=c.tagName.toLowerCase();const e=a.replace("calcite-","");return o(t(s,"t9n"),e)}async function u(n,t){n.defaultMessages=await r(n,t);a(n)}function f(n){n.onMessagesChange=p}function m(n){n.onMessagesChange=e}function p(){a(this)}export{f as c,m as d,i as s,u};
+//# sourceMappingURL=p-dd1ec8aa.js.map

package/dist/calcite/p-dd1ec8aa.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentLangToMessageBundleCache","async","getMessageBundle","lang","component","key","fetch","getAssetPath","then","resp","ok","throwMessageFetchError","json","catch","Error","mergeMessages","messages","defaultMessages","messageOverrides","noop","setUpMessages","fetchMessages","effectiveLocale","el","tag","tagName","toLowerCase","componentName","replace","getSupportedLocale","updateMessages","connectMessages","onMessagesChange","defaultOnMessagesChange","disconnectMessages","this"],"sources":["src/utils/t9n.ts"],"sourcesContent":["import { Build, getAssetPath } from \"@stencil/core\";\nimport { getSupportedLocale, LocalizedComponent } from \"./locale\";\n\nexport type MessageBundle = Record<string, string>;\n\nexport const componentLangToMessageBundleCache: Record<string, Promise<MessageBundle>> = {};\n\nasync function getMessageBundle(lang: string, component: string): Promise<MessageBundle> {\n  const key = `${component}_${lang}`;\n\n  if (componentLangToMessageBundleCache[key]) {\n    return componentLangToMessageBundleCache[key];\n  }\n\n  componentLangToMessageBundleCache[key] = fetch(getAssetPath(`./assets/${component}/t9n/messages_${lang}.json`))\n    .then((resp) => {\n      if (!resp.ok) {\n        throwMessageFetchError();\n      }\n      return resp.json();\n    })\n    .catch(() => throwMessageFetchError());\n\n  return componentLangToMessageBundleCache[key];\n}\n\nfunction throwMessageFetchError(): never {\n  throw new Error(\"could not fetch component message bundle\");\n}\n\nfunction mergeMessages(component: T9nComponent): void {\n  component.messages = {\n    ...component.defaultMessages,\n    ...component.messageOverrides,\n  };\n}\n\nfunction noop(): void {\n  // intentionally empty\n}\n\n/**\n * This utility sets up the messages used by the component. It should be awaited in the `componentWillLoad` lifecycle hook.\n *\n * @param component\n */\nexport async function setUpMessages(component: T9nComponent): Promise<void> {\n  component.defaultMessages = await fetchMessages(component, component.effectiveLocale);\n  mergeMessages(component);\n}\n\nasync function fetchMessages(component: T9nComponent, lang: string): Promise<MessageBundle> {\n  if (!Build.isBrowser) {\n    return {};\n  }\n\n  const { el } = component;\n  const tag = el.tagName.toLowerCase();\n  const componentName = tag.replace(\"calcite-\", \"\");\n\n  return getMessageBundle(getSupportedLocale(lang, \"t9n\"), componentName);\n}\n\n/**\n * This utility must be set up for the component to update its default message bundle if the locale changes.\n *\n * It can be set up in **either** of the following ways:\n *\n * 1. called from `LocalizedComponent`'s `onLocaleChange` method or\n * 2. called from a watcher configured to watch `LocalizedComponent`'s `effectiveLocale` prop\n *\n * @param component\n * @param lang\n */\nexport async function updateMessages(component: T9nComponent, lang: string): Promise<void> {\n  component.defaultMessages = await fetchMessages(component, lang);\n  mergeMessages(component);\n}\n\n/**\n * This utility sets up internals for messages support.\n *\n * It needs to be called in `connectedCallback`\n *\n * **Note**: this must be called after `LocalizedComponent`'s `connectLocalized` method.\n *\n * @param component\n */\nexport function connectMessages(component: T9nComponent): void {\n  component.onMessagesChange = defaultOnMessagesChange;\n}\n\n/**\n * This utility tears down internals for messages support.\n *\n * It needs to be called in `disconnectedCallback`\n *\n * @param component\n */\nexport function disconnectMessages(component: T9nComponent): void {\n  // we set this to noop to for watchers triggered when components are disconnected\n  component.onMessagesChange = noop;\n}\n\n/**\n * This interface enables components to support built-in translation strings.\n *\n * **Notes**:\n *\n * This requires `LocalizedComponent` to be implemented.\n * To avoid unnecessary lookups, composite components should set `lang` on internal t9n components.\n */\nexport interface T9nComponent extends LocalizedComponent {\n  el: HTMLElement;\n\n  /**\n   * This property holds all messages used by the component's rendering.\n   *\n   * This prop should use the `@Prop` decorator. It uses `@Prop` decorator for testing purpose only.\n   */\n  messages: MessageBundle;\n\n  /**\n   * This property holds the component's default messages.\n   */\n  defaultMessages: MessageBundle;\n\n  /**\n   * This property holds all user message overrides.\n   *\n   * This prop should use the `@Prop` decorator.\n   */\n  messageOverrides: Partial<MessageBundle>;\n\n  /**\n   * This private method ensures messages are kept in sync.\n   *\n   * This method should be empty and configured to watch for changes on  `messageOverrides` property.\n   *\n   * @Watch(\"messageOverrides\")\n   * onMessagesChange(): void {\n   *  \\/* wired up by t9n util *\\/\n   * }\n   */\n  onMessagesChange(): void;\n}\n\nfunction defaultOnMessagesChange(this: T9nComponent): void {\n  mergeMessages(this);\n}\n"],"mappings":";;;;;wEAKO,MAAMA,EAA4E,GAEzFC,eAAeC,EAAiBC,EAAcC,GAC5C,MAAMC,EAAM,GAAGD,KAAaD,IAE5B,GAAIH,EAAkCK,GAAM,CAC1C,OAAOL,EAAkCK,E,CAG3CL,EAAkCK,GAAOC,MAAMC,EAAa,YAAYH,kBAA0BD,WAC/FK,MAAMC,IACL,IAAKA,EAAKC,GAAI,CACZC,G,CAEF,OAAOF,EAAKG,MAAM,IAEnBC,OAAM,IAAMF,MAEf,OAAOX,EAAkCK,EAC3C,CAEA,SAASM,IACP,MAAM,IAAIG,MAAM,2CAClB,CAEA,SAASC,EAAcX,GACrBA,EAAUY,SAAW,IAChBZ,EAAUa,mBACVb,EAAUc,iBAEjB,CAEA,SAASC,IAET,CAOOlB,eAAemB,EAAchB,GAClCA,EAAUa,sBAAwBI,EAAcjB,EAAWA,EAAUkB,iBACrEP,EAAcX,EAChB,CAEAH,eAAeoB,EAAcjB,EAAyBD,GAKpD,MAAMoB,GAAEA,GAAOnB,EACf,MAAMoB,EAAMD,EAAGE,QAAQC,cACvB,MAAMC,EAAgBH,EAAII,QAAQ,WAAY,IAE9C,OAAO1B,EAAiB2B,EAAmB1B,EAAM,OAAQwB,EAC3D,CAaO1B,eAAe6B,EAAe1B,EAAyBD,GAC5DC,EAAUa,sBAAwBI,EAAcjB,EAAWD,GAC3DY,EAAcX,EAChB,C,SAWgB2B,EAAgB3B,GAC9BA,EAAU4B,iBAAmBC,CAC/B,C,SASgBC,EAAmB9B,GAEjCA,EAAU4B,iBAAmBb,CAC/B,CA6CA,SAASc,IACPlB,EAAcoB,KAChB,Q"}

package/dist/calcite/p-e0aee19b.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/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as e,h as t,H as i,g as l}from"./p-e48d006d.js";import{s as c,a as s,c as n}from"./p-bf0746a3.js";import{u as a,s as o,c as r,d}from"./p-dd1ec8aa.js";import{c as h,u as b,d as f,I as u}from"./p-ae04d854.js";import{c as p,d as g}from"./p-8e3a4720.js";import{g as v}from"./p-99726b90.js";import{C as m}from"./p-57e21d44.js";import{g as x}from"./p-ae81e665.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-2fec90cc.js";import"./p-c26dde6d.js";const k={contentCell:"content-cell",numberCell:"number-cell",footerCell:"footer-cell",selectionCell:"selection-cell",selectedCell:"selected-cell",assistiveText:"assistive-text",lastCell:"last-cell",staticCell:"static-cell"};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{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td:not(.selection-cell):not(.number-cell){text-align:center}:host([alignment=end]) td:not(.selection-cell):not(.number-cell){text-align: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}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}td:not(.static-cell){outline-color:transparent}td:not(.static-cell):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          )}td.start.content-cell{vertical-align:top}td.end.content-cell{vertical-align:bottom}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{text-align:center;border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}.selection-cell:not(.footer-cell){cursor:pointer}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const C=w;const y=class{constructor(t){e(this,t);this.updateScreenReaderContentsText=()=>{this.contentsText=this.el.textContent};this.onContainerBlur=()=>{this.focused=false};this.onContainerFocus=()=>{this.focused=true};this.alignment="start";this.colSpan=undefined;this.rowSpan=undefined;this.disabled=undefined;this.interactionMode="interactive";this.lastCell=undefined;this.numberCell=undefined;this.parentRowIsSelected=undefined;this.parentRowAlignment="start";this.parentRowPositionLocalized=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.readCellContentsToAT=undefined;this.scale="m";this.selectionCell=undefined;this.messages=undefined;this.messageOverrides=undefined;this.contentsText="";this.defaultMessages=undefined;this.focused=false;this.selectionText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderSelectionText()}onMessagesChange(){}effectiveLocaleChange(){a(this,this.effectiveLocale)}async componentWillLoad(){c(this);await o(this);this.updateScreenReaderContentsText();this.updateScreenReaderSelectionText()}componentDidLoad(){s(this)}connectedCallback(){p(this);r(this);h(this)}componentDidRender(){b(this)}disconnectedCallback(){g(this);d(this);f(this)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderSelectionText(){const e=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;const t=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;this.selectionText=this.parentRowIsSelected?e:t}render(){const e=v(this.el);const l=this.disabled||this.interactionMode==="static"&&(!this.selectionCell||this.selectionCell&&this.parentRowType==="foot");return t(i,{key:"2c8bd5fb8909c57b46499b5fe8a525cdc46bb3c6"},t(u,{key:"1a7e4d12f5304274f9085e0f0db4b12ba41d51ed",disabled:this.disabled},t("td",{key:"b46bd5d89520a43058bb813f9697a3041507992a","aria-disabled":this.disabled,class:{[k.footerCell]:this.parentRowType==="foot",[k.contentCell]:!this.numberCell&&!this.selectionCell,[k.numberCell]:this.numberCell,[k.selectionCell]:this.selectionCell,[k.selectedCell]:this.parentRowIsSelected,[k.lastCell]:this.lastCell&&(!this.rowSpan||this.colSpan&&!!this.rowSpan),[m.rtl]:e==="rtl",[k.staticCell]:l,[this.parentRowAlignment]:this.parentRowAlignment==="start"||this.parentRowAlignment==="end"},colSpan:this.colSpan,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:e=>this.containerEl=e,role:this.interactionMode==="interactive"?"gridcell":"cell",rowSpan:this.rowSpan,tabIndex:l?-1:0},(this.selectionCell||this.readCellContentsToAT)&&t("span",{key:"7d7a3f1c86a6e5d37ee3ac1379deacb6dd6c625e","aria-hidden":true,"aria-live":this.focused?"polite":"off",class:k.assistiveText},this.selectionCell&&this.selectionText,this.readCellContentsToAT&&!this.selectionCell&&this.contentsText),t("slot",{key:"5b2b90c84fd45ded9b364a7620c6e5c943435cfe",onSlotchange:this.updateScreenReaderContentsText}))))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{parentRowIsSelected:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};y.style=C;const $={contentCell:"content-cell",numberCell:"number-cell",selectionCell:"selection-cell",bodyRow:"body-row",footerRow:"footer-row",heading:"heading",description:"description",multipleSelectionCell:"cell--multiple-selection",assistiveText:"assistive-text",active:"active",selectedCell:"selected-cell",lastCell:"last-cell",staticCell:"static-cell"};const z=":host{--calcite-internal-table-header-background:var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color:var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align: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}th{white-space:normal;text-align:start;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}th:not(.static-cell){outline-color:transparent}th:not(.static-cell):not(.static-cell):focus-within{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          )}th:not(.center):not(.end).content-cell{vertical-align:top}th.center{vertical-align:middle}th.end.content-cell{vertical-align:bottom}th.body-row,th.footer-row{padding-block:var(--calcite-internal-table-cell-padding);border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}th.last-cell{border-inline-end:0}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.cell--multiple-selection:not(.end){vertical-align:middle}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";const S=z;const j=class{constructor(t){e(this,t);this.onContainerBlur=()=>{this.focused=false};this.onContainerFocus=()=>{this.focused=true};this.alignment="start";this.colSpan=undefined;this.description=undefined;this.heading=undefined;this.rowSpan=undefined;this.interactionMode="interactive";this.lastCell=undefined;this.numberCell=false;this.parentRowAlignment="start";this.parentRowIsSelected=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.scale=undefined;this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.selectionCell=false;this.selectionMode=undefined;this.bodyRowCount=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.focused=false;this.screenReaderText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderText()}onMessagesChange(){}async componentWillLoad(){c(this);await o(this);this.updateScreenReaderText()}componentDidLoad(){s(this)}connectedCallback(){p(this);r(this)}disconnectedCallback(){g(this);d(this)}effectiveLocaleChange(){a(this,this.effectiveLocale)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderText(){let e="";const t=`${this.selectedRowCountLocalized} ${this.messages?.selected}`;if(this.numberCell){e=this.messages?.rowNumber}else if(this.selectionMode==="single"){e=`${this.messages?.selectionColumn}. ${t}`}else if(this.bodyRowCount===this.selectedRowCount){e=`${this.messages?.selectionColumn}. ${this.messages?.all} ${t} ${this.messages?.keyboardDeselectAll}`}else{e=`${this.messages?.selectionColumn}. ${t} ${this.messages?.keyboardSelectAll}`}this.screenReaderText=e}render(){const e=this.rowSpan?"rowgroup":this.colSpan?"colgroup":this.parentRowType==="body"?"row":"col";const l=this.selectedRowCount===this.bodyRowCount;const c=l?"check-square-f":"check-square";const s=this.interactionMode==="static"&&!this.selectionCell;return t(i,{key:"8903d493aaa6fe46c1e7ee00814bc0d409fe05e4"},t("th",{key:"26731c66a6991a47be0a3c47cfe199782c55535d","aria-colindex":this.parentRowType==="head"?this.positionInRow:undefined,class:{[$.bodyRow]:this.parentRowType==="body",[$.footerRow]:this.parentRowType==="foot",[$.contentCell]:!this.numberCell&&!this.selectionCell,[$.numberCell]:this.numberCell,[$.selectionCell]:this.selectionCell,[$.selectedCell]:this.parentRowIsSelected,[$.multipleSelectionCell]:this.selectionMode==="multiple",[$.staticCell]:s,[$.lastCell]:this.lastCell&&(!this.rowSpan||this.colSpan&&!!this.rowSpan),[this.parentRowAlignment]:this.parentRowAlignment==="center"||this.parentRowAlignment==="end"},colSpan:this.colSpan,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:e=>this.containerEl=e,role:this.parentRowType==="head"?"columnheader":"rowheader",rowSpan:this.rowSpan,scope:e,tabIndex:this.selectionCell?0:s?-1:0},this.heading&&t("div",{key:"0ddf95bda3a18a0e966f8d8248c10bc1de806b96",class:$.heading},this.heading),this.description&&t("div",{key:"dfce36fdaa1b839b71be9705c6fd8a69c643cc05",class:$.description},this.description),this.selectionCell&&this.selectionMode==="multiple"&&t("calcite-icon",{key:"bc9dcc2b7949465512e2336ebf50713ab4e6c3f3",class:{[$.active]:l},icon:c,scale:x(this.scale)}),(this.selectionCell||this.numberCell)&&t("span",{key:"2c7515f610c632cb808622bb0f5fc252cfa0ea1d","aria-hidden":true,"aria-live":this.focused?"polite":"off",class:$.assistiveText},this.screenReaderText)))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{selectedRowCount:["onSelectedChange"],selectedRowCountLocalized:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=S;export{y as calcite_table_cell,j as calcite_table_header};
+//# sourceMappingURL=p-e0aee19b.entry.js.map

package/dist/calcite/p-e48d006d.js

@@ -0,0 +1,8 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+const e="calcite";var t=Object.defineProperty;var n=(e,n)=>{for(var l in n)t(e,l,{get:n[l],enumerable:true})};var l=e=>{const t=new URL(e,Xe.t);return t.origin!==Ke.location.origin?t.href:t.pathname};var r={};var s="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";var f=e=>e!=null;var a=e=>{e=typeof e;return e==="object"||e==="function"};function o(e){var t,n,l;return(l=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?l:void 0}var c={};n(c,{err:()=>v,map:()=>d,ok:()=>u,unwrap:()=>$,unwrapErr:()=>h});var u=e=>({isOk:true,isErr:false,value:e});var v=e=>({isOk:false,isErr:true,value:e});function d(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>u(e)))}else{return u(n)}}if(e.isErr){const t=e.value;return v(t)}throw"should never get here"}var $=e=>{if(e.isOk){return e.value}else{throw e.value}};var h=e=>{if(e.isErr){return e.value}else{throw e.value}};var p=(e,t="")=>{{return()=>{}}};var y=(e,t)=>{{return()=>{}}};var m="r";var w="o";var b="s";var g="t";var k="s-id";var j="sty-id";var O="c-id";var S="{visibility:hidden}[calcite-hydrated]{visibility:inherit}";var x="slot-fb{display:contents}slot-fb[hidden]{display:none}";var C="http://www.w3.org/1999/xlink";var E=(e,t,...n)=>{let l=null;let r=null;let s=false;let i=false;const f=[];const o=t=>{for(let n=0;n<t.length;n++){l=t[n];if(Array.isArray(l)){o(l)}else if(l!=null&&typeof l!=="boolean"){if(s=typeof e!=="function"&&!a(l)){l=String(l)}if(s&&i){f[f.length-1].l+=l}else{f.push(s?M(null,l):l)}i=s}}};o(n);if(t){if(t.key){r=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,U)}const c=M(e,null);c.i=t;if(f.length>0){c.o=f}{c.u=r}return c};var M=(e,t)=>{const n={v:0,$:e,l:t,h:null,o:null};{n.i=null}{n.u=null}return n};var P={};var R=e=>e&&e.$===P;var U={forEach:(e,t)=>e.map(I).forEach(t),map:(e,t)=>e.map(I).map(t).map(L)};var I=e=>({vattrs:e.i,vchildren:e.o,vkey:e.u,vname:e.p,vtag:e.$,vtext:e.l});var L=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return E(e.vtag,t,...e.vchildren||[])}const t=M(e.vtag,e.vtext);t.i=e.vattrs;t.o=e.vchildren;t.u=e.vkey;t.p=e.vname;return t};var F=(e,t,n,l)=>{const r=p("hydrateClient",t);const s=e.shadowRoot;const i=[];const f=[];const a=s?[]:null;const o=l.m=M(t,null);if(!Xe.k){W(Qe.body,Xe.k=new Map)}e[k]=n;e.removeAttribute(k);N(o,i,f,a,e,e,n);i.map((e=>{const n=e.j+"."+e.O;const l=Xe.k.get(n);const r=e.h;if(l&&Ye&&l["s-en"]===""){l.parentNode.insertBefore(r,l.nextSibling)}if(!s){r["s-hn"]=t;if(l){r["s-ol"]=l;r["s-ol"]["s-nr"]=r}}Xe.k.delete(n)}));if(s){a.map((e=>{if(e){s.appendChild(e)}}))}r()};var N=(e,t,n,l,r,s,i)=>{let f;let a;let o;let c;if(s.nodeType===1){f=s.getAttribute(O);if(f){a=f.split(".");if(a[0]===i||a[0]==="0"){o={v:0,j:a[0],O:a[1],S:a[2],C:a[3],$:s.tagName.toLowerCase(),h:s,i:null,o:null,u:null,p:null,l:null};t.push(o);s.removeAttribute(O);if(!e.o){e.o=[]}e.o[o.C]=o;e=o;if(l&&o.S==="0"){l[o.C]=o.h}}}for(c=s.childNodes.length-1;c>=0;c--){N(e,t,n,l,r,s.childNodes[c],i)}if(s.shadowRoot){for(c=s.shadowRoot.childNodes.length-1;c>=0;c--){N(e,t,n,l,r,s.shadowRoot.childNodes[c],i)}}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===i||a[1]==="0"){f=a[0];o={v:0,j:a[1],O:a[2],S:a[3],C:a[4],h:s,i:null,o:null,u:null,p:null,$:null,l:null};if(f===g){o.h=s.nextSibling;if(o.h&&o.h.nodeType===3){o.l=o.h.textContent;t.push(o);s.remove();if(!e.o){e.o=[]}e.o[o.C]=o;if(l&&o.S==="0"){l[o.C]=o.h}}}else if(o.j===i){if(f===b){o.$="slot";if(a[5]){s["s-sn"]=o.p=a[5]}else{s["s-sn"]=""}s["s-sr"]=true;if(l){o.h=Qe.createElement(o.$);if(o.p){o.h.setAttribute("name",o.p)}s.parentNode.insertBefore(o.h,s);s.remove();if(o.S==="0"){l[o.C]=o.h}}n.push(o);if(!e.o){e.o=[]}e.o[o.C]=o}else if(f===m){if(l){s.remove()}}}}}else if(e&&e.$==="style"){const t=M(null,s.textContent);t.h=s;t.C="0";e.o=[t]}};var W=(e,t)=>{if(e.nodeType===1){let n=0;for(;n<e.childNodes.length;n++){W(e.childNodes[n],t)}if(e.shadowRoot){for(n=0;n<e.shadowRoot.childNodes.length;n++){W(e.shadowRoot.childNodes[n],t)}}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===w){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var A=(e,t)=>{if(e!=null&&!a(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var D=e=>He(e).$hostElement$;var T=(e,t,n)=>{const l=D(e);return{emit:e=>H(l,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var H=(e,t,n)=>{const l=Xe.ce(t,n);e.dispatchEvent(l);return l};var q=new WeakMap;var V=(e,t,n)=>{let l=Je.get(e);if(tt&&n){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}Je.set(e,l)};var _=(e,t,n)=>{var l;const r=B(t);const s=Je.get(r);e=e.nodeType===11?e:Qe;if(s){if(typeof s==="string"){e=e.head||e;let n=q.get(e);let i;if(!n){q.set(e,n=new Set)}if(!n.has(r)){if(e.host&&(i=e.querySelector(`[${j}="${r}"]`))){i.innerHTML=s}else{i=Qe.createElement("style");i.innerHTML=s;const t=(l=Xe.M)!=null?l:o(Qe);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.v&4){i.innerHTML+=x}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return r};var z=e=>{const t=e.P;const n=e.$hostElement$;const l=t.v;const r=p("attachStyles",t.R);const s=_(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(l&10){n["s-sc"]=s;n.classList.add(s+"-h")}r()};var B=(e,t)=>"sc-"+e.R;var G=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var J=(e,t,n,l,r,s)=>{if(n!==l){let i=_e(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const r=Q(n);const s=Q(l);t.remove(...r.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!r.includes(e))))}else if(t==="style"){{for(const t in n){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!n||l[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(t==="ref"){if(l){l(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(_e(Ke,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||l){const r=t.endsWith(X);t=t.replace(Y,"");if(n){Xe.rel(e,t,n,r)}if(l){Xe.ael(e,t,l,r)}}}else{const o=a(l);if((i||o&&l!==null)&&!r){try{if(!e.tagName.includes("-")){const r=l==null?"":l;if(t==="list"){i=false}else if(n==null||e[t]!=r){e[t]=r}}else{e[t]=l}}catch(e){}}let c=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;c=true}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){if(c){e.removeAttributeNS(C,t)}else{e.removeAttribute(t)}}}else if((!i||s&4||r)&&!o){l=l===true?"":l;if(c){e.setAttributeNS(C,t,l)}else{e.setAttribute(t,l)}}}}};var K=/\s/;var Q=e=>!e?[]:e.split(K);var X="Capture";var Y=new RegExp(X+"$");var Z=(e,t,n,l)=>{const s=t.h.nodeType===11&&t.h.host?t.h.host:t.h;const i=e&&e.i||r;const f=t.i||r;{for(l of ee(Object.keys(i))){if(!(l in f)){J(s,l,i[l],void 0,n,t.v)}}}for(l of ee(Object.keys(f))){J(s,l,i[l],f[l],n,t.v)}};function ee(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var te;var ne;var le=false;var re=false;var se=(e,t,n,l)=>{const r=t.o[n];let a=0;let o;let c;if(r.l!==null){o=r.h=Qe.createTextNode(r.l)}else{if(!re){re=r.$==="svg"}o=r.h=Qe.createElementNS(re?s:i,r.$);if(re&&r.$==="foreignObject"){re=false}{Z(null,r,re)}if(f(te)&&o["s-si"]!==te){o.classList.add(o["s-si"]=te)}if(r.o){for(a=0;a<r.o.length;++a){c=se(e,r,a);if(c){o.appendChild(c)}}}{if(r.$==="svg"){re=false}else if(o.tagName==="foreignObject"){re=true}}}o["s-hn"]=ne;return o};var ie=(e,t,n,l,r,s)=>{let i=e;let f;if(i.shadowRoot&&i.tagName===ne){i=i.shadowRoot}for(;r<=s;++r){if(l[r]){f=se(null,n,r);if(f){l[r].h=f;i.insertBefore(f,t)}}}};var fe=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.h;ue(t);if(e){e.remove()}}}};var ae=(e,t,n,l,r=false)=>{let s=0;let i=0;let f=0;let a=0;let o=t.length-1;let c=t[0];let u=t[o];let v=l.length-1;let d=l[0];let $=l[v];let h;let p;while(s<=o&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--o]}else if(d==null){d=l[++i]}else if($==null){$=l[--v]}else if(oe(c,d,r)){ce(c,d,r);c=t[++s];d=l[++i]}else if(oe(u,$,r)){ce(u,$,r);u=t[--o];$=l[--v]}else if(oe(c,$,r)){ce(c,$,r);e.insertBefore(c.h,u.h.nextSibling);c=t[++s];$=l[--v]}else if(oe(u,d,r)){ce(u,d,r);e.insertBefore(u.h,c.h);u=t[--o];d=l[++i]}else{f=-1;{for(a=s;a<=o;++a){if(t[a]&&t[a].u!==null&&t[a].u===d.u){f=a;break}}}if(f>=0){p=t[f];if(p.$!==d.$){h=se(t&&t[i],n,f)}else{ce(p,d,r);t[f]=void 0;h=p.h}d=l[++i]}else{h=se(t&&t[i],n,i);d=l[++i]}if(h){{c.h.parentNode.insertBefore(h,c.h)}}}}if(s>o){ie(e,l[v+1]==null?null:l[v+1].h,n,l,i,v)}else if(i>v){fe(t,s,o)}};var oe=(e,t,n=false)=>{if(e.$===t.$){if(!n){return e.u===t.u}return true}return false};var ce=(e,t,n=false)=>{const l=t.h=e.h;const r=e.o;const s=t.o;const i=t.$;const f=t.l;if(f===null){{re=i==="svg"?true:i==="foreignObject"?false:re}{if(i==="slot"&&!le);else{Z(e,t,re)}}if(r!==null&&s!==null){ae(l,r,t,s,n)}else if(s!==null){if(e.l!==null){l.textContent=""}ie(l,null,t,s,0,s.length-1)}else if(r!==null){fe(r,0,r.length-1)}if(re&&i==="svg"){re=false}}else if(e.l!==f){l.data=f}};var ue=e=>{{e.i&&e.i.ref&&e.i.ref(null);e.o&&e.o.map(ue)}};var ve=(e,t,n=false)=>{const l=e.$hostElement$;const r=e.P;const s=e.m||M(null,null);const i=R(t)?t:E(null,null,t);ne=l.tagName;if(r.U){i.i=i.i||{};r.U.map((([e,t])=>i.i[t]=l[e]))}if(n&&i.i){for(const e of Object.keys(i.i)){if(l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.i[e]=l[e]}}}i.$=null;i.v|=4;e.m=i;i.h=s.h=l.shadowRoot||l;{te=l["s-sc"]}le=(r.v&1)!==0;ce(s,i,n)};var de=(e,t)=>{if(t&&!e.I&&t["s-p"]){t["s-p"].push(new Promise((t=>e.I=t)))}};var $e=(e,t)=>{{e.v|=16}if(e.v&4){e.v|=512;return}de(e,e.L);const n=()=>he(e,t);return ct(n)};var he=(e,t)=>{const n=p("scheduleUpdate",e.P.R);const l=e.F;let r;if(t){{e.v|=256;if(e.N){e.N.map((([e,t])=>je(l,e,t)));e.N=void 0}}{r=je(l,"componentWillLoad")}}{r=pe(r,(()=>je(l,"componentWillRender")))}n();return pe(r,(()=>me(e,l,t)))};var pe=(e,t)=>ye(e)?e.then(t):t();var ye=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var me=async(e,t,n)=>{var l;const r=e.$hostElement$;const s=p("update",e.P.R);const i=r["s-rc"];if(n){z(e)}const f=p("render",e.P.R);{we(e,t,r,n)}if(i){i.map((e=>e()));r["s-rc"]=void 0}f();s();{const t=(l=r["s-p"])!=null?l:[];const n=()=>be(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.v|=4;t.length=0}}};var we=(e,t,n,l)=>{try{t=t.render();{e.v&=~16}{e.v|=2}{{{ve(e,t,l)}}}}catch(t){ze(t,e.$hostElement$)}return null};var be=e=>{const t=e.P.R;const n=e.$hostElement$;const l=p("postUpdate",t);const r=e.F;const s=e.L;{je(r,"componentDidRender")}if(!(e.v&64)){e.v|=64;{Oe(n)}{je(r,"componentDidLoad")}l();{e.W(n);if(!s){ke()}}}else{{je(r,"componentDidUpdate")}l()}{e.A(n)}{if(e.I){e.I();e.I=void 0}if(e.v&512){at((()=>$e(e,false)))}e.v&=~(4|512)}};var ge=e=>{{const t=He(e);const n=t.$hostElement$.isConnected;if(n&&(t.v&(2|16))===2){$e(t,false)}return n}};var ke=t=>{{Oe(Qe.documentElement)}at((()=>H(Ke,"appload",{detail:{namespace:e}})))};var je=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){ze(e)}}return void 0};var Oe=e=>e.setAttribute("calcite-hydrated","");var Se=(e,t)=>He(e).D.get(t);var xe=(e,t,n,l)=>{const r=He(e);const s=r.$hostElement$;const i=r.D.get(t);const f=r.v;const a=r.F;n=A(n,l.T[t][0]);const o=Number.isNaN(i)&&Number.isNaN(n);const c=n!==i&&!o;if((!(f&8)||i===void 0)&&c){r.D.set(t,n);if(a){if(l.H&&f&128){const e=l.H[t];if(e){e.map((e=>{try{a[e](n,i,t)}catch(e){ze(e,s)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,i,t)===false){return}}$e(r,false)}}}};var Ce=(e,t,n)=>{var l;const r=e.prototype;if(t.T){if(e.watchers){t.H=e.watchers}const s=Object.entries(t.T);s.map((([e,[l]])=>{if(l&31||n&2&&l&32){Object.defineProperty(r,e,{get(){return Se(this,e)},set(n){xe(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&l&64){Object.defineProperty(r,e,{value(...t){var n;const l=He(this);return(n=l==null?void 0:l.q)==null?void 0:n.then((()=>{var n;return(n=l.F)==null?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;r.attributeChangedCallback=function(e,l,s){Xe.jmp((()=>{var i;const f=n.get(e);if(this.hasOwnProperty(f)){s=this[f];delete this[f]}else if(r.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==s){return}else if(f==null){const n=He(this);const r=n==null?void 0:n.v;if(r&&!(r&8)&&r&128&&s!==l){const r=n.F;const f=(i=t.H)==null?void 0:i[e];f==null?void 0:f.forEach((t=>{if(r[t]!=null){r[t].call(r,s,l,e)}}))}return}this[f]=s===null&&typeof this[f]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.H)!=null?l:{}),...s.filter((([e,t])=>t[0]&15)).map((([e,l])=>{var r;const s=l[1]||e;n.set(s,e);if(l[0]&512){(r=t.U)==null?void 0:r.push([e,s])}return s}))]))}}return e};var Ee=async(e,t,n,l)=>{let r;if((t.v&32)===0){t.v|=32;const l=n.V;if(l){r=Ge(n);if(r.then){const e=y();r=await r;e()}if(!r.isProxied){{n.H=r.watchers}Ce(r,n,2);r.isProxied=true}const e=p("createInstance",n.R);{t.v|=8}try{new r(t)}catch(e){ze(e)}{t.v&=~8}{t.v|=128}e();Me(t.F)}else{r=e.constructor;customElements.whenDefined(n.R).then((()=>t.v|=128))}if(r.style){let e=r.style;const t=B(n);if(!Je.has(t)){const l=p("registerStyles",n.R);V(t,e,!!(n.v&1));l()}}}const s=t.L;const i=()=>$e(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var Me=e=>{{je(e,"connectedCallback")}};var Pe=e=>{if((Xe.v&1)===0){const t=He(e);const n=t.P;const l=p("connectedCallback",n.R);if(!(t.v&1)){t.v|=1;let l;{l=e.getAttribute(k);if(l){if(n.v&1){const t=_(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}F(e,n.R,l,t)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){de(t,t.L=n);break}}}if(n.T){Object.entries(n.T).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ee(e,t,n)}}else{Fe(e,t,n._);if(t==null?void 0:t.F){Me(t.F)}else if(t==null?void 0:t.B){t.B.then((()=>Me(t.F)))}}l()}};var Re=e=>{{je(e,"disconnectedCallback")}};var Ue=async e=>{if((Xe.v&1)===0){const t=He(e);{if(t.G){t.G.map((e=>e()));t.G=void 0}}if(t==null?void 0:t.F){Re(t.F)}else if(t==null?void 0:t.B){t.B.then((()=>Re(t.F)))}}};var Ie=(e,t={})=>{var n;const l=p();const r=[];const s=t.exclude||[];const i=Ke.customElements;const f=Qe.head;const a=f.querySelector("meta[charset]");const c=Qe.createElement("style");const u=[];const v=Qe.querySelectorAll(`[${j}]`);let d;let $=true;let h=0;Object.assign(Xe,t);Xe.t=new URL(t.resourcesUrl||"./",Qe.baseURI).href;{Xe.v|=2}{for(;h<v.length;h++){V(v[h].getAttribute(j),G(v[h].innerHTML),true)}}let y=false;e.map((e=>{e[1].map((t=>{var n;const l={v:t[0],R:t[1],T:t[2],_:t[3]};if(l.v&4){y=true}{l.T=t[2]}{l._=t[3]}{l.U=[]}{l.H=(n=t[4])!=null?n:{}}const f=l.R;const a=class extends HTMLElement{constructor(e){super(e);e=this;Ve(e,l);if(l.v&1){{{e.attachShadow({mode:"open",delegatesFocus:!!(l.v&16)})}}}}connectedCallback(){if(d){clearTimeout(d);d=null}if($){u.push(this)}else{Xe.jmp((()=>Pe(this)))}}disconnectedCallback(){Xe.jmp((()=>Ue(this)))}componentOnReady(){return He(this).B}};l.V=e[0];if(!s.includes(f)&&!i.get(f)){r.push(f);i.define(f,Ce(a,l,1))}}))}));if(r.length>0){if(y){c.textContent+=x}{c.textContent+=r+S}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(n=Xe.M)!=null?n:o(Qe);if(e!=null){c.setAttribute("nonce",e)}f.insertBefore(c,a?a.nextSibling:f.firstChild)}}$=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{Xe.jmp((()=>d=setTimeout(ke,30)))}}l()};var Le=(e,t)=>t;var Fe=(e,t,n,l)=>{if(n){n.map((([n,l,r])=>{const s=We(e,n);const i=Ne(t,r);const f=Ae(n);Xe.ael(s,l,i,f);(t.G=t.G||[]).push((()=>Xe.rel(s,l,i,f)))}))}};var Ne=(e,t)=>n=>{try{{if(e.v&256){e.F[t](n)}else{(e.N=e.N||[]).push([t,n])}}}catch(e){ze(e)}};var We=(e,t)=>{if(t&4)return Qe;if(t&8)return Ke;if(t&16)return Qe.body;return e};var Ae=e=>Ze?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var De=e=>Xe.M=e;var Te=new WeakMap;var He=e=>Te.get(e);var qe=(e,t)=>Te.set(t.F=e,t);var Ve=(e,t)=>{const n={v:0,$hostElement$:e,P:t,D:new Map};{n.q=new Promise((e=>n.A=e))}{n.B=new Promise((e=>n.W=e));e["s-p"]=[];e["s-rc"]=[]}Fe(e,n,t._);return Te.set(e,n)};var _e=(e,t)=>t in e;var ze=(e,t)=>(0,console.error)(e,t);var Be=new Map;var Ge=(e,t,n)=>{const l=e.R.replace(/-/g,"_");const r=e.V;const s=Be.get(r);if(s){return s[l]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{Be.set(r,e)}return e[l]}),ze)};var Je=new Map;var Ke=typeof window!=="undefined"?window:{};var Qe=Ke.document||{head:{}};var Xe={v:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)};var Ye=true;var Ze=(()=>{let e=false;try{Qe.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var et=e=>Promise.resolve(e);var tt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var nt=false;var lt=[];var rt=[];var st=(e,t)=>n=>{e.push(n);if(!nt){nt=true;if(t&&Xe.v&4){at(ft)}else{Xe.raf(ft)}}};var it=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){ze(e)}}e.length=0};var ft=()=>{it(lt);{it(rt);if(nt=lt.length>0){Xe.raf(ft)}}};var at=e=>et().then(e);var ot=st(lt,false);var ct=st(rt,true);export{Le as F,P as H,e as N,l as a,Ie as b,T as c,Qe as d,ot as e,ge as f,D as g,E as h,et as p,qe as r,De as s};
+//# sourceMappingURL=p-e48d006d.js.map

package/dist/calcite/p-e8aee604.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/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as e,c as t,h as i,H as a,g as o}from"./p-e48d006d.js";import{c as n,d as s}from"./p-0af75a98.js";import{e as r,b as l,f as c,w as d}from"./p-99726b90.js";import{d as h,a as m,c as p,u as b}from"./p-94138947.js";import{s as f,a as u,c as g}from"./p-bf0746a3.js";import{c as x}from"./p-2fec90cc.js";import{o as v}from"./p-effbb31d.js";import{c as k,d as y}from"./p-8e3a4720.js";import{s as z,c as w,d as C,u as j}from"./p-dd1ec8aa.js";import{g as $,a as M}from"./p-ae81e665.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-70c530fa.js";const O={modal:"modal",title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",container:"container",containerOpen:"container--open",content:"content",contentNoFooter:"content--no-footer",contentBottom:"content-bottom",contentTop:"content-top",slottedInShell:"slotted-in-shell",openingIdle:"modal--opening-idle",openingActive:"modal--opening-active",closingIdle:"modal--closing-idle",closingActive:"modal--closing-active"};const B={close:"x"};const F={content:"content",contentBottom:"content-bottom",contentTop:"content-top",header:"header",back:"back",secondary:"secondary",primary:"primary"};const D=":host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;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;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close: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          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container.slotted-in-shell{position:absolute;pointer-events:auto}.container.slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";const T=D;let L=0;let S="";const A=class{constructor(i){e(this,i);this.calciteModalBeforeClose=t(this,"calciteModalBeforeClose",6);this.calciteModalClose=t(this,"calciteModalClose",6);this.calciteModalBeforeOpen=t(this,"calciteModalBeforeOpen",6);this.calciteModalOpen=t(this,"calciteModalOpen",6);this.ignoreOpenChange=false;this.mutationObserver=x("mutation",(()=>this.handleMutationObserver()));this.cssVarObserver=x("mutation",(()=>{this.updateSizeCssVars()}));this.openTransitionProp="opacity";this.setTransitionEl=e=>{this.transitionEl=e};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteModalOpen",this.openEnd)};this.handleCloseClick=()=>{this.open=false};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeModal=async()=>{if(this.beforeClose){try{await this.beforeClose(this.el)}catch(e){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}L--;this.opened=false;this.removeOverflowHiddenClass()};this.handleMutationObserver=()=>{this.updateFooterVisibility();this.updateFocusTrapElements()};this.updateFooterVisibility=()=>{this.hasFooter=!!r(this.el,[F.back,F.primary,F.secondary])};this.updateSizeCssVars=()=>{this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width");this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")};this.contentTopSlotChangeHandler=e=>{this.hasContentTop=l(e)};this.contentBottomSlotChangeHandler=e=>{this.hasContentBottom=l(e)};this.open=false;this.opened=false;this.beforeClose=undefined;this.closeButtonDisabled=false;this.focusTrapDisabled=false;this.outsideCloseDisabled=false;this.docked=undefined;this.escapeDisabled=false;this.scale="m";this.widthScale="m";this.fullscreen=undefined;this.kind=undefined;this.messages=undefined;this.messageOverrides=undefined;this.slottedInShell=undefined;this.cssWidth=undefined;this.cssHeight=undefined;this.hasFooter=true;this.hasContentTop=false;this.hasContentBottom=false;this.effectiveLocale=undefined;this.defaultMessages=undefined}handleFocusTrapDisabled(e){if(!this.open){return}e?h(this):m(this)}onMessagesChange(){}async componentWillLoad(){await z(this);f(this);if(this.open){this.openModal()}}componentDidLoad(){u(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]});this.updateSizeCssVars();this.updateFooterVisibility();n(this);k(this);w(this);p(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();this.cssVarObserver?.disconnect();s(this);h(this);y(this);C(this);this.slottedInShell=false}render(){return i(a,{key:"d1e018c6bd88b964c4708d93d9a8206bd708873a","aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},i("div",{key:"9e49f29d18a2e73d8e27219fae8ce80a8aaa70a8",class:{[O.container]:true,[O.containerOpen]:this.opened,[O.slottedInShell]:this.slottedInShell}},i("calcite-scrim",{key:"16ad63350946bfdc9d93e1de099c35ec4085923f",class:O.scrim,onClick:this.handleOutsideClose}),this.renderStyle(),i("div",{key:"6bc90f5591d025ab11b9e20460888a5c90079fc4",class:{[O.modal]:true},ref:this.setTransitionEl},i("div",{key:"bb3c7cdcb9aeb984608faf5adc83aeecfb76236b",class:O.header},this.renderCloseButton(),i("header",{key:"4c90d6d66e1dfeffb967d14c95b84568be92846d",class:O.title},i("slot",{key:"547d39c10dd55af959d9c2595969ad205af4fdcc",name:O.header}))),this.renderContentTop(),i("div",{key:"fe344731d2dcde79ef625640f73b585ca278a158",class:{[O.content]:true,[O.contentNoFooter]:!this.hasFooter},ref:e=>this.modalContent=e},i("slot",{key:"2fdbe6fa9a7c424e46db9bc00ad76e9cd8f1d242",name:F.content})),this.renderContentBottom(),this.renderFooter())))}renderFooter(){return this.hasFooter?i("div",{class:O.footer,key:"footer"},i("span",{class:O.back},i("slot",{name:F.back})),i("span",{class:O.secondary},i("slot",{name:F.secondary})),i("span",{class:O.primary},i("slot",{name:F.primary}))):null}renderContentTop(){return i("div",{class:O.contentTop,hidden:!this.hasContentTop},i("slot",{name:F.contentTop,onSlotchange:this.contentTopSlotChangeHandler}))}renderContentBottom(){return i("div",{class:O.contentBottom,hidden:!this.hasContentBottom},i("slot",{name:F.contentBottom,onSlotchange:this.contentBottomSlotChangeHandler}))}renderCloseButton(){return!this.closeButtonDisabled?i("button",{"aria-label":this.messages.close,class:O.close,key:"button",onClick:this.handleCloseClick,ref:e=>this.closeButtonEl=e,title:this.messages.close},i("calcite-icon",{icon:B.close,scale:$(this.scale)})):null}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight)){return i("style",null,`.${O.container} {\n              ${this.docked&&this.cssWidth?`align-items: center !important;`:""}\n            }\n            .${O.modal} {\n              block-size: ${this.cssHeight?this.cssHeight:"auto"} !important;\n              ${this.cssWidth?`inline-size: ${this.cssWidth} !important;`:""}\n              ${this.cssWidth?`max-inline-size: ${this.cssWidth} !important;`:""}\n              ${this.docked?`border-radius: var(--calcite-border-radius) !important;`:""}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${O.container} {\n                ${this.docked?`align-items: flex-end !important;`:""}\n              }\n              .${O.modal} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${!this.docked?`block-size: 100% !important;`:""}\n                ${!this.docked?`border-radius: 0 !important;`:""}\n                ${this.docked?`border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;`:""}\n              }\n            }\n          `)}}effectiveLocaleChange(){j(this,this.effectiveLocale)}handleEscape(e){if(this.open&&!this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented){this.open=false;e.preventDefault()}}async setFocus(){await g(this);c(this.el)}async updateFocusTrapElements(){b(this)}async scrollContent(e=0,t=0){if(this.modalContent){if(this.modalContent.scrollTo){this.modalContent.scrollTo({top:e,left:t,behavior:"smooth"})}else{this.modalContent.scrollTop=e;this.modalContent.scrollLeft=t}}}onBeforeOpen(){this.transitionEl.classList.add(O.openingActive);this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove(O.openingIdle,O.openingActive);this.calciteModalOpen.emit();m(this)}onBeforeClose(){this.transitionEl.classList.add(O.closingActive);this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl.classList.remove(O.closingIdle,O.closingActive);this.calciteModalClose.emit();h(this)}toggleModal(e){if(this.ignoreOpenChange){return}if(e){this.openModal()}else{this.closeModal()}}handleOpenedChange(e){const t=e?O.openingIdle:O.closingIdle;this.transitionEl.classList.add(t);v(this)}async openModal(){await M(this.el);this.el.addEventListener("calciteModalOpen",this.openEnd);this.opened=true;const e=r(this.el,F.header);const t=r(this.el,F.content);this.titleId=d(e);this.contentId=d(t);if(!this.slottedInShell){if(L===0){S=document.documentElement.style.overflow}L++;document.documentElement.style.setProperty("overflow","hidden")}}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",S)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleModal"],opened:["handleOpenedChange"]}}};A.style=T;export{A as calcite_modal};
+//# sourceMappingURL=p-e8aee604.entry.js.map

package/dist/calcite/p-e944ffce.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/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as t,h as e,g as a}from"./p-e48d006d.js";import{c as o,d as s}from"./p-0af75a98.js";import{c as i,s as c,a as n}from"./p-bf0746a3.js";import{c as r,d as l}from"./p-8e3a4720.js";import{u as d,c as p,d as h,s as u}from"./p-dd1ec8aa.js";import{S as g}from"./p-8056b9f5.js";import{b as m}from"./p-99726b90.js";import{S as f,I as b,C as x}from"./p-0e14f6ba.js";import"./p-2fec90cc.js";import"./p-ae81e665.js";import"./p-70c530fa.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";const y=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3;--calcite-action-group-gap:1px;--calcite-action-group-padding:1px}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:var(--calcite-color-background);gap:var(--calcite-action-group-gap);padding:var(--calcite-action-group-gap);grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}';const v=y;const j=class{constructor(e){t(this,e);this.setMenuOpen=t=>{this.menuOpen=!!t.target.open};this.handleMenuActionsSlotChange=t=>{this.hasMenuActions=m(t)};this.expanded=false;this.label=undefined;this.layout="vertical";this.columns=undefined;this.menuOpen=false;this.overlayPositioning="absolute";this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.hasMenuActions=false}expandedHandler(){this.menuOpen=false}onMessagesChange(){}effectiveLocaleChange(){d(this,this.effectiveLocale)}async setFocus(){await i(this);this.el.focus()}connectedCallback(){r(this);p(this);o(this)}disconnectedCallback(){l(this);h(this);s(this)}async componentWillLoad(){c(this);await u(this)}componentDidLoad(){n(this)}renderMenu(){const{expanded:t,menuOpen:a,scale:o,layout:s,messages:i,overlayPositioning:c,hasMenuActions:n}=this;return e("calcite-action-menu",{expanded:t,flipPlacements:["left","right"],hidden:!n,label:i.more,onCalciteActionMenuOpen:this.setMenuOpen,open:a,overlayPositioning:c,placement:s==="horizontal"?"bottom-start":"leading-start",scale:o},e("calcite-action",{icon:b.menu,scale:o,slot:g.trigger,text:i.more,textEnabled:t}),e("slot",{name:f.menuActions,onSlotchange:this.handleMenuActionsSlotChange}),e("slot",{name:f.menuTooltip,slot:g.tooltip}))}render(){return e("div",{key:"689447fecc5bda66fb3b0017288c192033131615","aria-label":this.label,class:x.container,role:"group"},e("slot",{key:"d168163c365d6ec486aa5fa975fad904ba3a525e"}),this.renderMenu())}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{expanded:["expandedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=v;export{j as calcite_action_group};
+//# sourceMappingURL=p-e944ffce.entry.js.map