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

package/dist/calcite/p-d8dcfc85.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.0-next.1
+ */
+import{r as e,c as t,h as i,g as s,F as a}from"./p-17581615.js";import{u as n,I as o}from"./p-176e985b.js";import{s as c,a as l,c as r}from"./p-ff633d19.js";import{c as d}from"./p-fbf41cbc.js";import{l as h}from"./p-e369ccb4.js";import{m as f,d as p,a as b,s as m,h as u,b as g,c as v,k as x,i as k,f as y,l as w,j as z,r as C,o as j,p as L,n as I,q as H,t as W,I as F,L as _,u as D,v as R,w as V,C as M,S}from"./p-36ef85c1.js";import{c as A,d as P}from"./p-4f800b41.js";import{e as T,t as U}from"./p-cbc54e80.js";import{H as K,c as O}from"./p-af2ce6e6.js";import{c as q,d as E}from"./p-a3136988.js";import{u as B,c as G,s as J,d as N}from"./p-62a45517.js";import"./p-6861beb6.js";import"./p-92a1d6d7.js";import"./p-5d583a26.js";import"./p-92e7212f.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-b92ebeef.js";const Q=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 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([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";const X=Q;h.deprecated("component",{name:"pick-list",removalVersion:3,suggested:"list"});const Y=class{constructor(i){e(this,i);this.calciteListChange=t(this,"calciteListChange",6);this.calciteListFilter=t(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=d("mutation",f.bind(this));this.setFilterEl=e=>{this.filterEl=e};this.setFilteredItems=e=>{this.filteredItems=e};this.deselectRemovedItems=p.bind(this);this.deselectSiblingItems=b.bind(this);this.selectSiblings=m.bind(this);this.handleFilter=u.bind(this);this.handleFilterEvent=g.bind(this);this.getItemData=v.bind(this);this.keyDownHandler=x.bind(this);this.disabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.headingLevel=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.selectedValues=new Map;this.dataForFilter=[]}connectedCallback(){k.call(this);y.call(this)}disconnectedCallback(){w.call(this)}componentWillLoad(){c(this)}componentDidLoad(){l(this);z.call(this)}componentDidRender(){n(this)}calciteListItemRemoveHandler(e){C.call(this,e)}calciteListItemChangeHandler(e){j.call(this,e)}calciteInternalListItemPropsChangeHandler(e){e.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(e){L.call(this,e);e.stopPropagation()}calciteListFocusOutHandler(e){I.call(this,e)}setUpItems(){H.call(this,"calcite-pick-list-item")}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}async getSelectedItems(){return this.selectedValues}async setFocus(e){await r(this);return W.call(this,e)}getIconType(){return this.multiple?F.square:F.circle}render(){return i(_,{key:"e4263b355c1ed5e577daaf243a73dabe67341d3c",onKeyDown:this.keyDownHandler,props:this})}get el(){return s(this)}};Y.style=X;const Z=":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-color-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";const $=Z;h.deprecated("component",{name:"pick-list-group",removalVersion:3,suggested:"list-item-group"});const ee=class{constructor(t){e(this,t);this.groupTitle=undefined;this.headingLevel=undefined}connectedCallback(){A(this)}disconnectedCallback(){P(this)}render(){const{el:e,groupTitle:t,headingLevel:s}=this;const n=T(e,D.parentItem)!==null;const o={[R.container]:true,[R.indented]:n};const c=t;const l=e.closest("calcite-pick-list")?.headingLevel;const r=l?O(l+1):null;const d=s||r;return i(a,{key:"ed20e87abe8e3b68153c0e132869953e379e76cd"},c?i(K,{class:R.heading,level:d},c):null,i("slot",{key:"cf2218ff15bf2d69ab1710bf7b272d0a32283bba",name:D.parentItem}),i("section",{key:"bbf9c988f97a38d8319feaf544090c35fb388f3e",class:o},i("slot",{key:"1a67fc5febf55333069ddc02577900f5e4e98171"})))}get el(){return s(this)}};ee.style=$;const te='@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{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover{background-color:var(--calcite-color-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-color-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-color-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-color-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot::before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot::before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}';const ie=te;h.deprecated("component",{name:"pick-list-item",removalVersion:3,suggested:"list-item"});const se=class{constructor(i){e(this,i);this.calciteListItemChange=t(this,"calciteListItemChange",6);this.calciteListItemRemove=t(this,"calciteListItemRemove",7);this.calciteInternalListItemPropsChange=t(this,"calciteInternalListItemPropsChange",6);this.calciteInternalListItemValueChange=t(this,"calciteInternalListItemValueChange",6);this.pickListClickHandler=e=>{if(this.disabled||this.deselectDisabled&&this.selected||this.nonInteractive){return}this.shiftPressed=e.shiftKey;this.selected=!this.selected};this.pickListKeyDownHandler=e=>{if(e.key===" "){e.preventDefault();if(this.deselectDisabled&&this.selected||this.nonInteractive){return}this.selected=!this.selected}};this.removeClickHandler=()=>{this.calciteListItemRemove.emit()};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.messageOverrides=undefined;this.messages=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}descriptionWatchHandler(){this.calciteInternalListItemPropsChange.emit()}labelWatchHandler(){this.calciteInternalListItemPropsChange.emit()}onMessagesChange(){}metadataWatchHandler(){this.calciteInternalListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed});this.shiftPressed=false}valueWatchHandler(e,t){this.calciteInternalListItemValueChange.emit({oldValue:t,newValue:e})}effectiveLocaleChange(){B(this,this.effectiveLocale)}connectedCallback(){q(this);G(this);A(this)}async componentWillLoad(){await J(this);c(this)}componentDidLoad(){l(this)}disconnectedCallback(){E(this);N(this);P(this)}componentDidRender(){n(this)}async toggleSelected(e){this.selected=typeof e==="boolean"?e:!this.selected}async setFocus(){await r(this);this.focusEl?.focus()}renderIcon(){const{icon:e,iconFlipRtl:t}=this;if(!e){return null}return i("span",{class:{[M.icon]:true,[M.iconDot]:e===F.circle},onClick:this.pickListClickHandler},e===F.square?i("calcite-icon",{flipRtl:t,icon:V.checked,scale:"s"}):null)}renderRemoveAction(){return this.removable?i("calcite-action",{class:M.remove,icon:V.remove,onClick:this.removeClickHandler,slot:S.actionsEnd,text:this.messages.remove}):null}renderActionsStart(){const{el:e}=this;const t=T(e,S.actionsStart);return t?i("div",{class:{[M.actions]:true,[M.actionsStart]:true}},i("slot",{name:S.actionsStart})):null}renderActionsEnd(){const{el:e,removable:t}=this;const s=T(e,S.actionsEnd);return s||t?i("div",{class:{[M.actions]:true,[M.actionsEnd]:true}},i("slot",{name:S.actionsEnd}),this.renderRemoveAction()):null}render(){const{description:e,label:t}=this;return i(o,{key:"57e66c1369a3f1a4caee6c443ee48ebc40648508",disabled:this.disabled},this.renderIcon(),this.renderActionsStart(),i("label",{key:"3fac517c19e5fb1a1ce90d66b397a6d9377b130e","aria-label":t,class:M.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,ref:e=>this.focusEl=e,tabIndex:0},i("div",{key:"6453bd48adcf5f61bbab4935824577ef1c541f42","aria-checked":U(this.selected),class:M.textContainer,role:"menuitemcheckbox"},i("span",{key:"775f7d8ab9f90812960f1146cea0ec8f9eb7889c",class:M.title},t),e?i("span",{class:M.description},e):null)),this.renderActionsEnd())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],defaultMessages:["onMessagesChange"],messageOverrides:["onMessagesChange"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"],effectiveLocale:["effectiveLocaleChange"]}}};se.style=ie;export{Y as calcite_pick_list,ee as calcite_pick_list_group,se as calcite_pick_list_item};
+//# sourceMappingURL=p-d8dcfc85.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pickListCss","CalcitePickListStyle0","logger","deprecated","name","removalVersion","suggested","PickList","this","lastSelectedItem","mutationObserver","createObserver","mutationObserverCallback","bind","setFilterEl","el","filterEl","setFilteredItems","filteredItems","deselectRemovedItems","deselectSiblingItems","selectSiblings","handleFilter","handleFilterEvent","getItemData","keyDownHandler","Map","connectedCallback","initialize","call","initializeObserver","disconnectedCallback","cleanUpObserver","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","handleInitialFilter","componentDidRender","updateHostInteraction","calciteListItemRemoveHandler","event","removeItem","calciteListItemChangeHandler","calciteInternalListItemPropsChangeHandler","stopPropagation","setUpFilter","calciteInternalListItemValueChangeHandler","calciteListFocusOutHandler","setUpItems","filterEnabled","dataForFilter","getSelectedItems","selectedValues","setFocus","focusId","componentFocusable","getIconType","multiple","ICON_TYPES","square","circle","render","h","List","key","onKeyDown","props","pickListGroupCss","CalcitePickListGroupStyle0","PickListGroup","connectConditionalSlotComponent","disconnectConditionalSlotComponent","groupTitle","headingLevel","hasParentItem","getSlotted","SLOTS","parentItem","sectionClasses","CSS","container","indented","title","parentLevel","closest","relativeLevel","constrainHeadingLevel","level","Fragment","Heading","class","heading","pickListItemCss","CalcitePickListItemStyle0","PickListItem","pickListClickHandler","disabled","deselectDisabled","selected","nonInteractive","shiftPressed","shiftKey","pickListKeyDownHandler","preventDefault","removeClickHandler","calciteListItemRemove","emit","descriptionWatchHandler","calciteInternalListItemPropsChange","labelWatchHandler","onMessagesChange","metadataWatchHandler","selectedWatchHandler","calciteListItemChange","item","value","valueWatchHandler","newValue","oldValue","calciteInternalListItemValueChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectLocalized","connectMessages","setUpMessages","disconnectLocalized","disconnectMessages","toggleSelected","coerce","focusEl","focus","renderIcon","icon","iconFlipRtl","iconDot","onClick","flipRtl","ICONS","checked","scale","renderRemoveAction","removable","remove","slot","actionsEnd","text","messages","renderActionsStart","hasActionsStart","actionsStart","actions","renderActionsEnd","hasActionsEnd","description","label","InteractiveContainer","ref","tabIndex","toAriaBoolean","textContainer","role"],"sources":["src/components/pick-list/pick-list.scss?tag=calcite-pick-list&encapsulation=shadow","src/components/pick-list/pick-list.tsx","src/components/pick-list-group/pick-list-group.scss?tag=calcite-pick-list-group&encapsulation=shadow","src/components/pick-list-group/pick-list-group.tsx","src/components/pick-list-item/pick-list-item.scss?tag=calcite-pick-list-item&encapsulation=shadow","src/components/pick-list-item/pick-list-item.tsx"],"sourcesContent":[":host {\n  @apply text-color-2\n    text-n1h\n    relative\n    box-border\n    flex\n    flex-shrink-0\n    flex-grow\n    flex-col\n    items-stretch\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n@include disabled();\n\n:host([filter-enabled]) header {\n  @apply bg-foreground-1\n    mb-1\n    flex\n    items-stretch\n    justify-end;\n  &.sticky-pos {\n    @apply sticky top-0 z-default;\n  }\n  @apply shadow-border-bottom;\n}\n\ncalcite-filter {\n  @apply mb-0;\n}\n\n:host([loading][disabled]) {\n  min-block-size: 2rem;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport { InteractiveComponent, updateHostInteraction } from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport type { ValueUnion } from \"../types\";\nimport { logger } from \"../../utils/logger\";\nimport { ICON_TYPES } from \"./resources\";\nimport {\n  calciteInternalListItemValueChangeHandler,\n  calciteListFocusOutHandler,\n  calciteListItemChangeHandler,\n  cleanUpObserver,\n  deselectRemovedItems,\n  deselectSiblingItems,\n  getItemData,\n  handleFilter,\n  handleFilterEvent,\n  handleInitialFilter,\n  initialize,\n  initializeObserver,\n  ItemData,\n  keyDownHandler,\n  ListFocusId,\n  mutationObserverCallback,\n  removeItem,\n  selectSiblings,\n  setFocus,\n  setUpItems,\n} from \"./shared-list-logic\";\nimport List from \"./shared-list-render\";\n\nlogger.deprecated(\"component\", {\n  name: \"pick-list\",\n  removalVersion: 3,\n  suggested: \"list\",\n});\n\n/**\n * @deprecated Use the `calcite-list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` or `calcite-pick-list-group` elements. Items are displayed as a vertical list.\n * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.\n */\n@Component({\n  tag: \"calcite-pick-list\",\n  styleUrl: \"pick-list.scss\",\n  shadow: true,\n})\nexport class PickList<\n    ItemElement extends HTMLCalcitePickListItemElement = HTMLCalcitePickListItemElement,\n  >\n  implements InteractiveComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The component's filtered items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalcitePickListItemElement[] = [];\n\n  /**\n   * The component's filtered data.\n   *\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * Placeholder text for the filter input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the filter input field.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Similar to standard radio buttons and checkboxes.\n   * When `true`, a user can select multiple `calcite-pick-list-item`s at a time.\n   * When `false`, only a single `calcite-pick-list-item` can be selected at a time,\n   * and a new selection will deselect previous selections.\n   */\n  @Prop({ reflect: true }) multiple = false;\n\n  /**\n   * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.\n   */\n  @Prop({ reflect: true }) selectionFollowsFocus = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListElement;\n\n  @State() selectedValues: Map<string, ItemElement> = new Map();\n\n  @State() dataForFilter: ItemData = [];\n\n  items: ItemElement[];\n\n  lastSelectedItem: ItemElement = null;\n\n  mutationObserver = createObserver(\"mutation\", mutationObserverCallback.bind(this));\n\n  emitCalciteListChange: () => void;\n\n  emitCalciteListFilter: () => void;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    initialize.call(this);\n    initializeObserver.call(this);\n  }\n\n  disconnectedCallback(): void {\n    cleanUpObserver.call(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    handleInitialFilter.call(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the `calcite-pick-list-item` selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<\n    Map<string, HTMLCalcitePickListItemElement>\n  >;\n\n  /**\n   * Emits when a filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  @Listen(\"calciteListItemRemove\")\n  calciteListItemRemoveHandler(event: CustomEvent<void>): void {\n    removeItem.call(this, event);\n  }\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    calciteListItemChangeHandler.call(this, event);\n  }\n\n  @Listen(\"calciteInternalListItemPropsChange\")\n  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void {\n    event.stopPropagation();\n    this.setUpFilter();\n  }\n\n  @Listen(\"calciteInternalListItemValueChange\")\n  calciteInternalListItemValueChangeHandler(event: CustomEvent): void {\n    calciteInternalListItemValueChangeHandler.call(this, event);\n    event.stopPropagation();\n  }\n\n  @Listen(\"focusout\")\n  calciteListFocusOutHandler(event: FocusEvent): void {\n    calciteListFocusOutHandler.call(this, event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setUpItems(): void {\n    setUpItems.call(this, \"calcite-pick-list-item\");\n  }\n\n  setUpFilter(): void {\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n    }\n  }\n\n  setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n  };\n\n  setFilteredItems = (filteredItems: any[]): void => {\n    this.filteredItems = filteredItems;\n  };\n\n  deselectRemovedItems = deselectRemovedItems.bind(this);\n\n  deselectSiblingItems = deselectSiblingItems.bind(this);\n\n  selectSiblings = selectSiblings.bind(this);\n\n  handleFilter = handleFilter.bind(this);\n\n  handleFilterEvent = handleFilterEvent.bind(this);\n\n  getItemData = getItemData.bind(this);\n\n  keyDownHandler = keyDownHandler.bind(this);\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Returns the component's selected `calcite-pick-list-item`s. */\n  @Method()\n  async getSelectedItems(): Promise<Map<string, HTMLCalcitePickListItemElement>> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @param focusId\n   */\n  @Method()\n  async setFocus(focusId?: ListFocusId): Promise<void> {\n    await componentFocusable(this);\n\n    return setFocus.call(this, focusId);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getIconType(): ValueUnion<typeof ICON_TYPES> {\n    return this.multiple ? ICON_TYPES.square : ICON_TYPES.circle;\n  }\n\n  render(): VNode {\n    return <List onKeyDown={this.keyDownHandler} props={this} />;\n  }\n}\n",":host {\n  @apply text-color-2\n    text-n1\n    mb-1\n    box-border\n    block\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n:host(:last-child) {\n  @apply mb-0;\n}\n\n@import \"../../assets/styles/header\";\n\n.heading {\n  @apply text-0h text-n1-wrap\n    text-color-3\n    my-2\n    mx-4;\n}\n\n.container--indented {\n  margin-inline-start: theme(\"margin.6\");\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { constrainHeadingLevel, Heading, HeadingLevel } from \"../functional/Heading\";\nimport { logger } from \"../../utils/logger\";\nimport { CSS, SLOTS } from \"./resources\";\n\nlogger.deprecated(\"component\", {\n  name: \"pick-list-group\",\n  removalVersion: 3,\n  suggested: \"list-item-group\",\n});\n\n/**\n * @deprecated Use the `calcite-list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` elements.\n */\n@Component({\n  tag: \"calcite-pick-list-group\",\n  styleUrl: \"pick-list-group.scss\",\n  shadow: true,\n})\nexport class PickListGroup implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the title for all nested `calcite-pick-list-item`s.\n   *\n   */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListGroupElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el, groupTitle, headingLevel } = this;\n    const hasParentItem = getSlotted(el, SLOTS.parentItem) !== null;\n    const sectionClasses = {\n      [CSS.container]: true,\n      [CSS.indented]: hasParentItem,\n    };\n\n    const title = groupTitle;\n    const parentLevel = el.closest(\"calcite-pick-list\")?.headingLevel;\n    const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;\n    const level = headingLevel || relativeLevel;\n\n    return (\n      <Fragment>\n        {title ? (\n          <Heading class={CSS.heading} level={level}>\n            {title}\n          </Heading>\n        ) : null}\n        <slot name={SLOTS.parentItem} />\n        <section class={sectionClasses}>\n          <slot />\n        </section>\n      </Fragment>\n    );\n  }\n}\n",":host {\n  @apply bg-foreground-1\n    text-n1\n    text-color-1\n    shadow-border-bottom\n    bg-foreground-1\n    text-n1h\n    m-0\n    mb-px\n    box-border\n    flex\n    items-stretch;\n  transition: background-color var(--calcite-animation-timing);\n  animation: calcite-fade-in var(--calcite-animation-timing);\n\n  * {\n    @apply box-border;\n  }\n}\n\n.label {\n  @apply focus-base\n    flex\n    flex-auto\n    cursor-pointer\n    items-center\n    bg-transparent;\n  &:focus {\n    @apply focus-inset;\n  }\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n:host([non-interactive]:hover) {\n  @apply bg-foreground-1;\n}\n\n:host([non-interactive]) .label,\n:host([non-interactive]) .icon {\n  @apply pointer-events-none;\n}\n\n.icon {\n  @apply my-0 flex cursor-pointer items-center p-1;\n  color: theme(\"colors.brand\");\n  flex: 0 0 auto;\n  line-height: 0;\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n.icon-dot {\n  @apply flex w-6 items-center p-2;\n  &::before {\n    @apply opacity-0;\n    content: \"\\2022\";\n  }\n}\n\n.icon calcite-icon {\n  @apply opacity-0;\n}\n\n:host([selected]) .icon-dot::before,\n:host([selected]) .icon calcite-icon {\n  transition: opacity var(--calcite-animation-timing);\n  @apply opacity-100;\n}\n\n.text-container {\n  @apply text-n2-wrap\n    word-break\n    pointer-events-none\n    flex\n    flex-col\n    flex-nowrap\n    overflow-hidden\n    py-2\n    px-3;\n}\n\n.title {\n  @apply text-color-1 font-normal;\n}\n\n.description {\n  @apply text-color-3 mt-0.5 font-normal;\n}\n\n.actions {\n  @apply m-0 flex flex-initial items-stretch justify-end;\n}\n\n.actions--start ~ .label {\n  padding-inline-start: theme(\"padding.1\");\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { logger } from \"../../utils/logger\";\nimport { PickListItemMessages } from \"./assets/pick-list-item/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\nlogger.deprecated(\"component\", {\n  name: \"pick-list-item\",\n  removalVersion: 3,\n  suggested: \"list-item\",\n});\n\n/**\n * @deprecated Use the `calcite-list` component instead.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.\n */\n@Component({\n  tag: \"calcite-pick-list-item\",\n  styleUrl: \"pick-list-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class PickListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * A description for the component that displays below the label text.\n   */\n  @Prop({ reflect: true }) description: string;\n\n  @Watch(\"description\")\n  descriptionWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When `false`, the component cannot be deselected by user interaction.\n   */\n  @Prop({ reflect: true }) deselectDisabled = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true }) nonInteractive = false;\n\n  /**\n   * Determines the icon SVG symbol that will be shown. Options are `\"circle\"`, `\"square\"`, `\"grip\"` or `null`.\n   *\n   * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/dev/src/components/pick-list/resources.ts#L5)\n   */\n  @Prop({ reflect: true }) icon: ICON_TYPES | null = null;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Label and accessible name for the component. Appears next to the icon.\n   */\n  @Prop({ reflect: true }) label!: string;\n\n  @Watch(\"label\")\n  labelWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<PickListItemMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: PickListItemMessages;\n\n  @Watch(\"defaultMessages\")\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent list.\n   */\n  @Prop() metadata: Record<string, unknown>;\n\n  @Watch(\"metadata\")\n  metadataWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n\n  /**\n   * When `true`, displays a remove action that removes the item from the list.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, selects an item. Toggles when an item is checked/unchecked.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedWatchHandler(): void {\n    this.calciteListItemChange.emit({\n      item: this.el,\n      value: this.value,\n      selected: this.selected,\n      shiftPressed: this.shiftPressed,\n    });\n\n    this.shiftPressed = false;\n  }\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  @Watch(\"value\")\n  valueWatchHandler(newValue: any, oldValue: any): void {\n    this.calciteInternalListItemValueChange.emit({ oldValue, newValue });\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListItemElement;\n\n  private focusEl: HTMLLabelElement;\n\n  shiftPressed: boolean;\n\n  @State() defaultMessages: PickListItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    connectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is selected or unselected.\n   */\n  @Event({ cancelable: false }) calciteListItemChange: EventEmitter<{\n    item: HTMLCalcitePickListItemElement;\n    value: any;\n    selected: boolean;\n    shiftPressed: boolean;\n  }>;\n\n  /**\n   * Fires when the remove button is pressed.\n   */\n  @Event({ cancelable: true }) calciteListItemRemove: EventEmitter<void>;\n\n  /**\n   * Emits when the component's label, description, value, or metadata properties are modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemPropsChange: EventEmitter<void>;\n\n  /**\n   * Emits when the component's value property is modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemValueChange: EventEmitter<{\n    oldValue: any;\n    newValue: any;\n  }>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggles the selection state. By default this won't trigger an event.\n   * The first argument allows the value to be coerced, rather than swapping values.\n   *\n   * @param coerce\n   */\n  @Method()\n  async toggleSelected(coerce?: boolean): Promise<void> {\n    this.selected = typeof coerce === \"boolean\" ? coerce : !this.selected;\n  }\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.focusEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  pickListClickHandler = (event: MouseEvent): void => {\n    if (this.disabled || (this.deselectDisabled && this.selected) || this.nonInteractive) {\n      return;\n    }\n\n    this.shiftPressed = event.shiftKey;\n    this.selected = !this.selected;\n  };\n\n  pickListKeyDownHandler = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      event.preventDefault();\n      if ((this.deselectDisabled && this.selected) || this.nonInteractive) {\n        return;\n      }\n      this.selected = !this.selected;\n    }\n  };\n\n  removeClickHandler = (): void => {\n    this.calciteListItemRemove.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderIcon(): VNode {\n    const { icon, iconFlipRtl } = this;\n\n    if (!icon) {\n      return null;\n    }\n\n    return (\n      <span\n        class={{\n          [CSS.icon]: true,\n          [CSS.iconDot]: icon === ICON_TYPES.circle,\n        }}\n        onClick={this.pickListClickHandler}\n      >\n        {icon === ICON_TYPES.square ? (\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.checked} scale=\"s\" />\n        ) : null}\n      </span>\n    );\n  }\n\n  renderRemoveAction(): VNode {\n    return this.removable ? (\n      <calcite-action\n        class={CSS.remove}\n        icon={ICONS.remove}\n        onClick={this.removeClickHandler}\n        slot={SLOTS.actionsEnd}\n        text={this.messages.remove}\n      />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsStart]: true }}>\n        <slot name={SLOTS.actionsStart} />\n      </div>\n    ) : null;\n  }\n\n  renderActionsEnd(): VNode {\n    const { el, removable } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd || removable ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsEnd]: true }}>\n        <slot name={SLOTS.actionsEnd} />\n        {this.renderRemoveAction()}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { description, label } = this;\n\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        {this.renderIcon()}\n        {this.renderActionsStart()}\n        <label\n          aria-label={label}\n          class={CSS.label}\n          onClick={this.pickListClickHandler}\n          onKeyDown={this.pickListKeyDownHandler}\n          ref={(focusEl): HTMLLabelElement => (this.focusEl = focusEl)}\n          tabIndex={0}\n        >\n          <div\n            aria-checked={toAriaBoolean(this.selected)}\n            class={CSS.textContainer}\n            role=\"menuitemcheckbox\"\n          >\n            <span class={CSS.title}>{label}</span>\n            {description ? <span class={CSS.description}>{description}</span> : null}\n          </div>\n        </label>\n        {this.renderActionsEnd()}\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-d90ec26a.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.0-next.1
+ */
+import{d as e}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var m={name:"id",weekdays:"Minggu_Senin_Selasa_Rabu_Kamis_Jumat_Sabtu".split("_"),months:"Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_November_Desember".split("_"),weekdaysShort:"Min_Sen_Sel_Rab_Kam_Jum_Sab".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Mei_Jun_Jul_Agt_Sep_Okt_Nov_Des".split("_"),weekdaysMin:"Mg_Sn_Sl_Rb_Km_Jm_Sb".split("_"),weekStart:1,formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},relativeTime:{future:"dalam %s",past:"%s yang lalu",s:"beberapa detik",m:"semenit",mm:"%d menit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"},ordinal:function e(m){return m+"."}};e.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-d90ec26a.js.map

package/dist/calcite/p-d95c083d.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.0-next.1
+ */
+import{r as e,c as t,h as o,g as i}from"./p-17581615.js";import{c as n,d as s}from"./p-4f800b41.js";import{h as a,e as c}from"./p-cbc54e80.js";import{s as l,a as r,c as d}from"./p-ff633d19.js";import{c as h,d as f}from"./p-a3136988.js";import{c as p,d as g,s as m,u as b}from"./p-62a45517.js";import{K as u}from"./p-b6a71674.js";import{o as k}from"./p-50fa027f.js";import{g as v}from"./p-02522147.js";import"./p-fbf41cbc.js";import"./p-6861beb6.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-b92ebeef.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;max-block-size:0;transition-property:opacity, max-block-size;transition-duration:var(--calcite-animation-timing);text-align:start;border-inline-start:var(--calcite-border-width-md) solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;max-block-size:100%;align-items:center;opacity:1;--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)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=z;const j=class{constructor(o){e(this,o);this.calciteNoticeBeforeClose=t(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=t(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=t(this,"calciteNoticeClose",6);this.calciteNoticeOpen=t(this,"calciteNoticeOpen",6);this.setTransitionEl=e=>{this.transitionEl=e};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){k(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=a(u,this.icon,this.kind)}connectedCallback(){n(this);h(this);p(this)}disconnectedCallback(){s(this);f(this);g(this)}async componentWillLoad(){l(this);this.requestedIcon=a(u,this.icon,this.kind);await m(this);if(this.open){k(this)}}componentDidLoad(){r(this)}render(){const{el:e}=this;const t=o("button",{key:"e1ec4828ecbafbba66480994b7ffe3afeb3c9753","aria-label":this.messages.close,class:w.close,onClick:this.close,ref:e=>this.closeButton=e},o("calcite-icon",{key:"de50d43c230545b200d47539dfbd5be5b73e52d0",icon:"x",scale:v(this.scale)}));const i=c(e,x.actionsEnd);return o("div",{key:"c57ca2818fd2ad1982fd3a8ed6415d9128c600a7",class:w.container,ref:this.setTransitionEl},this.requestedIcon?o("div",{class:w.icon},o("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:v(this.scale)})):null,o("div",{key:"21f12ae09a6a63ead2c992013f594770d13f8dbc",class:w.content},o("slot",{key:"ed278d0ab08c60e492e019a362380e087a33f3fb",name:x.title}),o("slot",{key:"d442f6b53b5f6002c3bee92376405fc4bca2778c",name:x.message}),o("slot",{key:"5f3da8bf6b6a3b87aa45d417ebf514918b8b2b5b",name:x.link})),i?o("div",{class:w.actionsEnd},o("slot",{name:x.actionsEnd})):null,this.closable?t:null)}async setFocus(){await d(this);const e=this.el.querySelector("calcite-link");if(!this.closeButton&&!e){return}if(e){return e.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){b(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=y;export{j as calcite_notice};
+//# sourceMappingURL=p-d95c083d.entry.js.map

package/dist/calcite/p-de896077.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.0-next.1
+ */
+import{h as t,r as i,c as e,H as s,g as o}from"./p-17581615.js";import{c as n}from"./p-bac694f0.js";import{f as c,e as a}from"./p-f602db57.js";import{C as l,E as r,F as h,t as d,e as p}from"./p-cbc54e80.js";import{d as f,f as b,c as u,r as m,a as g,F as x}from"./p-23ea44e9.js";import{s as v,c as y,a as w,d as C,H as k}from"./p-48c46ebf.js";import{g as I}from"./p-3cf89117.js";import{u as z,I as $}from"./p-176e985b.js";import{c as E,d as S,g as H}from"./p-f099b69b.js";import{b as A,c as D,s as M,a as j}from"./p-ff633d19.js";import{c as O,d as P}from"./p-a3136988.js";import{c as L}from"./p-fbf41cbc.js";import{o as T}from"./p-50fa027f.js";import{D as F}from"./p-d32e5254.js";import{c as B,s as R,d as V,u as W}from"./p-62a45517.js";import{g as G,c as U}from"./p-02522147.js";import{V as _}from"./p-658e49d1.js";import{i as X}from"./p-6861beb6.js";import{d as K}from"./p-92e7212f.js";import{c as N,d as q}from"./p-4f800b41.js";import"./p-b92ebeef.js";const J={button:"x-button"};const Q=({disabled:i,key:e,label:s,onClick:o,ref:n,scale:c})=>t("button",{"aria-label":s,class:J.button,disabled:i,key:e,onClick:o,ref:n,tabIndex:-1,type:"button"},t("calcite-icon",{icon:"x",scale:G(c)}));const Y="CALCITE-COMBOBOX-ITEM";const Z="CALCITE-COMBOBOX-ITEM-GROUP";const tt=`${Y}, ${Z}`;const it={input:"input",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){this.toggleSelection(this.filteredItems[this.activeItemIndex]);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.toggleCloseEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxClose",this.toggleCloseEnd)};this.toggleOpenEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxOpen",this.toggleOpenEnd)};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();S(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=!t.selected){if(!t||this.selectionMode==="single-persist"&&t.selected&&t.value===this.value){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;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":H(this),"aria-owns":`${mt}${i}`,class:{[it.input]:true,"input--single":true,"input--hidden":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:"e3546770ecea2da60e609bae727063ecf0f86c09",onClick:this.comboboxFocusHandler},t($,{key:"08f7aef177f2a8ff574207a053aa6ab50227e6ea",disabled:this.disabled},t("div",{key:"9ca2ffba2574c68f44d273a4f3100b126ae4e8a7","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:"8ebab29a4e1e5593c013e09c98b0887baa63fd57",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:"899d41cd36208f95136630ff1542ad7aa35a6cfa","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:"3f6bdef3791e21795c0264152a3f6bf083471f6d",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:"7c51298566212fcd05ef8b8501d04f13d4fcdf9d","aria-hidden":"true","aria-label":d},t($,{key:"22595e750767608a237fd7b71b5d656bd7243666",disabled:i},t("div",{key:"4d185f7be812d73247f9074b984d4c86d5c3b502",class:{[vt.container]:true,[vt.scale(this.scale)]:true},style:{"--calcite-combobox-item-spacing-indent-multiplier":`${b}`}},t("li",{key:"4796854efab8c5e23c392e6ec240f26d098d2e52",class:f,id:this.guid,onClick:this.itemClickHandler},this.renderSelectIndicator(p,h),this.renderIcon(h),t("div",{key:"9118dee263029bb20a08b96c6773327f81f89bdd",class:vt.centerContent},t("div",{key:"814f8d2859a4eba9c57ea87b67462a37bffbd6aa",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:"20e4826509688f82b630d600ff2fcf6ffe832b22",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:"e57f7805f680b7d8b89f1f72c98197d81ad743dd","aria-labelledby":this.guid,class:{[It.list]:true,[`scale--${e}`]:true},role:"group"},t("li",{key:"45ab46a79eb035a0785ea9d2665a3fce8cf7c183",class:{[It.label]:true},id:this.guid,role:"presentation",style:{"--calcite-combobox-item-spacing-indent-multiplier":`${s}`}},t("span",{key:"380bfd8d85a132df1252e88971adca1b50104801",class:It.title},this.label)),t("slot",{key:"e0fd9bec45fc259ee2b439a0b80665c742fb5632"}))}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-de896077.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","button","XButton","disabled","key","label","onClick","ref","scale","h","class","tabIndex","type","icon","getIconScale","ComboboxItem","ComboboxItemGroup","ComboboxChildSelector","input","chipInvisible","selectionDisplayFit","selectionDisplaySingle","listContainer","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","toggleCloseEnd","removeEventListener","toggleOpenEnd","async","listContainerEl","referenceEl","reposition","maxScrollerHeight","getMaxScrollerHeight","style","maxHeight","minWidth","clientWidth","calciteChipCloseHandler","comboboxItem","selection","find","calciteComboboxChipClose","emit","clickHandler","composedPath","some","classList","contains","XButtonCSS","componentLoaded","allSelectedIndicatorChipEl","chipContainerEl","placeholder","selectedIndicatorChipEl","chipContainerElGap","parseInt","getComputedStyle","gap","replace","chipContainerElWidth","getElementWidth","fontSize","fontFamily","inputTextWidth","getTextWidth","inputWidth","calciteSize48","allSelectedIndicatorChipElWidth","selectedIndicatorChipElWidth","largestSelectedIndicatorChipWidth","Math","max","setCompactSelectionDisplay","chipEls","Array","from","shadowRoot","chipEl","closable","availableHorizontalChipElSpace","round","refreshChipDisplay","setVisibleAndHiddenChips","setFloatingEl","floatingEl","connectFloatingUI","setContainerEl","observe","transitionEl","setChipContainerEl","setReferenceEl","setAllSelectedIndicatorChipEl","setSelectedIndicatorChipEl","inputHandler","target","filteredData","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","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","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  onClick,\n  ref,\n  scale,\n}): VNode => (\n  <button\n    aria-label={label}\n    class={CSS.button}\n    disabled={disabled}\n    key={key}\n    onClick={onClick}\n    ref={ref}\n    tabIndex={-1}\n    type=\"button\"\n  >\n    <calcite-icon icon=\"x\" scale={getIconScale(scale)} />\n  </button>\n);\n","export const ComboboxItem = \"CALCITE-COMBOBOX-ITEM\";\nexport const ComboboxItemGroup = \"CALCITE-COMBOBOX-ITEM-GROUP\";\nexport const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;\n\nexport const CSS = {\n  input: \"input\",\n  chipInvisible: \"chip--invisible\",\n  selectionDisplayFit: \"selection-display-fit\",\n  selectionDisplaySingle: \"selection-display-single\",\n  listContainer: \"list-container\",\n  icon: \"icon\",\n  placeholderIcon: \"placeholder-icon\",\n  selectedIcon: \"selected-icon\",\n};\n\nexport const IDS = {\n  validationMessage: \"comboboxValidationMessage\",\n};\n","import { nodeListToArray } from \"../../utils/dom\";\nimport { isBrowser } from \"../../utils/browser\";\nimport { ComboboxChildElement } from \"./interfaces\";\nimport { ComboboxChildSelector } from \"./resources\";\nimport { Combobox } from \"./combobox\";\n\nexport function getAncestors(element: HTMLElement): ComboboxChildElement[] {\n  const parent: ComboboxChildElement = element.parentElement?.closest(ComboboxChildSelector);\n  const grandparent: ComboboxChildElement = parent?.parentElement?.closest(ComboboxChildSelector);\n  return [parent, grandparent].filter((el) => el);\n}\n\nexport function getItemAncestors(item: HTMLCalciteComboboxItemElement): HTMLCalciteComboboxItemElement[] {\n  return (\n    (item.ancestors?.filter((el) => el.nodeName === \"CALCITE-COMBOBOX-ITEM\") as HTMLCalciteComboboxItemElement[]) || []\n  );\n}\n\nexport function getItemChildren(item: HTMLCalciteComboboxItemElement): HTMLCalciteComboboxItemElement[] {\n  return nodeListToArray(item.querySelectorAll(\"calcite-combobox-item\"));\n}\n\nexport function hasActiveChildren(node: HTMLCalciteComboboxItemElement): boolean {\n  const items = nodeListToArray(node.querySelectorAll(\"calcite-combobox-item\"));\n  return items.filter((item) => item.selected).length > 0;\n}\n\nexport function getDepth(element: HTMLElement): number {\n  if (!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   * Defines the available placements that can be used when a flip occurs.\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          this.toggleSelection(this.filteredItems[this.activeItemIndex]);\n          event.preventDefault();\n        } else if (this.activeChipIndex > -1) {\n          this.removeActiveChip();\n          event.preventDefault();\n        } else if (this.allowCustomValues && this.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  private toggleCloseEnd = (): void => {\n    this.open = false;\n    this.el.removeEventListener(\"calciteComboboxClose\", this.toggleCloseEnd);\n  };\n\n  private toggleOpenEnd = (): void => {\n    this.open = false;\n    this.el.removeEventListener(\"calciteComboboxOpen\", this.toggleOpenEnd);\n  };\n\n  onBeforeOpen(): void {\n    this.scrollToActiveItem();\n    this.calciteComboboxBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteComboboxOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteComboboxBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteComboboxClose.emit();\n  }\n\n  setMaxScrollerHeight = async (): Promise<void> => {\n    const { listContainerEl, open, referenceEl } = this;\n\n    if (!listContainerEl || !open) {\n      return;\n    }\n\n    await this.reposition(true);\n    const maxScrollerHeight = this.getMaxScrollerHeight();\n    listContainerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : \"\";\n    listContainerEl.style.minWidth = `${referenceEl.clientWidth}px`;\n    await this.reposition(true);\n  };\n\n  calciteChipCloseHandler = (comboboxItem: HTMLCalciteComboboxItemElement): void => {\n    this.open = false;\n\n    const selection = this.items.find((item) => item === comboboxItem);\n\n    if (selection) {\n      this.toggleSelection(selection, false);\n    }\n\n    this.calciteComboboxChipClose.emit();\n  };\n\n  clickHandler = (event: MouseEvent): void => {\n    if (this.readOnly) {\n      return;\n    }\n\n    const composedPath = event.composedPath();\n\n    if (composedPath.some((node: HTMLElement) => node.tagName === \"CALCITE-CHIP\")) {\n      this.open = false;\n      event.preventDefault();\n      return;\n    }\n\n    if (composedPath.some((node: HTMLElement) => node.classList?.contains(XButtonCSS.button))) {\n      this.clearValue();\n      event.preventDefault();\n      return;\n    }\n\n    this.open = !this.open;\n    this.ensureRecentSelectedItemIsActive();\n  };\n\n  private ensureRecentSelectedItemIsActive(): void {\n    const { selectedItems } = this;\n    const targetIndex =\n      selectedItems.length === 0 ? 0 : this.items.indexOf(selectedItems[selectedItems.length - 1]);\n\n    this.updateActiveItemIndex(targetIndex);\n  }\n\n  private hideChip(chipEl: HTMLCalciteChipElement): void {\n    chipEl.classList.add(CSS.chipInvisible);\n  }\n\n  private showChip(chipEl: HTMLCalciteChipElement): void {\n    chipEl.classList.remove(CSS.chipInvisible);\n  }\n\n  private refreshChipDisplay({\n    chipEls,\n    availableHorizontalChipElSpace,\n    chipContainerElGap,\n  }): void {\n    chipEls.forEach((chipEl: HTMLCalciteChipElement) => {\n      if (!chipEl.selected) {\n        this.hideChip(chipEl);\n      } else {\n        const chipElWidth = getElementWidth(chipEl);\n        if (chipElWidth && chipElWidth < availableHorizontalChipElSpace) {\n          availableHorizontalChipElSpace -= chipElWidth + chipContainerElGap;\n          this.showChip(chipEl);\n          return;\n        }\n      }\n      this.hideChip(chipEl);\n    });\n  }\n\n  private refreshSelectionDisplay = async () => {\n    await componentLoaded(this);\n\n    if (isSingleLike(this.selectionMode)) {\n      return;\n    }\n\n    if (!this.textInput) {\n      return;\n    }\n\n    const {\n      allSelectedIndicatorChipEl,\n      chipContainerEl,\n      selectionDisplay,\n      placeholder,\n      selectedIndicatorChipEl,\n      textInput,\n    } = this;\n\n    const chipContainerElGap = parseInt(getComputedStyle(chipContainerEl).gap.replace(\"px\", \"\"));\n    const chipContainerElWidth = getElementWidth(chipContainerEl);\n    const { fontSize, fontFamily } = getComputedStyle(textInput);\n    const inputTextWidth = getTextWidth(placeholder, `${fontSize} ${fontFamily}`);\n    const inputWidth = (inputTextWidth || parseInt(calciteSize48)) + chipContainerElGap;\n    const allSelectedIndicatorChipElWidth = getElementWidth(allSelectedIndicatorChipEl);\n    const selectedIndicatorChipElWidth = getElementWidth(selectedIndicatorChipEl);\n    const largestSelectedIndicatorChipWidth = Math.max(\n      allSelectedIndicatorChipElWidth,\n      selectedIndicatorChipElWidth,\n    );\n\n    this.setCompactSelectionDisplay({\n      chipContainerElGap,\n      chipContainerElWidth,\n      inputWidth,\n      largestSelectedIndicatorChipWidth,\n    });\n\n    if (selectionDisplay === \"fit\") {\n      const chipEls = Array.from(this.el.shadowRoot.querySelectorAll(\"calcite-chip\")).filter(\n        (chipEl) => chipEl.closable,\n      );\n\n      const availableHorizontalChipElSpace = Math.round(\n        chipContainerElWidth -\n          ((this.selectedHiddenChipsCount > 0 ? selectedIndicatorChipElWidth : 0) +\n            chipContainerElGap +\n            inputWidth +\n            chipContainerElGap),\n      );\n\n      this.refreshChipDisplay({ availableHorizontalChipElSpace, chipContainerElGap, chipEls });\n      this.setVisibleAndHiddenChips(chipEls);\n    }\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  private setCompactSelectionDisplay({\n    chipContainerElGap,\n    chipContainerElWidth,\n    inputWidth,\n    largestSelectedIndicatorChipWidth,\n  }): void {\n    const newCompactBreakpoint = Math.round(\n      largestSelectedIndicatorChipWidth + chipContainerElGap + inputWidth,\n    );\n    if (!this.maxCompactBreakpoint || this.maxCompactBreakpoint < newCompactBreakpoint) {\n      this.maxCompactBreakpoint = newCompactBreakpoint;\n    }\n    this.compactSelectionDisplay = chipContainerElWidth < this.maxCompactBreakpoint;\n  }\n\n  setContainerEl = (el: HTMLDivElement): void => {\n    this.resizeObserver.observe(el);\n    this.listContainerEl = el;\n    this.transitionEl = el;\n  };\n\n  setChipContainerEl = (el: HTMLDivElement): void => {\n    this.resizeObserver.observe(el);\n    this.chipContainerEl = el;\n  };\n\n  setReferenceEl = (el: HTMLDivElement): void => {\n    this.referenceEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  setAllSelectedIndicatorChipEl = (el: HTMLCalciteChipElement): void => {\n    this.allSelectedIndicatorChipEl = el;\n  };\n\n  setSelectedIndicatorChipEl = (el: HTMLCalciteChipElement): void => {\n    this.selectedIndicatorChipEl = el;\n  };\n\n  private setVisibleAndHiddenChips(chipEls: HTMLCalciteChipElement[]): void {\n    let newSelectedVisibleChipsCount = 0;\n    chipEls.forEach((chipEl) => {\n      if (chipEl.selected && !chipEl.classList.contains(CSS.chipInvisible)) {\n        newSelectedVisibleChipsCount++;\n      }\n    });\n    if (newSelectedVisibleChipsCount !== this.selectedVisibleChipsCount) {\n      this.selectedVisibleChipsCount = newSelectedVisibleChipsCount;\n    }\n    const newSelectedHiddenChipsCount =\n      this.getSelectedItems().length - newSelectedVisibleChipsCount;\n    if (newSelectedHiddenChipsCount !== this.selectedHiddenChipsCount) {\n      this.selectedHiddenChipsCount = newSelectedHiddenChipsCount;\n    }\n  }\n\n  private getMaxScrollerHeight(): number {\n    const items = this.getItemsAndGroups().filter((item) => !item.hidden);\n\n    const { maxItems } = this;\n\n    let itemsToProcess = 0;\n    let maxScrollerHeight = 0;\n\n    if (items.length > maxItems) {\n      items.forEach((item) => {\n        if (itemsToProcess < maxItems) {\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 = !item.selected): void {\n    if (\n      !item ||\n      (this.selectionMode === \"single-persist\" && item.selected && item.value === this.value)\n    ) {\n      return;\n    }\n\n    if (this.isMulti()) {\n      item.selected = value;\n      this.updateAncestors(item);\n      this.selectedItems = this.getSelectedItems();\n      this.emitComboboxChange();\n      this.resetText();\n      this.filterItems(\"\");\n    } else {\n      this.ignoreSelectedEventsFlag = true;\n      this.items.forEach((el) => (el.selected = el === item ? value : false));\n      this.ignoreSelectedEventsFlag = false;\n      this.selectedItems = this.getSelectedItems();\n      this.emitComboboxChange();\n\n      if (this.textInput) {\n        this.textInput.value = 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 as HTMLCalciteComboboxItemElement).selected = true;\n      });\n    } else {\n      children.forEach((el) => (el.selected = false));\n      [...ancestors].forEach((el) => {\n        if (!hasActiveChildren(el)) {\n          el.selected = false;\n        }\n      });\n    }\n  }\n\n  getFilteredItems(): HTMLCalciteComboboxItemElement[] {\n    return this.filterText === \"\" ? this.items : this.items.filter((item) => !item.hidden);\n  }\n\n  private getSelectedItems = (): HTMLCalciteComboboxItemElement[] => {\n    if (!this.isMulti()) {\n      const match = this.items.find(({ selected }) => selected);\n      return match ? [match] : [];\n    }\n\n    return (\n      this.items\n        .filter(\n          (item) =>\n            item.selected && (this.selectionMode !== \"ancestors\" || !hasActiveChildren(item)),\n        )\n        /** Preserve order of entered tags */\n        .sort((a, b) => {\n          const aIdx = this.selectedItems.indexOf(a);\n          const bIdx = this.selectedItems.indexOf(b);\n          if (aIdx > -1 && bIdx > -1) {\n            return aIdx - bIdx;\n          }\n          return bIdx - aIdx;\n        })\n    );\n  };\n\n  private updateItems = (): void => {\n    this.items = this.getItems();\n    this.groupItems = this.getGroupItems();\n    this.data = this.getData();\n    this.selectedItems = this.getSelectedItems();\n    this.filteredItems = this.getFilteredItems();\n    this.needsIcon = this.getNeedsIcon();\n\n    this.items.forEach((item) => {\n      item.selectionMode = this.selectionMode;\n      item.scale = this.scale;\n    });\n\n    if (!this.allowCustomValues) {\n      this.setMaxScrollerHeight();\n    }\n\n    this.groupItems.forEach((groupItem, index, items) => {\n      if (index === 0) {\n        groupItem.afterEmptyGroup = false;\n      }\n\n      const nextGroupItem = items[index + 1];\n\n      if (nextGroupItem) {\n        nextGroupItem.afterEmptyGroup = groupItem.children.length === 0;\n      }\n    });\n  };\n\n  getData(): ItemData[] {\n    return this.items.map((item) => ({\n      description: item.description,\n      filterDisabled: item.filterDisabled,\n      label: item.textLabel,\n      metadata: item.metadata,\n      shortHeading: item.shortHeading,\n      value: item.value,\n    }));\n  }\n\n  getNeedsIcon(): boolean {\n    return isSingleLike(this.selectionMode) && this.items.some((item) => item.icon);\n  }\n\n  resetText(): void {\n    if (this.textInput) {\n      this.textInput.value = \"\";\n    }\n    this.filterText = \"\";\n  }\n\n  getItems(): HTMLCalciteComboboxItemElement[] {\n    const items: HTMLCalciteComboboxItemElement[] = Array.from(\n      this.el.querySelectorAll(ComboboxItem),\n    );\n    return items.filter((item) => !item.disabled);\n  }\n\n  getGroupItems(): HTMLCalciteComboboxItemGroupElement[] {\n    return Array.from(this.el.querySelectorAll(ComboboxItemGroup));\n  }\n\n  addCustomChip(value: string, focus?: boolean): void {\n    const existingItem = this.items.find((el) => el.textLabel === value);\n    if (existingItem) {\n      this.toggleSelection(existingItem, true);\n    } else {\n      if (!this.isMulti()) {\n        this.toggleSelection(this.selectedItems[this.selectedItems.length - 1], false);\n      }\n      const item = document.createElement(\"calcite-combobox-item\");\n      item.value = value;\n      item.textLabel = value;\n      item.selected = true;\n      this.el.prepend(item);\n      this.resetText();\n      if (focus) {\n        this.setFocus();\n      }\n      this.updateItems();\n      this.filterItems(\"\");\n      this.open = true;\n      this.emitComboboxChange();\n    }\n  }\n\n  removeActiveChip(): void {\n    this.toggleSelection(this.selectedItems[this.activeChipIndex], false);\n    this.setFocus();\n  }\n\n  removeLastChip(): void {\n    this.toggleSelection(this.selectedItems[this.selectedItems.length - 1], false);\n    this.setFocus();\n  }\n\n  previousChip(): void {\n    const length = this.selectedItems.length - 1;\n    const active = this.activeChipIndex;\n    this.activeChipIndex = active === -1 ? length : Math.max(active - 1, 0);\n    this.updateActiveItemIndex(-1);\n    this.focusChip();\n  }\n\n  nextChip(): void {\n    const last = this.selectedItems.length - 1;\n    const newIndex = this.activeChipIndex + 1;\n    if (newIndex > last) {\n      this.activeChipIndex = -1;\n      this.setFocus();\n    } else {\n      this.activeChipIndex = newIndex;\n      this.focusChip();\n    }\n    this.updateActiveItemIndex(-1);\n  }\n\n  focusChip(): void {\n    const guid = this.selectedItems[this.activeChipIndex]?.guid;\n\n    const chip = guid\n      ? this.referenceEl.querySelector<HTMLCalciteChipElement>(`#${chipUidPrefix}${guid}`)\n      : null;\n    chip?.setFocus();\n  }\n\n  private scrollToActiveItem = (): void => {\n    const activeItem = this.filteredItems[this.activeItemIndex];\n\n    if (!activeItem) {\n      return;\n    }\n\n    const height = this.calculateScrollerHeight(activeItem);\n    const { offsetHeight, scrollTop } = this.listContainerEl;\n    if (offsetHeight + scrollTop < activeItem.offsetTop + height) {\n      this.listContainerEl.scrollTop = activeItem.offsetTop - offsetHeight + height;\n    } else if (activeItem.offsetTop < scrollTop) {\n      this.listContainerEl.scrollTop = activeItem.offsetTop;\n    }\n  };\n\n  shiftActiveItemIndex(delta: number): void {\n    const { length } = this.filteredItems;\n    const newIndex = (this.activeItemIndex + length + delta) % length;\n    this.updateActiveItemIndex(newIndex);\n    this.scrollToActiveItem();\n  }\n\n  updateActiveItemIndex(index: number): void {\n    this.activeItemIndex = index;\n    let activeDescendant: string = null;\n    this.filteredItems.forEach((el, i) => {\n      if (i === index) {\n        el.active = true;\n        activeDescendant = `${itemUidPrefix}${el.guid}`;\n      } else {\n        el.active = false;\n      }\n    });\n    this.activeDescendant = activeDescendant;\n    if (this.activeItemIndex > -1) {\n      this.activeChipIndex = -1;\n    }\n  }\n\n  private isAllSelected(): boolean {\n    return this.getItems().length === this.getSelectedItems().length;\n  }\n\n  isMulti(): boolean {\n    return !isSingleLike(this.selectionMode);\n  }\n\n  comboboxFocusHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.textInput?.focus();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderChips(): VNode[] {\n    const { activeChipIndex, readOnly, scale, selectionMode, messages } = this;\n    return this.selectedItems.map((item, i) => {\n      const chipClasses = {\n        chip: true,\n        \"chip--active\": activeChipIndex === i,\n      };\n      const ancestors = [...getItemAncestors(item)].reverse();\n      const itemLabel = getLabel(item);\n      const pathLabel = [...ancestors, item].map((el) => getLabel(el));\n      const label = selectionMode !== \"ancestors\" ? itemLabel : pathLabel.join(\" / \");\n\n      return (\n        <calcite-chip\n          appearance={readOnly ? \"outline\" : \"solid\"}\n          class={chipClasses}\n          closable={!readOnly}\n          data-test-id={`chip-${i}`}\n          icon={item.icon}\n          iconFlipRtl={item.iconFlipRtl}\n          id={item.guid ? `${chipUidPrefix}${item.guid}` : null}\n          key={itemLabel}\n          messageOverrides={{ dismissLabel: messages.removeTag }}\n          onCalciteChipClose={() => this.calciteChipCloseHandler(item)}\n          onFocusin={() => (this.activeChipIndex = i)}\n          scale={scale}\n          selected={item.selected}\n          tabindex={activeChipIndex === i ? 0 : -1}\n          title={label}\n          value={item.value}\n        >\n          {label}\n        </calcite-chip>\n      );\n    });\n  }\n\n  renderAllSelectedIndicatorChip(): VNode {\n    const {\n      compactSelectionDisplay,\n      scale,\n      selectedVisibleChipsCount,\n      setAllSelectedIndicatorChipEl,\n    } = this;\n    const label = this.messages.allSelected;\n    return (\n      <calcite-chip\n        class={{\n          chip: true,\n          [CSS.chipInvisible]: !(\n            this.isAllSelected() &&\n            !selectedVisibleChipsCount &&\n            !compactSelectionDisplay\n          ),\n        }}\n        ref={setAllSelectedIndicatorChipEl}\n        scale={scale}\n        title={label}\n        value=\"\"\n      >\n        {label}\n      </calcite-chip>\n    );\n  }\n\n  renderAllSelectedIndicatorChipCompact(): VNode {\n    const { compactSelectionDisplay, scale, selectedVisibleChipsCount } = this;\n    const label = this.messages.all || \"All\";\n    return (\n      <calcite-chip\n        class={{\n          chip: true,\n          [CSS.chipInvisible]: !(\n            this.isAllSelected() &&\n            !selectedVisibleChipsCount &&\n            compactSelectionDisplay\n          ),\n        }}\n        scale={scale}\n        title={label}\n        value=\"\"\n      >\n        {label}\n      </calcite-chip>\n    );\n  }\n\n  renderSelectedIndicatorChip(): VNode {\n    const {\n      compactSelectionDisplay,\n      selectionDisplay,\n      getSelectedItems,\n      scale,\n      selectedHiddenChipsCount,\n      selectedVisibleChipsCount,\n      setSelectedIndicatorChipEl,\n    } = this;\n    let chipInvisible: boolean;\n    let label: string;\n\n    if (compactSelectionDisplay) {\n      chipInvisible = true;\n    } else {\n      if (selectionDisplay === \"single\") {\n        const selectedItemsCount = getSelectedItems().length;\n        if (this.isAllSelected()) {\n          chipInvisible = true;\n        } else if (selectedItemsCount > 0) {\n          chipInvisible = false;\n        } else {\n          chipInvisible = true;\n        }\n        label = `${selectedItemsCount} ${this.messages.selected}`;\n      } else if (selectionDisplay === \"fit\") {\n        chipInvisible = !!(\n          (this.isAllSelected() && selectedVisibleChipsCount === 0) ||\n          selectedHiddenChipsCount === 0\n        );\n        label =\n          selectedVisibleChipsCount > 0\n            ? `+${selectedHiddenChipsCount}`\n            : `${selectedHiddenChipsCount} ${this.messages.selected}`;\n      }\n    }\n    return (\n      <calcite-chip\n        class={{\n          chip: true,\n          [CSS.chipInvisible]: chipInvisible,\n        }}\n        ref={setSelectedIndicatorChipEl}\n        scale={scale}\n        title={label}\n        value=\"\"\n      >\n        {label}\n      </calcite-chip>\n    );\n  }\n\n  renderSelectedIndicatorChipCompact(): VNode {\n    const {\n      compactSelectionDisplay,\n      selectionDisplay,\n      getSelectedItems,\n      scale,\n      selectedHiddenChipsCount,\n    } = this;\n    let chipInvisible: boolean;\n    let label: string;\n\n    if (compactSelectionDisplay) {\n      const selectedItemsCount = getSelectedItems().length;\n      if (this.isAllSelected()) {\n        chipInvisible = true;\n      } else if (selectionDisplay === \"fit\") {\n        chipInvisible = !(selectedHiddenChipsCount > 0);\n        label = `${selectedHiddenChipsCount || 0}`;\n      } else if (selectionDisplay === \"single\") {\n        chipInvisible = !(selectedItemsCount > 0);\n        label = `${selectedItemsCount}`;\n      }\n    } else {\n      chipInvisible = true;\n    }\n    return (\n      <calcite-chip\n        class={{\n          chip: true,\n          [CSS.chipInvisible]: chipInvisible,\n        }}\n        scale={scale}\n        title={label}\n        value=\"\"\n      >\n        {label}\n      </calcite-chip>\n    );\n  }\n\n  private get showingInlineIcon(): boolean {\n    const { placeholderIcon, selectionMode, selectedItems, open } = this;\n    const selectedItem = selectedItems[0];\n    const selectedIcon = selectedItem?.icon;\n    const singleSelectionMode = isSingleLike(selectionMode);\n\n    return !open && selectedItem\n      ? !!selectedIcon && singleSelectionMode\n      : !!placeholderIcon && (!selectedItem || singleSelectionMode);\n  }\n\n  private renderInput(): VNode {\n    const { guid, disabled, placeholder, selectionMode, selectedItems, open } = this;\n    const single = isSingleLike(selectionMode);\n    const selectedItem = selectedItems[0];\n    const showLabel = !open && single && !!selectedItem;\n\n    return (\n      <span\n        class={{\n          \"input-wrap\": true,\n          \"input-wrap--single\": single,\n        }}\n      >\n        {showLabel && (\n          <span\n            class={{\n              label: true,\n              \"label--icon\": !!selectedItem?.icon,\n            }}\n            key=\"label\"\n          >\n            {getLabel(selectedItem)}\n          </span>\n        )}\n        <input\n          aria-activedescendant={this.activeDescendant}\n          aria-autocomplete=\"list\"\n          aria-controls={`${listboxUidPrefix}${guid}`}\n          aria-errormessage={IDS.validationMessage}\n          aria-expanded={toAriaBoolean(open)}\n          aria-haspopup=\"listbox\"\n          aria-invalid={toAriaBoolean(this.status === \"invalid\")}\n          aria-label={getLabelText(this)}\n          aria-owns={`${listboxUidPrefix}${guid}`}\n          class={{\n            [CSS.input]: true,\n            \"input--single\": true,\n            \"input--hidden\": showLabel,\n            \"input--icon\": this.showingInlineIcon && !!this.placeholderIcon,\n          }}\n          data-test-id=\"input\"\n          disabled={disabled}\n          id={`${inputUidPrefix}${guid}`}\n          key=\"input\"\n          onFocus={this.comboboxFocusHandler}\n          onInput={this.inputHandler}\n          placeholder={placeholder}\n          readOnly={this.readOnly}\n          ref={(el) => (this.textInput = el as HTMLInputElement)}\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":[]}