@esri/calcite-components 2.5.2-next.1 → 2.6.0-next.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["ComboboxItem","ComboboxItemGroup","ComboboxChildSelector","CSS","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","button","XButton","disabled","key","label","onClick","ref","scale","h","class","tabIndex","type","icon","getIconScale","calciteSize48","comboboxCss","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","activeChipIndex","activeItemIndex","allowCustomValues","text","addCustomChip","preventDefault","open","clearInputValue","filterItems","updateActiveItemIndex","previousChip","nextChip","shiftActiveItemIndex","comboboxInViewport","scrollIntoView","ensureRecentSelectedItemIsActive","scrollToActiveItem","filteredItems","clearDisabled","clearValue","toggleSelection","removeActiveChip","defaultPrevented","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","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","openHandler","onToggleOpenCloseComponent","handleDisabledChange","maxItemsHandler","overlayPositioningHandler","handlePropsChange","valueHandler","isArray","onMessagesChange","flipPlacementsHandler","selectedItemsHandler","documentClickHandler","isPrimaryPointerButton","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","iconFlipRtl","id","messageOverrides","dismissLabel","removeTag","onCalciteChipClose","title","renderAllSelectedIndicatorChip","allSelected","renderAllSelectedIndicatorChipCompact","all","renderSelectedIndicatorChip","selectedItemsCount","renderSelectedIndicatorChipCompact","showingInlineIcon","placeholderIcon","selectedItem","selectedIcon","singleSelectionMode","renderInput","single","showLabel","getLabelText","input","onFocus","onInput","renderListBoxOptions","toAriaBoolean","role","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","Validation","validationIcon","message","status","iconActive","iconIndent","custom","dot","textContainer","comboboxItemCss","itemClickHandler","toggleSelected","selectedWatchHandler","calciteComboboxItemChange","connectConditionalSlotComponent","disconnectConditionalSlotComponent","isSinglePersistSelect","renderIcon","iconPath","renderSelectIndicator","showDot","renderChildren","getSlotted","isSingleSelect","defaultIcon","depth","comboboxItemGroupCss"],"sources":["src/components/combobox/resources.ts","src/components/combobox/utils.ts","src/components/functional/XButton.tsx","../calcite-design-tokens/dist/es6/core.js","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":["export const ComboboxItem = \"CALCITE-COMBOBOX-ITEM\";\nexport const ComboboxItemGroup = \"CALCITE-COMBOBOX-ITEM-GROUP\";\nexport const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;\n\nexport const CSS = {\n  chipInvisible: \"chip--invisible\",\n  selectionDisplayFit: \"selection-display-fit\",\n  selectionDisplaySingle: \"selection-display-single\",\n  listContainer: \"list-container\",\n};\n","import { nodeListToArray } from \"../../utils/dom\";\nimport { ComboboxChildElement } from \"./interfaces\";\nimport { ComboboxChildSelector } from \"./resources\";\nimport { Build } from \"@stencil/core\";\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","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      tabIndex={-1}\n      type=\"button\"\n      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n      ref={ref}\n    >\n      <calcite-icon icon=\"x\" scale={getIconScale(scale)} />\n    </button>\n  );\n}\n","/**\n * Do not edit directly\n * Generated on Wed, 21 Feb 2024 21:18:45 GMT\n */\n\nexport const calciteColorNeutralBlk000 = \"#ffffff\";\nexport const calciteColorNeutralBlk005 = \"#f8f8f8\";\nexport const calciteColorNeutralBlk010 = \"#f3f3f3\";\nexport const calciteColorNeutralBlk020 = \"#eaeaea\";\nexport const calciteColorNeutralBlk030 = \"#dfdfdf\";\nexport const calciteColorNeutralBlk040 = \"#d4d4d4\";\nexport const calciteColorNeutralBlk050 = \"#cacaca\";\nexport const calciteColorNeutralBlk060 = \"#bfbfbf\";\nexport const calciteColorNeutralBlk070 = \"#b5b5b5\";\nexport const calciteColorNeutralBlk080 = \"#aaaaaa\";\nexport const calciteColorNeutralBlk090 = \"#9f9f9f\";\nexport const calciteColorNeutralBlk100 = \"#949494\";\nexport const calciteColorNeutralBlk110 = \"#8a8a8a\";\nexport const calciteColorNeutralBlk120 = \"#808080\";\nexport const calciteColorNeutralBlk130 = \"#757575\";\nexport const calciteColorNeutralBlk140 = \"#6a6a6a\";\nexport const calciteColorNeutralBlk150 = \"#606060\";\nexport const calciteColorNeutralBlk160 = \"#555555\";\nexport const calciteColorNeutralBlk170 = \"#4a4a4a\";\nexport const calciteColorNeutralBlk180 = \"#404040\";\nexport const calciteColorNeutralBlk190 = \"#353535\";\nexport const calciteColorNeutralBlk200 = \"#2b2b2b\";\nexport const calciteColorNeutralBlk210 = \"#202020\";\nexport const calciteColorNeutralBlk220 = \"#151515\";\nexport const calciteColorNeutralBlk230 = \"#0b0b0b\";\nexport const calciteColorNeutralBlk235 = \"#060606\";\nexport const calciteColorNeutralBlk240 = \"#000000\";\nexport const calciteColorHighSaturationBlueHBb010 = \"#c7eaff\";\nexport const calciteColorHighSaturationBlueHBb020 = \"#9fd4f3\";\nexport const calciteColorHighSaturationBlueHBb030 = \"#77bde7\";\nexport const calciteColorHighSaturationBlueHBb040 = \"#50a7da\";\nexport const calciteColorHighSaturationBlueHBb050 = \"#2890ce\";\nexport const calciteColorHighSaturationBlueHBb060 = \"#007ac2\";\nexport const calciteColorHighSaturationBlueHBb070 = \"#00619b\";\nexport const calciteColorHighSaturationBlueHBb080 = \"#004874\";\nexport const calciteColorHighSaturationBlueHBb090 = \"#00304d\";\nexport const calciteColorHighSaturationBlueHBb100 = \"#001726\";\nexport const calciteColorHighSaturationGreenBlueHGb010 = \"#cef5f4\";\nexport const calciteColorHighSaturationGreenBlueHGb020 = \"#afedec\";\nexport const calciteColorHighSaturationGreenBlueHGb030 = \"#8fe6e5\";\nexport const calciteColorHighSaturationGreenBlueHGb040 = \"#5ae0de\";\nexport const calciteColorHighSaturationGreenBlueHGb050 = \"#28cecb\";\nexport const calciteColorHighSaturationGreenBlueHGb060 = \"#00bab5\";\nexport const calciteColorHighSaturationGreenBlueHGb070 = \"#009b98\";\nexport const calciteColorHighSaturationGreenBlueHGb080 = \"#007472\";\nexport const calciteColorHighSaturationGreenBlueHGb090 = \"#004d4c\";\nexport const calciteColorHighSaturationGreenBlueHGb100 = \"#002625\";\nexport const calciteColorHighSaturationGreenHGg010 = \"#bdf2c4\";\nexport const calciteColorHighSaturationGreenHGg020 = \"#a2e4ab\";\nexport const calciteColorHighSaturationGreenHGg030 = \"#87d692\";\nexport const calciteColorHighSaturationGreenHGg040 = \"#6bc878\";\nexport const calciteColorHighSaturationGreenHGg050 = \"#50ba5f\";\nexport const calciteColorHighSaturationGreenHGg060 = \"#35ac46\";\nexport const calciteColorHighSaturationGreenHGg070 = \"#288835\";\nexport const calciteColorHighSaturationGreenHGg080 = \"#1a6324\";\nexport const calciteColorHighSaturationGreenHGg090 = \"#0d3f14\";\nexport const calciteColorHighSaturationGreenHGg100 = \"#001a03\";\nexport const calciteColorHighSaturationYellowGreenHYg010 = \"#e5f7b4\";\nexport const calciteColorHighSaturationYellowGreenHYg020 = \"#d9ef9f\";\nexport const calciteColorHighSaturationYellowGreenHYg030 = \"#cde78a\";\nexport const calciteColorHighSaturationYellowGreenHYg040 = \"#c2e075\";\nexport const calciteColorHighSaturationYellowGreenHYg050 = \"#b6d860\";\nexport const calciteColorHighSaturationYellowGreenHYg060 = \"#aad04b\";\nexport const calciteColorHighSaturationYellowGreenHYg070 = \"#84a338\";\nexport const calciteColorHighSaturationYellowGreenHYg080 = \"#5e7526\";\nexport const calciteColorHighSaturationYellowGreenHYg090 = \"#384813\";\nexport const calciteColorHighSaturationYellowGreenHYg100 = \"#121a00\";\nexport const calciteColorHighSaturationYellowHYy010 = \"#fff7cc\";\nexport const calciteColorHighSaturationYellowHYy020 = \"#fef3ad\";\nexport const calciteColorHighSaturationYellowHYy030 = \"#fcee8d\";\nexport const calciteColorHighSaturationYellowHYy040 = \"#fbea6e\";\nexport const calciteColorHighSaturationYellowHYy050 = \"#f9e54e\";\nexport const calciteColorHighSaturationYellowHYy060 = \"#edd317\";\nexport const calciteColorHighSaturationYellowHYy070 = \"#d9bc00\";\nexport const calciteColorHighSaturationYellowHYy080 = \"#bfa200\";\nexport const calciteColorHighSaturationYellowHYy090 = \"#8c7500\";\nexport const calciteColorHighSaturationYellowHYy100 = \"#5c4e00\";\nexport const calciteColorHighSaturationOrangeYellowHOy010 = \"#ffe2bf\";\nexport const calciteColorHighSaturationOrangeYellowHOy020 = \"#fed3a1\";\nexport const calciteColorHighSaturationOrangeYellowHOy030 = \"#fcc582\";\nexport const calciteColorHighSaturationOrangeYellowHOy040 = \"#fbb664\";\nexport const calciteColorHighSaturationOrangeYellowHOy050 = \"#f9a845\";\nexport const calciteColorHighSaturationOrangeYellowHOy060 = \"#f89927\";\nexport const calciteColorHighSaturationOrangeYellowHOy070 = \"#c67718\";\nexport const calciteColorHighSaturationOrangeYellowHOy080 = \"#9a5b10\";\nexport const calciteColorHighSaturationOrangeYellowHOy090 = \"#6d3f08\";\nexport const calciteColorHighSaturationOrangeYellowHOy100 = \"#402300\";\nexport const calciteColorHighSaturationOrangeHOo010 = \"#ffd8bf\";\nexport const calciteColorHighSaturationOrangeHOo020 = \"#fdc39f\";\nexport const calciteColorHighSaturationOrangeHOo030 = \"#faae7f\";\nexport const calciteColorHighSaturationOrangeHOo040 = \"#f89960\";\nexport const calciteColorHighSaturationOrangeHOo050 = \"#f58440\";\nexport const calciteColorHighSaturationOrangeHOo060 = \"#f36f20\";\nexport const calciteColorHighSaturationOrangeHOo070 = \"#c65a18\";\nexport const calciteColorHighSaturationOrangeHOo080 = \"#9a4410\";\nexport const calciteColorHighSaturationOrangeHOo090 = \"#6d2f08\";\nexport const calciteColorHighSaturationOrangeHOo100 = \"#401900\";\nexport const calciteColorHighSaturationRedOrangeHRo010 = \"#ffc7b3\";\nexport const calciteColorHighSaturationRedOrangeHRo020 = \"#f8af95\";\nexport const calciteColorHighSaturationRedOrangeHRo030 = \"#f09677\";\nexport const calciteColorHighSaturationRedOrangeHRo040 = \"#e97e5a\";\nexport const calciteColorHighSaturationRedOrangeHRo050 = \"#e1653c\";\nexport const calciteColorHighSaturationRedOrangeHRo060 = \"#da4d1e\";\nexport const calciteColorHighSaturationRedOrangeHRo070 = \"#ad3c16\";\nexport const calciteColorHighSaturationRedOrangeHRo080 = \"#802c0f\";\nexport const calciteColorHighSaturationRedOrangeHRo090 = \"#531b07\";\nexport const calciteColorHighSaturationRedOrangeHRo100 = \"#260a00\";\nexport const calciteColorHighSaturationRedHRr010 = \"#ffc6bf\";\nexport const calciteColorHighSaturationRedHRr020 = \"#ffaaa1\";\nexport const calciteColorHighSaturationRedHRr030 = \"#f2877b\";\nexport const calciteColorHighSaturationRedHRr040 = \"#f07062\";\nexport const calciteColorHighSaturationRedHRr050 = \"#e65240\";\nexport const calciteColorHighSaturationRedHRr060 = \"#d83020\";\nexport const calciteColorHighSaturationRedHRr070 = \"#a82b1e\";\nexport const calciteColorHighSaturationRedHRr080 = \"#7c1d13\";\nexport const calciteColorHighSaturationRedHRr090 = \"#4f0e08\";\nexport const calciteColorHighSaturationRedHRr100 = \"#210300\";\nexport const calciteColorHighSaturationPinkHPk010 = \"#ffd1ef\";\nexport const calciteColorHighSaturationPinkHPk020 = \"#fabee4\";\nexport const calciteColorHighSaturationPinkHPk030 = \"#f2a5d6\";\nexport const calciteColorHighSaturationPinkHPk040 = \"#eb8dc9\";\nexport const calciteColorHighSaturationPinkHPk050 = \"#e673bb\";\nexport const calciteColorHighSaturationPinkHPk060 = \"#e04ea6\";\nexport const calciteColorHighSaturationPinkHPk070 = \"#ba2f7e\";\nexport const calciteColorHighSaturationPinkHPk080 = \"#851b52\";\nexport const calciteColorHighSaturationPinkHPk090 = \"#590b32\";\nexport const calciteColorHighSaturationPinkHPk100 = \"#260404\";\nexport const calciteColorHighSaturationVioletRedHVr010 = \"#fadbff\";\nexport const calciteColorHighSaturationVioletRedHVr020 = \"#e4beeb\";\nexport const calciteColorHighSaturationVioletRedHVr030 = \"#cfa1d7\";\nexport const calciteColorHighSaturationVioletRedHVr040 = \"#b983c3\";\nexport const calciteColorHighSaturationVioletRedHVr050 = \"#a466af\";\nexport const calciteColorHighSaturationVioletRedHVr060 = \"#8e499b\";\nexport const calciteColorHighSaturationVioletRedHVr070 = \"#73377e\";\nexport const calciteColorHighSaturationVioletRedHVr080 = \"#572561\";\nexport const calciteColorHighSaturationVioletRedHVr090 = \"#3c1243\";\nexport const calciteColorHighSaturationVioletRedHVr100 = \"#200026\";\nexport const calciteColorHighSaturationVioletHVv010 = \"#e8d9ff\";\nexport const calciteColorHighSaturationVioletHVv020 = \"#cdb9eb\";\nexport const calciteColorHighSaturationVioletHVv030 = \"#b39ad7\";\nexport const calciteColorHighSaturationVioletHVv040 = \"#987ac3\";\nexport const calciteColorHighSaturationVioletHVv050 = \"#7e5baf\";\nexport const calciteColorHighSaturationVioletHVv060 = \"#633b9b\";\nexport const calciteColorHighSaturationVioletHVv070 = \"#4e2c7e\";\nexport const calciteColorHighSaturationVioletHVv080 = \"#3a1e61\";\nexport const calciteColorHighSaturationVioletHVv090 = \"#250f43\";\nexport const calciteColorHighSaturationVioletHVv100 = \"#100026\";\nexport const calciteColorVibrantBlueVBb120 = \"#59d6ff\";\nexport const calciteColorVibrantBlueVBb140 = \"#3db8ff\";\nexport const calciteColorVibrantBlueVBb160 = \"#009af2\";\nexport const calciteColorVibrantBlueVBb180 = \"#009af2\";\nexport const calciteColorVibrantGreenBlueVGb120 = \"#59fffc\";\nexport const calciteColorVibrantGreenBlueVGb140 = \"#00f7f3\";\nexport const calciteColorVibrantGreenBlueVGb160 = \"#00e6e2\";\nexport const calciteColorVibrantGreenBlueVGb180 = \"#00cfca\";\nexport const calciteColorVibrantGreenVGg120 = \"#73ff84\";\nexport const calciteColorVibrantGreenVGg140 = \"#3bed52\";\nexport const calciteColorVibrantGreenVGg160 = \"#00b81b\";\nexport const calciteColorVibrantGreenVGg180 = \"#00a118\";\nexport const calciteColorVibrantYellowGreenVYg120 = \"#d7ff73\";\nexport const calciteColorVibrantYellowGreenVYg140 = \"#bbed3b\";\nexport const calciteColorVibrantYellowGreenVYg160 = \"#96cc00\";\nexport const calciteColorVibrantYellowGreenVYg180 = \"#7fab00\";\nexport const calciteColorVibrantYellowVYy120 = \"#fff766\";\nexport const calciteColorVibrantYellowVYy140 = \"#ffee33\";\nexport const calciteColorVibrantYellowVYy160 = \"#f5d000\";\nexport const calciteColorVibrantYellowVYy180 = \"#ebba17\";\nexport const calciteColorVibrantOrangeYellowVOy120 = \"#ffb54d\";\nexport const calciteColorVibrantOrangeYellowVOy140 = \"#ff9500\";\nexport const calciteColorVibrantOrangeYellowVOy160 = \"#e68600\";\nexport const calciteColorVibrantOrangeYellowVOy180 = \"#d17300\";\nexport const calciteColorVibrantRedOrangeVRo120 = \"#ff824d\";\nexport const calciteColorVibrantRedOrangeVRo140 = \"#ff4d00\";\nexport const calciteColorVibrantRedOrangeVRo160 = \"#de4300\";\nexport const calciteColorVibrantRedOrangeVRo180 = \"#c93b00\";\nexport const calciteColorVibrantRedVRr120 = \"#ff624d\";\nexport const calciteColorVibrantRedVRr140 = \"#ff0015\";\nexport const calciteColorVibrantRedVRr160 = \"#d90012\";\nexport const calciteColorVibrantRedVRr180 = \"#b3000f\";\nexport const calciteColorVibrantPinkVPk120 = \"#ff66c2\";\nexport const calciteColorVibrantPinkVPk140 = \"#ff19a4\";\nexport const calciteColorVibrantPinkVPk160 = \"#d11486\";\nexport const calciteColorVibrantPinkVPk180 = \"#c00073\";\nexport const calciteColorVibrantVioletRedVVr120 = \"#ea80ff\";\nexport const calciteColorVibrantVioletRedVVr140 = \"#dd33ff\";\nexport const calciteColorVibrantVioletRedVVr160 = \"#ac08cc\";\nexport const calciteColorVibrantVioletRedVVr180 = \"#83009e\";\nexport const calciteColorVibrantVioletVVv120 = \"#b580ff\";\nexport const calciteColorVibrantVioletVVv140 = \"#974dff\";\nexport const calciteColorVibrantVioletVVv160 = \"#8129ff\";\nexport const calciteColorVibrantVioletVVv180 = \"#6a0be6\";\nexport const calciteColorDarkGreenDGg410 = \"#44ed51\";\nexport const calciteColorDarkGreenDGg420 = \"#36da43\";\nexport const calciteColorDarkGreenDGg430 = \"#36da43\";\nexport const calciteColorDarkYellowDYy410 = \"#ffe24d\";\nexport const calciteColorDarkYellowDYy420 = \"#ffc900\";\nexport const calciteColorDarkYellowDYy430 = \"#f4b000\";\nexport const calciteColorDarkRedDRr410 = \"#ff7465\";\nexport const calciteColorDarkRedDRr420 = \"#fe583e\";\nexport const calciteColorDarkRedDRr430 = \"#f3381b\";\nexport const calciteColorDarkBlueDBb410 = \"#47bbff\";\nexport const calciteColorDarkBlueDBb420 = \"#00a0ff\";\nexport const calciteColorDarkBlueDBb430 = \"#0087d7\";\nexport const calciteContainerSize0 = \"0\";\nexport const calciteContainerSize154 = \"154px\";\nexport const calciteContainerSize320 = \"320px\";\nexport const calciteContainerSize328 = \"328px\";\nexport const calciteContainerSize476 = \"476px\";\nexport const calciteContainerSize504 = \"504px\";\nexport const calciteContainerSize678 = \"678px\";\nexport const calciteContainerSize768 = \"768px\";\nexport const calciteContainerSize854 = \"854px\";\nexport const calciteContainerSize1152 = \"1152px\";\nexport const calciteContainerSize1440 = \"1440px\";\nexport const calciteFontFamilyAndaleMono = \"Andale Mono\"; // Fallback for Monaco\nexport const calciteFontFamilyAvenirNextPro = \"Avenir Next LT Pro\";\nexport const calciteFontFamilyAvenirNextWorld = \"Avenir Next World\";\nexport const calciteFontFamilyAvenir = \"Avenir\"; // Fallback for Avenir Next\nexport const calciteFontFamilyConsolas = \"Consolas\"; // Fallback for Monaco\nexport const calciteFontFamilyHelveticaNeue = \"Helvetica Neue\"; // Fallback for Avenir Next\nexport const calciteFontFamilyLucidaConsole = \"Lucida Console\"; // Fallback for Monaco\nexport const calciteFontFamilyMonaco = \"Monaco\";\nexport const calciteFontFamilyMonospace = \"monospace\"; // Fallback for Monaco\nexport const calciteFontFamilySansSerif = \"sans-serif\"; // Fallback for Avenir Next\nexport const calciteFontStyleItalic = \"italic\"; // used in ratings\nexport const calciteFontWeightUltralight = \"200\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightThin = \"100\";\nexport const calciteFontWeightLight = \"300\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightRegular = \"400\";\nexport const calciteFontWeightMedium = \"500\";\nexport const calciteFontWeightMediumItalic = \"Medium Italic\";\nexport const calciteFontWeightDemi = \"600\";\nexport const calciteFontWeightBold = \"700\";\nexport const calciteFontWeightExtrabold = \"800\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightBlack = \"900\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightHeavy = \"900\";\nexport const calciteFontTextDecorationNone = \"none\";\nexport const calciteFontTextDecorationUnderline = \"underline\";\nexport const calciteFontTextCaseNone = \"none\";\nexport const calciteFontTextCaseUppercase = \"uppercase\";\nexport const calciteFontTextCaseLowercase = \"lowercase\";\nexport const calciteFontTextCaseCapitalize = \"capitalize\";\nexport const calciteOpacity0 = \"0\";\nexport const calciteOpacity4 = \"0.04\";\nexport const calciteOpacity8 = \"0.08\";\nexport const calciteOpacity10 = \"0.1\";\nexport const calciteOpacity20 = \"0.2\";\nexport const calciteOpacity30 = \"0.3\";\nexport const calciteOpacity40 = \"0.4\";\nexport const calciteOpacity50 = \"0.5\";\nexport const calciteOpacity60 = \"0.6\";\nexport const calciteOpacity70 = \"0.7\";\nexport const calciteOpacity80 = \"0.8\";\nexport const calciteOpacity85 = \"0.85\";\nexport const calciteOpacity90 = \"0.9\";\nexport const calciteOpacity92 = \"0.92\";\nexport const calciteOpacity96 = \"0.96\";\nexport const calciteOpacity100 = \"1\";\nexport const calciteShadow0 = {\"x\":\"0\",\"y\":\"0\",\"blur\":\"0\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0)\"};\nexport const calciteShadow1 = {\"x\":\"0\",\"y\":\"2\",\"blur\":\"8\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.04)\"};\nexport const calciteShadow2 = {\"x\":\"0\",\"y\":\"4\",\"blur\":\"16\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"};\nexport const calciteShadow3 = {\"x\":\"0\",\"y\":\"4\",\"blur\":\"20\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"};\nexport const calciteShadow4 = {\"x\":\"0\",\"y\":\"12\",\"blur\":\"32\",\"spread\":\"-2\",\"color\":\"rgba(#000000, 0.1)\"};\nexport const calciteSize1 = \"1px\";\nexport const calciteSize2 = \"2px\";\nexport const calciteSize4 = \"4px\";\nexport const calciteSize6 = \"6px\";\nexport const calciteSize8 = \"8px\";\nexport const calciteSize10 = \"10px\";\nexport const calciteSize12 = \"12px\";\nexport const calciteSize14 = \"14px\";\nexport const calciteSize16 = \"16px\";\nexport const calciteSize20 = \"20px\";\nexport const calciteSize24 = \"24px\";\nexport const calciteSize28 = \"28px\";\nexport const calciteSize32 = \"32px\";\nexport const calciteSize36 = \"36px\";\nexport const calciteSize40 = \"40px\";\nexport const calciteSize44 = \"44px\";\nexport const calciteSize48 = \"48px\";\nexport const calciteSize56 = \"56px\";\nexport const calciteSize64 = \"64px\";\nexport const calciteSize72 = \"72px\";\nexport const calciteSize80 = \"80px\";\nexport const calciteSize96 = \"96px\";\nexport const calciteSize112 = \"112px\";\nexport const calciteSize128 = \"128px\";\nexport const calciteSize144 = \"144px\";\nexport const calciteSize160 = \"160px\";\nexport const calciteSize192 = \"192px\";\nexport const calciteSize224 = \"224px\";\nexport const calciteSize256 = \"256px\";\nexport const calciteSize288 = \"288px\";\nexport const calciteSizeNone = \"0\";\nexport const calciteSizeRelative50 = \"50%\";\nexport const calciteSizeRelative100 = \"100%\";\nexport const calciteSizeRelative125 = \"125%\";\nexport const calciteSizeRelative137 = \"137.5%\";\nexport const calciteSizeRelative150 = \"150%\";\nexport const calciteSizeRelative162 = \"162.5%\";\nexport const calciteSizeRelative200 = \"200%\";\nexport const calciteSizeRelativeAuto = \"auto\";\nexport const calciteZIndex0 = \"-999999\";\nexport const calciteZIndex1 = \"1\";\nexport const calciteZIndex3 = \"300\";\nexport const calciteZIndex4 = \"400\";\nexport const calciteZIndex5 = \"500\";\nexport const calciteZIndex6 = \"600\";\nexport const calciteZIndex7 = \"700\";\nexport const calciteZIndex8 = \"800\";\nexport const calciteZIndex9 = \"900\";\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\n:host(:focus-within) .wrapper,\n.wrapper--active {\n  @apply focus-inset;\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\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 { filter } from \"../../utils/filter\";\n\nimport {\n  getElementWidth,\n  getTextWidth,\n  isPrimaryPointerButton,\n  toAriaBoolean,\n} 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  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 { ComboboxMessages } from \"./assets/combobox/t9n\";\nimport { ComboboxChildElement, SelectionDisplay } from \"./interfaces\";\nimport { ComboboxChildSelector, ComboboxItem, ComboboxItemGroup, CSS } from \"./resources\";\nimport { getItemAncestors, getItemChildren, hasActiveChildren, isSingleLike } from \"./utils\";\nimport { XButton, CSS as XButtonCSS } from \"../functional/XButton\";\nimport { getIconScale } from \"../../utils/component\";\nimport { calciteSize48 } from \"@esri/calcite-design-tokens/dist/es6/core.js\";\nimport { Validation } from \"../functional/Validation\";\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   * 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  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"pointerdown\", { target: \"document\" })\n  documentClickHandler(event: PointerEvent): void {\n    if (this.disabled || !isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    const composedPath = event.composedPath();\n\n    if (composedPath.includes(this.el) || composedPath.includes(this.referenceEl)) {\n      return;\n    }\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    this.reposition(true);\n\n    if (this.open) {\n      this.openHandler();\n      onToggleOpenCloseComponent(this);\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    this.reposition(true);\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    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) {\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.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  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    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, 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      return (\n        <calcite-chip\n          class={chipClasses}\n          closable\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        scale={scale}\n        title={label}\n        value=\"\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={setAllSelectedIndicatorChipEl}\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        scale={scale}\n        title={label}\n        value=\"\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={setSelectedIndicatorChipEl}\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-label={getLabelText(this)}\n          class={{\n            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          type=\"text\"\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={(el) => (this.textInput = el as HTMLInputElement)}\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        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={setFloatingEl}\n      >\n        <div\n          class={classes}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={setContainerEl}\n        >\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          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 } = 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    return (\n      <Host onClick={this.comboboxFocusHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\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-live=\"polite\"\n            aria-owns={`${listboxUidPrefix}${guid}`}\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            role=\"combobox\"\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.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            {isClearable ? (\n              <XButton\n                disabled={this.disabled}\n                key=\"close-button\"\n                label={this.messages.clear}\n                scale={this.scale}\n              />\n            ) : null}\n            {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 ? (\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 { CSS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\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-d592c59d.js

@@ -1,7 +0,0 @@
-/*!
- * 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.5.2-next.1
- */
-import{k as n,q as t,c}from"./p-9df2dac1.js";import{c as e}from"./p-dc1996cd.js";const o="calciteInternalLabelClick";const s="calciteInternalLabelConnected";const r="calciteInternalLabelDisconnected";const i="calcite-label";const a=new WeakMap;const u=new WeakMap;const f=new WeakMap;const l=new WeakMap;const m=new Set;const d=n=>{const{id:e}=n;const o=e&&t(n,{selector:`${i}[for="${e}"]`});if(o){return o}const s=c(n,i);if(!s||p(s,n)){return null}return s};function p(n,t){let c;const e="custom-element-ancestor-check";const o=e=>{e.stopImmediatePropagation();const o=e.composedPath();c=o.slice(o.indexOf(t),o.indexOf(n))};n.addEventListener(e,o,{once:true});t.dispatchEvent(new CustomEvent(e,{composed:true,bubbles:true}));n.removeEventListener(e,o);const s=c.filter((c=>c!==t&&c!==n)).filter((n=>n.tagName?.includes("-")));return s.length>0}function b(n){if(!n){return}const t=d(n.el);if(u.has(t)&&t===n.labelEl||!t&&m.has(n)){return}const c=C.bind(n);if(t){n.labelEl=t;const e=a.get(t)||[];e.push(n);a.set(t,e.sort(k));if(!u.has(n.labelEl)){u.set(n.labelEl,M);n.labelEl.addEventListener(o,M)}m.delete(n);document.removeEventListener(s,f.get(n));l.set(n,c);document.addEventListener(r,c)}else if(!m.has(n)){c();document.removeEventListener(r,l.get(n))}}function h(n){if(!n){return}m.delete(n);document.removeEventListener(s,f.get(n));document.removeEventListener(r,l.get(n));f.delete(n);l.delete(n);if(!n.labelEl){return}const t=a.get(n.labelEl);if(t.length===1){n.labelEl.removeEventListener(o,u.get(n.labelEl));u.delete(n.labelEl)}a.set(n.labelEl,t.filter((t=>t!==n)).sort(k));n.labelEl=null}function k(t,c){return n(t.el,c.el)?-1:1}function w(n){return n.label||n.labelEl?.textContent?.trim()||""}function M(n){const t=n.detail.sourceEvent.target;const c=a.get(this);const e=c.find((n=>n.el===t));const o=c.includes(e);if(o){return}const s=c[0];if(s.disabled){return}s.onLabelClick(n)}function W(){if(m.has(this)){b(this)}}function C(){m.add(this);const n=f.get(this)||W.bind(this);f.set(this,n);document.addEventListener(s,n)}async function I(n){await e(n);const t=a.has(n);if(t){return}const c=n.ownerDocument?.getElementById(n.for);if(!c){return}requestAnimationFrame((()=>{for(const n of m){if(n.el===c){b(n);break}}}))}export{I as a,r as b,b as c,h as d,w as g,s as l};
-//# sourceMappingURL=p-d592c59d.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * 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.5.2-next.1
- */
-import{r as t,c as i,h as e,H as s,g as n}from"./p-ce7a94e9.js";import{e as a,h as o,g as l}from"./p-9df2dac1.js";import{s as r,c,i as h,d,H as p}from"./p-6d4d314a.js";import{c as u,d as f,u as m,I as b}from"./p-4d0a4021.js";import{c as v,d as g,g as x}from"./p-d592c59d.js";import{s as w,a as k,c as y}from"./p-9ebac7df.js";import{c as z,d as j}from"./p-1f0e6b1d.js";import{c as I}from"./p-383d66f6.js";import{C}from"./p-213aeca6.js";import{u as L,c as W,d as E,s as D}from"./p-2e494a15.js";import{g as T}from"./p-dc1996cd.js";import{V as F}from"./p-616f42c5.js";import{s as H}from"./p-5e3ab69a.js";import"./p-5b5bf4fb.js";import"./p-f09acdd0.js";import"./p-63728af3.js";const R={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper"};const V={action:"action"};const q=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input{padding-inline-start:0.5rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.5rem)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .prefix,:host([scale=s]) .suffix{padding-inline:0.5rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input{padding-inline-start:0.75rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.75rem)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .prefix,:host([scale=m]) .suffix{padding-inline:0.75rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input{padding-inline-start:1rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 1rem)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .prefix,:host([scale=l]) .suffix{padding-inline:1rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const B=class{constructor(e){t(this,e);this.calciteInternalInputTextFocus=i(this,"calciteInternalInputTextFocus",7);this.calciteInternalInputTextBlur=i(this,"calciteInternalInputTextBlur",7);this.calciteInputTextInput=i(this,"calciteInputTextInput",7);this.calciteInputTextChange=i(this,"calciteInputTextChange",7);this.previousValueOrigin="initial";this.mutationObserver=I("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled){return}if(this.isClearable&&t.key==="Escape"){this.clearInputTextValue(t);t.preventDefault()}if(t.key==="Enter"&&!t.defaultPrevented){if(r(this)){t.preventDefault()}}};this.clearInputTextValue=t=>{this.setValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue){this.calciteInputTextChange.emit();this.setPreviousEmittedValue(this.value)}};this.inputTextBlurHandler=()=>{this.calciteInternalInputTextBlur.emit({element:this.childEl,value:this.value});this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const i=a(this.el,"action");if(t.target!==i){this.setFocus()}};this.inputTextFocusHandler=()=>{this.calciteInternalInputTextFocus.emit({element:this.childEl,value:this.value})};this.inputTextInputHandler=t=>{if(this.disabled||this.readOnly){return}this.setValue({nativeEvent:t,origin:"user",value:t.target.value})};this.inputTextKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(t.key==="Enter"){this.emitChangeIfUserModified()}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildElRef=t=>{this.childEl=t};this.setInputValue=t=>{if(!this.childEl){return}this.childEl.value=t};this.setPreviousEmittedValue=t=>{this.previousEmittedValue=t};this.setPreviousValue=t=>{this.previousValue=t};this.setValue=({committing:t=false,nativeEvent:i,origin:e,previousValue:s,value:n})=>{this.setPreviousValue(s??this.value);this.previousValueOrigin=e;this.userChangedValue=e==="user"&&n!==this.value;this.value=n;if(e==="direct"){this.setInputValue(n);this.setPreviousEmittedValue(n)}if(i){const i=this.calciteInputTextInput.emit();if(i.defaultPrevented){this.value=this.previousValue}else if(t){this.emitChangeIfUserModified()}}};this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.form=undefined;this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.loading=false;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.autocomplete=undefined;this.inputMode="text";this.enterKeyHint=undefined;this.pattern=undefined;this.suffixText=undefined;this.editingEnabled=false;this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined;this.slottedActionElDisabledInternally=false}disabledWatcher(){this.setDisabledAction()}onMessagesChange(){}valueWatcher(t,i){if(!this.userChangedValue){this.setValue({origin:"direct",previousValue:i,value:!t?"":t})}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=o({},this.icon,"text")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleChange(){L(this,this.effectiveLocale)}connectedCallback(){u(this);z(this);W(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);v(this);c(this);this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(h,this.onHiddenFormInputInput)}disconnectedCallback(){f(this);g(this);d(this);j(this);E(this);this.mutationObserver?.disconnect();this.el.removeEventListener(h,this.onHiddenFormInputInput)}async componentWillLoad(){w(this);this.requestedIcon=o({},this.icon,"text");await D(this)}componentDidLoad(){k(this)}componentDidRender(){m(this)}async setFocus(){await y(this);this.childEl?.focus()}async selectText(){this.childEl?.select()}onLabelClick(){this.setFocus()}syncHiddenFormInput(t){H("text",this,t)}setDisabledAction(){const t=a(this.el,"action");if(!t){return}if(this.disabled){if(t.getAttribute("disabled")==null){this.slottedActionElDisabledInternally=true}t.setAttribute("disabled","")}else if(this.slottedActionElDisabledInternally){t.removeAttribute("disabled");this.slottedActionElDisabledInternally=false}}render(){const t=l(this.el);const i=e("div",{class:R.loader},e("calcite-progress",{label:this.messages.loading,type:"indeterminate"}));const n=e("button",{"aria-label":this.messages.clear,class:R.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputTextValue,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"x",scale:T(this.scale)}));const a=e("calcite-icon",{class:R.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:T(this.scale)});const o=e("div",{class:R.prefix},this.prefixText);const r=e("div",{class:R.suffix},this.suffixText);const c=e("input",{"aria-label":x(this),autocomplete:this.autocomplete,autofocus:this.autofocus?true:null,class:{[R.editingEnabled]:this.editingEnabled,[R.inlineChild]:!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,maxLength:this.maxLength,minLength:this.minLength,name:this.name,onBlur:this.inputTextBlurHandler,onFocus:this.inputTextFocusHandler,onInput:this.inputTextInputHandler,onKeyDown:this.inputTextKeyDownHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,required:this.required?true:null,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:"text",value:this.value,ref:this.setChildElRef});return e(s,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},e(b,{disabled:this.disabled},e("div",{class:{[R.inputWrapper]:true,[C.rtl]:t==="rtl"}},this.prefixText?o:null,e("div",{class:R.wrapper},c,this.isClearable?n:null,this.requestedIcon?a:null,this.loading?i:null),e("div",{class:R.actionWrapper},e("slot",{name:V.action})),this.suffixText?r:null,e(p,{component:this})),this.validationMessage?e(F,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};B.style=q;export{B as calcite_input_text};
-//# sourceMappingURL=p-d87336ad.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","loader","clearButton","editingEnabled","inlineChild","inputIcon","prefix","suffix","wrapper","inputWrapper","actionWrapper","resizeIconWrapper","SLOTS","action","inputTextCss","InputText","this","previousValueOrigin","mutationObserver","createObserver","setDisabledAction","userChangedValue","keyDownHandler","event","readOnly","disabled","isClearable","key","clearInputTextValue","preventDefault","defaultPrevented","submitForm","nativeEvent","setValue","committing","origin","value","emitChangeIfUserModified","previousEmittedValue","calciteInputTextChange","emit","setPreviousEmittedValue","inputTextBlurHandler","calciteInternalInputTextBlur","element","childEl","clickHandler","slottedActionEl","getSlotted","el","target","setFocus","inputTextFocusHandler","calciteInternalInputTextFocus","inputTextInputHandler","inputTextKeyDownHandler","onHiddenFormInputInput","name","stopPropagation","setChildElRef","setInputValue","newInputValue","setPreviousValue","previousValue","calciteInputTextInputEvent","calciteInputTextInput","disabledWatcher","onMessagesChange","valueWatcher","newValue","updateRequestedIcon","requestedIcon","setRequestedIcon","icon","clearable","length","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectInteractive","connectLocalized","connectMessages","inlineEditableEl","closest","connectLabel","connectForm","observe","childList","addEventListener","internalHiddenInputInputEvent","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","disconnect","removeEventListener","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","componentFocusable","focus","selectText","select","onLabelClick","syncHiddenFormInput","input","getAttribute","slottedActionElDisabledInternally","setAttribute","removeAttribute","render","dir","getElementDir","h","class","label","messages","loading","type","inputClearButton","clear","onClick","tabIndex","scale","getIconScale","iconEl","flipRtl","iconFlipRtl","prefixText","suffixText","getLabelText","autocomplete","autofocus","defaultValue","enterKeyHint","inputMode","maxLength","minLength","onBlur","onFocus","onInput","onKeyDown","pattern","placeholder","required","ref","Host","InteractiveContainer","CSS_UTILITY","rtl","HiddenFormInputSlot","component","validationMessage","Validation","validationIcon","message","status"],"sources":["src/components/input-text/resources.ts","src/components/input-text/input-text.scss?tag=calcite-input-text&encapsulation=shadow","src/components/input-text/input-text.tsx"],"sourcesContent":["export const CSS = {\n  loader: \"loader\",\n  clearButton: \"clear-button\",\n  editingEnabled: \"editing-enabled\",\n  inlineChild: \"inline-child\",\n  inputIcon: \"icon\",\n  prefix: \"prefix\",\n  suffix: \"suffix\",\n  wrapper: \"element-wrapper\",\n  inputWrapper: \"wrapper\",\n  actionWrapper: \"action-wrapper\",\n  resizeIconWrapper: \"resize-icon-wrapper\",\n};\n\nexport const SLOTS = {\n  action: \"action\",\n};\n",":host {\n  @apply block;\n}\n\n// scales\n:host([scale=\"s\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.2\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.2\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n2h h-6;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-2;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-6;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.6\");\n    min-inline-size: theme(\"spacing.6\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.3\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.3\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n1h h-8;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-3;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-8;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.8\");\n    min-inline-size: theme(\"spacing.8\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.4\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.4\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-0h h-11;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-4;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-11;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.11\");\n    min-inline-size: theme(\"spacing.11\");\n  }\n}\n\n@include disabled();\n\ninput {\n  transition:\n    var(--calcite-animation-timing),\n    block-size 0,\n    outline-offset 0s;\n  -webkit-appearance: none;\n  @apply bg-foreground-1\n    box-border\n    flex\n    flex-1\n    font-inherit\n    font-normal\n    m-0\n    max-h-full\n    max-w-full\n    relative\n    rounded-none\n    text-color-1\n    text-ellipsis\n    w-full;\n\n  &:placeholder-shown {\n    @apply text-ellipsis;\n  }\n}\n\n// states\ninput {\n  @apply text-color-1\n    border-color-input\n    border\n    border-solid;\n  &::placeholder,\n  &:-ms-input-placeholder,\n  &::-ms-input-placeholder {\n    @apply text-color-3 font-normal;\n  }\n}\ninput:focus {\n  @apply border-color-brand text-color-1;\n}\ninput[readonly] {\n  @apply bg-background font-medium;\n}\ninput[readonly]:focus {\n  @apply text-color-1;\n}\ncalcite-icon {\n  @apply text-color-3;\n}\n\n//focus\n\ninput {\n  @apply focus-base;\n}\ninput:focus {\n  @apply focus-inset;\n}\n\n:host([status=\"invalid\"]) {\n  & input {\n    @apply border-color-danger;\n  }\n  & input:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n// ICONS\n\n// position icons\n\n:host([scale=\"s\"]) .icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n:host([scale=\"m\"]) .icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host([scale=\"l\"]) .icon {\n  inset-inline-start: theme(\"spacing.4\");\n}\n\n// position placeholder/value text in relation to icons\n\n:host([icon][scale=\"s\"]) input {\n  padding-inline-start: theme(\"padding.8\");\n}\n\n:host([icon][scale=\"m\"]) input {\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host([icon][scale=\"l\"]) input {\n  padding-inline-start: theme(\"padding.14\");\n}\n\n// positioning wrapper for icon and loader\n\n.element-wrapper {\n  @apply relative\n    order-3\n    inline-flex\n    flex-1\n    items-center;\n}\n\n.icon {\n  @apply transition-default\n    pointer-events-none\n    absolute\n    block\n\n    z-default; // needed for firefox to display the icon properly\n}\n\n// hide browser default clear\n\ninput[type=\"text\"]::-ms-clear,\ninput[type=\"text\"]::-ms-reveal {\n  @apply hidden\n    h-0\n    w-0;\n}\n\n.clear-button {\n  pointer-events: initial;\n  @apply focus-base\n    border-color-input\n    bg-foreground-1\n    order-4\n    m-0\n    box-border\n    flex\n    min-h-full\n    cursor-pointer\n    items-center\n    justify-center\n    self-stretch\n    border\n    border-solid;\n\n  border-inline-start-width: theme(\"borderWidth.0\");\n\n  &:hover {\n    @apply bg-foreground-2 transition-default;\n    calcite-icon {\n      @apply text-color-1 transition-default;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &:disabled {\n    @apply opacity-disabled;\n  }\n}\n\n// loading\n.loader {\n  inset-block-start: 1px;\n  inset-inline: 1px;\n  @apply pointer-events-none\n    absolute\n    block;\n}\n\n// slotted action\n.action-wrapper {\n  @apply order-7 flex;\n}\n\n// prefix and suffix\n.prefix,\n.suffix {\n  @apply border-color-input\n    bg-background\n    text-color-2\n    box-border\n    flex\n    h-auto\n    min-h-full\n    select-none\n    content-center\n    items-center\n    break-words\n    border\n    border-solid\n    font-medium\n    leading-none;\n}\n\n.prefix {\n  @apply order-2;\n  border-inline-end-width: theme(\"borderWidth.0\");\n}\n.suffix {\n  @apply order-5;\n  border-inline-start-width: theme(\"borderWidth.0\");\n}\n\n// alignment type\n:host([alignment=\"start\"]) {\n  & input {\n    text-align: start;\n  }\n}\n\n:host([alignment=\"end\"]) {\n  & input {\n    text-align: end;\n  }\n}\n\n.wrapper {\n  @apply relative\n    flex\n    flex-row\n    items-center;\n}\n\n:host(.no-bottom-border) input {\n  @apply border-b-0;\n}\n\n:host(.border-top-color-one) input {\n  @apply border-t-color-1;\n}\n\n// input needed for higher specificity of these overrides\ninput {\n  &.inline-child {\n    @apply transition-default bg-transparent;\n    .editing-enabled {\n      background-color: inherit;\n    }\n  }\n\n  &.inline-child:not(.editing-enabled) {\n    @apply border-color-transparent\n    flex\n    cursor-pointer text-ellipsis;\n    padding-inline-start: 0;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, getSlotted, setRequestedIcon } from \"../../utils/dom\";\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  internalHiddenInputInputEvent,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { SetValueOrigin } from \"../input/interfaces\";\nimport { Alignment, Scale, Status } from \"../interfaces\";\nimport { InputTextMessages } from \"./assets/input-text/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport { syncHiddenFormInput, TextualInputComponent } from \"../input/common/input\";\n\n/**\n * @slot action - A slot for positioning a button next to the component.\n */\n@Component({\n  tag: \"calcite-input-text\",\n  styleUrl: \"input-text.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class InputText\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    TextualInputComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the text alignment of the component's value. */\n  @Prop({ reflect: true }) alignment: Extract<\"start\" | \"end\", Alignment> = \"start\";\n\n  /**\n   * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.\n   *\n   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)\n   */\n  @Prop({ reflect: true }) autofocus = false;\n\n  /**\n   * When `true`, a clear button is displayed when the component has a value.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.setDisabledAction();\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 })\n  form: string;\n\n  /**\n   * Specifies an icon to display.\n   *\n   * @futureBreaking Remove boolean type as it is not supported.\n   */\n  @Prop({ reflect: true }) icon: string | boolean;\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  /** Accessible name for the component's button or hyperlink. */\n  @Prop() label: string;\n\n  /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the maximum length of text for the component's value.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Specifies the minimum length of text for the component's value.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\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   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /** Adds text to the start of the component. */\n  @Prop() prefixText: string;\n\n  /**\n   * When `true`, the component's value can be read, but cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\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  /** 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  /**\n   * Specifies the type of content to autocomplete, for use in forms.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * Specifies the type of content to help devices display an appropriate virtual keyboard.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n   */\n  @Prop() inputMode = \"text\";\n\n  /**\n   * Specifies the action label or icon for the Enter key on virtual keyboards.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\n   */\n  @Prop() enterKeyHint: string;\n\n  /**\n   * Specifies a regex pattern the component's `value` must match for validation.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @Prop() pattern: string;\n\n  /** Adds text to the end of the component.  */\n  @Prop() suffixText: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\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: InputTextMessages;\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<InputTextMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string, previousValue: string): void {\n    if (!this.userChangedValue) {\n      this.setValue({\n        origin: \"direct\",\n        previousValue,\n        value: !newValue ? \"\" : newValue,\n      });\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"icon\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"text\");\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputTextElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: InputText[\"value\"];\n\n  inlineEditableEl: HTMLCalciteInlineEditableElement;\n\n  /** keep track of the rendered child */\n  private childEl?: HTMLInputElement;\n\n  get isClearable(): boolean {\n    return this.clearable && this.value.length > 0;\n  }\n\n  private previousEmittedValue: string;\n\n  private previousValue: string;\n\n  private previousValueOrigin: SetValueOrigin = \"initial\";\n\n  /** the computed icon to render */\n  private requestedIcon?: string;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setDisabledAction());\n\n  private userChangedValue = false;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: InputTextMessages;\n\n  @State() slottedActionElDisabledInternally = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n\n    this.inlineEditableEl = this.el.closest(\"calcite-inline-editable\");\n    if (this.inlineEditableEl) {\n      this.editingEnabled = this.inlineEditableEl.editingEnabled || false;\n    }\n    this.setPreviousEmittedValue(this.value);\n    this.setPreviousValue(this.value);\n\n    connectLabel(this);\n    connectForm(this);\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.setDisabledAction();\n    this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n\n    this.mutationObserver?.disconnect();\n    this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"text\");\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event() calciteInternalInputTextFocus: EventEmitter<{\n    element: HTMLInputElement;\n    value: string;\n  }>;\n\n  /**\n   * @internal\n   */\n  @Event() calciteInternalInputTextBlur: EventEmitter<{ element: HTMLInputElement; value: string }>;\n\n  /**\n   * Fires each time a new value is typed.\n   */\n  @Event({ cancelable: true }) calciteInputTextInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new value is typed and committed.\n   */\n  @Event() calciteInputTextChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.childEl?.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    this.childEl?.select();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.readOnly || this.disabled) {\n      return;\n    }\n    if (this.isClearable && event.key === \"Escape\") {\n      this.clearInputTextValue(event);\n      event.preventDefault();\n    }\n    if (event.key === \"Enter\" && !event.defaultPrevented) {\n      if (submitForm(this)) {\n        event.preventDefault();\n      }\n    }\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private clearInputTextValue = (nativeEvent: KeyboardEvent | MouseEvent): void => {\n    this.setValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: \"\",\n    });\n  };\n\n  private emitChangeIfUserModified = (): void => {\n    if (this.previousValueOrigin === \"user\" && this.value !== this.previousEmittedValue) {\n      this.calciteInputTextChange.emit();\n      this.setPreviousEmittedValue(this.value);\n    }\n  };\n\n  private inputTextBlurHandler = () => {\n    this.calciteInternalInputTextBlur.emit({\n      element: this.childEl,\n      value: this.value,\n    });\n\n    this.emitChangeIfUserModified();\n  };\n\n  private clickHandler = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    const slottedActionEl = getSlotted(this.el, \"action\");\n    if (event.target !== slottedActionEl) {\n      this.setFocus();\n    }\n  };\n\n  private inputTextFocusHandler = (): void => {\n    this.calciteInternalInputTextFocus.emit({\n      element: this.childEl,\n      value: this.value,\n    });\n  };\n\n  private inputTextInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    this.setValue({\n      nativeEvent,\n      origin: \"user\",\n      value: (nativeEvent.target as HTMLInputElement).value,\n    });\n  };\n\n  private inputTextKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      this.emitChangeIfUserModified();\n    }\n  };\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    syncHiddenFormInput(\"text\", this, input);\n  }\n\n  private onHiddenFormInputInput = (event: Event): void => {\n    if ((event.target as HTMLInputElement).name === this.name) {\n      this.setValue({\n        value: (event.target as HTMLInputElement).value,\n        origin: \"direct\",\n      });\n    }\n    this.setFocus();\n    event.stopPropagation();\n  };\n\n  private setChildElRef = (el) => {\n    this.childEl = el;\n  };\n\n  private setDisabledAction(): void {\n    const slottedActionEl = getSlotted(this.el, \"action\");\n\n    if (!slottedActionEl) {\n      return;\n    }\n\n    if (this.disabled) {\n      if (slottedActionEl.getAttribute(\"disabled\") == null) {\n        this.slottedActionElDisabledInternally = true;\n      }\n      slottedActionEl.setAttribute(\"disabled\", \"\");\n    } else if (this.slottedActionElDisabledInternally) {\n      slottedActionEl.removeAttribute(\"disabled\");\n      this.slottedActionElDisabledInternally = false;\n    }\n  }\n\n  private setInputValue = (newInputValue: string): void => {\n    if (!this.childEl) {\n      return;\n    }\n    this.childEl.value = newInputValue;\n  };\n\n  private setPreviousEmittedValue = (value: string): void => {\n    this.previousEmittedValue = value;\n  };\n\n  private setPreviousValue = (value: string): void => {\n    this.previousValue = value;\n  };\n\n  private setValue = ({\n    committing = false,\n    nativeEvent,\n    origin,\n    previousValue,\n    value,\n  }: {\n    committing?: boolean;\n    nativeEvent?: MouseEvent | KeyboardEvent | InputEvent;\n    origin: SetValueOrigin;\n    previousValue?: string;\n    value: string;\n  }): void => {\n    this.setPreviousValue(previousValue ?? this.value);\n    this.previousValueOrigin = origin;\n    this.userChangedValue = origin === \"user\" && value !== this.value;\n    this.value = value;\n\n    if (origin === \"direct\") {\n      this.setInputValue(value);\n      this.setPreviousEmittedValue(value);\n    }\n\n    if (nativeEvent) {\n      const calciteInputTextInputEvent = this.calciteInputTextInput.emit();\n\n      if (calciteInputTextInputEvent.defaultPrevented) {\n        this.value = this.previousValue;\n      } else if (committing) {\n        this.emitChangeIfUserModified();\n      }\n    }\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const loader = (\n      <div class={CSS.loader}>\n        <calcite-progress label={this.messages.loading} type=\"indeterminate\" />\n      </div>\n    );\n\n    const inputClearButton = (\n      <button\n        aria-label={this.messages.clear}\n        class={CSS.clearButton}\n        disabled={this.disabled || this.readOnly}\n        onClick={this.clearInputTextValue}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n    const iconEl = (\n      <calcite-icon\n        class={CSS.inputIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.requestedIcon}\n        scale={getIconScale(this.scale)}\n      />\n    );\n    const prefixText = <div class={CSS.prefix}>{this.prefixText}</div>;\n\n    const suffixText = <div class={CSS.suffix}>{this.suffixText}</div>;\n\n    const childEl = (\n      <input\n        aria-label={getLabelText(this)}\n        autocomplete={this.autocomplete}\n        autofocus={this.autofocus ? true : null}\n        class={{\n          [CSS.editingEnabled]: this.editingEnabled,\n          [CSS.inlineChild]: !!this.inlineEditableEl,\n        }}\n        defaultValue={this.defaultValue}\n        disabled={this.disabled ? true : null}\n        enterKeyHint={this.enterKeyHint}\n        inputMode={this.inputMode}\n        maxLength={this.maxLength}\n        minLength={this.minLength}\n        name={this.name}\n        onBlur={this.inputTextBlurHandler}\n        onFocus={this.inputTextFocusHandler}\n        onInput={this.inputTextInputHandler}\n        onKeyDown={this.inputTextKeyDownHandler}\n        pattern={this.pattern}\n        placeholder={this.placeholder || \"\"}\n        readOnly={this.readOnly}\n        required={this.required ? true : null}\n        tabIndex={this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null}\n        type=\"text\"\n        value={this.value}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.setChildElRef}\n      />\n    );\n\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={{ [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.prefixText ? prefixText : null}\n            <div class={CSS.wrapper}>\n              {childEl}\n              {this.isClearable ? inputClearButton : null}\n              {this.requestedIcon ? iconEl : null}\n              {this.loading ? loader : null}\n            </div>\n            <div class={CSS.actionWrapper}>\n              <slot name={SLOTS.action} />\n            </div>\n            {this.suffixText ? suffixText : null}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage ? (\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"],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-/*!
- * 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.5.2-next.1
- */
-import{r as i,c as t,h as e,H as n,g as a}from"./p-ce7a94e9.js";import{w as s,g as o,f as c}from"./p-9df2dac1.js";import{d as l,a as r,c as h,u as d}from"./p-39c07b81.js";import{s as p,a as m,c as x}from"./p-9ebac7df.js";import{c as b}from"./p-383d66f6.js";import{o as v}from"./p-84551688.js";import{C as g}from"./p-213aeca6.js";import"./p-5b5bf4fb.js";const f={scrim:"scrim",container:"container",containerOpen:"container--open",content:"content",containerSlottedInShell:"container--slotted-in-shell"};const u=":host{position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;visibility:hidden !important;--calcite-sheet-scrim-background-internal:rgba(0, 0, 0, 0.85);--calcite-scrim-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04)}.container{visibility:hidden;position:fixed;z-index:var(--calcite-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal:translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal:translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{--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)}:host([display-mode=overlay][position=inline-start]) .container{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .container{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .container{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .container{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .container,:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .container,:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([display-mode=float][position^=inline]) .container{block-size:calc(100% - 1.5rem);max-block-size:calc(100% - 1.5rem);min-block-size:calc(100% - 1.5rem)}:host([display-mode=float][position^=block]) .container{inline-size:calc(100% - 1.5rem);max-inline-size:calc(100% - 1.5rem);min-inline-size:calc(100% - 1.5rem)}:host([position^=inline][width-scale=s]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 260px)}:host([position^=inline][width-scale=m]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 300px)}:host([position^=inline][width-scale=l]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 340px)}:host([position^=block][height-scale=s]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 30vh)}:host([position^=block][height-scale=m]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 50vh)}:host([position^=block][height-scale=l]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background:var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}:host([opened]){visibility:visible !important}.content{position:relative;z-index:var(--calcite-z-index-modal);box-sizing:border-box;display:block;max-block-size:100%;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-color-foreground-1);max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transform:var(--calcite-sheet-hidden-position-internal)}.container--open .content{transform:translate3d(0, 0, 0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container{border-radius:0.25rem}:host([display-mode=float]) .container{padding:0.75rem}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position]) .container--slotted-in-shell{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";const w=class{constructor(e){i(this,e);this.calciteSheetBeforeClose=t(this,"calciteSheetBeforeClose",6);this.calciteSheetClose=t(this,"calciteSheetClose",6);this.calciteSheetBeforeOpen=t(this,"calciteSheetBeforeOpen",6);this.calciteSheetOpen=t(this,"calciteSheetOpen",6);this.openTransitionProp="opacity";this.ignoreOpenChange=false;this.mutationObserver=b("mutation",(()=>this.handleMutationObserver()));this.setTransitionEl=i=>{this.transitionEl=i;this.contentId=s(i)};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteSheetOpen",this.openEnd)};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeSheet=async()=>{if(this.beforeClose){try{await this.beforeClose(this.el)}catch(i){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}this.opened=false;this.removeOverflowHiddenClass()};this.beforeClose=undefined;this.displayMode="overlay";this.escapeDisabled=false;this.heightScale="m";this.focusTrapDisabled=false;this.label=undefined;this.open=false;this.opened=false;this.outsideCloseDisabled=false;this.position="inline-start";this.slottedInShell=undefined;this.widthScale="m"}handleFocusTrapDisabled(i){if(!this.open){return}i?l(this):r(this)}toggleSheet(i){if(this.ignoreOpenChange){return}if(i){this.openSheet()}else{this.closeSheet()}}handleOpenedChange(){v(this)}async componentWillLoad(){p(this);if(this.open){requestAnimationFrame((()=>this.openSheet()))}}componentDidLoad(){m(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});h(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();l(this);this.slottedInShell=false}render(){const i=o(this.el);return e(n,{"aria-describedby":this.contentId,"aria-label":this.label,"aria-modal":"true",role:"dialog"},e("div",{class:{[f.container]:true,[f.containerOpen]:this.opened,[f.containerSlottedInShell]:this.slottedInShell,[g.rtl]:i==="rtl"}},e("calcite-scrim",{class:f.scrim,onClick:this.handleOutsideClose}),e("div",{class:{[f.content]:true},ref:this.setTransitionEl},e("slot",null))))}handleEscape(i){if(this.open&&!this.escapeDisabled&&i.key==="Escape"&&!i.defaultPrevented){this.open=false;i.preventDefault()}}async setFocus(){await x(this);c(this.el)}async updateFocusTrapElements(){d(this)}onBeforeOpen(){this.calciteSheetBeforeOpen.emit()}onOpen(){this.calciteSheetOpen.emit();r(this)}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit();l(this)}openSheet(){this.el.addEventListener("calciteSheetOpen",this.openEnd);this.opened=true;if(!this.slottedInShell){this.initialOverflowCSS=document.documentElement.style.overflow;document.documentElement.style.setProperty("overflow","hidden")}}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",this.initialOverflowCSS)}handleMutationObserver(){this.updateFocusTrapElements()}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],open:["toggleSheet"],opened:["handleOpenedChange"]}}};w.style=u;export{w as calcite_sheet};
-//# sourceMappingURL=p-da4c487c.entry.js.map

package/dist/calcite/p-da70f283.js

@@ -1,7 +0,0 @@
-/*!
- * 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.5.2-next.1
- */
-import{g as t}from"./p-9df2dac1.js";import{d as n}from"./p-c4fe6ba6.js";const e=["top","right","bottom","left"];const o=["start","end"];const r=e.reduce(((t,n)=>t.concat(n,n+"-"+o[0],n+"-"+o[1])),[]);const i=Math.min;const s=Math.max;const c=Math.round;const l=Math.floor;const a=t=>({x:t,y:t});const f={left:"right",right:"left",bottom:"top",top:"bottom"};const u={start:"end",end:"start"};function d(t,n,e){return s(t,i(n,e))}function m(t,n){return typeof t==="function"?t(n):t}function p(t){return t.split("-")[0]}function y(t){return t.split("-")[1]}function g(t){return t==="x"?"y":"x"}function h(t){return t==="y"?"height":"width"}function w(t){return["top","bottom"].includes(p(t))?"y":"x"}function x(t){return g(w(t))}function v(t,n,e){if(e===void 0){e=false}const o=y(t);const r=x(t);const i=h(r);let s=r==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[i]>n.floating[i]){s=D(s)}return[s,D(s)]}function b(t){const n=D(t);return[A(t),n,A(n)]}function A(t){return t.replace(/start|end/g,(t=>u[t]))}function k(t,n,e){const o=["left","right"];const r=["right","left"];const i=["top","bottom"];const s=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?r:o;return n?o:r;case"left":case"right":return n?i:s;default:return[]}}function S(t,n,e,o){const r=y(t);let i=k(p(t),e==="start",o);if(r){i=i.map((t=>t+"-"+r));if(n){i=i.concat(i.map(A))}}return i}function D(t){return t.replace(/left|right|bottom|top/g,(t=>f[t]))}function P(t){return{top:0,right:0,bottom:0,left:0,...t}}function O(t){return typeof t!=="number"?P(t):{top:t,right:t,bottom:t,left:t}}function R(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function E(t,n,e){let{reference:o,floating:r}=t;const i=w(n);const s=x(n);const c=h(s);const l=p(n);const a=i==="y";const f=o.x+o.width/2-r.width/2;const u=o.y+o.height/2-r.height/2;const d=o[c]/2-r[c]/2;let m;switch(l){case"top":m={x:f,y:o.y-r.height};break;case"bottom":m={x:f,y:o.y+o.height};break;case"right":m={x:o.x+o.width,y:u};break;case"left":m={x:o.x-r.width,y:u};break;default:m={x:o.x,y:o.y}}switch(y(n)){case"start":m[s]-=d*(e&&a?-1:1);break;case"end":m[s]+=d*(e&&a?-1:1);break}return m}const F=async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:s}=e;const c=i.filter(Boolean);const l=await(s.isRTL==null?void 0:s.isRTL(n));let a=await s.getElementRects({reference:t,floating:n,strategy:r});let{x:f,y:u}=E(a,o,l);let d=o;let m={};let p=0;for(let e=0;e<c.length;e++){const{name:i,fn:y}=c[e];const{x:g,y:h,data:w,reset:x}=await y({x:f,y:u,initialPlacement:o,placement:d,strategy:r,middlewareData:m,rects:a,platform:s,elements:{reference:t,floating:n}});f=g!=null?g:f;u=h!=null?h:u;m={...m,[i]:{...m[i],...w}};if(x&&p<=50){p++;if(typeof x==="object"){if(x.placement){d=x.placement}if(x.rects){a=x.rects===true?await s.getElementRects({reference:t,floating:n,strategy:r}):x.rects}({x:f,y:u}=E(a,d,l))}e=-1;continue}}return{x:f,y:u,placement:d,strategy:r,middlewareData:m}};async function M(t,n){var e;if(n===void 0){n={}}const{x:o,y:r,platform:i,rects:s,elements:c,strategy:l}=t;const{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:d=false,padding:p=0}=m(n,t);const y=O(p);const g=u==="floating"?"reference":"floating";const h=c[d?g:u];const w=R(await i.getClippingRect({element:((e=await(i.isElement==null?void 0:i.isElement(h)))!=null?e:true)?h:h.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(c.floating)),boundary:a,rootBoundary:f,strategy:l}));const x=u==="floating"?{...s.floating,x:o,y:r}:s.reference;const v=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c.floating));const b=await(i.isElement==null?void 0:i.isElement(v))?await(i.getScale==null?void 0:i.getScale(v))||{x:1,y:1}:{x:1,y:1};const A=R(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:v,strategy:l}):x);return{top:(w.top-A.top+y.top)/b.y,bottom:(A.bottom-w.bottom+y.bottom)/b.y,left:(w.left-A.left+y.left)/b.x,right:(A.right-w.right+y.right)/b.x}}const T=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:o,placement:r,rects:s,platform:c,elements:l,middlewareData:a}=n;const{element:f,padding:u=0}=m(t,n)||{};if(f==null){return{}}const p=O(u);const g={x:e,y:o};const w=x(r);const v=h(w);const b=await c.getDimensions(f);const A=w==="y";const k=A?"top":"left";const S=A?"bottom":"right";const D=A?"clientHeight":"clientWidth";const P=s.reference[v]+s.reference[w]-g[w]-s.floating[v];const R=g[w]-s.reference[w];const E=await(c.getOffsetParent==null?void 0:c.getOffsetParent(f));let F=E?E[D]:0;if(!F||!await(c.isElement==null?void 0:c.isElement(E))){F=l.floating[D]||s.floating[v]}const M=P/2-R/2;const T=F/2-b[v]/2-1;const C=i(p[k],T);const $=i(p[S],T);const z=C;const B=F-b[v]-$;const L=F/2-b[v]/2+M;const j=d(z,L,B);const H=!a.arrow&&y(r)!=null&&L!=j&&s.reference[v]/2-(L<z?C:$)-b[v]/2<0;const I=H?L<z?L-z:L-B:0;return{[w]:g[w]+I,data:{[w]:j,centerOffset:L-j-I,...H&&{alignmentOffset:I}},reset:H}}});function C(t,n,e){const o=t?[...e.filter((n=>y(n)===t)),...e.filter((n=>y(n)!==t))]:e.filter((t=>p(t)===t));return o.filter((e=>{if(t){return y(e)===t||(n?A(e)!==e:false)}return true}))}const $=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,async fn(n){var e,o,i;const{rects:s,middlewareData:c,placement:l,platform:a,elements:f}=n;const{crossAxis:u=false,alignment:d,allowedPlacements:g=r,autoAlignment:h=true,...w}=m(t,n);const x=d!==undefined||g===r?C(d||null,h,g):g;const b=await M(n,w);const A=((e=c.autoPlacement)==null?void 0:e.index)||0;const k=x[A];if(k==null){return{}}const S=v(k,s,await(a.isRTL==null?void 0:a.isRTL(f.floating)));if(l!==k){return{reset:{placement:x[0]}}}const D=[b[p(k)],b[S[0]],b[S[1]]];const P=[...((o=c.autoPlacement)==null?void 0:o.overflows)||[],{placement:k,overflows:D}];const O=x[A+1];if(O){return{data:{index:A+1,overflows:P},reset:{placement:O}}}const R=P.map((t=>{const n=y(t.placement);return[t.placement,n&&u?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1]));const E=R.filter((t=>t[2].slice(0,y(t[0])?2:3).every((t=>t<=0))));const F=((i=E[0])==null?void 0:i[0])||R[0][0];if(F!==l){return{data:{index:A+1,overflows:P},reset:{placement:F}}}return{}}}};const z=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:r,middlewareData:i,rects:s,initialPlacement:c,platform:l,elements:a}=n;const{mainAxis:f=true,crossAxis:u=true,fallbackPlacements:d,fallbackStrategy:y="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:h=true,...w}=m(t,n);if((e=i.arrow)!=null&&e.alignmentOffset){return{}}const x=p(r);const A=p(c)===c;const k=await(l.isRTL==null?void 0:l.isRTL(a.floating));const P=d||(A||!h?[D(c)]:b(c));if(!d&&g!=="none"){P.push(...S(c,h,g,k))}const O=[c,...P];const R=await M(n,w);const E=[];let F=((o=i.flip)==null?void 0:o.overflows)||[];if(f){E.push(R[x])}if(u){const t=v(r,s,k);E.push(R[t[0]],R[t[1]])}F=[...F,{placement:r,overflows:E}];if(!E.every((t=>t<=0))){var T,C;const t=(((T=i.flip)==null?void 0:T.index)||0)+1;const n=O[t];if(n){return{data:{index:t,overflows:F},reset:{placement:n}}}let e=(C=F.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:C.placement;if(!e){switch(y){case"bestFit":{var $;const t=($=F.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:$[0];if(t){e=t}break}case"initialPlacement":e=c;break}}if(r!==e){return{reset:{placement:e}}}}return{}}}};function B(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function L(t){return e.some((n=>t[n]>=0))}const j=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...r}=m(t,n);switch(o){case"referenceHidden":{const t=await M(n,{...r,elementContext:"reference"});const o=B(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:L(o)}}}case"escaped":{const t=await M(n,{...r,altBoundary:true});const o=B(t,e.floating);return{data:{escapedOffsets:o,escaped:L(o)}}}default:{return{}}}}}};async function H(t,n){const{placement:e,platform:o,elements:r}=t;const i=await(o.isRTL==null?void 0:o.isRTL(r.floating));const s=p(e);const c=y(e);const l=w(e)==="y";const a=["left","top"].includes(s)?-1:1;const f=i&&l?-1:1;const u=m(n,t);let{mainAxis:d,crossAxis:g,alignmentAxis:h}=typeof u==="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...u};if(c&&typeof h==="number"){g=c==="end"?h*-1:h}return l?{x:g*f,y:d*a}:{x:d*a,y:g*f}}const I=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:r,y:i,placement:s,middlewareData:c}=n;const l=await H(n,t);if(s===((e=c.offset)==null?void 0:e.placement)&&(o=c.arrow)!=null&&o.alignmentOffset){return{}}return{x:r+l.x,y:i+l.y,data:{...l,placement:s}}}}};const W=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:r}=n;const{mainAxis:i=true,crossAxis:s=false,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...l}=m(t,n);const a={x:e,y:o};const f=await M(n,l);const u=w(p(r));const y=g(u);let h=a[y];let x=a[u];if(i){const t=y==="y"?"top":"left";const n=y==="y"?"bottom":"right";const e=h+f[t];const o=h-f[n];h=d(e,h,o)}if(s){const t=u==="y"?"top":"left";const n=u==="y"?"bottom":"right";const e=x+f[t];const o=x-f[n];x=d(e,x,o)}const v=c.fn({...n,[y]:h,[u]:x});return{...v,data:{x:v.x-e,y:v.y-o}}}}};function N(t){if(V(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function q(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function Y(t){var n;return(n=(V(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function V(t){return t instanceof Node||t instanceof q(t).Node}function X(t){return t instanceof Element||t instanceof q(t).Element}function _(t){return t instanceof HTMLElement||t instanceof q(t).HTMLElement}function G(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof q(t).ShadowRoot}function J(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=nt(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(r)}function K(t){return["table","td","th"].includes(N(t))}function Q(t){const n=Z();const e=nt(t);return e.transform!=="none"||e.perspective!=="none"||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function U(t){let n=ot(t);while(_(n)&&!tt(n)){if(Q(n)){return n}else{n=ot(n)}}return null}function Z(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function tt(t){return["html","body","#document"].includes(N(t))}function nt(t){return q(t).getComputedStyle(t)}function et(t){if(X(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function ot(t){if(N(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||G(t)&&t.host||Y(t);return G(n)?n.host:n}function rt(t){const n=ot(t);if(tt(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(_(n)&&J(n)){return n}return rt(n)}function it(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const r=rt(t);const i=r===((o=t.ownerDocument)==null?void 0:o.body);const s=q(r);if(i){return n.concat(s,s.visualViewport||[],J(r)?r:[],s.frameElement&&e?it(s.frameElement):[])}return n.concat(r,it(r,[],e))}function st(t){const n=nt(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const r=_(t);const i=r?t.offsetWidth:e;const s=r?t.offsetHeight:o;const l=c(e)!==i||c(o)!==s;if(l){e=i;o=s}return{width:e,height:o,$:l}}function ct(t){return!X(t)?t.contextElement:t}function lt(t){const n=ct(t);if(!_(n)){return a(1)}const e=n.getBoundingClientRect();const{width:o,height:r,$:i}=st(n);let s=(i?c(e.width):e.width)/o;let l=(i?c(e.height):e.height)/r;if(!s||!Number.isFinite(s)){s=1}if(!l||!Number.isFinite(l)){l=1}return{x:s,y:l}}const at=a(0);function ft(t){const n=q(t);if(!Z()||!n.visualViewport){return at}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function ut(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==q(t)){return false}return n}function dt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const r=t.getBoundingClientRect();const i=ct(t);let s=a(1);if(n){if(o){if(X(o)){s=lt(o)}}else{s=lt(t)}}const c=ut(i,e,o)?ft(i):a(0);let l=(r.left+c.x)/s.x;let f=(r.top+c.y)/s.y;let u=r.width/s.x;let d=r.height/s.y;if(i){const t=q(i);const n=o&&X(o)?q(o):o;let e=t;let r=e.frameElement;while(r&&o&&n!==e){const t=lt(r);const n=r.getBoundingClientRect();const o=nt(r);const i=n.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x;const s=n.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;l*=t.x;f*=t.y;u*=t.x;d*=t.y;l+=i;f+=s;e=q(r);r=e.frameElement}}return R({width:u,height:d,x:l,y:f})}const mt=[":popover-open",":modal"];function pt(t){return mt.some((n=>{try{return t.matches(n)}catch(t){return false}}))}function yt(t){let{elements:n,rect:e,offsetParent:o,strategy:r}=t;const i=r==="fixed";const s=Y(o);const c=n?pt(n.floating):false;if(o===s||c&&i){return e}let l={scrollLeft:0,scrollTop:0};let f=a(1);const u=a(0);const d=_(o);if(d||!d&&!i){if(N(o)!=="body"||J(s)){l=et(o)}if(_(o)){const t=dt(o);f=lt(o);u.x=t.x+o.clientLeft;u.y=t.y+o.clientTop}}return{width:e.width*f.x,height:e.height*f.y,x:e.x*f.x-l.scrollLeft*f.x+u.x,y:e.y*f.y-l.scrollTop*f.y+u.y}}function gt(t){return Array.from(t.getClientRects())}function ht(t){return dt(Y(t)).left+et(t).scrollLeft}function wt(t){const n=Y(t);const e=et(t);const o=t.ownerDocument.body;const r=s(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const i=s(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let c=-e.scrollLeft+ht(t);const l=-e.scrollTop;if(nt(o).direction==="rtl"){c+=s(n.clientWidth,o.clientWidth)-r}return{width:r,height:i,x:c,y:l}}function xt(t,n){const e=q(t);const o=Y(t);const r=e.visualViewport;let i=o.clientWidth;let s=o.clientHeight;let c=0;let l=0;if(r){i=r.width;s=r.height;const t=Z();if(!t||t&&n==="fixed"){c=r.offsetLeft;l=r.offsetTop}}return{width:i,height:s,x:c,y:l}}function vt(t,n){const e=dt(t,true,n==="fixed");const o=e.top+t.clientTop;const r=e.left+t.clientLeft;const i=_(t)?lt(t):a(1);const s=t.clientWidth*i.x;const c=t.clientHeight*i.y;const l=r*i.x;const f=o*i.y;return{width:s,height:c,x:l,y:f}}function bt(t,n,e){let o;if(n==="viewport"){o=xt(t,e)}else if(n==="document"){o=wt(Y(t))}else if(X(n)){o=vt(n,e)}else{const e=ft(t);o={...n,x:n.x-e.x,y:n.y-e.y}}return R(o)}function At(t,n){const e=ot(t);if(e===n||!X(e)||tt(e)){return false}return nt(e).position==="fixed"||At(e,n)}function kt(t,n){const e=n.get(t);if(e){return e}let o=it(t,[],false).filter((t=>X(t)&&N(t)!=="body"));let r=null;const i=nt(t).position==="fixed";let s=i?ot(t):t;while(X(s)&&!tt(s)){const n=nt(s);const e=Q(s);if(!e&&n.position==="fixed"){r=null}const c=i?!e&&!r:!e&&n.position==="static"&&!!r&&["absolute","fixed"].includes(r.position)||J(s)&&!e&&At(t,s);if(c){o=o.filter((t=>t!==s))}else{r=n}s=ot(s)}n.set(t,o);return o}function St(t){let{element:n,boundary:e,rootBoundary:o,strategy:r}=t;const c=e==="clippingAncestors"?kt(n,this._c):[].concat(e);const l=[...c,o];const a=l[0];const f=l.reduce(((t,e)=>{const o=bt(n,e,r);t.top=s(o.top,t.top);t.right=i(o.right,t.right);t.bottom=i(o.bottom,t.bottom);t.left=s(o.left,t.left);return t}),bt(n,a,r));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Dt(t){const{width:n,height:e}=st(t);return{width:n,height:e}}function Pt(t,n,e){const o=_(n);const r=Y(n);const i=e==="fixed";const s=dt(t,true,i,n);let c={scrollLeft:0,scrollTop:0};const l=a(0);if(o||!o&&!i){if(N(n)!=="body"||J(r)){c=et(n)}if(o){const t=dt(n,true,i,n);l.x=t.x+n.clientLeft;l.y=t.y+n.clientTop}else if(r){l.x=ht(r)}}const f=s.left+c.scrollLeft-l.x;const u=s.top+c.scrollTop-l.y;return{x:f,y:u,width:s.width,height:s.height}}function Ot(t,n){if(!_(t)||nt(t).position==="fixed"){return null}if(n){return n(t)}return t.offsetParent}function Rt(t,n){const e=q(t);if(!_(t)||pt(t)){return e}let o=Ot(t,n);while(o&&K(o)&&nt(o).position==="static"){o=Ot(o,n)}if(o&&(N(o)==="html"||N(o)==="body"&&nt(o).position==="static"&&!Q(o))){return e}return o||U(t)||e}const Et=async function(t){const n=this.getOffsetParent||Rt;const e=this.getDimensions;return{reference:Pt(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,...await e(t.floating)}}};function Ft(t){return nt(t).direction==="rtl"}const Mt={convertOffsetParentRelativeRectToViewportRelativeRect:yt,getDocumentElement:Y,getClippingRect:St,getOffsetParent:Rt,getElementRects:Et,getClientRects:gt,getDimensions:Dt,getScale:lt,isElement:X,isRTL:Ft};function Tt(t,n){let e=null;let o;const r=Y(t);function c(){var t;clearTimeout(o);(t=e)==null||t.disconnect();e=null}function a(f,u){if(f===void 0){f=false}if(u===void 0){u=1}c();const{left:d,top:m,width:p,height:y}=t.getBoundingClientRect();if(!f){n()}if(!p||!y){return}const g=l(m);const h=l(r.clientWidth-(d+p));const w=l(r.clientHeight-(m+y));const x=l(d);const v=-g+"px "+-h+"px "+-w+"px "+-x+"px";const b={rootMargin:v,threshold:s(0,i(1,u))||1};let A=true;function k(t){const n=t[0].intersectionRatio;if(n!==u){if(!A){return a()}if(!n){o=setTimeout((()=>{a(false,1e-7)}),100)}else{a(false,n)}}A=false}try{e=new IntersectionObserver(k,{...b,root:r.ownerDocument})}catch(t){e=new IntersectionObserver(k,b)}e.observe(t)}a(true);return c}function Ct(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:r=true,ancestorResize:i=true,elementResize:s=typeof ResizeObserver==="function",layoutShift:c=typeof IntersectionObserver==="function",animationFrame:l=false}=o;const a=ct(t);const f=r||i?[...a?it(a):[],...it(n)]:[];f.forEach((t=>{r&&t.addEventListener("scroll",e,{passive:true});i&&t.addEventListener("resize",e)}));const u=a&&c?Tt(a,e):null;let d=-1;let m=null;if(s){m=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===a&&m){m.unobserve(n);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{var t;(t=m)==null||t.observe(n)}))}e()}));if(a&&!l){m.observe(a)}m.observe(n)}let p;let y=l?dt(t):null;if(l){g()}function g(){const n=dt(t);if(y&&(n.x!==y.x||n.y!==y.y||n.width!==y.width||n.height!==y.height)){e()}y=n;p=requestAnimationFrame(g)}e();return()=>{var t;f.forEach((t=>{r&&t.removeEventListener("scroll",e);i&&t.removeEventListener("resize",e)}));u==null||u();(t=m)==null||t.disconnect();m=null;if(l){cancelAnimationFrame(p)}}}const $t=$;const zt=W;const Bt=z;const Lt=j;const jt=T;const Ht=(t,n,e)=>{const o=new Map;const r={platform:Mt,...e};const i={...r.platform,_c:o};return F(t,n,{...r,platform:i})};function It(t){return Nt(t)}function Wt(t){if(t.assignedSlot){return t.assignedSlot}if(t.parentNode instanceof ShadowRoot){return t.parentNode.host}return t.parentNode}function Nt(t){for(let n=t;n;n=Wt(n)){if(!(n instanceof Element)){continue}if(getComputedStyle(n).display==="none"){return null}}for(let n=Wt(t);n;n=Wt(n)){if(!(n instanceof Element)){continue}const t=getComputedStyle(n);if(t.display==="contents"){continue}if(t.position!=="static"||t.filter!=="none"){return n}if(n.tagName==="BODY"){return n}}return null}(function t(){{const t=Mt.getOffsetParent;Mt.getOffsetParent=n=>t(n,It)}})();function qt(t){const n=window.devicePixelRatio||1;return Math.round(t*n)/n}const Yt=async(t,{referenceEl:n,floatingEl:e,overlayPositioning:o="absolute",placement:r,flipDisabled:i,flipPlacements:s,offsetDistance:c,offsetSkidding:l,arrowEl:a,type:f})=>{if(!n||!e){return null}const{x:u,y:d,placement:m,strategy:p,middlewareData:y}=await Ht(n,e,{strategy:o,placement:r==="auto"||r==="auto-start"||r==="auto-end"?undefined:Ut(e,r),middleware:Kt({placement:r,flipDisabled:i,flipPlacements:s,offsetDistance:c,offsetSkidding:l,arrowEl:a,type:f})});if(a&&y.arrow){const{x:n,y:e}=y.arrow;const o=m.split("-")[0];const r=n!=null?"left":"top";const i=nn[o];const s={left:"",top:"",bottom:"",right:""};if("floatingLayout"in t){t.floatingLayout=o==="left"||o==="right"?"horizontal":"vertical"}Object.assign(a.style,{...s,[r]:`${r=="left"?n:e}px`,[o]:"100%",transform:i})}const g=y.hide?.referenceHidden;const h=g?"hidden":null;const w=h?"none":null;e.setAttribute(Vt,m);const{open:x}=t;Object.assign(e.style,{visibility:h,pointerEvents:w,position:p,transform:x?`translate(${qt(u)}px,${qt(d)}px)`:"",top:0,left:0})};const Vt="data-placement";const Xt=100;const _t=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end"];const Gt="bottom-start";const Jt={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function Kt({placement:t,flipDisabled:n,flipPlacements:e,offsetDistance:o,offsetSkidding:r,arrowEl:i,type:s}){const c=[zt(),Lt()];if(s==="menu"){return[...c,Bt({fallbackPlacements:e||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})]}if(s==="popover"||s==="tooltip"){const s=[...c,I({mainAxis:typeof o==="number"?o:0,crossAxis:typeof r==="number"?r:0})];if(t==="auto"||t==="auto-start"||t==="auto-end"){s.push($t({alignment:t==="auto-start"?"start":t==="auto-end"?"end":null}))}else if(!n){s.push(Bt(e?{fallbackPlacements:e}:{}))}if(i){s.push(jt({element:i}))}return s}return[]}function Qt(t,n){const e=t.filter((t=>_t.includes(t)));if(e.length!==t.length){console.warn(`${n.tagName}: Invalid value found in: flipPlacements. Try any of these: ${_t.map((t=>`"${t}"`)).join(", ").trim()}`,{el:n})}return e}function Ut(n,e){const o=["left","right"];if(t(n)==="rtl"){o.reverse()}return e.replace(/leading/gi,o[0]).replace(/trailing/gi,o[1])}async function Zt(t,n,e=false){if(!t.open){return}const o=e?tn(t):Yt;return o(t,n)}function tn(t){let e=on.get(t);if(e){return e}e=n(Yt,Xt,{leading:true,maxWait:Xt});on.set(t,e);return e}const nn={top:"",left:"rotate(-90deg)",bottom:"rotate(180deg)",right:"rotate(90deg)"};const en=new WeakMap;const on=new WeakMap;function rn(t,n,e){if(!e||!n){return}sn(t,n,e);Object.assign(e.style,{visibility:"hidden",pointerEvents:"none",position:t.overlayPositioning});const o=Ct;en.set(t,o(n,e,(()=>t.reposition())))}function sn(t,n,e){if(!e||!n){return}en.get(t)?.();en.delete(t);on.get(t)?.cancel();on.delete(t)}const cn=4;const ln=Math.ceil(Math.hypot(cn,cn));export{Jt as F,sn as a,ln as b,rn as c,Gt as d,Qt as f,Zt as r};
-//# sourceMappingURL=p-da70f283.js.map