@esri/calcite-components 2.13.0 → 2.13.2

package/dist/calcite/p-8173b19d.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{h as t,r as i,c as e,H as s,g as o}from"./p-67e556ed.js";import{c as n}from"./p-ffef1ef9.js";import{f as c,e as a}from"./p-d6a9a936.js";import{C as l,E as r,F as h,t as d,e as p}from"./p-0fb1c54a.js";import{d as f,f as b,c as u,r as m,a as g,F as x}from"./p-058dc24a.js";import{s as v,c as y,a as w,d as C,H as k}from"./p-ba8765a4.js";import{g as I}from"./p-57e1e048.js";import{u as z,I as $}from"./p-49632699.js";import{c as E,d as H,g as S}from"./p-7d12dfb4.js";import{b as A,c as D,s as M,a as j}from"./p-1f5a7c5e.js";import{c as O,d as P}from"./p-bf4dc8d8.js";import{c as L}from"./p-06c0de26.js";import{o as T}from"./p-3608bc6c.js";import{D as F}from"./p-7f97e86a.js";import{c as B,s as R,d as V,u as W}from"./p-3a1a720c.js";import{g as G,c as U}from"./p-d2b212f4.js";import{V as _}from"./p-010e9989.js";import{i as X}from"./p-4dd99f61.js";import{d as K}from"./p-6e30bcc2.js";import{c as N,d as q}from"./p-b54932d7.js";import"./p-cfc4daa3.js";const J={button:"x-button"};const Q=({disabled:i,key:e,label:s,scale:o})=>t("button",{"aria-label":s,class:J.button,disabled:i,key:e,tabIndex:-1,type:"button"},t("calcite-icon",{icon:"x",scale:G(o)}));const Y="CALCITE-COMBOBOX-ITEM";const Z="CALCITE-COMBOBOX-ITEM-GROUP";const tt=`${Y}, ${Z}`;const it={input:"input",inputHidden:"input--hidden",chipInvisible:"chip--invisible",selectionDisplayFit:"selection-display-fit",selectionDisplaySingle:"selection-display-single",listContainer:"list-container",icon:"icon",placeholderIcon:"placeholder-icon",selectedIcon:"selected-icon"};const et={validationMessage:"comboboxValidationMessage"};function st(t){const i=t.parentElement?.closest(tt);const e=i?.parentElement?.closest(tt);return[i,e].filter((t=>t))}function ot(t){return t.ancestors?.filter((t=>t.nodeName==="CALCITE-COMBOBOX-ITEM"))||[]}function nt(t){return l(t.querySelectorAll("calcite-combobox-item"))}function ct(t){const i=l(t.querySelectorAll("calcite-combobox-item"));return i.filter((t=>t.selected)).length>0}function at(t){if(!X()){return 0}const i=document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return i.snapshotLength}function lt(t){return t.includes("single")}function rt(t){return t.shortHeading||t.textLabel}const ht=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]) .x-button{inline-size:1rem;block-size:1rem}:host([scale=m]) .x-button{inline-size:1.5rem;block-size:1.5rem}:host([scale=l]) .x-button{inline-size:2rem;block-size:2rem}.x-button{margin:0px;display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-width:2px;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-radius:50%;border-color:transparent;background-color:var(--calcite-color-foreground-2)}.x-button:active,.x-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.x-button:active{border-style:solid;border-color:var(--calcite-color-brand)}.x-button calcite-icon{color:inherit}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.25rem - 1px)}:host([scale=s]) .x-button{margin-inline:0.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.5rem - 1px)}:host([scale=m]) .x-button{margin-inline-end:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:1.5rem;--calcite-internal-combobox-input-margin-block:calc(0.625rem - 1px)}:host([scale=l]) .x-button{margin-inline-end:1rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.wrapper:hover .icon{color:var(--calcite-color-text-1)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([read-only]) .wrapper{background-color:var(--calcite-color-background)}:host([read-only]) .label{font-weight:var(--calcite-font-weight-medium)}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{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          )}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{position:relative;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;gap:var(--calcite-combobox-item-spacing-unit-s);margin-inline-end:var(--calcite-combobox-item-spacing-unit-s)}.grid-input.selection-display-fit,.grid-input.selection-display-single{flex-wrap:nowrap;overflow:hidden}.input{flex-grow:1;appearance:none;overflow:hidden;text-overflow:ellipsis;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-color-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-combobox-item-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:2px solid transparent;outline-offset:2px}.input:placeholder-shown{text-overflow:ellipsis}.input--single{padding:0px;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.placeholder-icon{color:var(--calcite-color-text-3)}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.icon-end .icon{color:var(--calcite-color-text-3)}.floating-ui-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset, left, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block:0;left:0}.floating-ui-container--active{visibility:visible}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width, 100%)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}calcite-chip{--calcite-animation-timing:0}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);max-inline-size:100%}.chip--active{background-color:var(--calcite-color-foreground-3)}.chip--invisible{visibility:hidden;position:absolute}.item{display:block}.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}::slotted(calcite-combobox-item-group:not(:first-child)){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}";const dt=ht;const pt=t=>t.tagName===Z;const ft="combobox-item-";const bt="combobox-chip-";const ut="combobox-label-";const mt="combobox-listbox-";const gt="combobox-input-";const xt=class{constructor(t){i(this,t);this.calciteComboboxChange=e(this,"calciteComboboxChange",6);this.calciteComboboxFilterChange=e(this,"calciteComboboxFilterChange",6);this.calciteComboboxChipClose=e(this,"calciteComboboxChipClose",6);this.calciteComboboxBeforeClose=e(this,"calciteComboboxBeforeClose",6);this.calciteComboboxClose=e(this,"calciteComboboxClose",6);this.calciteComboboxBeforeOpen=e(this,"calciteComboboxBeforeOpen",6);this.calciteComboboxOpen=e(this,"calciteComboboxOpen",6);this.placement=f;this.internalValueChangeFlag=false;this.textInput=null;this.mutationObserver=L("mutation",(()=>this.updateItems()));this.resizeObserver=L("resize",(()=>{this.setMaxScrollerHeight();this.refreshSelectionDisplay()}));this.guid=I();this.inputHeight=0;this.ignoreSelectedEventsFlag=false;this.openTransitionProp="opacity";this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?b(i,t):null};this.getValue=()=>{const t=this.selectedItems.map((t=>t?.value?.toString()));return t?.length?t.length>1?t:t[0]:""};this.onLabelClick=()=>{this.setFocus()};this.keyDownHandler=t=>{if(this.readOnly){return}const{key:i}=t;switch(i){case"Tab":this.activeChipIndex=-1;this.activeItemIndex=-1;if(this.allowCustomValues&&this.filterText){this.addCustomChip(this.filterText,true);t.preventDefault()}else if(this.open){this.open=false;t.preventDefault()}else if(!this.allowCustomValues&&this.filterText){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}break;case"ArrowLeft":if(this.activeChipIndex!==-1||this.textInput.selectionStart===0){this.previousChip();t.preventDefault()}break;case"ArrowRight":if(this.activeChipIndex!==-1){this.nextChip();t.preventDefault()}break;case"ArrowUp":if(this.filteredItems.length){t.preventDefault();if(this.open){this.shiftActiveItemIndex(-1)}if(!this.comboboxInViewport()){this.el.scrollIntoView()}}break;case"ArrowDown":if(this.filteredItems.length){t.preventDefault();if(this.open){this.shiftActiveItemIndex(1)}else{this.open=true;this.ensureRecentSelectedItemIsActive()}if(!this.comboboxInViewport()){this.el.scrollIntoView()}}break;case" ":if(!this.textInput.value&&!t.defaultPrevented){if(!this.open){this.open=true;this.shiftActiveItemIndex(1)}t.preventDefault()}break;case"Home":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(0);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"End":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(this.filteredItems.length-1);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"Escape":if(!this.clearDisabled&&!this.open){this.clearValue()}this.open=false;t.preventDefault();break;case"Enter":if(this.open&&this.activeItemIndex>-1){const i=this.filteredItems[this.activeItemIndex];this.toggleSelection(i,!i.selected);t.preventDefault()}else if(this.activeChipIndex>-1){this.removeActiveChip();t.preventDefault()}else if(this.allowCustomValues&&this.filterText){this.addCustomChip(this.filterText,true);t.preventDefault()}else if(!t.defaultPrevented){if(v(this)){t.preventDefault()}}break;case"Delete":case"Backspace":{const i=this.selectionDisplay==="single"||this.selectionDisplay==="fit"&&this.selectedHiddenChipsCount>0;if(i){return}if(this.activeChipIndex>-1){t.preventDefault();this.removeActiveChip()}else if(!this.filterText&&this.isMulti()){t.preventDefault();this.removeLastChip()}break}}};this.setMaxScrollerHeight=async()=>{const{listContainerEl:t,open:i,referenceEl:e}=this;if(!t||!i){return}await this.reposition(true);const s=this.getMaxScrollerHeight();t.style.maxHeight=s>0?`${s}px`:"";t.style.minWidth=`${e.clientWidth}px`;await this.reposition(true)};this.calciteChipCloseHandler=t=>{this.open=false;const i=this.items.find((i=>i===t));if(i){this.toggleSelection(i,false)}this.calciteComboboxChipClose.emit()};this.clickHandler=t=>{if(this.readOnly){return}const i=t.composedPath();if(i.some((t=>t.tagName==="CALCITE-CHIP"))){this.open=false;t.preventDefault();return}if(i.some((t=>t.classList?.contains(J.button)))){this.clearValue();t.preventDefault();return}this.open=!this.open;this.ensureRecentSelectedItemIsActive()};this.refreshSelectionDisplay=async()=>{await A(this);if(lt(this.selectionMode)){return}if(!this.textInput){return}const{allSelectedIndicatorChipEl:t,chipContainerEl:i,selectionDisplay:e,placeholder:s,selectedIndicatorChipEl:o,textInput:c}=this;const a=parseInt(getComputedStyle(i).gap.replace("px",""));const l=r(i);const{fontSize:d,fontFamily:p}=getComputedStyle(c);const f=h(s,`${d} ${p}`);const b=(f||parseInt(n))+a;const u=r(t);const m=r(o);const g=Math.max(u,m);this.setCompactSelectionDisplay({chipContainerElGap:a,chipContainerElWidth:l,inputWidth:b,largestSelectedIndicatorChipWidth:g});if(e==="fit"){const t=Array.from(this.el.shadowRoot.querySelectorAll("calcite-chip")).filter((t=>t.closable));const i=Math.round(l-((this.selectedHiddenChipsCount>0?m:0)+a+b+a));this.refreshChipDisplay({availableHorizontalChipElSpace:i,chipContainerElGap:a,chipEls:t});this.setVisibleAndHiddenChips(t)}};this.setFloatingEl=t=>{this.floatingEl=t;u(this,this.referenceEl,this.floatingEl)};this.setContainerEl=t=>{this.resizeObserver.observe(t);this.listContainerEl=t;this.transitionEl=t};this.setChipContainerEl=t=>{this.resizeObserver.observe(t);this.chipContainerEl=t};this.setReferenceEl=t=>{this.referenceEl=t;u(this,this.referenceEl,this.floatingEl)};this.setAllSelectedIndicatorChipEl=t=>{this.allSelectedIndicatorChipEl=t};this.setSelectedIndicatorChipEl=t=>{this.selectedIndicatorChipEl=t};this.inputHandler=t=>{const i=t.target.value;this.filterText=i};this.filterItems=(()=>{const t=(t,i)=>t&&i.some((({label:i,value:e})=>pt(t)?i===t.label:e===t.value&&i===t.textLabel));return K(((i,e=false,s=true)=>{const o=c(this.data,i);const n=this.getItemsAndGroups();const l=i==="";n.forEach((i=>{if(l){i.hidden=false;return}const e=!t(i,o);i.hidden=e;const[s,n]=i.ancestors;if(t(s,o)||t(n,o)){i.hidden=false}if(!e){i.ancestors.forEach((t=>t.hidden=false))}}));this.filterTextMatchPattern=this.filterText&&new RegExp(`(${a(this.filterText)})`,"i");this.filteredItems=this.getFilteredItems();this.filteredItems.forEach((t=>{t.filterTextMatchPattern=this.filterTextMatchPattern}));if(e){this.open=this.filterText.trim().length>0&&this.filteredItems.length>0}if(s){this.calciteComboboxFilterChange.emit()}}),F.filter)})();this.internalComboboxChangeEvent=()=>{this.calciteComboboxChange.emit()};this.emitComboboxChange=K(this.internalComboboxChangeEvent,0);this.getSelectedItems=()=>{if(!this.isMulti()){const t=this.items.find((({selected:t})=>t));return t?[t]:[]}return this.items.filter((t=>t.selected&&(this.selectionMode!=="ancestors"||!ct(t)))).sort(((t,i)=>{const e=this.selectedItems.indexOf(t);const s=this.selectedItems.indexOf(i);if(e>-1&&s>-1){return e-s}return s-e}))};this.updateItems=()=>{this.items=this.getItems();this.groupItems=this.getGroupItems();this.data=this.getData();this.selectedItems=this.getSelectedItems();this.filteredItems=this.getFilteredItems();this.needsIcon=this.getNeedsIcon();this.items.forEach((t=>{t.selectionMode=this.selectionMode;t.scale=this.scale}));if(!this.allowCustomValues){this.setMaxScrollerHeight()}this.groupItems.forEach(((t,i,e)=>{if(i===0){t.afterEmptyGroup=false}const s=e[i+1];if(s){s.afterEmptyGroup=t.children.length===0}}))};this.scrollToActiveItem=()=>{const t=this.filteredItems[this.activeItemIndex];if(!t){return}const i=this.calculateScrollerHeight(t);const{offsetHeight:e,scrollTop:s}=this.listContainerEl;if(e+s<t.offsetTop+i){this.listContainerEl.scrollTop=t.offsetTop-e+i}else if(t.offsetTop<s){this.listContainerEl.scrollTop=t.offsetTop}};this.comboboxFocusHandler=()=>{if(this.disabled){return}this.textInput?.focus()};this.clearDisabled=false;this.filterText="";this.selectionDisplay="all";this.open=false;this.disabled=false;this.form=undefined;this.label=undefined;this.placeholder=undefined;this.placeholderIcon=undefined;this.placeholderIconFlipRtl=false;this.maxItems=0;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.allowCustomValues=undefined;this.overlayPositioning="absolute";this.required=false;this.selectionMode="multiple";this.scale="m";this.status="idle";this.value=null;this.flipPlacements=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedItems=[];this.filteredItems=[];this.readOnly=false;this.items=[];this.groupItems=[];this.needsIcon=undefined;this.activeItemIndex=-1;this.activeChipIndex=-1;this.activeDescendant="";this.compactSelectionDisplay=false;this.selectedHiddenChipsCount=0;this.selectedVisibleChipsCount=0;this.effectiveLocale=undefined;this.defaultMessages=undefined}filterTextChange(t){this.updateActiveItemIndex(-1);this.filterItems(t,true)}openHandler(){T(this);if(this.disabled){this.open=false;return}this.setMaxScrollerHeight()}handleDisabledChange(t){if(!t){this.open=false}}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}handlePropsChange(){this.updateItems()}valueHandler(t){if(!this.internalValueChangeFlag){const i=this.getItems();if(Array.isArray(t)){i.forEach((i=>i.selected=t.includes(i.value)))}else if(t){i.forEach((i=>i.selected=t===i.value))}else{i.forEach((t=>t.selected=false))}this.updateItems()}}onMessagesChange(){}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}selectedItemsHandler(){this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false}async documentClickHandler(t){if(this.disabled||t.composedPath().includes(this.el)){return}await U(this.el);if(!this.allowCustomValues&&this.filterText){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}if(this.allowCustomValues&&this.filterText.trim().length){this.addCustomChip(this.filterText)}this.open=false}calciteComboboxItemChangeHandler(t){if(this.ignoreSelectedEventsFlag){return}const i=t.target;const e=this.filteredItems.indexOf(i);this.updateActiveItemIndex(e);this.toggleSelection(i,i.selected)}calciteInternalComboboxItemChangeHandler(t){t.stopPropagation();this.updateItems()}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:o,filteredFlipPlacements:n}=this;return m(this,{floatingEl:i,referenceEl:e,overlayPositioning:o,placement:s,flipPlacements:n,type:"menu"},t)}async setFocus(){await D(this);this.textInput?.focus();this.activeChipIndex=-1;this.activeItemIndex=-1}connectedCallback(){O(this);B(this);E(this);y(this);this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false;this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.updateItems();this.setFilteredPlacements();if(this.open){this.openHandler();T(this)}u(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){M(this);this.updateItems();await R(this);this.filterItems(this.filterText,false,false)}componentDidLoad(){w(this,this.getValue());u(this,this.referenceEl,this.floatingEl);j(this)}componentDidRender(){if(this.el.offsetHeight!==this.inputHeight){this.reposition(true);this.inputHeight=this.el.offsetHeight}z(this)}componentDidUpdate(){this.refreshSelectionDisplay()}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();H(this);C(this);g(this,this.referenceEl,this.floatingEl);P(this);V(this)}effectiveLocaleChange(){W(this,this.effectiveLocale)}clearValue(){this.ignoreSelectedEventsFlag=true;this.items.forEach((t=>t.selected=false));this.ignoreSelectedEventsFlag=false;this.selectedItems=[];this.emitComboboxChange();this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("");this.setFocus()}clearInputValue(){this.textInput.value="";this.filterText=""}comboboxInViewport(){const t=this.el.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.right<=(window.innerWidth||document.documentElement.clientWidth)&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)}onBeforeOpen(){this.scrollToActiveItem();this.calciteComboboxBeforeOpen.emit()}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit()}ensureRecentSelectedItemIsActive(){const{selectedItems:t}=this;const i=t.length===0?0:this.items.indexOf(t[t.length-1]);this.updateActiveItemIndex(i)}hideChip(t){t.classList.add(it.chipInvisible)}showChip(t){t.classList.remove(it.chipInvisible)}refreshChipDisplay({chipEls:t,availableHorizontalChipElSpace:i,chipContainerElGap:e}){t.forEach((t=>{if(!t.selected){this.hideChip(t)}else{const s=r(t);if(s&&s<i){i-=s+e;this.showChip(t);return}}this.hideChip(t)}))}setCompactSelectionDisplay({chipContainerElGap:t,chipContainerElWidth:i,inputWidth:e,largestSelectedIndicatorChipWidth:s}){const o=Math.round(s+t+e);if(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<o){this.maxCompactBreakpoint=o}this.compactSelectionDisplay=i<this.maxCompactBreakpoint}setVisibleAndHiddenChips(t){let i=0;t.forEach((t=>{if(t.selected&&!t.classList.contains(it.chipInvisible)){i++}}));if(i!==this.selectedVisibleChipsCount){this.selectedVisibleChipsCount=i}const e=this.getSelectedItems().length-i;if(e!==this.selectedHiddenChipsCount){this.selectedHiddenChipsCount=e}}getMaxScrollerHeight(){const t=this.getItemsAndGroups().filter((t=>!t.hidden));const{maxItems:i}=this;let e=0;let s=0;if(t.length>i){t.forEach((t=>{if(e<i){const i=this.calculateScrollerHeight(t);if(i>0){s+=i;e++}}}))}return s}calculateScrollerHeight(t){if(!t){return}const i=t.getBoundingClientRect().height;const e=Array.from(t.querySelectorAll(tt)).reduce(((t,i)=>t+i.getBoundingClientRect().height),0);return i-e}getItemsAndGroups(){return[...this.groupItems,...this.items]}toggleSelection(t,i){if(!t||this.selectionMode==="single-persist"&&t.selected&&t.value===this.value&&!i){return}if(this.isMulti()){t.selected=i;this.updateAncestors(t);this.selectedItems=this.getSelectedItems();this.emitComboboxChange();this.resetText();this.filterItems("")}else{this.ignoreSelectedEventsFlag=true;this.items.forEach((e=>e.selected=e===t?i:false));this.ignoreSelectedEventsFlag=false;this.selectedItems=this.getSelectedItems();this.emitComboboxChange();if(this.textInput){this.textInput.value=rt(t)}this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("")}}updateAncestors(t){if(this.selectionMode!=="ancestors"){return}const i=ot(t);const e=nt(t);if(t.selected){i.forEach((t=>{t.selected=true}))}else{e.forEach((t=>t.selected=false));[...i].forEach((t=>{if(!ct(t)){t.selected=false}}))}}getFilteredItems(){return this.filterText===""?this.items:this.items.filter((t=>!t.hidden))}getData(){return this.items.map((t=>({description:t.description,filterDisabled:t.filterDisabled,label:t.textLabel,metadata:t.metadata,shortHeading:t.shortHeading,value:t.value})))}getNeedsIcon(){return lt(this.selectionMode)&&this.items.some((t=>t.icon))}resetText(){if(this.textInput){this.textInput.value=""}this.filterText=""}getItems(){const t=Array.from(this.el.querySelectorAll(Y));return t.filter((t=>!t.disabled))}getGroupItems(){return Array.from(this.el.querySelectorAll(Z))}addCustomChip(t,i){const e=this.items.find((i=>i.textLabel===t));if(e){this.toggleSelection(e,true)}else{if(!this.isMulti()){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false)}const e=document.createElement("calcite-combobox-item");e.value=t;e.textLabel=t;e.selected=true;this.el.prepend(e);this.resetText();if(i){this.setFocus()}this.updateItems();this.filterItems("");this.open=true;this.emitComboboxChange()}}removeActiveChip(){this.toggleSelection(this.selectedItems[this.activeChipIndex],false);this.setFocus()}removeLastChip(){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false);this.setFocus()}previousChip(){const t=this.selectedItems.length-1;const i=this.activeChipIndex;this.activeChipIndex=i===-1?t:Math.max(i-1,0);this.updateActiveItemIndex(-1);this.focusChip()}nextChip(){const t=this.selectedItems.length-1;const i=this.activeChipIndex+1;if(i>t){this.activeChipIndex=-1;this.setFocus()}else{this.activeChipIndex=i;this.focusChip()}this.updateActiveItemIndex(-1)}focusChip(){const t=this.selectedItems[this.activeChipIndex]?.guid;const i=t?this.referenceEl.querySelector(`#${bt}${t}`):null;i?.setFocus()}shiftActiveItemIndex(t){const{length:i}=this.filteredItems;const e=(this.activeItemIndex+i+t)%i;this.updateActiveItemIndex(e);this.scrollToActiveItem()}updateActiveItemIndex(t){this.activeItemIndex=t;let i=null;this.filteredItems.forEach(((e,s)=>{if(s===t){e.active=true;i=`${ft}${e.guid}`}else{e.active=false}}));this.activeDescendant=i;if(this.activeItemIndex>-1){this.activeChipIndex=-1}}isAllSelected(){return this.getItems().length===this.getSelectedItems().length}isMulti(){return!lt(this.selectionMode)}renderChips(){const{activeChipIndex:i,readOnly:e,scale:s,selectionMode:o,messages:n}=this;return this.selectedItems.map(((c,a)=>{const l={chip:true,"chip--active":i===a};const r=[...ot(c)].reverse();const h=rt(c);const d=[...r,c].map((t=>rt(t)));const p=o!=="ancestors"?h:d.join(" / ");return t("calcite-chip",{appearance:e?"outline":"solid",class:l,closable:!e,"data-test-id":`chip-${a}`,icon:c.icon,iconFlipRtl:c.iconFlipRtl,id:c.guid?`${bt}${c.guid}`:null,key:h,messageOverrides:{dismissLabel:n.removeTag},onCalciteChipClose:()=>this.calciteChipCloseHandler(c),onFocusin:()=>this.activeChipIndex=a,scale:s,selected:c.selected,tabindex:i===a?0:-1,title:p,value:c.value},p)}))}renderAllSelectedIndicatorChip(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s,setAllSelectedIndicatorChipEl:o}=this;const n=this.messages.allSelected;return t("calcite-chip",{class:{chip:true,[it.chipInvisible]:!(this.isAllSelected()&&!s&&!i)},ref:o,scale:e,title:n,value:""},n)}renderAllSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s}=this;const o=this.messages.all||"All";return t("calcite-chip",{class:{chip:true,[it.chipInvisible]:!(this.isAllSelected()&&!s&&i)},scale:e,title:o,value:""},o)}renderSelectedIndicatorChip(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n,selectedVisibleChipsCount:c,setSelectedIndicatorChipEl:a}=this;let l;let r;if(i){l=true}else{if(e==="single"){const t=s().length;if(this.isAllSelected()){l=true}else if(t>0){l=false}else{l=true}r=`${t} ${this.messages.selected}`}else if(e==="fit"){l=!!(this.isAllSelected()&&c===0||n===0);r=c>0?`+${n}`:`${n} ${this.messages.selected}`}}return t("calcite-chip",{class:{chip:true,[it.chipInvisible]:l},ref:a,scale:o,title:r,value:""},r)}renderSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n}=this;let c;let a;if(i){const t=s().length;if(this.isAllSelected()){c=true}else if(e==="fit"){c=!(n>0);a=`${n||0}`}else if(e==="single"){c=!(t>0);a=`${t}`}}else{c=true}return t("calcite-chip",{class:{chip:true,[it.chipInvisible]:c},scale:o,title:a,value:""},a)}get showingInlineIcon(){const{placeholderIcon:t,selectionMode:i,selectedItems:e,open:s}=this;const o=e[0];const n=o?.icon;const c=lt(i);return!s&&o?!!n&&c:!!t&&(!o||c)}renderInput(){const{guid:i,disabled:e,placeholder:s,selectionMode:o,selectedItems:n,open:c}=this;const a=lt(o);const l=n[0];const r=!c&&a&&!!l&&!this.filterText;return t("span",{class:{"input-wrap":true,"input-wrap--single":a}},r&&t("span",{class:{label:true,"label--icon":!!l?.icon},key:"label"},rt(l)),t("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":`${mt}${i}`,"aria-errormessage":et.validationMessage,"aria-expanded":d(c),"aria-haspopup":"listbox","aria-invalid":d(this.status==="invalid"),"aria-label":S(this),"aria-owns":`${mt}${i}`,class:{[it.input]:true,"input--single":true,[it.inputHidden]:r,"input--icon":this.showingInlineIcon&&!!this.placeholderIcon},"data-test-id":"input",disabled:e,id:`${gt}${i}`,key:"input",onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:s,readOnly:this.readOnly,ref:t=>this.textInput=t,role:"combobox",tabindex:this.activeChipIndex===-1?0:-1,type:"text",value:this.filterText}))}renderListBoxOptions(){return this.filteredItems.map((i=>t("li",{"aria-selected":d(i.selected),id:i.guid?`${ft}${i.guid}`:null,role:"option",tabindex:"-1"},i.textLabel)))}renderFloatingUIContainer(){const{setFloatingEl:i,setContainerEl:e,open:s}=this;const o={[it.listContainer]:true,[x.animation]:true,[x.animationActive]:s};return t("div",{"aria-hidden":"true",class:{"floating-ui-container":true,"floating-ui-container--active":s},ref:i},t("div",{class:o,ref:e},t("ul",{class:{list:true,"list--hide":!s}},t("slot",null))))}renderSelectedOrPlaceholderIcon(){const{open:i,placeholderIcon:e,placeholderIconFlipRtl:s,selectedItems:o}=this;const n=o[0];const c=n?.icon;const a=e&&(i||!n);return this.showingInlineIcon&&t("span",{class:"icon-start",key:"selected-placeholder-icon"},t("calcite-icon",{class:{[it.selectedIcon]:!a,[it.placeholderIcon]:a},flipRtl:a?s:n.iconFlipRtl,icon:a?e:c,scale:G(this.scale)}))}renderChevronIcon(){const{open:i}=this;return t("span",{class:"icon-end",key:"chevron"},t("calcite-icon",{class:it.icon,icon:i?"chevron-up":"chevron-down",scale:G(this.scale)}))}render(){const{selectionDisplay:i,guid:e,label:o,open:n,readOnly:c}=this;const a=lt(this.selectionMode);const l=i==="all";const r=i==="single";const h=!a&&i==="fit";const d=!this.clearDisabled&&this.value?.length>0;return t(s,{key:"f1671f542a84291771bcd4096557300397e67138",onClick:this.comboboxFocusHandler},t($,{key:"d176f33343ad19474922e3274f28deae9c0a4fd9",disabled:this.disabled},t("div",{key:"f93285d693a11fb8cec1ed8d1b93b2f66c7ab2dd","aria-live":"polite",class:{wrapper:true,"wrapper--single":a||!this.selectedItems.length,"wrapper--active":n},onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},this.renderSelectedOrPlaceholderIcon(),t("div",{class:{"grid-input":true,[it.selectionDisplayFit]:h,[it.selectionDisplaySingle]:r},key:"grid",ref:this.setChipContainerEl},!a&&!r&&this.renderChips(),!a&&!l&&[this.renderSelectedIndicatorChip(),this.renderSelectedIndicatorChipCompact(),this.renderAllSelectedIndicatorChip(),this.renderAllSelectedIndicatorChipCompact()],t("label",{key:"a5cf9dddce6a299fb7a42721f6c5e02ae754ea6e",class:"screen-readers-only",htmlFor:`${gt}${e}`,id:`${ut}${e}`},o),this.renderInput()),!c&&d?t(Q,{disabled:this.disabled,key:"close-button",label:this.messages.clear,scale:this.scale}):null,!c&&this.renderChevronIcon()),t("ul",{key:"6c0673c3b470c0a2a84b25cb8a90074db7548741","aria-labelledby":`${ut}${e}`,"aria-multiselectable":"true",class:"screen-readers-only",id:`${mt}${e}`,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderFloatingUIContainer(),t(k,{key:"140469ee4ef16d89edb506b133b4316e8a9d7277",component:this}),this.validationMessage&&this.status==="invalid"?t(_,{icon:this.validationIcon,id:et.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{filterText:["filterTextChange"],open:["openHandler"],disabled:["handleDisabledChange"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],selectionMode:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],messageOverrides:["onMessagesChange"],flipPlacements:["flipPlacementsHandler"],selectedItems:["selectedItemsHandler"],effectiveLocale:["effectiveLocaleChange"]}}};xt.style=dt;const vt={active:"label--active",centerContent:"center-content",container:"container",custom:"icon--custom",description:"description",dot:"icon--dot",filterMatch:"filter-match",icon:"icon",iconActive:"icon--active",label:"label",scale:t=>`scale--${t}`,selected:"label--selected",shortText:"short-text",single:"label--single",textContainer:"text-container",title:"title"};const yt={contentEnd:"content-end"};const wt='@charset "UTF-8";: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([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem;--calcite-combobox-item-selector-icon-size:1rem;--calcite-internal-combobox-item-description-font-size:var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.375rem;--calcite-combobox-item-spacing-indent:0.75rem;--calcite-combobox-item-selector-icon-size:1rem;--calcite-internal-combobox-item-description-font-size:var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.625rem;--calcite-combobox-item-spacing-indent:1rem;--calcite-combobox-item-selector-icon-size:1.5rem;--calcite-internal-combobox-item-description-font-size:var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  )}:host(:focus){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent;word-wrap:break-word;word-break:break-word;justify-content:space-around;gap:var(--calcite-combobox-item-spacing-unit-l);padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value)}:host([disabled]) .label{cursor:default}.label--selected{color:var(--calcite-color-text-1)}.label--selected .title{font-weight:var(--calcite-font-weight-medium)}.label--active{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover,.label:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.icon{display:inline-flex;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-color-border-1)}.icon--custom{margin-block-start:-1px;color:var(--calcite-color-text-3)}.icon--active{color:var(--calcite-color-text-1)}.icon--dot{display:flex;justify-content:center;min-inline-size:var(--calcite-combobox-item-selector-icon-size)}.icon--dot::before{text-align:start;content:"•"}.label--active .icon{opacity:1}.label--selected .icon{opacity:1;color:var(--calcite-color-brand)}:host(:hover[disabled]) .icon{opacity:1}.filter-match{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-current)}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}:host([selected]) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}.short-text{color:var(--calcite-color-text-3);white-space:nowrap}.title{color:var(--calcite-color-text-1)}.title,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}';const Ct=wt;const kt=class{constructor(t){i(this,t);this.calciteComboboxItemChange=e(this,"calciteComboboxItemChange",6);this.calciteInternalComboboxItemChange=e(this,"calciteInternalComboboxItemChange",6);this.itemClickHandler=()=>{this.toggleSelected()};this.active=false;this.ancestors=undefined;this.description=undefined;this.disabled=false;this.filterDisabled=undefined;this.filterTextMatchPattern=undefined;this.guid=I();this.icon=undefined;this.iconFlipRtl=false;this.metadata=undefined;this.scale="m";this.selected=false;this.selectionMode="multiple";this.shortHeading=undefined;this.heading=undefined;this.textLabel=undefined;this.value=undefined;this.label=undefined}handleComboboxItemPropsChange(){this.calciteInternalComboboxItemChange.emit()}selectedWatchHandler(){this.calciteComboboxItemChange.emit()}connectedCallback(){this.ancestors=st(this.el);N(this)}disconnectedCallback(){q(this)}componentDidRender(){z(this)}toggleSelected(){const t=this.selectionMode==="single-persist";if(this.disabled||t&&this.selected){return}this.selected=!this.selected}renderIcon(i){return this.icon?t("calcite-icon",{class:{[vt.custom]:!!this.icon,[vt.iconActive]:this.icon&&this.selected},flipRtl:this.iconFlipRtl,icon:this.icon||i,key:"icon",scale:G(this.scale)}):null}renderSelectIndicator(i,e){return i?t("span",{class:{[vt.icon]:true,[vt.dot]:true}}):t("calcite-icon",{class:{[vt.icon]:true,[vt.iconActive]:this.selected},flipRtl:this.iconFlipRtl,icon:e,key:"indicator",scale:G(this.scale)})}renderChildren(){if(p(this.el)){return t("ul",{key:"default-slot-container"},t("slot",null))}return null}render(){const{disabled:i,heading:e,label:o,textLabel:n,value:c}=this;const a=lt(this.selectionMode);const l=a?undefined:"check";const r=e||n;const h=i?undefined:l;const d=o||c;const p=a&&!i;const f={[vt.label]:true,[vt.selected]:this.selected,[vt.active]:this.active,[vt.single]:a};const b=at(this.el)+1;return t(s,{key:"484c17421421afe7739dc37cc3edb46c2fd0e083","aria-hidden":"true","aria-label":d},t($,{key:"71135810fa4af5e17b668d13af219c7575085a9e",disabled:i},t("div",{key:"2db3e68f23449032b1ac5957a9376a68815e03c5",class:{[vt.container]:true,[vt.scale(this.scale)]:true},style:{"--calcite-combobox-item-spacing-indent-multiplier":`${b}`}},t("li",{key:"153f7e8af6cb925630fb08fc5cfcf4a8df48ad2a",class:f,id:this.guid,onClick:this.itemClickHandler},this.renderSelectIndicator(p,h),this.renderIcon(h),t("div",{key:"4d9bbd0bc113dc2196e3141a84f6137e7d48b95e",class:vt.centerContent},t("div",{key:"d531d42c8af37b9fbdbda7457e88f4688427911b",class:vt.title},this.renderTextContent(r)),this.description?t("div",{class:vt.description},this.renderTextContent(this.description)):null),this.shortHeading?t("div",{class:vt.shortText},this.renderTextContent(this.shortHeading)):null,t("slot",{key:"f4c71258fff023a30662c7105e1a7492edafa14a",name:yt.contentEnd})),this.renderChildren())))}renderTextContent(i){const e=this.filterTextMatchPattern;if(!e||!i){return i}const s=i.split(e);if(s.length>1){s[1]=t("mark",{class:vt.filterMatch},s[1])}return s}get el(){return o(this)}static get watchers(){return{disabled:["handleComboboxItemPropsChange"],textLabel:["handleComboboxItemPropsChange"],selected:["selectedWatchHandler"]}}};kt.style=Ct;const It={list:"list",label:"label",title:"title"};const zt=".scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}:host,.list{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-color-text-3)}.title{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  );border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-color-border-3);padding-block:var(--calcite-combobox-item-spacing-unit-l);padding-inline:var(--calcite-combobox-item-spacing-unit-s);margin-inline-start:var(--calcite-combobox-item-indent-value)}::slotted(calcite-combobox-item-group:not([after-empty-group])){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}:host([hidden]){display:none}[hidden]{display:none}";const $t=zt;const Et=class{constructor(t){i(this,t);this.guid=I();this.afterEmptyGroup=false;this.ancestors=undefined;this.label=undefined;this.scale="m"}connectedCallback(){this.ancestors=st(this.el)}render(){const{el:i,scale:e}=this;const s=at(i);return t("ul",{key:"32cc4bb7e8e551213c7b3aea1ee6c9907a93dc8b","aria-labelledby":this.guid,class:{[It.list]:true,[`scale--${e}`]:true},role:"group"},t("li",{key:"7bad1e784bd918befdeccba34625d9404f610a91",class:{[It.label]:true},id:this.guid,role:"presentation",style:{"--calcite-combobox-item-spacing-indent-multiplier":`${s}`}},t("span",{key:"9cfc56d414a465bb5d5e5beec561f5149779b31c",class:It.title},this.label)),t("slot",{key:"ec83330096f7031828f4b58cf2ee94611a9fddfe"}))}get el(){return o(this)}};Et.style=$t;export{xt as calcite_combobox,kt as calcite_combobox_item,Et as calcite_combobox_item_group};
+//# sourceMappingURL=p-8173b19d.entry.js.map

package/dist/calcite/p-8173b19d.entry.js.map

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

package/dist/calcite/p-83abb45f.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as t,h as a,g as s}from"./p-67e556ed.js";import{d as o}from"./p-0fb1c54a.js";import{u as e,I as d}from"./p-49632699.js";import{s as i,a as l,c as n}from"./p-1f5a7c5e.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-4dd99f61.js";const r={button:"button"};const c={plus:"plus"};const p=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-button{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -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)}calcite-button:hover{--tw-shadow:var(--calcite-shadow-md);--tw-shadow-colored:var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:active{--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([hidden]){display:none}[hidden]{display:none}";const h=p;const w=class{constructor(a){t(this,a);this.appearance="solid";this.kind="brand";this.disabled=false;this.icon=c.plus;this.iconFlipRtl=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false}componentWillLoad(){i(this)}componentDidLoad(){l(this)}componentDidRender(){e(this)}async setFocus(){await n(this);o(this.buttonEl)}render(){const{appearance:t,kind:s,disabled:o,loading:e,scale:i,textEnabled:l,icon:n,label:c,text:p,iconFlipRtl:h}=this;const w=!l?c||p||null:null;return a(d,{key:"7953bd06defeddfed5530500901609524f7b58fd",disabled:o},a("calcite-button",{key:"c2bbe2be5e2ac375abab75024005f1eb5afed51c",appearance:t==="solid"?"solid":"outline-fill",class:r.button,disabled:o,iconFlipRtl:h?"start":null,iconStart:n,kind:s,label:c,loading:e,ref:t=>{this.buttonEl=t},round:true,scale:i,title:w,type:"button",width:"auto"},this.textEnabled?this.text:null))}get el(){return s(this)}};w.style=h;export{w as calcite_fab};
+//# sourceMappingURL=p-83abb45f.entry.js.map

package/dist/calcite/p-84a6771a.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as t,h as e,F as n,g as o,c as a,f as i}from"./p-67e556ed.js";import{c as l,d as s}from"./p-b54932d7.js";import{b as r,s as c,e as h,g as d,u as p}from"./p-0fb1c54a.js";import{l as f}from"./p-ba0524ee.js";import{c as x,d as m}from"./p-bf4dc8d8.js";import{c as b}from"./p-92e35356.js";import{c as u,s as w,d as v,u as g}from"./p-3a1a720c.js";import{C as y}from"./p-7f97e86a.js";import"./p-06c0de26.js";import"./p-4dd99f61.js";import"./p-57e1e048.js";import"./p-c02c27fd.js";import"./p-cfc4daa3.js";const z={main:"main",content:"content",contentBehind:"content--behind",contentBottom:"content-bottom",contentNonInteractive:"content--non-interactive",footer:"footer",positionedSlotWrapper:"positioned-slot-wrapper",container:"container",contentBehindCenterContent:"center-content"};const k={centerRow:"center-row",panelStart:"panel-start",panelEnd:"panel-end",panelTop:"panel-top",panelBottom:"panel-bottom",header:"header",footer:"footer",alerts:"alerts",sheets:"sheets",modals:"modals",dialogs:"dialogs"};const C=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:calc(var(--calcite-z-index) + 1)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-color-border-3)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-center-row){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -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);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}slot[name=center-row]::slotted(calcite-shell-center-row),slot[name=panel-bottom]::slotted(calcite-shell-center-row){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-center-row){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}:host([hidden]){display:none}[hidden]{display:none}";const H=C;const S=class{constructor(e){t(this,e);this.handleHeaderSlotChange=t=>{this.hasHeader=!!r(t)};this.handleFooterSlotChange=t=>{this.hasFooter=!!r(t)};this.handleAlertsSlotChange=t=>{this.hasAlerts=!!r(t);c(t)?.map((t=>{if(t.tagName==="CALCITE-ALERT"){t.embedded=true}}))};this.handleSheetsSlotChange=t=>{this.hasSheets=!!r(t);c(t)?.map((t=>{if(t.tagName==="CALCITE-SHEET"){t.embedded=true}}))};this.handleModalsSlotChange=t=>{this.hasModals=!!r(t);c(t)?.map((t=>{if(t.tagName==="CALCITE-MODAL"){t.embedded=true}}))};this.handlePanelTopChange=t=>{this.hasPanelTop=r(t)};this.handlePanelBottomChange=t=>{this.hasPanelBottom=r(t)};this.handleDialogsSlotChange=t=>{this.hasDialogs=!!r(t);c(t)?.map((t=>{if(t.tagName==="CALCITE-DIALOG"){t.embedded=true}}))};this.contentBehind=false;this.hasHeader=false;this.hasFooter=false;this.hasAlerts=false;this.hasModals=false;this.hasDialogs=false;this.hasSheets=false;this.hasPanelTop=false;this.hasPanelBottom=false;this.hasOnlyPanelBottom=false;this.panelIsResizing=false}handleCalciteInternalShellPanelResizeStart(t){this.panelIsResizing=true;t.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(t){this.panelIsResizing=false;t.stopPropagation()}updateHasOnlyPanelBottom(){this.hasOnlyPanelBottom=!this.hasPanelTop&&this.hasPanelBottom}connectedCallback(){l(this)}disconnectedCallback(){s(this)}renderHeader(){return e("div",{hidden:!this.hasHeader},e("slot",{key:"header",name:k.header,onSlotchange:this.handleHeaderSlotChange}))}renderFooter(){return e("div",{class:z.footer,hidden:!this.hasFooter,key:"footer"},e("slot",{name:k.footer,onSlotchange:this.handleFooterSlotChange}))}renderAlerts(){return e("div",{hidden:!this.hasAlerts},e("slot",{key:"alerts",name:k.alerts,onSlotchange:this.handleAlertsSlotChange}))}renderSheets(){return e("div",{hidden:!this.hasSheets},e("slot",{key:"sheets",name:k.sheets,onSlotchange:this.handleSheetsSlotChange}))}renderModals(){return e("div",{hidden:!this.hasModals},e("slot",{key:"modals",name:k.modals,onSlotchange:this.handleModalsSlotChange}))}renderDialogs(){return e("div",{hidden:!this.hasDialogs},e("slot",{key:"dialogs",name:k.dialogs,onSlotchange:this.handleDialogsSlotChange}))}renderContent(){const{panelIsResizing:t}=this;const n=e("slot",{key:"default-slot"});const o=t?e("div",{class:z.contentNonInteractive},n):n;const a=e("slot",{key:"center-row-slot",name:k.centerRow});const i=e("slot",{key:"panel-bottom-slot",name:k.panelBottom,onSlotchange:this.handlePanelBottomChange});const l=e("slot",{key:"panel-top-slot",name:k.panelTop,onSlotchange:this.handlePanelTopChange});const s="content-container";const r=this.contentBehind?[e("div",{class:{[z.content]:true,[z.contentBehind]:true},key:s},o),e("div",{class:{[z.contentBehindCenterContent]:true,[z.contentBottom]:this.hasOnlyPanelBottom}},l,i,a)]:[e("div",{class:{[z.content]:true,[z.contentBottom]:this.hasOnlyPanelBottom},key:s},l,o,i,a)];return r}renderMain(){return e("div",{class:z.main},e("slot",{name:k.panelStart}),this.renderContent(),e("slot",{name:k.panelEnd}))}renderPositionedSlots(){return e("div",{class:z.positionedSlotWrapper},this.renderAlerts(),this.renderModals(),this.renderDialogs(),this.renderSheets())}render(){return e(n,{key:"6864b8b95b6edd871ad622b0d49a3f4a42a0a8a8"},this.renderHeader(),this.renderMain(),this.renderFooter(),this.renderPositionedSlots())}get el(){return o(this)}static get watchers(){return{hasPanelTop:["updateHasOnlyPanelBottom"],hasPanelBottom:["updateHasOnlyPanelBottom"]}}};S.style=H;const M={actionBarContainer:"action-bar-container",content:"content"};const D={actionBar:"action-bar"};const A=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{z-index:var(--calcite-z-index);display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px 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([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const I=A;const j=class{constructor(e){t(this,e);this.detached=false;this.heightScale="s";this.position="end"}connectedCallback(){l(this)}disconnectedCallback(){s(this)}componentWillLoad(){f.deprecated("component",{name:"shell-center-row",removalVersion:4,suggested:"shell-panel"})}render(){const{el:t}=this;const o=e("div",{key:"8e0d7519d5bc01805337748d7b96d7f32f5be5fb",class:M.content},e("slot",{key:"a8c07dc2518cca396b43de1372d188643dd8174b"}));const a=h(t,D.actionBar);const i=a?e("div",{class:M.actionBarContainer,key:"action-bar"},e("slot",{name:D.actionBar})):null;const l=[i,o];if(a?.position==="end"){l.reverse()}return e(n,{key:"b09007c50d4dcc62fb8b43402fa023918d82fe2c"},l)}get el(){return o(this)}};j.style=I;const E={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",floatContent:"float--content",contentOverlay:"content--overlay",separator:"separator",float:"float",floatAll:"float-all"};const L={actionBar:"action-bar",header:"header"};const W=":host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-detached-max-height:unset;--calcite-shell-panel-max-height:unset;--calcite-internal-shell-panel-shadow-block-start:0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-block-end:0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-start:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical][width-scale=s]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=s][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=m]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=m][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=l]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][width-scale=l][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal][height-scale=s]) .content{--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  )}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-min-height:var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 30vh)\n  )}:host([layout=horizontal][height-scale=l]) .content{--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 40vh)\n  )}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}.container *{box-sizing:border-box}.container.float-all{margin-block:0.5rem;margin-inline:0.5rem}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-color-border-3)}.separator{pointer-events:auto;position:absolute;display:flex;background-color:transparent;opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-color-border-2)}.separator:focus{background-color:var(--calcite-color-brand);opacity:1}:host([layout=vertical]) .separator{inset-block:0px;block-size:100%;inline-size:0.125rem;cursor:col-resize}:host([layout=horizontal][position=start]) .separator{inset-block-end:0px}:host([layout=horizontal][position=end]) .separator{inset-block-start:0px}:host([layout=horizontal]) .separator{inset-inline-end:0px;block-size:0.125rem;inline-size:100%;cursor:row-resize}:host([layout=vertical][position=start]) .separator{inset-inline-end:-2px}:host([layout=horizontal][position=start]) .separator{inset-block-end:-2px}:host([layout=vertical][position=end]) .separator{inset-inline-start:-2px}:host([layout=horizontal][position=end]) .separator{inset-block-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px 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([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem))}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:0.5rem}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]:not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]:not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]:not([display-mode=float-all])) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}";const P=W;const _=class{constructor(e){t(this,e);this.calciteInternalShellPanelResizeStart=a(this,"calciteInternalShellPanelResizeStart",6);this.calciteInternalShellPanelResizeEnd=a(this,"calciteInternalShellPanelResizeEnd",6);this.initialContentWidth=null;this.initialContentHeight=null;this.initialClientX=null;this.initialClientY=null;this.contentWidthMax=null;this.contentWidthMin=null;this.contentHeightMax=null;this.contentHeightMin=null;this.step=1;this.stepMultiplier=10;this.actionBars=[];this.storeContentEl=t=>{this.contentEl=t};this.getKeyAdjustedSize=t=>{const{key:e}=t;const{el:n,step:o,stepMultiplier:a,layout:i,contentWidthMin:l,contentWidthMax:s,initialContentWidth:r,initialContentHeight:c,contentHeightMin:h,contentHeightMax:p,position:f}=this;const x=o*a;const m=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(m.indexOf(e)>-1){t.preventDefault()}const b=d(n);const u=["ArrowLeft","ArrowRight"];const w=["ArrowDown","ArrowUp"];const v=b==="rtl"&&u.includes(e)?-1:1;const g=i==="horizontal"?f==="end"?e===w[1]||e===u[0]:e===w[0]||e===u[1]:e===w[1]||(f==="end"?e===u[0]:e===u[1]);if(g){const e=t.shiftKey?x:o;return i==="horizontal"?c+v*e:r+v*e}const y=i==="horizontal"?f==="end"?e===w[0]||e===u[0]:e===w[1]||e===u[1]:e===w[0]||(f==="end"?e===u[1]:e===u[0]);if(y){const e=t.shiftKey?x:o;return i==="horizontal"?c-v*e:r-v*e}if(e==="Home"&&i==="horizontal"&&typeof h==="number"){return h}if(e==="Home"&&i==="vertical"&&typeof l==="number"){return l}if(e==="End"&&i==="horizontal"&&typeof p==="number"){return p}if(e==="End"&&i==="vertical"&&typeof s==="number"){return s}if(e==="PageDown"){return i==="horizontal"?c-x:r-x}if(e==="PageUp"){return i==="horizontal"?c+x:r+x}return null};this.initialKeydownWidth=t=>{this.setInitialContentWidth();const e=this.getKeyAdjustedSize(t);if(typeof e==="number"){this.setContentWidth(e)}};this.initialKeydownHeight=t=>{this.setInitialContentHeight();const e=this.getKeyAdjustedSize(t);if(typeof e==="number"){this.setContentHeight(e)}};this.separatorKeyDown=t=>{this.layout==="horizontal"?this.initialKeydownHeight(t):this.initialKeydownWidth(t)};this.separatorPointerMove=t=>{t.preventDefault();const{el:e,layout:n,initialContentWidth:o,initialContentHeight:a,position:i,initialClientX:l,initialClientY:s}=this;const r=n==="horizontal"?t.clientY-s:t.clientX-l;const c=n==="vertical"&&d(e)==="rtl"?-1:1;const h=n==="horizontal"?i==="end"?-c*r:c*r:i==="end"?-c*r:c*r;n==="horizontal"?this.setContentHeight(a+h):this.setContentWidth(o+h)};this.separatorPointerUp=t=>{if(!p(t)){return}this.calciteInternalShellPanelResizeEnd.emit();t.preventDefault();window.removeEventListener("pointerup",this.separatorPointerUp);window.removeEventListener("pointermove",this.separatorPointerMove)};this.setInitialContentHeight=()=>{this.initialContentHeight=this.contentEl?.getBoundingClientRect().height};this.setInitialContentWidth=()=>{this.initialContentWidth=this.contentEl?.getBoundingClientRect().width};this.separatorPointerDown=t=>{if(!p(t)){return}this.calciteInternalShellPanelResizeStart.emit();t.preventDefault();const{separatorEl:e}=this;e&&document.activeElement!==e&&e.focus();if(this.layout==="horizontal"){this.setInitialContentHeight();this.initialClientY=t.clientY}else{this.setInitialContentWidth();this.initialClientX=t.clientX}window.addEventListener("pointerup",this.separatorPointerUp);window.addEventListener("pointermove",this.separatorPointerMove)};this.connectSeparator=t=>{this.disconnectSeparator();this.separatorEl=t;t?.addEventListener("pointerdown",this.separatorPointerDown)};this.disconnectSeparator=()=>{this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)};this.setActionBarsLayout=t=>{t.forEach((t=>t.layout=this.layout))};this.handleActionBarSlotChange=t=>{const e=c(t).filter((t=>t?.matches("calcite-action-bar")));this.actionBars=e;this.setActionBarsLayout(e)};this.handleHeaderSlotChange=t=>{this.hasHeader=r(t)};this.collapsed=false;this.detached=false;this.displayMode="dock";this.detachedHeightScale=undefined;this.heightScale=undefined;this.widthScale="m";this.layout="vertical";this.position="start";this.resizable=false;this.messages=undefined;this.messageOverrides=undefined;this.contentWidth=null;this.contentHeight=null;this.defaultMessages=undefined;this.effectiveLocale="";this.hasHeader=false}handleDetached(t){if(t){this.displayMode="float-content"}else if(this.displayMode==="float-content"||this.displayMode==="float"){this.displayMode="dock"}}handleDisplayMode(t){this.detached=t==="float-content"||t==="float"}handleDetachedHeightScale(t){this.heightScale=t}handleHeightScale(t){this.detachedHeightScale=t}layoutHandler(){this.setActionBarsLayout(this.actionBars)}onMessagesChange(){}connectedCallback(){l(this);x(this);u(this)}async componentWillLoad(){await w(this)}disconnectedCallback(){s(this);this.disconnectSeparator();m(this);v(this)}componentDidLoad(){this.updateAriaValues()}effectiveLocaleChange(){g(this,this.effectiveLocale)}renderHeader(){return e("div",{class:E.contentHeader,hidden:!this.hasHeader,key:"header"},e("slot",{name:L.header,onSlotchange:this.handleHeaderSlotChange}))}render(){const{collapsed:t,position:n,initialContentWidth:o,initialContentHeight:a,contentWidth:i,contentWidthMax:l,contentWidthMin:s,contentHeight:r,contentHeightMax:c,contentHeightMin:h,resizable:p,layout:f,displayMode:x}=this;const m=d(this.el);const b=x!=="float-content"&&x!=="float"&&p;const u=b?f==="horizontal"?r?{height:`${r}px`}:null:i?{width:`${i}px`}:null:null;const w=!t&&b?e("div",{"aria-label":this.messages.resize,"aria-orientation":f==="horizontal"?"vertical":"horizontal","aria-valuemax":f=="horizontal"?c:l,"aria-valuemin":f=="horizontal"?h:s,"aria-valuenow":f=="horizontal"?r??a:i??o,class:E.separator,key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null;const v=()=>{if(f==="horizontal"){return n==="start"?y.calciteAnimateInDown:y.calciteAnimateInUp}else{const t=m==="ltr"&&n==="end"||m==="rtl"&&n==="start";return t?y.calciteAnimateInLeft:y.calciteAnimateInRight}};const g=e("div",{class:{[y.rtl]:m==="rtl",[E.content]:true,[E.contentOverlay]:x==="overlay",[E.floatContent]:x==="float-content"||x==="float",[y.calciteAnimate]:x==="overlay",[v()]:x==="overlay"},hidden:t,key:"content",ref:this.storeContentEl,style:u},this.renderHeader(),e("div",{class:E.contentBody},e("slot",null)),w);const z=e("slot",{key:"action-bar",name:L.actionBar,onSlotchange:this.handleActionBarSlotChange});const k=[z,g];if(n==="end"){k.reverse()}return e("div",{class:{[E.container]:true,[E.floatAll]:x==="float-all"}},k)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:n}=this;const o=Math.round(t);this.contentWidth=typeof e==="number"&&typeof n==="number"?b(o,n,e):o}updateAriaValues(){const{contentEl:t}=this;const e=t&&getComputedStyle(t);if(!e){return}this.layout==="horizontal"?this.updateHeights(e):this.updateWidths(e);i(this)}setContentHeight(t){const{contentHeightMax:e,contentHeightMin:n}=this;const o=Math.round(t);this.contentHeight=typeof e==="number"&&typeof n==="number"?b(o,n,e):o}updateWidths(t){const e=parseInt(t.getPropertyValue("max-width"),10);const n=parseInt(t.getPropertyValue("min-width"),10);const o=parseInt(t.getPropertyValue("width"),10);if(typeof o==="number"&&!isNaN(o)){this.initialContentWidth=o}if(typeof e==="number"&&!isNaN(e)){this.contentWidthMax=e}if(typeof n==="number"&&!isNaN(n)){this.contentWidthMin=n}}updateHeights(t){const e=parseInt(t.getPropertyValue("max-height"),10);const n=parseInt(t.getPropertyValue("min-height"),10);const o=parseInt(t.getPropertyValue("height"),10);if(typeof o==="number"&&!isNaN(o)){this.initialContentHeight=o}if(typeof e==="number"&&!isNaN(e)){this.contentHeightMax=e}if(typeof n==="number"&&!isNaN(n)){this.contentHeightMin=n}}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{detached:["handleDetached"],displayMode:["handleDisplayMode"],detachedHeightScale:["handleDetachedHeightScale"],heightScale:["handleHeightScale"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};_.style=P;export{S as calcite_shell,j as calcite_shell_center_row,_ as calcite_shell_panel};
+//# sourceMappingURL=p-84a6771a.entry.js.map