@esri/calcite-components 5.2.0-next.84 → 5.2.0-next.85

package/dist/cdn/{F6LVP3VQ.js → BPIFVQZC.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as ke}from"./EJA3524G.js";import{a as Ve}from"./IJGLEN77.js";import{b as Z,c as Oe,d as Y,f as R,g as k,h as X,i as Be}from"./M4XG6CGT.js";import{a as B,b as G,d as r,e as u,f as _}from"./LPMYRCBM.js";import{d as q}from"./C4WP5EBM.js";import{a as He}from"./WHATFPZE.js";import{b as N}from"./QSMCHMHV.js";import{a as Me}from"./SCBQXABR.js";import{c as Le}from"./ULABJEH5.js";import{a as Ie}from"./DKJI4BME.js";import{a as ye}from"./HZN3ZVDR.js";import{a as Ce}from"./RWUIKOKG.js";import{a as Re}from"./CZMV2ZPH.js";import{a as W,c as U,d as ge,e as Se,f as ve,g as V,h as we}from"./RKMOWYGQ.js";import{a as me}from"./SAZM37N6.js";import{a as xe}from"./4NXCMWEX.js";import{a as he}from"./QIC3CEGW.js";import{a as H}from"./AG2RXIA6.js";import{a as be}from"./MJ6O4376.js";import{a as fe}from"./3XS7XZAX.js";import{a as ue}from"./T6CCMW7H.js";import{a as z,b as F}from"./VI7SBYXT.js";import{a as pe}from"./SN2OQZA6.js";import"./VUYX7MNO.js";import{a as de}from"./GLOG663K.js";import{a as E,b as T}from"./ZWPNZ5XW.js";import{e as ne}from"./33BJ4MWQ.js";import"./MJ5LQ3NR.js";import{i as w,l as P,p as se}from"./7FW2RVVH.js";import{D as oe,E as M,F as S,G as ie,H as p,L as ae,M as A,N as ce,Q as le,T as re,g as te,h as x,l as m,p as v}from"./MVBSHQ6D.js";var O="48px";var Fe=te`: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;--calcite-internal-combobox-max-block-size: 45vh}:host([scale=s]){font-size:var(--calcite-font-size-relative-sm);--calcite-internal-combobox-spacing-unit-l: .5rem;--calcite-internal-combobox-spacing-unit-s: .25rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-2xs);--calcite-internal-combobox-no-matches-spacing-unit-s: .25rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.25rem - 1px) ;--calcite-internal-close-size: 1rem}:host([scale=m]){font-size:var(--calcite-font-size-relative-base);--calcite-internal-combobox-spacing-unit-l: .75rem;--calcite-internal-combobox-spacing-unit-s: .5rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm);--calcite-internal-combobox-no-matches-spacing-unit-s: .375rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.5rem - 1px) ;--calcite-internal-close-size: 1.5rem}:host([scale=l]){font-size:var(--calcite-font-size-relative-md);--calcite-internal-combobox-spacing-unit-l: 1rem;--calcite-internal-combobox-spacing-unit-s: .75rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm-plus);--calcite-internal-combobox-no-matches-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-combobox-input-height: 1.5rem;--calcite-internal-combobox-input-margin-block: calc(var(--calcite-space-sm-plus) - 1px);--calcite-internal-close-size: 2rem}.wrapper{outline-color:transparent;display:flex;border-width:var(--calcite-border-width-sm);border-style:solid;padding-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);border-radius:var(--calcite-combobox-corner-radius, var(--calcite-corner-radius));background-color:var(--calcite-combobox-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));border-color:var(--calcite-combobox-input-border-color, var(--calcite-color-border-input))}.wrapper:hover .icon{color:var(--calcite-combobox-icon-color-hover, var(--calcite-color-text-1))}:host(:focus-within) .wrapper,.wrapper--active{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}: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:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(-1 * var(--calcite-spacing-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.wrapper--single{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);cursor:pointer;flex-wrap:nowrap}.grid-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;position:relative;padding:0;gap:var(--calcite-internal-combobox-spacing-unit-s);margin-inline-end:var(--calcite-internal-combobox-spacing-unit-s)}.grid-input.selection-display--fit,.grid-input.selection-display--single{flex-wrap:nowrap;overflow:hidden}.input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background-color:transparent;border-style:none;flex-grow:1;font-family:inherit;color:var(--calcite-color-text-1);padding:0;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-internal-combobox-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.input:placeholder-shown{text-overflow:ellipsis}.input--single{padding:0;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0;min-inline-size:0;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.placeholder-icon{color:var(--calcite-combobox-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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-inline-size:100%;flex:1 1 auto;padding:0;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-internal-combobox-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.icon-end .icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.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-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.floating-ui-container .calcite-floating-ui-anim{box-shadow:var(--calcite-shadow-md)}@media(forced-colors:active){.wrapper,.floating-ui-container{border:1px solid canvasText}}.list-container{max-block-size:var(--calcite-internal-combobox-max-block-size);overflow-y:auto;inline-size:var(--calcite-dropdown-width, 100%);background-color:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1))}.list{margin:0;display:block;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.list--hide{block-size:0;overflow:hidden}calcite-chip{--calcite-animation-timing: 0}.chip{margin-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);max-inline-size:100%}.chip--invisible{position:absolute;visibility:hidden}.item{display:block}.select-all{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-color-foreground-1));border-block-end-color:var(--calcite-combobox-divider-color, var(--calcite-combobox-item-border-color, var(--calcite-color-border-3)));border-block-end-style:solid;border-block-end-width:var(--calcite-border-width-sm);inset-block-start:0;position:sticky;z-index:var(--calcite-z-index-sticky)}.no-matches{padding-block:var(--calcite-internal-combobox-no-matches-spacing-unit-s);padding-inline:var(--calcite-internal-combobox-spacing-unit-l);color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));background:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1));cursor:pointer}.no-matches-placeholder{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3));cursor:default}.disabled{opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-clear-button-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-clear-button-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-clear-button-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-clear-button-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-clear-button-background-color-press, var(--calcite-clear-button-background-color));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.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:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}`,j=class extends ie{constructor(){super(),this.direction=ne(),this.formSupport=Le({inputType:"text"})(this),this.selectAllComboboxItemRef=M(),this.allSelectedIndicatorChipRef=M(),this.data=[],this.cancelable=be()(this),this.filterItems=(()=>{let e=(t,o)=>t&&o.some(({el:i})=>t===i);return fe((t,o=!1,i=!0)=>{let a=Ve([...this.data,...this.groupData],t,this.effectiveFilterProps),c=this.getItemsAndGroups(),l=t==="";c.forEach(n=>{if(l){n.itemHidden=!1;return}let s=!e(n,a);n.itemHidden=s;let[C,d]=n.ancestors;(e(C,a)||e(d,a))&&(n.itemHidden=!1),s||n.ancestors.forEach(f=>f.itemHidden=!1)}),this.noMatchesFound=this.filteredItems.length===0&&!!this.filterText,this.filterTextMatchPattern=this.filterText?new RegExp(`(${N(this.filterText)})`,"i"):void 0,this.keyboardNavItems.forEach(n=>{n.filterTextMatchPattern=this.filterTextMatchPattern}),o&&(this.open=this.filterText.trim().length>0),i&&this.calciteComboboxFilterChange.emit()},ce.filter)})(),this._filterText="",this.getSelectedItems=()=>{if(!this.isMulti()){let e=this.allItems.find(({selected:t})=>t);return e?[e]:[]}return this.allItems.filter(e=>e.selected&&(this.selectionMode!=="ancestors"||!Y(e)))},this.groupData=[],this.groupItems=[],this.guid=ue(),this.ignoreSelectedEventsFlag=!1,this.internalValueChangeFlag=!1,this.previousAllSelected=!1,this.refreshingSelectionDisplay=!1,this.mutationObserver=z("mutation",()=>this.updateItems()),this.onLabelClick=()=>{this.setFocus()},this.transitionProp="opacity",this.resizeObserver=(()=>{let e=!1;return z("resize",()=>{e||(e=!0,requestAnimationFrame(()=>{e=!1,this.setMaxScrollerHeight(),this.refreshSelectionDisplay()}))})})(),this.selectedIndicatorChipRef=M(),this.selectedChipCountRef=M(),this.clearButtonRef=M(),this._selectedItems=[],this.textInputRef=M(),this._value="",this.messages=pe({blocking:!0}),this.focusSetter=de()(this),this.customChipAddHandler=()=>{this.addCustomChip(this.filterText,!0)},this.interactiveContainer=he(this),this.topLayer=Ce({target:()=>this.floatingEl})(this),this.activeChipIndex=-1,this.activeDescendant="",this.activeItemIndex=-1,this.compactSelectionDisplay=!1,this.deferFitChipCountRender=!1,this.selectedHiddenChipsCount=0,this.selectedVisibleChipsCount=0,this.fitUsingCompactCountLabel=!1,this.allItems=[],this.items=[],this.noMatchesFound=!1,this.clearDisabled=!1,this.disabled=!1,this.maxItems=0,this.open=!1,this.overlayPositioning="absolute",this.placeholderIconFlipRtl=!1,this.placement=W,this.readOnly=!1,this.required=!1,this.scale="m",this.selectAllEnabled=!1,this.selectionDisplay="all",this.selectionAppearance="icon",this.selectionMode="multiple",this.status="idle",this.topLayerDisabled=!1,this.calciteComboboxBeforeClose=v({cancelable:!1}),this.calciteComboboxBeforeOpen=v({cancelable:!1}),this.calciteComboboxChange=v({cancelable:!1}),this.calciteComboboxChipClose=v({cancelable:!1}),this.calciteComboboxClose=v({cancelable:!1}),this.calciteComboboxFilterChange=v({cancelable:!1}),this.calciteComboboxOpen=v({cancelable:!1}),ye(this),this.listenOn(document,"click",this.documentClickHandler),this.listen("calciteComboboxItemChange",this.calciteComboboxItemChangeHandler),this.listen("calciteInternalComboboxItemChange",this.calciteInternalComboboxItemChangeHandler),this.listen("click",this.comboboxFocusHandler)}static{this.properties={activeChipIndex:[16,{},{state:!0}],activeDescendant:[16,{},{state:!0}],activeItemIndex:[16,{},{state:!0}],compactSelectionDisplay:[16,{},{state:!0}],deferFitChipCountRender:[16,{},{state:!0}],selectedHiddenChipsCount:[16,{},{state:!0}],selectedVisibleChipsCount:[16,{},{state:!0}],fitUsingCompactCountLabel:[16,{},{state:!0}],allItems:[16,{},{state:!0}],items:[16,{},{state:!0}],noMatchesFound:[16,{},{state:!0}],allowCustomValues:[7,{},{reflect:!0,type:Boolean}],clearDisabled:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],filterText:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filteredItems:[32,{},{attribute:!1,readOnly:!0}],flipPlacements:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],label:1,labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,placeholderIcon:[3,{},{reflect:!0}],placeholderIconFlipRtl:[7,{},{reflect:!0,type:Boolean}],placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectAllEnabled:[7,{},{reflect:!0,type:Boolean}],selectedItems:[0,{},{attribute:!1}],selectionDisplay:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:ae},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=[Fe,xe]}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(e=>e!=="el"):["description","label","metadata","shortHeading"]}get showingInlineIcon(){let{placeholderIcon:e,selectionMode:t,selectedItems:o,open:i}=this,a=o[0],c=a?.icon,l=R(t);return!i&&a?!!c&&l:!!e&&(!a||l)}get allSelected(){let e=this.allItems.filter(t=>!t.disabled);return e.length>0&&e.every(t=>t.selected)}get hasDisabledSelected(){return this.allItems.some(e=>e.disabled&&e.selected)}get indeterminate(){let e=this.selectedItems.length>0||this.hasDisabledSelected;return this.selectAllEnabled?!this.allSelected&&e:this.selectedItems.length>0&&!this.allSelected}get keyboardNavItems(){let{selectAllComboboxItemRef:e}=this,t=this.filteredItems.filter(o=>!o.disabled);return e.value?[e.value,...t]:t}get filterText(){return this._filterText}set filterText(e){let t=this._filterText;e!==t&&(this._filterText=e,this.filterTextChange(e))}get filteredItems(){return this.items.filter(e=>!T(e))}get selectedItems(){return this._selectedItems}set selectedItems(e){let t=this._selectedItems;e!==t&&(this._selectedItems=e,this.selectedItemsHandler())}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueHandler(e))}async reposition(e=!1){let{floatingEl:t,referenceEl:o,placement:i,overlayPositioning:a,filteredFlipPlacements:c}=this;return Se(this,{direction:this.direction,floatingEl:t,referenceEl:o,overlayPositioning:a,placement:i,flipPlacements:c,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>(this.activeChipIndex=-1,this.activeItemIndex=-1,this.textInputRef.value),e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),V(this),this.cancelable.add(this.filterItems)}async load(){this.handleSelectionModeWarning()}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),e.has("maxItems")&&(this.hasUpdated||this.maxItems!==0)&&this.setMaxScrollerHeight(),(e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==W))&&this.reposition(!0),(e.has("selectionMode")||e.has("scale")||e.has("selectionAppearance"))&&this.updateItems(),e.has("flipPlacements")&&this.flipPlacementsHandler()}loaded(){V(this),this.updateItems(),this.filterItems(this.filterText,!1,!1)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),we(this)}emitComboboxChange(){this.calciteComboboxChange.emit()}filterTextChange(e){this.updateActiveItemIndex(-1),this.filterItems(e,!0)}openHandler(){this.disabled||me(this)}handleDisabledChange(e){e||(this.open=!1)}valueHandler(e){this.internalValueChangeFlag||(this.items.forEach(t=>{t.selected=Array.isArray(e)?e.includes(t.value):e===t.value}),this.updateItems())}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}selectedItemsHandler(){let e=this.previousAllSelected,t=this.allSelected;if(this.previousAllSelected=t,this.internalValueChangeFlag=!0,this.value=this.getValue(),this.internalValueChangeFlag=!1,this.selectionDisplay==="fit"&&this.isMulti()){let o=e&&!t;e&&!t&&(this.selectedHiddenChipsCount=0,this.selectedItems.forEach(i=>{let a=this.referenceEl?.querySelector(`#${u.chip(i.guid)}`);a&&this.showChip(a)})),this.updateComplete.then(async()=>{o&&await this.updateComplete,await this.refreshSelectionDisplay(),this.fitFollowUpRefreshPromise&&await this.fitFollowUpRefreshPromise,this.deferFitChipCountRender=!1})}}async documentClickHandler(e){this.disabled||e.composedPath().includes(this.el)||(await this.componentOnReady(),!this.allowCustomValues&&this.filterText&&(this.clearInputValue(),this.filterItems(""),this.updateActiveItemIndex(-1)),this.allowCustomValues&&this.filterText.trim().length&&this.addCustomChip(this.filterText),this.open=!1)}handleSelectAll(e){e&&(this.toggleSelectAll(),this.selectionDisplay!=="fit"&&this.allSelected&&this.selectedItems.forEach(t=>{let o=this.referenceEl.querySelector(`#${u.chip(t.guid)}`);o&&this.hideChip(o)}))}updateSelectedItems(){this.selectedItems=this.getOrderedSelectedItems(this.getSelectedItems())}calciteComboboxItemChangeHandler(e){if(this.ignoreSelectedEventsFlag)return;let t=e.target,o=e.composedPath().includes(this.selectAllComboboxItemRef.value);this.selectAllEnabled&&this.handleSelectAll(o);let i=this.keyboardNavItems.indexOf(o?this.selectAllComboboxItemRef.value:t);this.updateActiveItemIndex(i),this.toggleSelection(t,t.selected)}calciteInternalComboboxItemChangeHandler(e){e.stopPropagation(),this.hasUpdated&&this.updateItems()}clearValue(){let e=this.items.filter(t=>t.selected&&!t.disabled);e.length&&(this.ignoreSelectedEventsFlag=!0,e.forEach(t=>t.selected=!1),this.ignoreSelectedEventsFlag=!1,this.updateSelectedItems(),this.emitComboboxChange()),this.open=!1,this.updateActiveItemIndex(-1),this.resetText(),this.filterItems(""),this.setFocus()}clearInputValue(){this.textInputRef.value&&(this.textInputRef.value.value=""),this.filterText=""}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?ge(t,e):void 0}getValue(){let e=this.getOrderedSelectedValues(this.selectedItems.map(t=>t.value?.toString()));return e.length?e.length>1?e:e[0]:""}getOrderedSelectedValues(e){if(!this.isMulti())return e;let t=Array.isArray(this.value)?this.value:this.value?[this.value]:[];return Be(e,t)}getOrderedSelectedItems(e){return this.isMulti()?X(e,this.selectedItems):e}comboboxInViewport(){let e=this.el.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.right<=(window.innerWidth||document.documentElement.clientWidth)&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)}toggleSelectAll(){let e=!this.allSelected;this.allItems.forEach(t=>{t.disabled||(t.selected=e)}),this.updateSelectedItems(),this.emitComboboxChange()}hasHiddenSelectedFitChips(){if(this.selectionDisplay!=="fit"||!this.isMulti())return!1;let e=this.selectedChipCountRef.value;return!!e&&!e.classList.contains(r.chipInvisible)}keyDownHandler(e){if(this.readOnly)return;let{key:t}=e;switch(t){case"Tab":this.activeChipIndex=-1,this.activeItemIndex=-1,this.allowCustomValues&&this.filterText?(this.addCustomChip(this.filterText,!0),e.preventDefault()):this.open?(this.open=!1,e.preventDefault()):!this.allowCustomValues&&this.filterText&&(this.clearInputValue(),this.filterItems(""),this.updateActiveItemIndex(-1));break;case"ArrowLeft":(this.activeChipIndex!==-1||this.textInputRef.value?.selectionStart===0)&&(this.previousChip(),e.preventDefault());break;case"ArrowRight":this.activeChipIndex!==-1&&(this.nextChip(),e.preventDefault());break;case"ArrowUp":this.keyboardNavItems.length&&(e.preventDefault(),this.open&&this.shiftActiveItemIndex(-1),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView()),this.scrollToActiveOrSelectedItem();break;case"ArrowDown":this.keyboardNavItems.length&&(e.preventDefault(),this.open?this.shiftActiveItemIndex(1):(this.open=!0,this.ensureRecentSelectedItemIsActive()),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView());break;case" ":!this.textInputRef.value?.value&&!e.defaultPrevented&&(!this.open&&this.keyboardNavItems.length&&(this.open=!0,this.ensureRecentSelectedItemIsActive()),e.preventDefault());break;case"Home":if(!this.open)return;e.preventDefault(),this.updateActiveItemIndex(0),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"End":if(!this.open)return;e.preventDefault(),this.updateActiveItemIndex(this.filteredItems.length-1),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"Escape":if(this.open){this.open=!1,e.preventDefault();break}this.clearDisabled||(this.textInputRef.value.value.length>0?(this.resetText(),e.preventDefault()):this.selectedItems.length>0&&this.selectionMode!=="single-persist"&&(this.clearValue(),e.preventDefault()));break;case"Enter":this.open&&this.activeItemIndex>-1?(this.keyboardNavItems[this.activeItemIndex].toggleSelection(),e.preventDefault()):this.activeChipIndex>-1?(this.removeActiveChip(e.target),e.preventDefault()):this.allowCustomValues&&this.filterText?(this.addCustomChip(this.filterText,!0),e.preventDefault()):!e.defaultPrevented&&this.formSupport.active&&(e.preventDefault(),this.formSupport.requestSubmit());break;case"Delete":case"Backspace":{let i=this.hasHiddenSelectedFitChips()&&this.activeChipIndex===-1;if(this.selectionDisplay==="single"||i)return;let c=e.composedPath().find(q);this.activeChipIndex>-1&&c?(e.preventDefault(),this.removeActiveChip(c)):!this.filterText&&this.isMulti()&&(e.preventDefault(),this.removeLastChip());break}}}onBeforeOpen(){this.topLayer.show(),this.reposition(),this.calciteComboboxBeforeOpen.emit(),setTimeout(()=>this.scrollToActiveOrSelectedItem(this.activeItemIndex<0),0)}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit(),ve(this),this.topLayer.hide()}async setMaxScrollerHeight(){let{listContainerEl:e,open:t,referenceEl:o}=this;if(!e||!t||!o)return;let i=this.getMaxScrollerHeight();e.style.maxBlockSize=i>0?`${i}px`:"",e.style.inlineSize=`${o.clientWidth}px`}calciteChipCloseHandler(e){this.open=!1;let t=this.items.find(o=>o===e);t&&this.toggleSelection(t,!1),this.calciteComboboxChipClose.emit()}clickHandler(e){if(this.readOnly)return;let t=e.composedPath();if(t.some(i=>q(i))){this.open=!1,e.preventDefault();return}let o=this.clearButtonRef.value;if(o&&t.includes(o)){this.clearValue(),e.preventDefault();return}this.open=!this.open,this.ensureRecentSelectedItemIsActive()}ensureRecentSelectedItemIsActive(){let{activeItemIndex:e,selectedItems:t,keyboardNavItems:o}=this;if(e>-1&&o[e]){this.updateActiveItemIndex(e);return}let i=t[t.length-1],a=i?o.indexOf(i):o.length?0:-1;this.updateActiveItemIndex(a>-1?a:o.length?0:-1)}hideChip(e){e.classList.add(r.chipInvisible)}showChip(e){e.classList.remove(r.chipInvisible)}refreshChipDisplay({chipEls:e,availableHorizontalChipElSpace:t,chipContainerElGap:o,hideSelectedChips:i}){let a=e.filter(d=>d.selected),c=a.filter(d=>!d.disabled),l=a.filter(d=>d.disabled),n=d=>{let f=w(d),h=d.getBoundingClientRect().width;return Number.isFinite(f)&&f>0?f:h};if(a.forEach(d=>n(d)),e.forEach(d=>{this.hideChip(d)}),i)return;let s=d=>{let f=0;return d.forEach(h=>{let b=n(h);b&&b<=t&&(t-=b+o,this.showChip(h),f++)}),f};s(c)<=1&&s(l)}async refreshSelectionDisplay(e=!0){if(this.refreshingSelectionDisplay)return;if(this.refreshingSelectionDisplay=!0,await this.componentOnReady(),R(this.selectionMode)){this.refreshingSelectionDisplay=!1;return}let{allSelectedIndicatorChipRef:t,chipContainerEl:o,selectionDisplay:i,placeholder:a,selectedIndicatorChipRef:c,textInputRef:l}=this;if(!l.value||!o){this.refreshingSelectionDisplay=!1;return}let n=parseInt(getComputedStyle(o).gap,10),s=w(o),{fontSize:C,fontFamily:d,minInlineSize:f}=getComputedStyle(l.value),h=.55,b=parseFloat(f)||parseInt(O,10),g=P(a,`${C} ${d}`),L=g>0?g:Math.max(b,Math.round((a?.length||0)*(parseFloat(C)||parseInt(O,10))*h)),$=Math.max(b,L),D=(i==="fit"?$:L)+n,Ge=w(t.value),Q=w(c.value),Ye=Math.max(Ge,Q);if(this.setCompactSelectionDisplay({chipContainerElGap:n,chipContainerElWidth:s,inputWidth:D,largestSelectedIndicatorChipWidth:Ye}),i!=="fit"&&this.allSelected&&this.selectAllEnabled&&this.selectedItems.forEach(y=>{let I=this.referenceEl?.querySelector(`#${u.chip(y.guid)}`);I&&this.hideChip(I)}),this.indeterminate&&this.selectedItems.forEach(y=>{let I=this.referenceEl?.querySelector(`#${u.chip(y.guid)}`);I&&this.showChip(I)}),i==="fit"){let y=Array.from(this.renderRoot.querySelectorAll("calcite-chip")).filter(K=>{let ee=K.value,ze=ee!=null&&`${ee}`!="";return K.disabled||ze}),{hiddenChipIndicatorWidth:I,hideSelectedChips:J,reservedPlaceholderInputWidth:$e}=this.getFitCompactDisplayState({chipContainerElGap:n,chipContainerElWidth:s,inputMinWidth:b,placeholderWidth:L,selectedIndicatorChipElWidth:Q});this.fitUsingCompactCountLabel=J;let De=Math.round(s-(I+n+$e+n));this.refreshChipDisplay({availableHorizontalChipElSpace:De,chipContainerElGap:n,chipEls:y,hideSelectedChips:J});let Ae=this.selectedHiddenChipsCount;this.syncChipVisibilityCounts(y),Ae!==this.selectedHiddenChipsCount&&e&&(this.fitFollowUpRefreshPromise=this.updateComplete.then(()=>this.refreshSelectionDisplay(!1)).then(()=>{this.fitFollowUpRefreshPromise=void 0}))}this.refreshingSelectionDisplay=!1}setFloatingEl(e){this.floatingEl=e,V(this)}shouldUseFitCompactDisplay({chipContainerElGap:e,chipContainerElWidth:t,hiddenChipIndicatorWidth:o,inputMinWidth:i,placeholderWidth:a,reservedPlaceholderInputWidth:c}){let l=Math.round(t-(o+e+c+e));return a>i*2&&l<=0}getFitCompactDisplayState({chipContainerElGap:e,chipContainerElWidth:t,inputMinWidth:o,placeholderWidth:i,selectedIndicatorChipElWidth:a}){let c=w(this.selectedChipCountRef.value),l=this.deferFitChipCountRender||this.selectedHiddenChipsCount<=0?0:c||a,n=Math.max(o,i),s=this.shouldUseFitCompactDisplay({chipContainerElGap:e,chipContainerElWidth:t,hiddenChipIndicatorWidth:l,inputMinWidth:o,placeholderWidth:i,reservedPlaceholderInputWidth:n});return{hiddenChipIndicatorWidth:l,hideSelectedChips:s,reservedPlaceholderInputWidth:n}}setCompactSelectionDisplay({chipContainerElGap:e,chipContainerElWidth:t,inputWidth:o,largestSelectedIndicatorChipWidth:i}){let a=Math.round(i+e+o);(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<a)&&(this.maxCompactBreakpoint=a),this.compactSelectionDisplay=t<this.maxCompactBreakpoint}setContainerEl(e){F(this.resizeObserver,this.listContainerEl,e),this.listContainerEl=e,this.transitionEl=e}setChipContainerEl(e){F(this.resizeObserver,this.chipContainerEl,e),this.chipContainerEl=e}setReferenceEl(e){this.referenceEl=e,V(this)}syncChipVisibilityCounts(e){let t=0,o=0;e.forEach(a=>{a.selected&&(o++,a.classList.contains(r.chipInvisible)||t++)}),t!==this.selectedVisibleChipsCount&&(this.selectedVisibleChipsCount=t);let i=Math.max(0,o-t);i!==this.selectedHiddenChipsCount&&(this.selectedHiddenChipsCount=i)}getMaxScrollerHeight(){let t=this.getItemsAndGroups(!0).filter(c=>!T(c)),{maxItems:o}=this,i=0,a=0;return t.length>=o&&t.forEach(c=>{if(i<o){let l=this.calculateScrollerHeight(c);a+=l,i+=1}}),a}calculateScrollerHeight(e){if(!e)return 0;let t=e.getBoundingClientRect().height,o=`:scope > ${B}, :scope > ${G}`,i=Array.from(e.querySelectorAll(o)).reduce((a,c)=>a+c.getBoundingClientRect().height,0);return t-i}inputHandler(e){let t=e.target.value;this.filterText=t}getItemsAndGroups(e=!1){return e?Array.from(this.el.querySelectorAll(`${B}, ${G}`)):[...this.groupItems,...this.items]}toggleSelection(e,t){!e||this.selectionMode==="single-persist"&&e.selected&&e.value===this.value&&!t||(this.selectionDisplay==="fit"&&this.isMulti()&&(this.deferFitChipCountRender=!0),this.isMulti()?this.handleMultiSelection(e,t):this.handleSingleSelection(e,t))}handleMultiSelection(e,t){e.selected=t,this.updateAncestors(e),this.updateSelectedItems(),this.emitComboboxChange(),this.resetText(),this.filterItems("")}handleSingleSelection(e,t){this.ignoreSelectedEventsFlag=!0,this.items.forEach(o=>o.selected=o===e?t:!1),this.ignoreSelectedEventsFlag=!1,this.updateSelectedItems(),this.emitComboboxChange(),this.textInputRef.value&&(this.textInputRef.value.value=k(e)),this.open=!1,this.updateActiveItemIndex(-1),this.resetText(),this.filterItems("")}updateAncestors(e){if(this.selectionMode!=="ancestors")return;let t=Z(e),o=Oe(e);e.selected?t.forEach(i=>{i.disabled||(i.selected=!0)}):([...o].forEach(i=>{i.disabled||(i.selected=!1)}),[...t].forEach(i=>{Y(i)||(i.selected=!1)}))}updateItems(){this.allItems=this.getItems(!0),this.items=this.allItems.filter(e=>!e.disabled),this.groupItems=this.getGroupItems(),this.data=this.getData(),this.groupData=this.getGroupData(),this.updateItemProps(),this.updateSelectedItems(),this.previousAllSelected=this.allSelected}updateItemProps(){this.allItems.forEach(e=>{e.selectionMode=this.selectionMode,e.selectionAppearance=this.selectionAppearance,e.scale=this.scale}),this.groupItems.forEach((e,t)=>(e.scale=this.scale,e.position=t)),this.allowCustomValues||this.setMaxScrollerHeight(),this.groupItems.forEach((e,t,o)=>{t===0&&(e.afterEmptyGroup=!1);let i=o[t+1];i&&(i.afterEmptyGroup=e.children.length===0)})}getData(){return this.items.map(e=>({description:e.description,filterDisabled:e.filterDisabled,label:e.heading,metadata:e.metadata,shortHeading:e.shortHeading,el:e}))}getGroupData(){return this.groupItems.map(e=>({label:e.label,el:e}))}resetText(){this.textInputRef.value&&(this.textInputRef.value.value=""),this.filterText=""}getItems(e=!1){return Array.from(this.el.querySelectorAll(B)).filter(o=>e||!o.disabled)}getGroupItems(){return Array.from(this.el.querySelectorAll(G))}addCustomChip(e,t){let o=this.items.find(i=>i.heading===e);if(o)this.toggleSelection(o,!0);else{let i=document.createElement("calcite-combobox-item");i.value=e,i.heading=e,this.el.prepend(i),this.updateItems(),this.toggleSelection(i,!0),this.open=!0,t&&this.setFocus()}}removeActiveChip(e){let t=this.selectedItems[this.activeChipIndex];t&&!t.disabled&&`${u.chip(t.guid)}`===e.id&&this.toggleSelection(t,!1),this.setFocus()}removeLastChip(){let e=this.selectedItems.findLast(t=>!t.disabled);e&&(this.toggleSelection(e,!1),this.setFocus())}previousChip(){let e=this.selectedItems.length-1,t=this.activeChipIndex;this.activeChipIndex=t===-1?e:Math.max(t-1,0),this.updateActiveItemIndex(-1),this.focusChip()}nextChip(){let e=this.selectedItems.length-1,t=this.activeChipIndex+1;t>e?(this.activeChipIndex=-1,se(this.textInputRef.value)):(this.activeChipIndex=t,this.focusChip()),this.updateActiveItemIndex(-1)}focusChip(){let e=this.selectedItems[this.activeChipIndex]?.guid;(e?this.referenceEl?.querySelector(`#${u.chip(e)}`):void 0)?.setFocus()}scrollToActiveOrSelectedItem(e=!1){let t=e&&this.selectedItems?.length?this.selectedItems[0]:this.keyboardNavItems[this.activeItemIndex],o=this.listContainerEl;if(!t||!o)return;t.scrollIntoView({block:"nearest"});let a=this.selectAllComboboxItemRef.value?.offsetHeight||0,c=t.getBoundingClientRect(),l=o.getBoundingClientRect();c.top<l.top+a&&(o.scrollTop-=l.top+a-c.top)}shiftActiveItemIndex(e){let{length:t}=this.keyboardNavItems,o=(this.activeItemIndex+t+e)%t;this.updateActiveItemIndex(o),this.scrollToActiveOrSelectedItem()}updateActiveItemIndex(e){this.activeItemIndex=e;let t="";this.keyboardNavItems.forEach((o,i)=>{i===e?(o.active=!0,t=`${u.item(o.guid)}`):o.active=!1}),this.activeDescendant=t,this.activeItemIndex>-1&&(this.activeChipIndex=-1)}isMulti(){return!R(this.selectionMode)}comboboxFocusHandler(){this.disabled||(this.activeChipIndex=-1,this.textInputRef.value?.focus(),this.open&&this.selectionDisplay==="fit"&&this.isMulti()&&this.refreshSelectionDisplay())}createScreenReaderItem({ariaLabel:e,ariaSelected:t,id:o,textContent:i}){return x`<li aria-label=${e??m} aria-selected=${t??m} id=${o??m} role=option tabindex=-1>${i}</li>`}handleSelectionModeWarning(){this.selectionMode==="single-persist"&&this.clearDisabled&&le.warn('clearDisabled is ignored when selection-mode is set to "single-persist"')}getDescriptionMessage(){let e=Array.isArray(this.value)?this.value.join(", "):this.value;return this.readOnly?this.messages.nonEditable.replace("{value}",`${e}`):e}getChipLabel(e,t){return t?[...[...Z(e)].reverse(),e].map(i=>k(i)).join(" / "):k(e)}renderChip({activeChipIndex:e,disabled:t,index:o,item:i,messages:a,readOnly:c,scale:l,isAncestors:n}){let s=this.getChipLabel(i,n);return H(i.guid||i.value||s,x`<calcite-chip .appearance=${c?"outline":"solid"} class=${p({[r.chip]:!0,[r.disabled]:t})} .closable=${!t&&!c} data-testid=${`${t?"disabled-chip":"chip"}-${o}`} .disabled=${t} .icon=${i.icon} .iconFlipRtl=${i.iconFlipRtl} id=${(!t&&i.guid?`${u.chip(i.guid)}`:void 0)??m} .label=${s} .messageOverrides=${t?void 0:{dismissLabel:a.removeTag.replace("{value}",`${s}`)}} @calciteChipClose=${t?void 0:()=>this.calciteChipCloseHandler(i)} @focusin=${t?void 0:()=>this.activeChipIndex=o} .scale=${l} .selected=${i.selected} .tabIndex=${!t&&e===o?0:-1} title=${s??m} .value=${i.value}>${s}</calcite-chip>`)}renderChipCount(e,t){let o=this.fitUsingCompactCountLabel?`${e}`:this.messages.disabledSelectedCount.replace("{count}",`${e}`)??`+${e}`;return x`<calcite-chip appearance=solid class=${p({[r.chip]:!0})} data-testid=selected-chip-count id=selected-chip-count .label=${o} .scale=${t} tabindex=-1 title=${o??m} ${S(this.selectedChipCountRef)}>${o}</calcite-chip>`}renderChips(){let{activeChipIndex:e,readOnly:t,scale:o,selectionDisplay:i,selectionMode:a,messages:c}=this,l=[],n=a==="ancestors",s=this.selectAllEnabled&&this.allSelected,C=i==="all";if(s)return null;let d=0,f=0;if(C){let h=this.allItems.filter(g=>g.selected&&(!n||!Y(g)));X(h,this.selectedItems).forEach(g=>{if(g.disabled){l.push(this.renderChip({activeChipIndex:e,disabled:!0,index:f++,item:g,messages:c,readOnly:t,scale:o,isAncestors:n}));return}l.push(this.renderChip({activeChipIndex:e,disabled:!1,index:d++,item:g,messages:c,readOnly:t,scale:o,isAncestors:n}))})}else s||this.selectedItems.forEach(h=>{l.push(this.renderChip({activeChipIndex:e,disabled:h.disabled,index:d++,item:h,messages:c,readOnly:t,scale:o,isAncestors:n}))});if(i==="fit"){let h=this.selectedHiddenChipsCount,b=this.selectedVisibleChipsCount===0?this.selectedItems.length:h;h>0&&!this.deferFitChipCountRender&&l.push(this.renderChipCount(b,o))}return l.length?l:null}renderAllSelectedIndicatorChip(){let{allSelectedIndicatorChipRef:e,compactSelectionDisplay:t,scale:o,selectedVisibleChipsCount:i}=this,a=!1;if(this.selectionDisplay==="fit"&&this.textInputRef.value&&this.chipContainerEl){let s=parseInt(getComputedStyle(this.chipContainerEl).gap,10),C=w(this.chipContainerEl),{fontSize:d,fontFamily:f,minInlineSize:h}=getComputedStyle(this.textInputRef.value),b=.55,g=parseFloat(h)||parseInt(O,10),L=P(this.placeholder,`${d} ${f}`),$=L>0?L:Math.max(g,Math.round((this.placeholder?.length||0)*(parseFloat(d)||parseInt(O,10))*b)),D=w(this.selectedIndicatorChipRef.value);a=this.getFitCompactDisplayState({chipContainerElGap:s,chipContainerElWidth:C,inputMinWidth:g,placeholderWidth:$,selectedIndicatorChipElWidth:D}).hideSelectedChips}let l=t||a?this.messages.all:this.messages.allSelected,n=this.allSelected&&(this.selectionDisplay==="single"||!i||this.selectionDisplay==="all");return x`<calcite-chip class=${p({[r.chip]:!0,[r.chipInvisible]:!n,[r.allSelected]:!0})} data-testid=all-selected-indicator-chip .label=${l} .scale=${o} title=${l??m} value ${S(e)}>${l}</calcite-chip>`}renderSelectedIndicatorChip(){let{compactSelectionDisplay:e,selectionDisplay:t,scale:o,selectedIndicatorChipRef:i}=this,a=!1,c,l=this.getSelectedItems().length;return e?a=!0:t==="single"&&(this.allSelected?a=!0:l>0?a=!1:a=!0,c=`${l} ${this.messages.selected}`),x`<calcite-chip class=${p({[r.chip]:!0,[r.chipInvisible]:a})} .label=${c} .scale=${o} title=${c??m} value ${S(i)}>${c}</calcite-chip>`}renderSelectedIndicatorChipCompact(){let{compactSelectionDisplay:e,selectionDisplay:t,scale:o}=this,i=!1,a,c=this.getSelectedItems().length;return e?this.allSelected?i=!0:t==="single"&&(i=!(c>0),a=`${c}`):i=!0,x`<calcite-chip class=${p({[r.chip]:!0,[r.chipInvisible]:i})} .label=${a} .scale=${o} title=${a??m} value>${a}</calcite-chip>`}renderInput(){let{guid:e,disabled:t,placeholder:o,selectionMode:i,selectedItems:a,open:c}=this,l=R(i),n=a[0],s=!c&&l&&!!n&&!this.filterText;return x`<span class=${p({[r.inputWrap]:!0,[r.inputWrapSingle]:l})}>${s&&H("label",x`<span class=${p({[r.label]:!0,[r.labelIcon]:!!n?.icon})}>${k(n)}</span>`)||""}${H("input",x`<input aria-activedescendant=${this.activeDescendant??m} aria-controls=${`${u.listbox(e)}`} aria-errormessage=${u.validationMessage} aria-owns=${`${u.listbox(e)}`} aria-autocomplete=list .ariaDescription=${this.getDescriptionMessage()} .ariaExpanded=${c} aria-haspopup=listbox .ariaInvalid=${this.status==="invalid"} .ariaLabel=${Ie(this)} class=${p({[r.input]:!0,[r.inputSingle]:!0,[r.inputHidden]:s,[r.inputIcon]:this.showingInlineIcon&&!!this.placeholderIcon})} data-testid=input .disabled=${t} .id=${`${u.input(e)}`} @focus=${this.comboboxFocusHandler} @input=${this.inputHandler} placeholder=${o??m} .readOnly=${this.readOnly} .required=${this.required} role=combobox .tabIndex=${this.activeChipIndex===-1?0:-1} type=text .value=${oe(this.filterText??"")} ${S(this.textInputRef)}>`)}</span>`}renderListBoxOptions(){let e=this.keyboardNavItems.map(t=>this.createScreenReaderItem({ariaLabel:t.label,ariaSelected:t.selected,id:`${u.item(t.guid)}`,textContent:t.heading}));if(this.selectAllEnabled&&this.selectionMode!=="single"&&this.selectionMode!=="single-persist"){let t=this.createScreenReaderItem({ariaLabel:this.messages.selectAll,ariaSelected:this.allSelected,textContent:this.messages.selectAll});t&&e.unshift(t)}return e}renderFloatingUIContainer(){let{messages:e,setFloatingEl:t,setContainerEl:o,open:i,scale:a}=this,c={[r.listContainer]:!0,[U.animation]:!0,[U.animationActive]:i},l=(this.filterText&&e.add.replace("{text}",`${this.filterText}`))??"";return x`<div aria-hidden=true class=${p(r.floatingUIContainer)} popover=manual ${S(t)}><div class=${p(c)} ${S(o)}><ul class=${p({[r.list]:!0,[r.listHide]:!i})}>${this.selectAllEnabled&&this.selectionMode!=="single"&&this.selectionMode!=="single-persist"&&x`<calcite-combobox-item class=${p(r.selectAll)} data-testid=select-all-item .heading=${e.selectAll} .id=${`${this.guid}-select-all-enabled-interactive`} .indeterminate=${this.indeterminate} .label=${e.selectAll} .scale=${a} .selected=${this.allSelected} tabindex=-1 value=select-all ${S(this.selectAllComboboxItemRef)}></calcite-combobox-item>`||""}<slot></slot>${this.noMatchesFound&&(this.allowCustomValues?x`<li aria-label=${l??m} class=${p(r.noMatches)} @click=${this.customChipAddHandler} role=option tabindex=0>${Re({text:l,pattern:new RegExp(`(${N(this.filterText)})`,"i")})}</li>`:x`<li class=${p({[r.noMatchesPlaceholder]:!0,[r.noMatches]:!0})}>${e.noMatches}</li>`)||""}</ul></div></div>`}renderSelectedOrPlaceholderIcon(){let{open:e,placeholderIcon:t,placeholderIconFlipRtl:o,selectedItems:i}=this,a=i[0],c=a?.icon,l=t&&(e||!a);return this.showingInlineIcon&&H("selected-placeholder-icon",x`<span class=${p(r.iconStart)}><calcite-icon class=${p({[r.selectedIcon]:!l,[r.placeholderIcon]:l})} .flipRtl=${l?o:a.iconFlipRtl} .icon=${l?t:c} .scale=${E(this.scale)}></calcite-icon></span>`)||""}renderChevronIcon(){let{open:e}=this;return H("chevron",x`<span class=${p(r.iconEnd)}><calcite-icon class=${p(r.icon)} .icon=${e?_.chevronUp:_.chevronDown} .scale=${E(this.scale)}></calcite-icon></span>`)}render(){let{selectionDisplay:e,guid:t,label:o,open:i,readOnly:a}=this,c=R(this.selectionMode),l=e==="all",n=e==="single",s=!c&&e==="fit",C=!c&&!l,d=C&&!s,f=this.items.some(b=>b.selected&&!b.disabled),h=!this.clearDisabled&&this.selectionMode!=="single-persist"&&!!this.value?.length&&f;return this.interactiveContainer({disabled:this.disabled,children:x`${this.labelText&&Me({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-live=polite class=${p({[r.wrapper]:!0,[r.wrapperSingle]:c||!this.selectedItems.length,[r.wrapperActive]:i})} @click=${this.clickHandler} @keydown=${this.keyDownHandler} ${S(this.setReferenceEl)}>${this.renderSelectedOrPlaceholderIcon()}${H("grid",x`<div class=${p({[r.gridInput]:!0,[r.selectionDisplayFit]:s,[r.selectionDisplaySingle]:n})} ${S(this.setChipContainerEl)}>${!c&&!n&&this.renderChips()||""}${!c&&!n&&this.selectAllEnabled&&l&&this.renderAllSelectedIndicatorChip()||""}${d&&this.renderSelectedIndicatorChip()||""}${d&&this.renderSelectedIndicatorChipCompact()||""}${C&&this.renderAllSelectedIndicatorChip()||""}<label class=${p(A.screenReaderText)} .htmlFor=${`${u.input(t)}`} .id=${`${u.label(t)}`}>${o}</label>${this.renderInput()}</div>`)}${!a&&h?ke({ariaLabel:this.messages.clear,disabled:this.disabled,ref:this.clearButtonRef,scale:this.scale,title:this.messages.clear}):null}${!a&&this.renderChevronIcon()||""}</div><ul aria-labelledby=${`${u.label(t)}`} aria-multiselectable=true class=${p(A.screenReaderText)} .id=${`${u.listbox(t)}`} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>${this.renderFloatingUIContainer()}${this.validationMessage&&this.status==="invalid"?He({icon:this.validationIcon,id:u.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};re("calcite-combobox",j);export{j as Combobox};
+import{a as ke}from"./LGRYFS2N.js";import{a as Ve}from"./IJGLEN77.js";import{b as Z,c as Oe,d as Y,f as R,g as k,h as X,i as Be}from"./M4XG6CGT.js";import{a as B,b as G,d as r,e as u,f as _}from"./LPMYRCBM.js";import{d as q}from"./C4WP5EBM.js";import{a as He}from"./ZGOJ4LZG.js";import{b as N}from"./QSMCHMHV.js";import{a as Me}from"./YXQ3ADP4.js";import{c as Le}from"./XOOLHWVY.js";import{a as Ie}from"./DKJI4BME.js";import{a as ye}from"./CEKRDMEV.js";import{a as Ce}from"./XRKTQYG2.js";import{a as Re}from"./VXEWXIPV.js";import{a as W,c as U,d as ge,e as Se,f as ve,g as V,h as we}from"./RWGF5CZT.js";import{a as me}from"./SAZM37N6.js";import{a as xe}from"./KFEQSY4V.js";import{a as he}from"./XYZHXGWT.js";import{a as H}from"./UV2JMY7Y.js";import{a as be}from"./7YW2OMW5.js";import{a as fe}from"./3XS7XZAX.js";import{a as ue}from"./T6CCMW7H.js";import{a as z,b as F}from"./VI7SBYXT.js";import{a as pe}from"./JVFPFH6H.js";import"./VUYX7MNO.js";import{a as de}from"./ZQSKUC33.js";import{a as E,b as T}from"./ZWPNZ5XW.js";import{e as ne}from"./MWHGTJLI.js";import"./CYBZRYY2.js";import{i as w,l as P,p as se}from"./7FW2RVVH.js";import{D as oe,E as M,F as S,G as ie,H as p,L as ae,M as A,N as ce,Q as le,T as re,g as te,h as x,l as m,p as v}from"./KRMA22FS.js";var O="48px";var Fe=te`: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;--calcite-internal-combobox-max-block-size: 45vh}:host([scale=s]){font-size:var(--calcite-font-size-relative-sm);--calcite-internal-combobox-spacing-unit-l: .5rem;--calcite-internal-combobox-spacing-unit-s: .25rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-2xs);--calcite-internal-combobox-no-matches-spacing-unit-s: .25rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.25rem - 1px) ;--calcite-internal-close-size: 1rem}:host([scale=m]){font-size:var(--calcite-font-size-relative-base);--calcite-internal-combobox-spacing-unit-l: .75rem;--calcite-internal-combobox-spacing-unit-s: .5rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm);--calcite-internal-combobox-no-matches-spacing-unit-s: .375rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.5rem - 1px) ;--calcite-internal-close-size: 1.5rem}:host([scale=l]){font-size:var(--calcite-font-size-relative-md);--calcite-internal-combobox-spacing-unit-l: 1rem;--calcite-internal-combobox-spacing-unit-s: .75rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm-plus);--calcite-internal-combobox-no-matches-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-combobox-input-height: 1.5rem;--calcite-internal-combobox-input-margin-block: calc(var(--calcite-space-sm-plus) - 1px);--calcite-internal-close-size: 2rem}.wrapper{outline-color:transparent;display:flex;border-width:var(--calcite-border-width-sm);border-style:solid;padding-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);border-radius:var(--calcite-combobox-corner-radius, var(--calcite-corner-radius));background-color:var(--calcite-combobox-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));border-color:var(--calcite-combobox-input-border-color, var(--calcite-color-border-input))}.wrapper:hover .icon{color:var(--calcite-combobox-icon-color-hover, var(--calcite-color-text-1))}:host(:focus-within) .wrapper,.wrapper--active{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}: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:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(-1 * var(--calcite-spacing-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.wrapper--single{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);cursor:pointer;flex-wrap:nowrap}.grid-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;position:relative;padding:0;gap:var(--calcite-internal-combobox-spacing-unit-s);margin-inline-end:var(--calcite-internal-combobox-spacing-unit-s)}.grid-input.selection-display--fit,.grid-input.selection-display--single{flex-wrap:nowrap;overflow:hidden}.input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background-color:transparent;border-style:none;flex-grow:1;font-family:inherit;color:var(--calcite-color-text-1);padding:0;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-internal-combobox-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.input:placeholder-shown{text-overflow:ellipsis}.input--single{padding:0;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0;min-inline-size:0;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.placeholder-icon{color:var(--calcite-combobox-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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-inline-size:100%;flex:1 1 auto;padding:0;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-internal-combobox-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.icon-end .icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.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-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.floating-ui-container .calcite-floating-ui-anim{box-shadow:var(--calcite-shadow-md)}@media(forced-colors:active){.wrapper,.floating-ui-container{border:1px solid canvasText}}.list-container{max-block-size:var(--calcite-internal-combobox-max-block-size);overflow-y:auto;inline-size:var(--calcite-dropdown-width, 100%);background-color:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1))}.list{margin:0;display:block;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.list--hide{block-size:0;overflow:hidden}calcite-chip{--calcite-animation-timing: 0}.chip{margin-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);max-inline-size:100%}.chip--invisible{position:absolute;visibility:hidden}.item{display:block}.select-all{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-color-foreground-1));border-block-end-color:var(--calcite-combobox-divider-color, var(--calcite-combobox-item-border-color, var(--calcite-color-border-3)));border-block-end-style:solid;border-block-end-width:var(--calcite-border-width-sm);inset-block-start:0;position:sticky;z-index:var(--calcite-z-index-sticky)}.no-matches{padding-block:var(--calcite-internal-combobox-no-matches-spacing-unit-s);padding-inline:var(--calcite-internal-combobox-spacing-unit-l);color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));background:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1));cursor:pointer}.no-matches-placeholder{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3));cursor:default}.disabled{opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-clear-button-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-clear-button-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-clear-button-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-clear-button-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-clear-button-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-clear-button-background-color-press, var(--calcite-clear-button-background-color));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.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:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}`,j=class extends ie{constructor(){super(),this.direction=ne(),this.formSupport=Le({inputType:"text"})(this),this.selectAllComboboxItemRef=M(),this.allSelectedIndicatorChipRef=M(),this.data=[],this.cancelable=be()(this),this.filterItems=(()=>{let e=(t,o)=>t&&o.some(({el:i})=>t===i);return fe((t,o=!1,i=!0)=>{let a=Ve([...this.data,...this.groupData],t,this.effectiveFilterProps),c=this.getItemsAndGroups(),l=t==="";c.forEach(n=>{if(l){n.itemHidden=!1;return}let s=!e(n,a);n.itemHidden=s;let[C,d]=n.ancestors;(e(C,a)||e(d,a))&&(n.itemHidden=!1),s||n.ancestors.forEach(f=>f.itemHidden=!1)}),this.noMatchesFound=this.filteredItems.length===0&&!!this.filterText,this.filterTextMatchPattern=this.filterText?new RegExp(`(${N(this.filterText)})`,"i"):void 0,this.keyboardNavItems.forEach(n=>{n.filterTextMatchPattern=this.filterTextMatchPattern}),o&&(this.open=this.filterText.trim().length>0),i&&this.calciteComboboxFilterChange.emit()},ce.filter)})(),this._filterText="",this.getSelectedItems=()=>{if(!this.isMulti()){let e=this.allItems.find(({selected:t})=>t);return e?[e]:[]}return this.allItems.filter(e=>e.selected&&(this.selectionMode!=="ancestors"||!Y(e)))},this.groupData=[],this.groupItems=[],this.guid=ue(),this.ignoreSelectedEventsFlag=!1,this.internalValueChangeFlag=!1,this.previousAllSelected=!1,this.refreshingSelectionDisplay=!1,this.mutationObserver=z("mutation",()=>this.updateItems()),this.onLabelClick=()=>{this.setFocus()},this.transitionProp="opacity",this.resizeObserver=(()=>{let e=!1;return z("resize",()=>{e||(e=!0,requestAnimationFrame(()=>{e=!1,this.setMaxScrollerHeight(),this.refreshSelectionDisplay()}))})})(),this.selectedIndicatorChipRef=M(),this.selectedChipCountRef=M(),this.clearButtonRef=M(),this._selectedItems=[],this.textInputRef=M(),this._value="",this.messages=pe({blocking:!0}),this.focusSetter=de()(this),this.customChipAddHandler=()=>{this.addCustomChip(this.filterText,!0)},this.interactiveContainer=he(this),this.topLayer=Ce({target:()=>this.floatingEl})(this),this.activeChipIndex=-1,this.activeDescendant="",this.activeItemIndex=-1,this.compactSelectionDisplay=!1,this.deferFitChipCountRender=!1,this.selectedHiddenChipsCount=0,this.selectedVisibleChipsCount=0,this.fitUsingCompactCountLabel=!1,this.allItems=[],this.items=[],this.noMatchesFound=!1,this.clearDisabled=!1,this.disabled=!1,this.maxItems=0,this.open=!1,this.overlayPositioning="absolute",this.placeholderIconFlipRtl=!1,this.placement=W,this.readOnly=!1,this.required=!1,this.scale="m",this.selectAllEnabled=!1,this.selectionDisplay="all",this.selectionAppearance="icon",this.selectionMode="multiple",this.status="idle",this.topLayerDisabled=!1,this.calciteComboboxBeforeClose=v({cancelable:!1}),this.calciteComboboxBeforeOpen=v({cancelable:!1}),this.calciteComboboxChange=v({cancelable:!1}),this.calciteComboboxChipClose=v({cancelable:!1}),this.calciteComboboxClose=v({cancelable:!1}),this.calciteComboboxFilterChange=v({cancelable:!1}),this.calciteComboboxOpen=v({cancelable:!1}),ye(this),this.listenOn(document,"click",this.documentClickHandler),this.listen("calciteComboboxItemChange",this.calciteComboboxItemChangeHandler),this.listen("calciteInternalComboboxItemChange",this.calciteInternalComboboxItemChangeHandler),this.listen("click",this.comboboxFocusHandler)}static{this.properties={activeChipIndex:[16,{},{state:!0}],activeDescendant:[16,{},{state:!0}],activeItemIndex:[16,{},{state:!0}],compactSelectionDisplay:[16,{},{state:!0}],deferFitChipCountRender:[16,{},{state:!0}],selectedHiddenChipsCount:[16,{},{state:!0}],selectedVisibleChipsCount:[16,{},{state:!0}],fitUsingCompactCountLabel:[16,{},{state:!0}],allItems:[16,{},{state:!0}],items:[16,{},{state:!0}],noMatchesFound:[16,{},{state:!0}],allowCustomValues:[7,{},{reflect:!0,type:Boolean}],clearDisabled:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],filterText:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filteredItems:[32,{},{attribute:!1,readOnly:!0}],flipPlacements:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],label:1,labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,placeholderIcon:[3,{},{reflect:!0}],placeholderIconFlipRtl:[7,{},{reflect:!0,type:Boolean}],placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectAllEnabled:[7,{},{reflect:!0,type:Boolean}],selectedItems:[0,{},{attribute:!1}],selectionDisplay:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:ae},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=[Fe,xe]}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(e=>e!=="el"):["description","label","metadata","shortHeading"]}get showingInlineIcon(){let{placeholderIcon:e,selectionMode:t,selectedItems:o,open:i}=this,a=o[0],c=a?.icon,l=R(t);return!i&&a?!!c&&l:!!e&&(!a||l)}get allSelected(){let e=this.allItems.filter(t=>!t.disabled);return e.length>0&&e.every(t=>t.selected)}get hasDisabledSelected(){return this.allItems.some(e=>e.disabled&&e.selected)}get indeterminate(){let e=this.selectedItems.length>0||this.hasDisabledSelected;return this.selectAllEnabled?!this.allSelected&&e:this.selectedItems.length>0&&!this.allSelected}get keyboardNavItems(){let{selectAllComboboxItemRef:e}=this,t=this.filteredItems.filter(o=>!o.disabled);return e.value?[e.value,...t]:t}get filterText(){return this._filterText}set filterText(e){let t=this._filterText;e!==t&&(this._filterText=e,this.filterTextChange(e))}get filteredItems(){return this.items.filter(e=>!T(e))}get selectedItems(){return this._selectedItems}set selectedItems(e){let t=this._selectedItems;e!==t&&(this._selectedItems=e,this.selectedItemsHandler())}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueHandler(e))}async reposition(e=!1){let{floatingEl:t,referenceEl:o,placement:i,overlayPositioning:a,filteredFlipPlacements:c}=this;return Se(this,{direction:this.direction,floatingEl:t,referenceEl:o,overlayPositioning:a,placement:i,flipPlacements:c,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>(this.activeChipIndex=-1,this.activeItemIndex=-1,this.textInputRef.value),e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),V(this),this.cancelable.add(this.filterItems)}async load(){this.handleSelectionModeWarning()}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),e.has("maxItems")&&(this.hasUpdated||this.maxItems!==0)&&this.setMaxScrollerHeight(),(e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==W))&&this.reposition(!0),(e.has("selectionMode")||e.has("scale")||e.has("selectionAppearance"))&&this.updateItems(),e.has("flipPlacements")&&this.flipPlacementsHandler()}loaded(){V(this),this.updateItems(),this.filterItems(this.filterText,!1,!1)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),we(this)}emitComboboxChange(){this.calciteComboboxChange.emit()}filterTextChange(e){this.updateActiveItemIndex(-1),this.filterItems(e,!0)}openHandler(){this.disabled||me(this)}handleDisabledChange(e){e||(this.open=!1)}valueHandler(e){this.internalValueChangeFlag||(this.items.forEach(t=>{t.selected=Array.isArray(e)?e.includes(t.value):e===t.value}),this.updateItems())}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}selectedItemsHandler(){let e=this.previousAllSelected,t=this.allSelected;if(this.previousAllSelected=t,this.internalValueChangeFlag=!0,this.value=this.getValue(),this.internalValueChangeFlag=!1,this.selectionDisplay==="fit"&&this.isMulti()){let o=e&&!t;e&&!t&&(this.selectedHiddenChipsCount=0,this.selectedItems.forEach(i=>{let a=this.referenceEl?.querySelector(`#${u.chip(i.guid)}`);a&&this.showChip(a)})),this.updateComplete.then(async()=>{o&&await this.updateComplete,await this.refreshSelectionDisplay(),this.fitFollowUpRefreshPromise&&await this.fitFollowUpRefreshPromise,this.deferFitChipCountRender=!1})}}async documentClickHandler(e){this.disabled||e.composedPath().includes(this.el)||(await this.componentOnReady(),!this.allowCustomValues&&this.filterText&&(this.clearInputValue(),this.filterItems(""),this.updateActiveItemIndex(-1)),this.allowCustomValues&&this.filterText.trim().length&&this.addCustomChip(this.filterText),this.open=!1)}handleSelectAll(e){e&&(this.toggleSelectAll(),this.selectionDisplay!=="fit"&&this.allSelected&&this.selectedItems.forEach(t=>{let o=this.referenceEl.querySelector(`#${u.chip(t.guid)}`);o&&this.hideChip(o)}))}updateSelectedItems(){this.selectedItems=this.getOrderedSelectedItems(this.getSelectedItems())}calciteComboboxItemChangeHandler(e){if(this.ignoreSelectedEventsFlag)return;let t=e.target,o=e.composedPath().includes(this.selectAllComboboxItemRef.value);this.selectAllEnabled&&this.handleSelectAll(o);let i=this.keyboardNavItems.indexOf(o?this.selectAllComboboxItemRef.value:t);this.updateActiveItemIndex(i),this.toggleSelection(t,t.selected)}calciteInternalComboboxItemChangeHandler(e){e.stopPropagation(),this.hasUpdated&&this.updateItems()}clearValue(){let e=this.items.filter(t=>t.selected&&!t.disabled);e.length&&(this.ignoreSelectedEventsFlag=!0,e.forEach(t=>t.selected=!1),this.ignoreSelectedEventsFlag=!1,this.updateSelectedItems(),this.emitComboboxChange()),this.open=!1,this.updateActiveItemIndex(-1),this.resetText(),this.filterItems(""),this.setFocus()}clearInputValue(){this.textInputRef.value&&(this.textInputRef.value.value=""),this.filterText=""}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?ge(t,e):void 0}getValue(){let e=this.getOrderedSelectedValues(this.selectedItems.map(t=>t.value?.toString()));return e.length?e.length>1?e:e[0]:""}getOrderedSelectedValues(e){if(!this.isMulti())return e;let t=Array.isArray(this.value)?this.value:this.value?[this.value]:[];return Be(e,t)}getOrderedSelectedItems(e){return this.isMulti()?X(e,this.selectedItems):e}comboboxInViewport(){let e=this.el.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.right<=(window.innerWidth||document.documentElement.clientWidth)&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)}toggleSelectAll(){let e=!this.allSelected;this.allItems.forEach(t=>{t.disabled||(t.selected=e)}),this.updateSelectedItems(),this.emitComboboxChange()}hasHiddenSelectedFitChips(){if(this.selectionDisplay!=="fit"||!this.isMulti())return!1;let e=this.selectedChipCountRef.value;return!!e&&!e.classList.contains(r.chipInvisible)}keyDownHandler(e){if(this.readOnly)return;let{key:t}=e;switch(t){case"Tab":this.activeChipIndex=-1,this.activeItemIndex=-1,this.allowCustomValues&&this.filterText?(this.addCustomChip(this.filterText,!0),e.preventDefault()):this.open?(this.open=!1,e.preventDefault()):!this.allowCustomValues&&this.filterText&&(this.clearInputValue(),this.filterItems(""),this.updateActiveItemIndex(-1));break;case"ArrowLeft":(this.activeChipIndex!==-1||this.textInputRef.value?.selectionStart===0)&&(this.previousChip(),e.preventDefault());break;case"ArrowRight":this.activeChipIndex!==-1&&(this.nextChip(),e.preventDefault());break;case"ArrowUp":this.keyboardNavItems.length&&(e.preventDefault(),this.open&&this.shiftActiveItemIndex(-1),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView()),this.scrollToActiveOrSelectedItem();break;case"ArrowDown":this.keyboardNavItems.length&&(e.preventDefault(),this.open?this.shiftActiveItemIndex(1):(this.open=!0,this.ensureRecentSelectedItemIsActive()),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView());break;case" ":!this.textInputRef.value?.value&&!e.defaultPrevented&&(!this.open&&this.keyboardNavItems.length&&(this.open=!0,this.ensureRecentSelectedItemIsActive()),e.preventDefault());break;case"Home":if(!this.open)return;e.preventDefault(),this.updateActiveItemIndex(0),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"End":if(!this.open)return;e.preventDefault(),this.updateActiveItemIndex(this.filteredItems.length-1),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"Escape":if(this.open){this.open=!1,e.preventDefault();break}this.clearDisabled||(this.textInputRef.value.value.length>0?(this.resetText(),e.preventDefault()):this.selectedItems.length>0&&this.selectionMode!=="single-persist"&&(this.clearValue(),e.preventDefault()));break;case"Enter":this.open&&this.activeItemIndex>-1?(this.keyboardNavItems[this.activeItemIndex].toggleSelection(),e.preventDefault()):this.activeChipIndex>-1?(this.removeActiveChip(e.target),e.preventDefault()):this.allowCustomValues&&this.filterText?(this.addCustomChip(this.filterText,!0),e.preventDefault()):!e.defaultPrevented&&this.formSupport.active&&(e.preventDefault(),this.formSupport.requestSubmit());break;case"Delete":case"Backspace":{let i=this.hasHiddenSelectedFitChips()&&this.activeChipIndex===-1;if(this.selectionDisplay==="single"||i)return;let c=e.composedPath().find(q);this.activeChipIndex>-1&&c?(e.preventDefault(),this.removeActiveChip(c)):!this.filterText&&this.isMulti()&&(e.preventDefault(),this.removeLastChip());break}}}onBeforeOpen(){this.topLayer.show(),this.reposition(),this.calciteComboboxBeforeOpen.emit(),setTimeout(()=>this.scrollToActiveOrSelectedItem(this.activeItemIndex<0),0)}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit(),ve(this),this.topLayer.hide()}async setMaxScrollerHeight(){let{listContainerEl:e,open:t,referenceEl:o}=this;if(!e||!t||!o)return;let i=this.getMaxScrollerHeight();e.style.maxBlockSize=i>0?`${i}px`:"",e.style.inlineSize=`${o.clientWidth}px`}calciteChipCloseHandler(e){this.open=!1;let t=this.items.find(o=>o===e);t&&this.toggleSelection(t,!1),this.calciteComboboxChipClose.emit()}clickHandler(e){if(this.readOnly)return;let t=e.composedPath();if(t.some(i=>q(i))){this.open=!1,e.preventDefault();return}let o=this.clearButtonRef.value;if(o&&t.includes(o)){this.clearValue(),e.preventDefault();return}this.open=!this.open,this.ensureRecentSelectedItemIsActive()}ensureRecentSelectedItemIsActive(){let{activeItemIndex:e,selectedItems:t,keyboardNavItems:o}=this;if(e>-1&&o[e]){this.updateActiveItemIndex(e);return}let i=t[t.length-1],a=i?o.indexOf(i):o.length?0:-1;this.updateActiveItemIndex(a>-1?a:o.length?0:-1)}hideChip(e){e.classList.add(r.chipInvisible)}showChip(e){e.classList.remove(r.chipInvisible)}refreshChipDisplay({chipEls:e,availableHorizontalChipElSpace:t,chipContainerElGap:o,hideSelectedChips:i}){let a=e.filter(d=>d.selected),c=a.filter(d=>!d.disabled),l=a.filter(d=>d.disabled),n=d=>{let f=w(d),h=d.getBoundingClientRect().width;return Number.isFinite(f)&&f>0?f:h};if(a.forEach(d=>n(d)),e.forEach(d=>{this.hideChip(d)}),i)return;let s=d=>{let f=0;return d.forEach(h=>{let b=n(h);b&&b<=t&&(t-=b+o,this.showChip(h),f++)}),f};s(c)<=1&&s(l)}async refreshSelectionDisplay(e=!0){if(this.refreshingSelectionDisplay)return;if(this.refreshingSelectionDisplay=!0,await this.componentOnReady(),R(this.selectionMode)){this.refreshingSelectionDisplay=!1;return}let{allSelectedIndicatorChipRef:t,chipContainerEl:o,selectionDisplay:i,placeholder:a,selectedIndicatorChipRef:c,textInputRef:l}=this;if(!l.value||!o){this.refreshingSelectionDisplay=!1;return}let n=parseInt(getComputedStyle(o).gap,10),s=w(o),{fontSize:C,fontFamily:d,minInlineSize:f}=getComputedStyle(l.value),h=.55,b=parseFloat(f)||parseInt(O,10),g=P(a,`${C} ${d}`),L=g>0?g:Math.max(b,Math.round((a?.length||0)*(parseFloat(C)||parseInt(O,10))*h)),$=Math.max(b,L),D=(i==="fit"?$:L)+n,Ge=w(t.value),Q=w(c.value),Ye=Math.max(Ge,Q);if(this.setCompactSelectionDisplay({chipContainerElGap:n,chipContainerElWidth:s,inputWidth:D,largestSelectedIndicatorChipWidth:Ye}),i!=="fit"&&this.allSelected&&this.selectAllEnabled&&this.selectedItems.forEach(y=>{let I=this.referenceEl?.querySelector(`#${u.chip(y.guid)}`);I&&this.hideChip(I)}),this.indeterminate&&this.selectedItems.forEach(y=>{let I=this.referenceEl?.querySelector(`#${u.chip(y.guid)}`);I&&this.showChip(I)}),i==="fit"){let y=Array.from(this.renderRoot.querySelectorAll("calcite-chip")).filter(K=>{let ee=K.value,ze=ee!=null&&`${ee}`!="";return K.disabled||ze}),{hiddenChipIndicatorWidth:I,hideSelectedChips:J,reservedPlaceholderInputWidth:$e}=this.getFitCompactDisplayState({chipContainerElGap:n,chipContainerElWidth:s,inputMinWidth:b,placeholderWidth:L,selectedIndicatorChipElWidth:Q});this.fitUsingCompactCountLabel=J;let De=Math.round(s-(I+n+$e+n));this.refreshChipDisplay({availableHorizontalChipElSpace:De,chipContainerElGap:n,chipEls:y,hideSelectedChips:J});let Ae=this.selectedHiddenChipsCount;this.syncChipVisibilityCounts(y),Ae!==this.selectedHiddenChipsCount&&e&&(this.fitFollowUpRefreshPromise=this.updateComplete.then(()=>this.refreshSelectionDisplay(!1)).then(()=>{this.fitFollowUpRefreshPromise=void 0}))}this.refreshingSelectionDisplay=!1}setFloatingEl(e){this.floatingEl=e,V(this)}shouldUseFitCompactDisplay({chipContainerElGap:e,chipContainerElWidth:t,hiddenChipIndicatorWidth:o,inputMinWidth:i,placeholderWidth:a,reservedPlaceholderInputWidth:c}){let l=Math.round(t-(o+e+c+e));return a>i*2&&l<=0}getFitCompactDisplayState({chipContainerElGap:e,chipContainerElWidth:t,inputMinWidth:o,placeholderWidth:i,selectedIndicatorChipElWidth:a}){let c=w(this.selectedChipCountRef.value),l=this.deferFitChipCountRender||this.selectedHiddenChipsCount<=0?0:c||a,n=Math.max(o,i),s=this.shouldUseFitCompactDisplay({chipContainerElGap:e,chipContainerElWidth:t,hiddenChipIndicatorWidth:l,inputMinWidth:o,placeholderWidth:i,reservedPlaceholderInputWidth:n});return{hiddenChipIndicatorWidth:l,hideSelectedChips:s,reservedPlaceholderInputWidth:n}}setCompactSelectionDisplay({chipContainerElGap:e,chipContainerElWidth:t,inputWidth:o,largestSelectedIndicatorChipWidth:i}){let a=Math.round(i+e+o);(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<a)&&(this.maxCompactBreakpoint=a),this.compactSelectionDisplay=t<this.maxCompactBreakpoint}setContainerEl(e){F(this.resizeObserver,this.listContainerEl,e),this.listContainerEl=e,this.transitionEl=e}setChipContainerEl(e){F(this.resizeObserver,this.chipContainerEl,e),this.chipContainerEl=e}setReferenceEl(e){this.referenceEl=e,V(this)}syncChipVisibilityCounts(e){let t=0,o=0;e.forEach(a=>{a.selected&&(o++,a.classList.contains(r.chipInvisible)||t++)}),t!==this.selectedVisibleChipsCount&&(this.selectedVisibleChipsCount=t);let i=Math.max(0,o-t);i!==this.selectedHiddenChipsCount&&(this.selectedHiddenChipsCount=i)}getMaxScrollerHeight(){let t=this.getItemsAndGroups(!0).filter(c=>!T(c)),{maxItems:o}=this,i=0,a=0;return t.length>=o&&t.forEach(c=>{if(i<o){let l=this.calculateScrollerHeight(c);a+=l,i+=1}}),a}calculateScrollerHeight(e){if(!e)return 0;let t=e.getBoundingClientRect().height,o=`:scope > ${B}, :scope > ${G}`,i=Array.from(e.querySelectorAll(o)).reduce((a,c)=>a+c.getBoundingClientRect().height,0);return t-i}inputHandler(e){let t=e.target.value;this.filterText=t}getItemsAndGroups(e=!1){return e?Array.from(this.el.querySelectorAll(`${B}, ${G}`)):[...this.groupItems,...this.items]}toggleSelection(e,t){!e||this.selectionMode==="single-persist"&&e.selected&&e.value===this.value&&!t||(this.selectionDisplay==="fit"&&this.isMulti()&&(this.deferFitChipCountRender=!0),this.isMulti()?this.handleMultiSelection(e,t):this.handleSingleSelection(e,t))}handleMultiSelection(e,t){e.selected=t,this.updateAncestors(e),this.updateSelectedItems(),this.emitComboboxChange(),this.resetText(),this.filterItems("")}handleSingleSelection(e,t){this.ignoreSelectedEventsFlag=!0,this.items.forEach(o=>o.selected=o===e?t:!1),this.ignoreSelectedEventsFlag=!1,this.updateSelectedItems(),this.emitComboboxChange(),this.textInputRef.value&&(this.textInputRef.value.value=k(e)),this.open=!1,this.updateActiveItemIndex(-1),this.resetText(),this.filterItems("")}updateAncestors(e){if(this.selectionMode!=="ancestors")return;let t=Z(e),o=Oe(e);e.selected?t.forEach(i=>{i.disabled||(i.selected=!0)}):([...o].forEach(i=>{i.disabled||(i.selected=!1)}),[...t].forEach(i=>{Y(i)||(i.selected=!1)}))}updateItems(){this.allItems=this.getItems(!0),this.items=this.allItems.filter(e=>!e.disabled),this.groupItems=this.getGroupItems(),this.data=this.getData(),this.groupData=this.getGroupData(),this.updateItemProps(),this.updateSelectedItems(),this.previousAllSelected=this.allSelected}updateItemProps(){this.allItems.forEach(e=>{e.selectionMode=this.selectionMode,e.selectionAppearance=this.selectionAppearance,e.scale=this.scale}),this.groupItems.forEach((e,t)=>(e.scale=this.scale,e.position=t)),this.allowCustomValues||this.setMaxScrollerHeight(),this.groupItems.forEach((e,t,o)=>{t===0&&(e.afterEmptyGroup=!1);let i=o[t+1];i&&(i.afterEmptyGroup=e.children.length===0)})}getData(){return this.items.map(e=>({description:e.description,filterDisabled:e.filterDisabled,label:e.heading,metadata:e.metadata,shortHeading:e.shortHeading,el:e}))}getGroupData(){return this.groupItems.map(e=>({label:e.label,el:e}))}resetText(){this.textInputRef.value&&(this.textInputRef.value.value=""),this.filterText=""}getItems(e=!1){return Array.from(this.el.querySelectorAll(B)).filter(o=>e||!o.disabled)}getGroupItems(){return Array.from(this.el.querySelectorAll(G))}addCustomChip(e,t){let o=this.items.find(i=>i.heading===e);if(o)this.toggleSelection(o,!0);else{let i=document.createElement("calcite-combobox-item");i.value=e,i.heading=e,this.el.prepend(i),this.updateItems(),this.toggleSelection(i,!0),this.open=!0,t&&this.setFocus()}}removeActiveChip(e){let t=this.selectedItems[this.activeChipIndex];t&&!t.disabled&&`${u.chip(t.guid)}`===e.id&&this.toggleSelection(t,!1),this.setFocus()}removeLastChip(){let e=this.selectedItems.findLast(t=>!t.disabled);e&&(this.toggleSelection(e,!1),this.setFocus())}previousChip(){let e=this.selectedItems.length-1,t=this.activeChipIndex;this.activeChipIndex=t===-1?e:Math.max(t-1,0),this.updateActiveItemIndex(-1),this.focusChip()}nextChip(){let e=this.selectedItems.length-1,t=this.activeChipIndex+1;t>e?(this.activeChipIndex=-1,se(this.textInputRef.value)):(this.activeChipIndex=t,this.focusChip()),this.updateActiveItemIndex(-1)}focusChip(){let e=this.selectedItems[this.activeChipIndex]?.guid;(e?this.referenceEl?.querySelector(`#${u.chip(e)}`):void 0)?.setFocus()}scrollToActiveOrSelectedItem(e=!1){let t=e&&this.selectedItems?.length?this.selectedItems[0]:this.keyboardNavItems[this.activeItemIndex],o=this.listContainerEl;if(!t||!o)return;t.scrollIntoView({block:"nearest"});let a=this.selectAllComboboxItemRef.value?.offsetHeight||0,c=t.getBoundingClientRect(),l=o.getBoundingClientRect();c.top<l.top+a&&(o.scrollTop-=l.top+a-c.top)}shiftActiveItemIndex(e){let{length:t}=this.keyboardNavItems,o=(this.activeItemIndex+t+e)%t;this.updateActiveItemIndex(o),this.scrollToActiveOrSelectedItem()}updateActiveItemIndex(e){this.activeItemIndex=e;let t="";this.keyboardNavItems.forEach((o,i)=>{i===e?(o.active=!0,t=`${u.item(o.guid)}`):o.active=!1}),this.activeDescendant=t,this.activeItemIndex>-1&&(this.activeChipIndex=-1)}isMulti(){return!R(this.selectionMode)}comboboxFocusHandler(){this.disabled||(this.activeChipIndex=-1,this.textInputRef.value?.focus(),this.open&&this.selectionDisplay==="fit"&&this.isMulti()&&this.refreshSelectionDisplay())}createScreenReaderItem({ariaLabel:e,ariaSelected:t,id:o,textContent:i}){return x`<li aria-label=${e??m} aria-selected=${t??m} id=${o??m} role=option tabindex=-1>${i}</li>`}handleSelectionModeWarning(){this.selectionMode==="single-persist"&&this.clearDisabled&&le.warn('clearDisabled is ignored when selection-mode is set to "single-persist"')}getDescriptionMessage(){let e=Array.isArray(this.value)?this.value.join(", "):this.value;return this.readOnly?this.messages.nonEditable.replace("{value}",`${e}`):e}getChipLabel(e,t){return t?[...[...Z(e)].reverse(),e].map(i=>k(i)).join(" / "):k(e)}renderChip({activeChipIndex:e,disabled:t,index:o,item:i,messages:a,readOnly:c,scale:l,isAncestors:n}){let s=this.getChipLabel(i,n);return H(i.guid||i.value||s,x`<calcite-chip .appearance=${c?"outline":"solid"} class=${p({[r.chip]:!0,[r.disabled]:t})} .closable=${!t&&!c} data-testid=${`${t?"disabled-chip":"chip"}-${o}`} .disabled=${t} .icon=${i.icon} .iconFlipRtl=${i.iconFlipRtl} id=${(!t&&i.guid?`${u.chip(i.guid)}`:void 0)??m} .label=${s} .messageOverrides=${t?void 0:{dismissLabel:a.removeTag.replace("{value}",`${s}`)}} @calciteChipClose=${t?void 0:()=>this.calciteChipCloseHandler(i)} @focusin=${t?void 0:()=>this.activeChipIndex=o} .scale=${l} .selected=${i.selected} .tabIndex=${!t&&e===o?0:-1} title=${s??m} .value=${i.value}>${s}</calcite-chip>`)}renderChipCount(e,t){let o=this.fitUsingCompactCountLabel?`${e}`:this.messages.disabledSelectedCount.replace("{count}",`${e}`)??`+${e}`;return x`<calcite-chip appearance=solid class=${p({[r.chip]:!0})} data-testid=selected-chip-count id=selected-chip-count .label=${o} .scale=${t} tabindex=-1 title=${o??m} ${S(this.selectedChipCountRef)}>${o}</calcite-chip>`}renderChips(){let{activeChipIndex:e,readOnly:t,scale:o,selectionDisplay:i,selectionMode:a,messages:c}=this,l=[],n=a==="ancestors",s=this.selectAllEnabled&&this.allSelected,C=i==="all";if(s)return null;let d=0,f=0;if(C){let h=this.allItems.filter(g=>g.selected&&(!n||!Y(g)));X(h,this.selectedItems).forEach(g=>{if(g.disabled){l.push(this.renderChip({activeChipIndex:e,disabled:!0,index:f++,item:g,messages:c,readOnly:t,scale:o,isAncestors:n}));return}l.push(this.renderChip({activeChipIndex:e,disabled:!1,index:d++,item:g,messages:c,readOnly:t,scale:o,isAncestors:n}))})}else s||this.selectedItems.forEach(h=>{l.push(this.renderChip({activeChipIndex:e,disabled:h.disabled,index:d++,item:h,messages:c,readOnly:t,scale:o,isAncestors:n}))});if(i==="fit"){let h=this.selectedHiddenChipsCount,b=this.selectedVisibleChipsCount===0?this.selectedItems.length:h;h>0&&!this.deferFitChipCountRender&&l.push(this.renderChipCount(b,o))}return l.length?l:null}renderAllSelectedIndicatorChip(){let{allSelectedIndicatorChipRef:e,compactSelectionDisplay:t,scale:o,selectedVisibleChipsCount:i}=this,a=!1;if(this.selectionDisplay==="fit"&&this.textInputRef.value&&this.chipContainerEl){let s=parseInt(getComputedStyle(this.chipContainerEl).gap,10),C=w(this.chipContainerEl),{fontSize:d,fontFamily:f,minInlineSize:h}=getComputedStyle(this.textInputRef.value),b=.55,g=parseFloat(h)||parseInt(O,10),L=P(this.placeholder,`${d} ${f}`),$=L>0?L:Math.max(g,Math.round((this.placeholder?.length||0)*(parseFloat(d)||parseInt(O,10))*b)),D=w(this.selectedIndicatorChipRef.value);a=this.getFitCompactDisplayState({chipContainerElGap:s,chipContainerElWidth:C,inputMinWidth:g,placeholderWidth:$,selectedIndicatorChipElWidth:D}).hideSelectedChips}let l=t||a?this.messages.all:this.messages.allSelected,n=this.allSelected&&(this.selectionDisplay==="single"||!i||this.selectionDisplay==="all");return x`<calcite-chip class=${p({[r.chip]:!0,[r.chipInvisible]:!n,[r.allSelected]:!0})} data-testid=all-selected-indicator-chip .label=${l} .scale=${o} title=${l??m} value ${S(e)}>${l}</calcite-chip>`}renderSelectedIndicatorChip(){let{compactSelectionDisplay:e,selectionDisplay:t,scale:o,selectedIndicatorChipRef:i}=this,a=!1,c,l=this.getSelectedItems().length;return e?a=!0:t==="single"&&(this.allSelected?a=!0:l>0?a=!1:a=!0,c=`${l} ${this.messages.selected}`),x`<calcite-chip class=${p({[r.chip]:!0,[r.chipInvisible]:a})} .label=${c} .scale=${o} title=${c??m} value ${S(i)}>${c}</calcite-chip>`}renderSelectedIndicatorChipCompact(){let{compactSelectionDisplay:e,selectionDisplay:t,scale:o}=this,i=!1,a,c=this.getSelectedItems().length;return e?this.allSelected?i=!0:t==="single"&&(i=!(c>0),a=`${c}`):i=!0,x`<calcite-chip class=${p({[r.chip]:!0,[r.chipInvisible]:i})} .label=${a} .scale=${o} title=${a??m} value>${a}</calcite-chip>`}renderInput(){let{guid:e,disabled:t,placeholder:o,selectionMode:i,selectedItems:a,open:c}=this,l=R(i),n=a[0],s=!c&&l&&!!n&&!this.filterText;return x`<span class=${p({[r.inputWrap]:!0,[r.inputWrapSingle]:l})}>${s&&H("label",x`<span class=${p({[r.label]:!0,[r.labelIcon]:!!n?.icon})}>${k(n)}</span>`)||""}${H("input",x`<input aria-activedescendant=${this.activeDescendant??m} aria-controls=${`${u.listbox(e)}`} aria-errormessage=${u.validationMessage} aria-owns=${`${u.listbox(e)}`} aria-autocomplete=list .ariaDescription=${this.getDescriptionMessage()} .ariaExpanded=${c} aria-haspopup=listbox .ariaInvalid=${this.status==="invalid"} .ariaLabel=${Ie(this)} class=${p({[r.input]:!0,[r.inputSingle]:!0,[r.inputHidden]:s,[r.inputIcon]:this.showingInlineIcon&&!!this.placeholderIcon})} data-testid=input .disabled=${t} .id=${`${u.input(e)}`} @focus=${this.comboboxFocusHandler} @input=${this.inputHandler} placeholder=${o??m} .readOnly=${this.readOnly} .required=${this.required} role=combobox .tabIndex=${this.activeChipIndex===-1?0:-1} type=text .value=${oe(this.filterText??"")} ${S(this.textInputRef)}>`)}</span>`}renderListBoxOptions(){let e=this.keyboardNavItems.map(t=>this.createScreenReaderItem({ariaLabel:t.label,ariaSelected:t.selected,id:`${u.item(t.guid)}`,textContent:t.heading}));if(this.selectAllEnabled&&this.selectionMode!=="single"&&this.selectionMode!=="single-persist"){let t=this.createScreenReaderItem({ariaLabel:this.messages.selectAll,ariaSelected:this.allSelected,textContent:this.messages.selectAll});t&&e.unshift(t)}return e}renderFloatingUIContainer(){let{messages:e,setFloatingEl:t,setContainerEl:o,open:i,scale:a}=this,c={[r.listContainer]:!0,[U.animation]:!0,[U.animationActive]:i},l=(this.filterText&&e.add.replace("{text}",`${this.filterText}`))??"";return x`<div aria-hidden=true class=${p(r.floatingUIContainer)} popover=manual ${S(t)}><div class=${p(c)} ${S(o)}><ul class=${p({[r.list]:!0,[r.listHide]:!i})}>${this.selectAllEnabled&&this.selectionMode!=="single"&&this.selectionMode!=="single-persist"&&x`<calcite-combobox-item class=${p(r.selectAll)} data-testid=select-all-item .heading=${e.selectAll} .id=${`${this.guid}-select-all-enabled-interactive`} .indeterminate=${this.indeterminate} .label=${e.selectAll} .scale=${a} .selected=${this.allSelected} tabindex=-1 value=select-all ${S(this.selectAllComboboxItemRef)}></calcite-combobox-item>`||""}<slot></slot>${this.noMatchesFound&&(this.allowCustomValues?x`<li aria-label=${l??m} class=${p(r.noMatches)} @click=${this.customChipAddHandler} role=option tabindex=0>${Re({text:l,pattern:new RegExp(`(${N(this.filterText)})`,"i")})}</li>`:x`<li class=${p({[r.noMatchesPlaceholder]:!0,[r.noMatches]:!0})}>${e.noMatches}</li>`)||""}</ul></div></div>`}renderSelectedOrPlaceholderIcon(){let{open:e,placeholderIcon:t,placeholderIconFlipRtl:o,selectedItems:i}=this,a=i[0],c=a?.icon,l=t&&(e||!a);return this.showingInlineIcon&&H("selected-placeholder-icon",x`<span class=${p(r.iconStart)}><calcite-icon class=${p({[r.selectedIcon]:!l,[r.placeholderIcon]:l})} .flipRtl=${l?o:a.iconFlipRtl} .icon=${l?t:c} .scale=${E(this.scale)}></calcite-icon></span>`)||""}renderChevronIcon(){let{open:e}=this;return H("chevron",x`<span class=${p(r.iconEnd)}><calcite-icon class=${p(r.icon)} .icon=${e?_.chevronUp:_.chevronDown} .scale=${E(this.scale)}></calcite-icon></span>`)}render(){let{selectionDisplay:e,guid:t,label:o,open:i,readOnly:a}=this,c=R(this.selectionMode),l=e==="all",n=e==="single",s=!c&&e==="fit",C=!c&&!l,d=C&&!s,f=this.items.some(b=>b.selected&&!b.disabled),h=!this.clearDisabled&&this.selectionMode!=="single-persist"&&!!this.value?.length&&f;return this.interactiveContainer({disabled:this.disabled,children:x`${this.labelText&&Me({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-live=polite class=${p({[r.wrapper]:!0,[r.wrapperSingle]:c||!this.selectedItems.length,[r.wrapperActive]:i})} @click=${this.clickHandler} @keydown=${this.keyDownHandler} ${S(this.setReferenceEl)}>${this.renderSelectedOrPlaceholderIcon()}${H("grid",x`<div class=${p({[r.gridInput]:!0,[r.selectionDisplayFit]:s,[r.selectionDisplaySingle]:n})} ${S(this.setChipContainerEl)}>${!c&&!n&&this.renderChips()||""}${!c&&!n&&this.selectAllEnabled&&l&&this.renderAllSelectedIndicatorChip()||""}${d&&this.renderSelectedIndicatorChip()||""}${d&&this.renderSelectedIndicatorChipCompact()||""}${C&&this.renderAllSelectedIndicatorChip()||""}<label class=${p(A.screenReaderText)} .htmlFor=${`${u.input(t)}`} .id=${`${u.label(t)}`}>${o}</label>${this.renderInput()}</div>`)}${!a&&h?ke({ariaLabel:this.messages.clear,disabled:this.disabled,ref:this.clearButtonRef,scale:this.scale,title:this.messages.clear}):null}${!a&&this.renderChevronIcon()||""}</div><ul aria-labelledby=${`${u.label(t)}`} aria-multiselectable=true class=${p(A.screenReaderText)} .id=${`${u.listbox(t)}`} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>${this.renderFloatingUIContainer()}${this.validationMessage&&this.status==="invalid"?He({icon:this.validationIcon,id:u.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};re("calcite-combobox",j);export{j as Combobox};

package/dist/cdn/{7LLVVXWY.js → BTMW5IVV.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as L}from"./SR6NHIQF.js";import{a as A}from"./RSXZIAG7.js";import{b as T}from"./RKMOWYGQ.js";import{a as D}from"./SAZM37N6.js";import{a as o,b as t,c as d,d as m}from"./KQHTBOH6.js";import{a as I}from"./UPEBGVZW.js";import"./RADXXXD4.js";import{a as P}from"./QIC3CEGW.js";import{a as g}from"./AG2RXIA6.js";import"./3XS7XZAX.js";import{b as z}from"./7VTO7SRW.js";import{a as O}from"./SN2OQZA6.js";import"./VUYX7MNO.js";import{a as w}from"./GLOG663K.js";import{a as b}from"./ZWPNZ5XW.js";import"./33BJ4MWQ.js";import"./MJ5LQ3NR.js";import{w as E,x as r,y as H}from"./7FW2RVVH.js";import{F as S,G as y,H as i,Q as p,T as B,g as C,h as a,l as v,p as l}from"./MVBSHQ6D.js";var _=C`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .header{gap:var(--calcite-spacing-sm)}:host([scale=s]) .icon-end-container{gap:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm)}:host([scale=s]) .description{font-size:var(--calcite-font-size-xs)}:host([scale=s]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-sm);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-xxs)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) )}:host([scale=m]) .header{gap:var(--calcite-spacing-md)}:host([scale=m]) .icon-end-container{gap:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size)}:host([scale=m]) .description{font-size:var(--calcite-font-size-sm)}:host([scale=m]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-md);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) )}:host([scale=l]) .header{gap:var(--calcite-spacing-lg)}:host([scale=l]) .icon-end-container{gap:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md)}:host([scale=l]) .description{font-size:var(--calcite-font-size)}:host([scale=l]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-lg);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-lg)) )}:host{transition-property:margin;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;transition-timing-function:var(--calcite-animation-easing-function);display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm);border-style:solid;padding:0;flex-basis:auto;border-color:var(--calcite-block-border-color, var(--calcite-color-border-3));background-color:var(--calcite-block-background-color, var(--calcite-color-foreground-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{justify-content:flex-start}.header--has-content{padding:var(--calcite-internal-block-header-content-padding)}.header--draggable{padding-inline-start:var(--calcite-spacing-xxs)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto auto auto;grid-template-areas:"handle header icon-end menu actions-end"}.icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.actions-end{align-items:center;display:flex;gap:var(--calcite-internal-block-actions-spacing);grid-area:actions-end;padding-block:var(--calcite-internal-block-actions-spacing);padding-inline-end:var(--calcite-internal-block-actions-spacing)}.toggle{outline-color:transparent;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;margin:0;padding:0;font-family:inherit;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-color-foreground-2))}.toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.toggle:active{background-color:var(--calcite-block-header-background-color-press, var(--calcite-color-foreground-3))}calcite-loader[inline]{align-self:center}calcite-sort-handle{align-self:center;grid-area:handle;margin-block:var(--calcite-internal-block-actions-spacing);padding-inline-start:var(--calcite-spacing-xxs)}.title{display:flex;flex-direction:column}.header .title .heading{overflow-wrap:break-word;word-break:break-word;padding:0;color:var(--calcite-block-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-font-line-height-relative-snug)}.description{overflow-wrap:break-word;word-break:break-word;padding:0;color:var(--calcite-block-description-text-color, var(--calcite-color-text-3));font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-snug)}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;grid-area:icon-end}.toggle-icon{transition-property:color;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;align-self:center;justify-self:end;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-block-expandable-icon-color, var(--calcite-block-collapsible-icon-color, var(--calcite-block-icon-color, var(--calcite-color-text-3))))}.toggle:hover .toggle-icon{color:var(--calcite-block-expandable-icon-color-hover, var(--calcite-block-collapsible-icon-color-hover, var(--calcite-block-icon-color-hover, var(--calcite-color-text-1))))}.container{display:flex;flex-direction:column;block-size:100%;position:relative}.content{flex:1 1 0%;position:relative;min-block-size:0;opacity:0;transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.has-slotted-content{padding-block:var(--calcite-internal-block-padding-block);padding-inline:var(--calcite-internal-block-padding-inline)}.content-end,.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}calcite-action-menu{align-self:center;grid-area:menu;margin-inline-end:var(--calcite-internal-block-actions-spacing)}:host([expanded]){margin-block:var(--calcite-space-sm)}:host([expanded]) .header .title .heading{color:var(--calcite-block-heading-text-color, var(--calcite-block-heading-text-color-press, var(--calcite-color-text-1)));font-weight:var(--calcite-font-weight-medium)}:host([expanded]) .description{color:var(--calcite-block-description-text-color, var(--calcite-color-text-2))}:host([expanded]) .icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .content{opacity:1}@starting-style{:host([expanded]){margin-block-start:0;opacity:0}}:host([expanded][scale=s]){margin-block:var(--calcite-spacing-xxs)}:host([expanded][scale=l]){margin-block:var(--calcite-spacing-md)}:host([hidden]){display:none}[hidden]{display:none}slot[name=children]::slotted(calcite-block){border-block-end-width:0}`,u=class extends y{constructor(){super(...arguments),this.transitionProp="margin-top",this.blockSectionChildren=[],this.messages=O(),this.focusSetter=w()(this),this.interactiveContainer=P(this),this.hasContentEnd=!1,this.hasContentStart=!1,this.hasEndActions=!1,this.hasMenuActions=!1,this.hasContent=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.expandable=!1,this.loading=!1,this.menuPlacement=T,this.addToItems=[],this.moveToItems=[],this.sortDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.sortHandleOpen=!1,this.toggleDisplay="button",this.topLayerDisabled=!1,this.calciteBlockBeforeClose=l({cancelable:!1}),this.calciteBlockBeforeOpen=l({cancelable:!1}),this.calciteBlockClose=l({cancelable:!1}),this.calciteBlockCollapse=l({cancelable:!1}),this.calciteBlockExpand=l({cancelable:!1}),this.calciteBlockOpen=l({cancelable:!1}),this.calciteBlockSortHandleBeforeClose=l({cancelable:!1}),this.calciteBlockSortHandleBeforeOpen=l({cancelable:!1}),this.calciteBlockSortHandleClose=l({cancelable:!1}),this.calciteBlockSortHandleOpen=l({cancelable:!1}),this.calciteBlockToggle=l({cancelable:!1}),this.calciteInternalBlockUpdateSortMenuItems=l({cancelable:!1}),this.calciteInternalBlockChange=l({cancelable:!1})}static{this.properties={hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasMenuActions:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],dragDisabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],expandable:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],loading:[7,{},{reflect:!0,type:Boolean}],label:1,menuFlipPlacements:[0,{},{attribute:!1}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],sortDisabled:[5,{},{type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortHandleOpen:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],toggleDisplay:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[L,_,A]}get collapsible(){return this.expandable}set collapsible(e){p.deprecated("property",{component:this,name:"collapsible",removalVersion:7,suggested:"expandable"}),this.expandable=e}get open(){return this.expanded}set open(e){p.deprecated("property",{component:this,name:"open",removalVersion:5,suggested:"expanded"}),this.expanded=e}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.transitionEl=this.el,this.setParentBlockGroupElement()}load(){!this.heading&&!this.label&&p.warn(`${this.el.tagName} is missing both heading & label. Please provide a heading or label for the component to be accessible.`)}willUpdate(e){e.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&D(this),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteBlockExpand.emit():this.calciteBlockCollapse.emit()),e.has("scale")&&this.hasUpdated&&this.updateBlockSectionScale(),(e.has("moveToItems")||e.has("addToItems"))&&this.hasUpdated&&this.setParentBlockGroupElement()}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteBlockSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteBlockSortHandleOpen.emit()}onHeaderClick(){this.calciteBlockToggle.emit(),this.parentBlockGroupElement?this.calciteInternalBlockChange.emit({el:this.el,parentElement:this.parentBlockGroupElement}):this.expanded=!this.expanded}menuActionsSlotChangeHandler(e){this.hasMenuActions=r(e)}actionsEndSlotChangeHandler(e){this.hasEndActions=r(e)}handleContentEndSlotChange(e){this.hasContentEnd=r(e)}handleContentStartSlotChange(e){this.hasContentStart=r(e)}handleDefaultSlotChange(e){this.blockSectionChildren=H(e,"calcite-block-section"),this.hasContent=E(e)||r(e),this.updateBlockSectionScale()}updateBlockSectionScale(){this.blockSectionChildren.forEach(e=>{e.scale=this.scale})}setParentBlockGroupElement(){this.parentBlockGroupElement=this.el.parentElement?.closest("calcite-block-group")}renderScrim(){let{loading:e}=this,c=a`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`;return[e?a`<calcite-scrim .loading=${e}></calcite-scrim>`:null,c]}renderLoaderStatusIcon(){let{loading:e,messages:c,status:n}=this;return e?g("loader",a`<div class=${i(t.icon)}><calcite-loader inline .label=${c.loading} .scale=${this.scale}></calcite-loader></div>`):n?g("status-icon",a`<div class=${i(t.icon)}><calcite-icon class=${i({[t.statusIcon]:!0,[t.valid]:n=="valid",[t.invalid]:n=="invalid"})} .icon=${m[n]} .scale=${b(this.scale)}></calcite-icon></div>`):null}renderActionsEnd(){return a`<div class=${i(t.actionsEnd)} .hidden=${!this.hasEndActions}><slot name=${d.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderContentEnd(){return a`<div class=${i({[t.iconEndContainer]:!this.iconEnd&&!this.expandable})} .hidden=${!this.hasContentEnd}><div class=${i(t.contentEnd)}><slot name=${d.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div></div>`}renderContentStart(){return a`<div class=${i(t.contentStart)} .hidden=${!this.hasContentStart}><slot name=${d.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderTitle(){let{heading:e,headingLevel:c,description:n}=this;return e||n?a`<div class=${i(t.title)}>${I({class:t.heading,level:c,children:e})}${n?a`<div class=${i(t.description)}>${n}</div>`:null}</div>`:null}renderIcon(e){let{iconFlipRtl:c}=this,n=c==="both"||e==="start"?c==="start":c==="end",s=e==="start"?this.iconStart:this.iconEnd,h=e==="start"?t.iconStart:t.iconEnd;if(s)return g(s,a`<calcite-icon class=${i(h)} .flipRtl=${n} .icon=${s} .scale=${b(this.scale)}></calcite-icon>`)}render(){let{expandable:e,loading:c,expanded:n,label:s,heading:h,messages:f,description:M,menuFlipPlacements:G,menuPlacement:U,moveToItems:F,addToItems:N,setPosition:R,setSize:j,dragDisabled:V,sortDisabled:q,iconEnd:k,hasContentEnd:J,hasContentStart:K,iconStart:Q,status:W}=this,$=n?f.collapse:f.expand,X=!!(h||M||J||K||Q||c||W),x=a`<header class=${i({[t.header]:!0,[t.headerHasContent]:X,[t.headerDraggable]:this.dragHandle})} id=${o.header}>${this.renderIcon("start")}${this.renderContentStart()}${this.renderLoaderStatusIcon()}${this.renderTitle()}</header>`,Y=n?m.expanded:m.collapsed,Z=a`<div class=${i(t.headerContainer)}>${this.dragHandle?a`<calcite-sort-handle .addToItems=${N} .disabled=${V} .label=${h||s} .moveToItems=${F} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${R} .setSize=${j} .sortDisabled=${q} .topLayerDisabled=${this.topLayerDisabled} ${S(this.setSortHandleEl)}></calcite-sort-handle>`:null}${e?a`<button aria-controls=${o.content} aria-describedby=${o.header} .ariaExpanded=${e?n:void 0} class=${i(t.toggle)} id=${o.toggle} @click=${this.onHeaderClick} title=${$??v} type=button>${x}<div class=${i(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}${this.toggleDisplay==="switch"?a`<calcite-switch .checked=${n} .disabled=${this.disabled} inert .label=${$} .scale=${this.scale}></calcite-switch>`:a`<calcite-icon class=${i(t.toggleIcon)} .icon=${Y} .scale=${b(this.scale)}></calcite-icon>`}</div></button>`:x}${k&&!e?a`<div class=${i(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}</div>`:!k&&!e?this.renderContentEnd():null}<calcite-action-menu .flipPlacements=${G??["top","bottom"]} .hidden=${!this.hasMenuActions} .label=${f.options} .overlayPositioning=${this.overlayPositioning} .placement=${U} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled}><slot name=${d.headerMenuActions} @slotchange=${this.menuActionsSlotChangeHandler}></slot></calcite-action-menu>${this.renderActionsEnd()}</div>`;return this.interactiveContainer({disabled:this.disabled,children:a`<article aria-label=${s??v} .ariaBusy=${z(c,void 0)} class=${i({[t.container]:!0})}>${Z}<section aria-labelledby=${o.toggle} class=${i({[t.content]:!0,[t.hasSlottedContent]:this.hasContent||c})} .hidden=${!n} id=${o.content}>${this.renderScrim()}</section><slot .hidden=${!n} name=${d.children}></slot></article>`})}};B("calcite-block",u);export{u as Block};
+import{a as L}from"./3Y4A22VM.js";import{a as A}from"./MZ337KXH.js";import{b as T}from"./RWGF5CZT.js";import{a as D}from"./SAZM37N6.js";import{a as o,b as t,c as d,d as m}from"./KQHTBOH6.js";import{a as I}from"./SVNE5SD4.js";import"./ULSD5A62.js";import{a as P}from"./XYZHXGWT.js";import{a as g}from"./UV2JMY7Y.js";import"./3XS7XZAX.js";import{b as z}from"./7VTO7SRW.js";import{a as O}from"./JVFPFH6H.js";import"./VUYX7MNO.js";import{a as w}from"./ZQSKUC33.js";import{a as b}from"./ZWPNZ5XW.js";import"./MWHGTJLI.js";import"./CYBZRYY2.js";import{w as E,x as r,y as H}from"./7FW2RVVH.js";import{F as S,G as y,H as i,Q as p,T as B,g as C,h as a,l as v,p as l}from"./KRMA22FS.js";var _=C`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .header{gap:var(--calcite-spacing-sm)}:host([scale=s]) .icon-end-container{gap:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm)}:host([scale=s]) .description{font-size:var(--calcite-font-size-xs)}:host([scale=s]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-sm);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-xxs)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) )}:host([scale=m]) .header{gap:var(--calcite-spacing-md)}:host([scale=m]) .icon-end-container{gap:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size)}:host([scale=m]) .description{font-size:var(--calcite-font-size-sm)}:host([scale=m]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-md);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) )}:host([scale=l]) .header{gap:var(--calcite-spacing-lg)}:host([scale=l]) .icon-end-container{gap:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md)}:host([scale=l]) .description{font-size:var(--calcite-font-size)}:host([scale=l]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-lg);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-lg)) )}:host{transition-property:margin;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;transition-timing-function:var(--calcite-animation-easing-function);display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm);border-style:solid;padding:0;flex-basis:auto;border-color:var(--calcite-block-border-color, var(--calcite-color-border-3));background-color:var(--calcite-block-background-color, var(--calcite-color-foreground-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{justify-content:flex-start}.header--has-content{padding:var(--calcite-internal-block-header-content-padding)}.header--draggable{padding-inline-start:var(--calcite-spacing-xxs)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto auto auto;grid-template-areas:"handle header icon-end menu actions-end"}.icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.actions-end{align-items:center;display:flex;gap:var(--calcite-internal-block-actions-spacing);grid-area:actions-end;padding-block:var(--calcite-internal-block-actions-spacing);padding-inline-end:var(--calcite-internal-block-actions-spacing)}.toggle{outline-color:transparent;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;margin:0;padding:0;font-family:inherit;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-color-foreground-2))}.toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.toggle:active{background-color:var(--calcite-block-header-background-color-press, var(--calcite-color-foreground-3))}calcite-loader[inline]{align-self:center}calcite-sort-handle{align-self:center;grid-area:handle;margin-block:var(--calcite-internal-block-actions-spacing);padding-inline-start:var(--calcite-spacing-xxs)}.title{display:flex;flex-direction:column}.header .title .heading{overflow-wrap:break-word;word-break:break-word;padding:0;color:var(--calcite-block-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-font-line-height-relative-snug)}.description{overflow-wrap:break-word;word-break:break-word;padding:0;color:var(--calcite-block-description-text-color, var(--calcite-color-text-3));font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-snug)}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;grid-area:icon-end}.toggle-icon{transition-property:color;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;align-self:center;justify-self:end;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-block-expandable-icon-color, var(--calcite-block-collapsible-icon-color, var(--calcite-block-icon-color, var(--calcite-color-text-3))))}.toggle:hover .toggle-icon{color:var(--calcite-block-expandable-icon-color-hover, var(--calcite-block-collapsible-icon-color-hover, var(--calcite-block-icon-color-hover, var(--calcite-color-text-1))))}.container{display:flex;flex-direction:column;block-size:100%;position:relative}.content{flex:1 1 0%;position:relative;min-block-size:0;opacity:0;transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.has-slotted-content{padding-block:var(--calcite-internal-block-padding-block);padding-inline:var(--calcite-internal-block-padding-inline)}.content-end,.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}calcite-action-menu{align-self:center;grid-area:menu;margin-inline-end:var(--calcite-internal-block-actions-spacing)}:host([expanded]){margin-block:var(--calcite-space-sm)}:host([expanded]) .header .title .heading{color:var(--calcite-block-heading-text-color, var(--calcite-block-heading-text-color-press, var(--calcite-color-text-1)));font-weight:var(--calcite-font-weight-medium)}:host([expanded]) .description{color:var(--calcite-block-description-text-color, var(--calcite-color-text-2))}:host([expanded]) .icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .content{opacity:1}@starting-style{:host([expanded]){margin-block-start:0;opacity:0}}:host([expanded][scale=s]){margin-block:var(--calcite-spacing-xxs)}:host([expanded][scale=l]){margin-block:var(--calcite-spacing-md)}:host([hidden]){display:none}[hidden]{display:none}slot[name=children]::slotted(calcite-block){border-block-end-width:0}`,u=class extends y{constructor(){super(...arguments),this.transitionProp="margin-top",this.blockSectionChildren=[],this.messages=O(),this.focusSetter=w()(this),this.interactiveContainer=P(this),this.hasContentEnd=!1,this.hasContentStart=!1,this.hasEndActions=!1,this.hasMenuActions=!1,this.hasContent=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.expandable=!1,this.loading=!1,this.menuPlacement=T,this.addToItems=[],this.moveToItems=[],this.sortDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.sortHandleOpen=!1,this.toggleDisplay="button",this.topLayerDisabled=!1,this.calciteBlockBeforeClose=l({cancelable:!1}),this.calciteBlockBeforeOpen=l({cancelable:!1}),this.calciteBlockClose=l({cancelable:!1}),this.calciteBlockCollapse=l({cancelable:!1}),this.calciteBlockExpand=l({cancelable:!1}),this.calciteBlockOpen=l({cancelable:!1}),this.calciteBlockSortHandleBeforeClose=l({cancelable:!1}),this.calciteBlockSortHandleBeforeOpen=l({cancelable:!1}),this.calciteBlockSortHandleClose=l({cancelable:!1}),this.calciteBlockSortHandleOpen=l({cancelable:!1}),this.calciteBlockToggle=l({cancelable:!1}),this.calciteInternalBlockUpdateSortMenuItems=l({cancelable:!1}),this.calciteInternalBlockChange=l({cancelable:!1})}static{this.properties={hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasMenuActions:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],dragDisabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],expandable:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],loading:[7,{},{reflect:!0,type:Boolean}],label:1,menuFlipPlacements:[0,{},{attribute:!1}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],sortDisabled:[5,{},{type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortHandleOpen:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],toggleDisplay:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[L,_,A]}get collapsible(){return this.expandable}set collapsible(e){p.deprecated("property",{component:this,name:"collapsible",removalVersion:7,suggested:"expandable"}),this.expandable=e}get open(){return this.expanded}set open(e){p.deprecated("property",{component:this,name:"open",removalVersion:5,suggested:"expanded"}),this.expanded=e}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.transitionEl=this.el,this.setParentBlockGroupElement()}load(){!this.heading&&!this.label&&p.warn(`${this.el.tagName} is missing both heading & label. Please provide a heading or label for the component to be accessible.`)}willUpdate(e){e.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&D(this),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteBlockExpand.emit():this.calciteBlockCollapse.emit()),e.has("scale")&&this.hasUpdated&&this.updateBlockSectionScale(),(e.has("moveToItems")||e.has("addToItems"))&&this.hasUpdated&&this.setParentBlockGroupElement()}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteBlockSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteBlockSortHandleOpen.emit()}onHeaderClick(){this.calciteBlockToggle.emit(),this.parentBlockGroupElement?this.calciteInternalBlockChange.emit({el:this.el,parentElement:this.parentBlockGroupElement}):this.expanded=!this.expanded}menuActionsSlotChangeHandler(e){this.hasMenuActions=r(e)}actionsEndSlotChangeHandler(e){this.hasEndActions=r(e)}handleContentEndSlotChange(e){this.hasContentEnd=r(e)}handleContentStartSlotChange(e){this.hasContentStart=r(e)}handleDefaultSlotChange(e){this.blockSectionChildren=H(e,"calcite-block-section"),this.hasContent=E(e)||r(e),this.updateBlockSectionScale()}updateBlockSectionScale(){this.blockSectionChildren.forEach(e=>{e.scale=this.scale})}setParentBlockGroupElement(){this.parentBlockGroupElement=this.el.parentElement?.closest("calcite-block-group")}renderScrim(){let{loading:e}=this,c=a`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`;return[e?a`<calcite-scrim .loading=${e}></calcite-scrim>`:null,c]}renderLoaderStatusIcon(){let{loading:e,messages:c,status:n}=this;return e?g("loader",a`<div class=${i(t.icon)}><calcite-loader inline .label=${c.loading} .scale=${this.scale}></calcite-loader></div>`):n?g("status-icon",a`<div class=${i(t.icon)}><calcite-icon class=${i({[t.statusIcon]:!0,[t.valid]:n=="valid",[t.invalid]:n=="invalid"})} .icon=${m[n]} .scale=${b(this.scale)}></calcite-icon></div>`):null}renderActionsEnd(){return a`<div class=${i(t.actionsEnd)} .hidden=${!this.hasEndActions}><slot name=${d.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderContentEnd(){return a`<div class=${i({[t.iconEndContainer]:!this.iconEnd&&!this.expandable})} .hidden=${!this.hasContentEnd}><div class=${i(t.contentEnd)}><slot name=${d.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div></div>`}renderContentStart(){return a`<div class=${i(t.contentStart)} .hidden=${!this.hasContentStart}><slot name=${d.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderTitle(){let{heading:e,headingLevel:c,description:n}=this;return e||n?a`<div class=${i(t.title)}>${I({class:t.heading,level:c,children:e})}${n?a`<div class=${i(t.description)}>${n}</div>`:null}</div>`:null}renderIcon(e){let{iconFlipRtl:c}=this,n=c==="both"||e==="start"?c==="start":c==="end",s=e==="start"?this.iconStart:this.iconEnd,h=e==="start"?t.iconStart:t.iconEnd;if(s)return g(s,a`<calcite-icon class=${i(h)} .flipRtl=${n} .icon=${s} .scale=${b(this.scale)}></calcite-icon>`)}render(){let{expandable:e,loading:c,expanded:n,label:s,heading:h,messages:f,description:M,menuFlipPlacements:G,menuPlacement:U,moveToItems:F,addToItems:N,setPosition:R,setSize:j,dragDisabled:V,sortDisabled:q,iconEnd:k,hasContentEnd:J,hasContentStart:K,iconStart:Q,status:W}=this,$=n?f.collapse:f.expand,X=!!(h||M||J||K||Q||c||W),x=a`<header class=${i({[t.header]:!0,[t.headerHasContent]:X,[t.headerDraggable]:this.dragHandle})} id=${o.header}>${this.renderIcon("start")}${this.renderContentStart()}${this.renderLoaderStatusIcon()}${this.renderTitle()}</header>`,Y=n?m.expanded:m.collapsed,Z=a`<div class=${i(t.headerContainer)}>${this.dragHandle?a`<calcite-sort-handle .addToItems=${N} .disabled=${V} .label=${h||s} .moveToItems=${F} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${R} .setSize=${j} .sortDisabled=${q} .topLayerDisabled=${this.topLayerDisabled} ${S(this.setSortHandleEl)}></calcite-sort-handle>`:null}${e?a`<button aria-controls=${o.content} aria-describedby=${o.header} .ariaExpanded=${e?n:void 0} class=${i(t.toggle)} id=${o.toggle} @click=${this.onHeaderClick} title=${$??v} type=button>${x}<div class=${i(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}${this.toggleDisplay==="switch"?a`<calcite-switch .checked=${n} .disabled=${this.disabled} inert .label=${$} .scale=${this.scale}></calcite-switch>`:a`<calcite-icon class=${i(t.toggleIcon)} .icon=${Y} .scale=${b(this.scale)}></calcite-icon>`}</div></button>`:x}${k&&!e?a`<div class=${i(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}</div>`:!k&&!e?this.renderContentEnd():null}<calcite-action-menu .flipPlacements=${G??["top","bottom"]} .hidden=${!this.hasMenuActions} .label=${f.options} .overlayPositioning=${this.overlayPositioning} .placement=${U} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled}><slot name=${d.headerMenuActions} @slotchange=${this.menuActionsSlotChangeHandler}></slot></calcite-action-menu>${this.renderActionsEnd()}</div>`;return this.interactiveContainer({disabled:this.disabled,children:a`<article aria-label=${s??v} .ariaBusy=${z(c,void 0)} class=${i({[t.container]:!0})}>${Z}<section aria-labelledby=${o.toggle} class=${i({[t.content]:!0,[t.hasSlottedContent]:this.hasContent||c})} .hidden=${!n} id=${o.content}>${this.renderScrim()}</section><slot .hidden=${!n} name=${d.children}></slot></article>`})}};B("calcite-block",u);export{u as Block};

package/dist/cdn/{4UKDBW7Q.js → BWDGUTHJ.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as g,b as w}from"./THIECYN6.js";import"./VUYX7MNO.js";import{y as u,z as v}from"./7FW2RVVH.js";import{E as b,F as h,G as p,H as m,T as f,g as d,h as n}from"./MVBSHQ6D.js";var C=d`:host{display:flex;flex-direction:column;background-color:var(--calcite-tab-background-color, var(--calcite-color-transparent))}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1));background-color:var(--calcite-tab-background-color, var(--calcite-color-foreground-1))}:host([bordered]) section{border-color:var(--calcite-tab-border-color, var(--calcite-color-border-1));border-style:solid}section{border-width:var(--calcite-border-width-sm);display:flex;flex-grow:1;overflow:hidden;border-block-start-style:solid;border-block-start-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1)),inset 0 -1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([position=bottom]){flex-direction:column-reverse}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm)}:host([bordered][scale=s]) section{padding:var(--calcite-space-md)}:host([bordered][scale=m]) section{padding:var(--calcite-space-sm)}:host([bordered][scale=l]) section{padding:var(--calcite-space-lg)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid;border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}@media(forced-colors:active){:host([bordered]) section{border-block-start-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm)}:host([position=bottom][bordered]) section{border-block-start-width:var(--calcite-border-width-sm);border-block-end-width:var(--calcite-border-width-none)}}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends p{constructor(){super(),this.slotRef=b(),this.tabs=[],this.titles=[],this.hasVisibleTitles=!0,this.bordered=!1,this.layout="inline",this.lastTabClosable=!1,this.position="top",this.scale="m",this.listen("calciteInternalTabNavSlotChange",this.calciteInternalTabNavSlotChangeHandler)}static{this.properties={tabs:[16,{},{state:!0}],titles:[16,{},{state:!0}],hasVisibleTitles:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],lastTabClosable:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=C}connectedCallback(){super.connectedCallback(),this.updateItems()}load(){this.updateItems()}willUpdate(e){(e.has("position")&&(this.hasUpdated||this.position!=="top")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("lastTabClosable")&&(this.hasUpdated||this.lastTabClosable!==!1))&&this.updateItems(),(e.has("titles")||e.has("tabs"))&&this.hasUpdated&&(this.lastTabClosable||this.titles?.length>0)&&(this.lastTabClosable||this.tabs?.length>0)&&(this.updateAriaSettings(),this.updateItems())}calciteInternalTabNavSlotChangeHandler(e){e.stopPropagation();let a=[...e.detail];a.some((t,r)=>this.titles[r]!==t)&&(this.titles=a),this.hasVisibleTitles=a.some(t=>!t.closed)}defaultSlotChangeHandler(e){this.tabs=u(e,"calcite-tab")}async updateAriaSettings(){if(await this.componentOnReady(),!this.slotRef.value)return;let e,a,s=v(this.slotRef.value,"calcite-tab");if(await Promise.all([...s,...this.titles].map(t=>t.componentOnReady())),s.some(t=>t.tab)||this.titles.some(t=>t.tab))e=s.sort((t,r)=>t.tab&&r.tab?t.tab.localeCompare(r.tab):0).map(t=>t.id),a=this.titles.sort((t,r)=>t.tab.localeCompare(r.tab)).map(t=>t.id);else{let t=await Promise.all(s.map(o=>o.getTabIndex())),r=await Promise.all(this.titles.map(o=>o.getTabIndex()));e=t.reduce((o,l,i)=>(o[l]=s[i].id,o),[]),a=r.reduce((o,l,i)=>(o[l]=this.titles[i].id,o),[])}s.forEach(t=>t._updateAriaInfo(e,a)),this.titles.forEach(t=>t._updateAriaInfo(e,a))}updateItems(){let{lastTabClosable:e,position:a,scale:s}=this,t=this.el.querySelector("calcite-tab-nav");t&&(t.lastTabClosable=e,t.position=a,t.scale=s),Array.from(this.el.querySelectorAll("calcite-tab")).forEach(o=>{o.parentElement===this.el&&(o.scale=s)});let r=this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title");Array.from(r).forEach(o=>{o.position=a,o.scale=s})}render(){return n`<slot name=${w.titleGroup}></slot><section class=${m(g.section)} .hidden=${!this.hasVisibleTitles}><slot @slotchange=${this.defaultSlotChangeHandler} ${h(this.slotRef)}></slot></section>`}};f("calcite-tabs",c);export{c as Tabs};
+import{a as g,b as w}from"./THIECYN6.js";import"./VUYX7MNO.js";import{y as u,z as v}from"./7FW2RVVH.js";import{E as b,F as h,G as p,H as m,T as f,g as d,h as n}from"./KRMA22FS.js";var C=d`:host{display:flex;flex-direction:column;background-color:var(--calcite-tab-background-color, var(--calcite-color-transparent))}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1));background-color:var(--calcite-tab-background-color, var(--calcite-color-foreground-1))}:host([bordered]) section{border-color:var(--calcite-tab-border-color, var(--calcite-color-border-1));border-style:solid}section{border-width:var(--calcite-border-width-sm);display:flex;flex-grow:1;overflow:hidden;border-block-start-style:solid;border-block-start-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1)),inset 0 -1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([position=bottom]){flex-direction:column-reverse}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm)}:host([bordered][scale=s]) section{padding:var(--calcite-space-md)}:host([bordered][scale=m]) section{padding:var(--calcite-space-sm)}:host([bordered][scale=l]) section{padding:var(--calcite-space-lg)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid;border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}@media(forced-colors:active){:host([bordered]) section{border-block-start-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm)}:host([position=bottom][bordered]) section{border-block-start-width:var(--calcite-border-width-sm);border-block-end-width:var(--calcite-border-width-none)}}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends p{constructor(){super(),this.slotRef=b(),this.tabs=[],this.titles=[],this.hasVisibleTitles=!0,this.bordered=!1,this.layout="inline",this.lastTabClosable=!1,this.position="top",this.scale="m",this.listen("calciteInternalTabNavSlotChange",this.calciteInternalTabNavSlotChangeHandler)}static{this.properties={tabs:[16,{},{state:!0}],titles:[16,{},{state:!0}],hasVisibleTitles:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],lastTabClosable:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=C}connectedCallback(){super.connectedCallback(),this.updateItems()}load(){this.updateItems()}willUpdate(e){(e.has("position")&&(this.hasUpdated||this.position!=="top")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("lastTabClosable")&&(this.hasUpdated||this.lastTabClosable!==!1))&&this.updateItems(),(e.has("titles")||e.has("tabs"))&&this.hasUpdated&&(this.lastTabClosable||this.titles?.length>0)&&(this.lastTabClosable||this.tabs?.length>0)&&(this.updateAriaSettings(),this.updateItems())}calciteInternalTabNavSlotChangeHandler(e){e.stopPropagation();let a=[...e.detail];a.some((t,r)=>this.titles[r]!==t)&&(this.titles=a),this.hasVisibleTitles=a.some(t=>!t.closed)}defaultSlotChangeHandler(e){this.tabs=u(e,"calcite-tab")}async updateAriaSettings(){if(await this.componentOnReady(),!this.slotRef.value)return;let e,a,s=v(this.slotRef.value,"calcite-tab");if(await Promise.all([...s,...this.titles].map(t=>t.componentOnReady())),s.some(t=>t.tab)||this.titles.some(t=>t.tab))e=s.sort((t,r)=>t.tab&&r.tab?t.tab.localeCompare(r.tab):0).map(t=>t.id),a=this.titles.sort((t,r)=>t.tab.localeCompare(r.tab)).map(t=>t.id);else{let t=await Promise.all(s.map(o=>o.getTabIndex())),r=await Promise.all(this.titles.map(o=>o.getTabIndex()));e=t.reduce((o,l,i)=>(o[l]=s[i].id,o),[]),a=r.reduce((o,l,i)=>(o[l]=this.titles[i].id,o),[])}s.forEach(t=>t._updateAriaInfo(e,a)),this.titles.forEach(t=>t._updateAriaInfo(e,a))}updateItems(){let{lastTabClosable:e,position:a,scale:s}=this,t=this.el.querySelector("calcite-tab-nav");t&&(t.lastTabClosable=e,t.position=a,t.scale=s),Array.from(this.el.querySelectorAll("calcite-tab")).forEach(o=>{o.parentElement===this.el&&(o.scale=s)});let r=this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title");Array.from(r).forEach(o=>{o.position=a,o.scale=s})}render(){return n`<slot name=${w.titleGroup}></slot><section class=${m(g.section)} .hidden=${!this.hasVisibleTitles}><slot @slotchange=${this.defaultSlotChangeHandler} ${h(this.slotRef)}></slot></section>`}};f("calcite-tabs",c);export{c as Tabs};

package/dist/cdn/{HZN3ZVDR.js → CEKRDMEV.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as C}from"./33BJ4MWQ.js";import{D as g,m as h,n as v}from"./7FW2RVVH.js";var W=C((e,t)=>{t.onConnected(()=>{L(e)}),t.onDisconnected(()=>{O(e)})}),w="calciteInternalLabelClick",E="calciteInternalLabelConnected",f="calciteInternalLabelDisconnected",k="calcite-label",i=new WeakMap,r=new WeakMap,c=new WeakMap,o=new WeakMap,s=new Set,D=e=>{let{id:t}=e,l=t&&h(e,{selector:`${k}[for="${t}"]`});if(l)return l;let a=v(e,k);return!a||M(a,e)?null:a};function M(e,t){let l,a="custom-element-ancestor-check",d=(n=>{n.stopImmediatePropagation();let u=n.composedPath();l=u.slice(u.indexOf(t),u.indexOf(e))});return e.addEventListener(a,d,{once:!0}),t.dispatchEvent(new CustomEvent(a,{composed:!0,bubbles:!0})),e.removeEventListener(a,d),l.filter(n=>n!==t&&n!==e).filter(n=>n.tagName?.includes("-")).length>0}function L(e){if(!e)return;let t=D(e.el);if(t&&r.has(t)&&t===e.labelEl||!t&&s.has(e))return;let l=T.bind(e);if(t){e.labelEl=t;let a=i.get(t)||[];a.push(e),i.set(t,a.sort(y)),r.has(e.labelEl)||(r.set(e.labelEl,m),e.labelEl.addEventListener(w,m)),s.delete(e),document.removeEventListener(E,c.get(e)),o.set(e,l),document.addEventListener(f,l)}else s.has(e)||(l(),document.removeEventListener(f,o.get(e)))}function O(e){if(!e||(s.delete(e),document.removeEventListener(E,c.get(e)),document.removeEventListener(f,o.get(e)),c.delete(e),o.delete(e),!e.labelEl))return;let t=i.get(e.labelEl);t.length===1&&(e.labelEl.removeEventListener(w,r.get(e.labelEl)),r.delete(e.labelEl)),i.set(e.labelEl,t.filter(l=>l!==e).sort(y)),e.labelEl=void 0}function y(e,t){return g(e.el,t.el)?-1:1}function m(e){let t=e.detail.sourceEvent.target,l=i.get(this),a=l.find(n=>n.el===t);if(a&&l.includes(a))return;let b=l[0];b.disabled||b.onLabelClick(e)}function I(){s.has(this)&&L(this)}function T(){s.add(this);let e=c.get(this)||I.bind(this);c.set(this,e),document.addEventListener(E,e)}async function q(e){if(await e.componentOnReady(),i.has(e))return;let l=e.for&&e.ownerDocument?.getElementById(e.for);l&&requestAnimationFrame(()=>{for(let a of s)if(a.el===l){L(a);break}})}export{W as a,E as b,f as c,q as d};
+import{b as C}from"./MWHGTJLI.js";import{D as g,m as h,n as v}from"./7FW2RVVH.js";var W=C((e,t)=>{t.onConnected(()=>{L(e)}),t.onDisconnected(()=>{O(e)})}),w="calciteInternalLabelClick",E="calciteInternalLabelConnected",f="calciteInternalLabelDisconnected",k="calcite-label",i=new WeakMap,r=new WeakMap,c=new WeakMap,o=new WeakMap,s=new Set,D=e=>{let{id:t}=e,l=t&&h(e,{selector:`${k}[for="${t}"]`});if(l)return l;let a=v(e,k);return!a||M(a,e)?null:a};function M(e,t){let l,a="custom-element-ancestor-check",d=(n=>{n.stopImmediatePropagation();let u=n.composedPath();l=u.slice(u.indexOf(t),u.indexOf(e))});return e.addEventListener(a,d,{once:!0}),t.dispatchEvent(new CustomEvent(a,{composed:!0,bubbles:!0})),e.removeEventListener(a,d),l.filter(n=>n!==t&&n!==e).filter(n=>n.tagName?.includes("-")).length>0}function L(e){if(!e)return;let t=D(e.el);if(t&&r.has(t)&&t===e.labelEl||!t&&s.has(e))return;let l=T.bind(e);if(t){e.labelEl=t;let a=i.get(t)||[];a.push(e),i.set(t,a.sort(y)),r.has(e.labelEl)||(r.set(e.labelEl,m),e.labelEl.addEventListener(w,m)),s.delete(e),document.removeEventListener(E,c.get(e)),o.set(e,l),document.addEventListener(f,l)}else s.has(e)||(l(),document.removeEventListener(f,o.get(e)))}function O(e){if(!e||(s.delete(e),document.removeEventListener(E,c.get(e)),document.removeEventListener(f,o.get(e)),c.delete(e),o.delete(e),!e.labelEl))return;let t=i.get(e.labelEl);t.length===1&&(e.labelEl.removeEventListener(w,r.get(e.labelEl)),r.delete(e.labelEl)),i.set(e.labelEl,t.filter(l=>l!==e).sort(y)),e.labelEl=void 0}function y(e,t){return g(e.el,t.el)?-1:1}function m(e){let t=e.detail.sourceEvent.target,l=i.get(this),a=l.find(n=>n.el===t);if(a&&l.includes(a))return;let b=l[0];b.disabled||b.onLabelClick(e)}function I(){s.has(this)&&L(this)}function T(){s.add(this);let e=c.get(this)||I.bind(this);c.set(this,e),document.addEventListener(E,e)}async function q(e){if(await e.componentOnReady(),i.has(e))return;let l=e.for&&e.ownerDocument?.getElementById(e.for);l&&requestAnimationFrame(()=>{for(let a of s)if(a.el===l){L(a);break}})}export{W as a,E as b,f as c,q as d};

package/dist/cdn/{2MU4LZ5R.js → CGOJLWID.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{d as I}from"./66ADBSUG.js";import{b as D}from"./7VTO7SRW.js";import"./VUYX7MNO.js";import{g as m,p as T,y as w}from"./7FW2RVVH.js";import{G as A,K as C,T as M,g as b,h as S,p as E}from"./MVBSHQ6D.js";function k(g){return Array.from(g.querySelectorAll("calcite-tree-item:not([disabled])")).filter(e=>{let t=e;for(;t!==g&&t!==null;){let s=t.parentElement;if(!(!I(s)||!s.hasChildren||s.expanded))return!1;t=t.parentElement}return!0})}var O=b`:host{display:block}:host(:focus){outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends A{constructor(){super(),this.items=[],this.child=!1,this.lines=!1,this.parentExpanded=!1,this.scale="m",this.selectedItems=[],this.selectionMode="single",this.calciteTreeSelect=E({cancelable:!1}),this.listen("focus",this.onFocus),this.listen("focusin",this.onFocusIn),this.listen("focusout",this.onFocusOut),this.listen("calciteInternalTreeItemSelect",this.onInternalTreeItemSelect),this.listen("keydown",this.keyDownHandler)}static{this.properties={child:[7,{},{reflect:!0,type:Boolean}],lines:[7,{},{reflect:!0,type:Boolean}],parentExpanded:[5,{},{type:Boolean}],scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=O}willUpdate(e){e.has("parentExpanded")&&(this.hasUpdated||this.parentExpanded!==!1)&&this.updateItems();let t=this.el.parentElement?.closest("calcite-tree")??void 0;this.lines=t?t.lines:this.lines,this.scale=t?t.scale:this.scale,this.selectionMode=t?t.selectionMode:this.selectionMode,this.child=!!t}onFocus(){if(!this.child){let e=(this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])"))??void 0;T(e,!0,"focusable")}}onFocusIn(e){(e.relatedTarget===this.el||!this.el.contains(e.relatedTarget))&&this.el.removeAttribute("tabindex")}onFocusOut(e){!this.el.contains(e.relatedTarget)&&(this.el.tabIndex=this.getRootTabIndex())}onInternalTreeItemSelect(e){if(this.child)return;let t=e.target,s=m(t.querySelectorAll("calcite-tree-item")),r=this.selectionMode==="none",n=r?[]:this.getSelectedItems();if(e.preventDefault(),e.stopPropagation(),this.selectionMode==="ancestors"){this.updateAncestorTree(e,n);return}let l=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren")),c=this.selectionMode==="multichildren"&&t.hasChildren,d=!r&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),x=!d&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&s.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!t.hasChildren),h=["multiple","none","single","single-persist"].includes(this.selectionMode)&&t.hasChildren,a=[];l&&a.push(t),x&&m(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach(o=>{a.includes(o)||(o.selected=!1)}),h&&["multiple","none","single","single-persist"].includes(this.selectionMode)&&(t.expanded=!t.expanded),c&&s.forEach(i=>{i.selected=!1,i.hasChildren&&(i.expanded=!1)}),d&&window.getSelection().removeAllRanges(),d&&t.selected?a.forEach(i=>{i.disabled||(i.selected=!1)}):r||a.forEach(i=>{i.disabled||(i.selected=this.selectionMode!=="single"||!i.selected)}),this.selectedItems=r?[]:this.getSelectedItems(),this.selectionChanged(n)&&this.calciteTreeSelect.emit(),e.stopPropagation()}keyDownHandler(e){if(this.child)return;let t=this.el,s=e.target,r=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(I(s)&&this.el.contains(s))||!r.includes(e.key))return;let n=k(t);if(e.key==="Tab"){n.forEach(l=>l.tabIndex=-1);return}if(e.key==="ArrowDown"){let l=n.indexOf(s);n[l+1]?.focus(),e.preventDefault();return}if(e.key==="ArrowUp"){let l=n.indexOf(s);n[l-1]?.focus(),e.preventDefault();return}if(e.key==="ArrowLeft"){if(s.hasChildren&&s.expanded){s.expanded=!1,e.preventDefault();return}n.slice(0,n.indexOf(s)).reverse().find(d=>d.depth===s.depth-1)?.focus(),e.preventDefault();return}if(e.key==="ArrowRight"){if(!s.disabled&&s.hasChildren)if(!s.expanded)s.expanded=!0,e.preventDefault();else{let l=n.indexOf(s);n[l+1]?.focus(),e.preventDefault()}return}if(e.key==="Home"){let l=n.shift();l&&(l.focus(),e.preventDefault());return}if(e.key==="End"){let l=n.pop();l&&(l.focus(),e.preventDefault());return}}updateAncestorTree(e,t){let s=e.target,r=e.detail.updateItem;if(s.disabled||s.indeterminate&&!r)return;let n=[],l=s.parentElement.closest("calcite-tree-item");for(;l;)n.push(l),l=l.parentElement.closest("calcite-tree-item");let c=Array.from(s.querySelectorAll("calcite-tree-item:not([disabled])")),d=c.filter(i=>!i.hasChildren),x=c.filter(i=>i.hasChildren),h;r?h=s.hasChildren?!(s.selected||s.indeterminate):!s.selected:h=s.selected,d.forEach(i=>{i.selected=h,i.indeterminate=!1});function a(i,o){let u=i.filter(f=>f.selected),p=i.filter(f=>!f.selected);o.selected=u.length===i.length,o.indeterminate=u.length>0&&p.length>0}x.reverse().forEach(i=>{let o=Array.from(i.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));a(o,i)}),r&&(s.hasChildren?a(c,s):(s.selected=h,s.indeterminate=!1)),n.forEach(i=>{let o=m(i.querySelectorAll("calcite-tree-item")),u=o.filter(f=>f.selected);if(u.length===0){i.selected=!1,i.indeterminate=!1;return}let p=u.length<o.length;i.indeterminate=p,i.selected=!p}),this.selectedItems=this.getSelectedItems(),r&&this.selectionChanged(t)&&this.calciteTreeSelect.emit()}getSelectedItems(){return m(this.el.querySelectorAll("calcite-tree-item")).filter(e=>e.selected)}selectionChanged(e){return e.length!==this.selectedItems.length||this.selectedItems.some(t=>!e.includes(t))}updateItems(){this.items.forEach(e=>e.parentExpanded=this.parentExpanded)}handleDefaultSlotChange(e){let t=w(e).filter(I);this.items=t,this.updateItems()}getRootTabIndex(){return this.child?-1:0}render(){let e=!this.child,t=this.selectionMode==="multiple"||this.selectionMode==="multichildren";return this.el.ariaMultiSelectable=D(e&&t,e?"false":null),this.el.role=this.child?null:"tree",C(this.el,"tabIndex",this.getRootTabIndex()),S`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`}};M("calcite-tree",y);export{y as Tree};
+import{d as I}from"./66ADBSUG.js";import{b as D}from"./7VTO7SRW.js";import"./VUYX7MNO.js";import{g as m,p as T,y as w}from"./7FW2RVVH.js";import{G as A,K as C,T as M,g as b,h as S,p as E}from"./KRMA22FS.js";function k(g){return Array.from(g.querySelectorAll("calcite-tree-item:not([disabled])")).filter(e=>{let t=e;for(;t!==g&&t!==null;){let s=t.parentElement;if(!(!I(s)||!s.hasChildren||s.expanded))return!1;t=t.parentElement}return!0})}var O=b`:host{display:block}:host(:focus){outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends A{constructor(){super(),this.items=[],this.child=!1,this.lines=!1,this.parentExpanded=!1,this.scale="m",this.selectedItems=[],this.selectionMode="single",this.calciteTreeSelect=E({cancelable:!1}),this.listen("focus",this.onFocus),this.listen("focusin",this.onFocusIn),this.listen("focusout",this.onFocusOut),this.listen("calciteInternalTreeItemSelect",this.onInternalTreeItemSelect),this.listen("keydown",this.keyDownHandler)}static{this.properties={child:[7,{},{reflect:!0,type:Boolean}],lines:[7,{},{reflect:!0,type:Boolean}],parentExpanded:[5,{},{type:Boolean}],scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=O}willUpdate(e){e.has("parentExpanded")&&(this.hasUpdated||this.parentExpanded!==!1)&&this.updateItems();let t=this.el.parentElement?.closest("calcite-tree")??void 0;this.lines=t?t.lines:this.lines,this.scale=t?t.scale:this.scale,this.selectionMode=t?t.selectionMode:this.selectionMode,this.child=!!t}onFocus(){if(!this.child){let e=(this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])"))??void 0;T(e,!0,"focusable")}}onFocusIn(e){(e.relatedTarget===this.el||!this.el.contains(e.relatedTarget))&&this.el.removeAttribute("tabindex")}onFocusOut(e){!this.el.contains(e.relatedTarget)&&(this.el.tabIndex=this.getRootTabIndex())}onInternalTreeItemSelect(e){if(this.child)return;let t=e.target,s=m(t.querySelectorAll("calcite-tree-item")),r=this.selectionMode==="none",n=r?[]:this.getSelectedItems();if(e.preventDefault(),e.stopPropagation(),this.selectionMode==="ancestors"){this.updateAncestorTree(e,n);return}let l=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren")),c=this.selectionMode==="multichildren"&&t.hasChildren,d=!r&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),x=!d&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&s.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!t.hasChildren),h=["multiple","none","single","single-persist"].includes(this.selectionMode)&&t.hasChildren,a=[];l&&a.push(t),x&&m(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach(o=>{a.includes(o)||(o.selected=!1)}),h&&["multiple","none","single","single-persist"].includes(this.selectionMode)&&(t.expanded=!t.expanded),c&&s.forEach(i=>{i.selected=!1,i.hasChildren&&(i.expanded=!1)}),d&&window.getSelection().removeAllRanges(),d&&t.selected?a.forEach(i=>{i.disabled||(i.selected=!1)}):r||a.forEach(i=>{i.disabled||(i.selected=this.selectionMode!=="single"||!i.selected)}),this.selectedItems=r?[]:this.getSelectedItems(),this.selectionChanged(n)&&this.calciteTreeSelect.emit(),e.stopPropagation()}keyDownHandler(e){if(this.child)return;let t=this.el,s=e.target,r=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(I(s)&&this.el.contains(s))||!r.includes(e.key))return;let n=k(t);if(e.key==="Tab"){n.forEach(l=>l.tabIndex=-1);return}if(e.key==="ArrowDown"){let l=n.indexOf(s);n[l+1]?.focus(),e.preventDefault();return}if(e.key==="ArrowUp"){let l=n.indexOf(s);n[l-1]?.focus(),e.preventDefault();return}if(e.key==="ArrowLeft"){if(s.hasChildren&&s.expanded){s.expanded=!1,e.preventDefault();return}n.slice(0,n.indexOf(s)).reverse().find(d=>d.depth===s.depth-1)?.focus(),e.preventDefault();return}if(e.key==="ArrowRight"){if(!s.disabled&&s.hasChildren)if(!s.expanded)s.expanded=!0,e.preventDefault();else{let l=n.indexOf(s);n[l+1]?.focus(),e.preventDefault()}return}if(e.key==="Home"){let l=n.shift();l&&(l.focus(),e.preventDefault());return}if(e.key==="End"){let l=n.pop();l&&(l.focus(),e.preventDefault());return}}updateAncestorTree(e,t){let s=e.target,r=e.detail.updateItem;if(s.disabled||s.indeterminate&&!r)return;let n=[],l=s.parentElement.closest("calcite-tree-item");for(;l;)n.push(l),l=l.parentElement.closest("calcite-tree-item");let c=Array.from(s.querySelectorAll("calcite-tree-item:not([disabled])")),d=c.filter(i=>!i.hasChildren),x=c.filter(i=>i.hasChildren),h;r?h=s.hasChildren?!(s.selected||s.indeterminate):!s.selected:h=s.selected,d.forEach(i=>{i.selected=h,i.indeterminate=!1});function a(i,o){let u=i.filter(f=>f.selected),p=i.filter(f=>!f.selected);o.selected=u.length===i.length,o.indeterminate=u.length>0&&p.length>0}x.reverse().forEach(i=>{let o=Array.from(i.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));a(o,i)}),r&&(s.hasChildren?a(c,s):(s.selected=h,s.indeterminate=!1)),n.forEach(i=>{let o=m(i.querySelectorAll("calcite-tree-item")),u=o.filter(f=>f.selected);if(u.length===0){i.selected=!1,i.indeterminate=!1;return}let p=u.length<o.length;i.indeterminate=p,i.selected=!p}),this.selectedItems=this.getSelectedItems(),r&&this.selectionChanged(t)&&this.calciteTreeSelect.emit()}getSelectedItems(){return m(this.el.querySelectorAll("calcite-tree-item")).filter(e=>e.selected)}selectionChanged(e){return e.length!==this.selectedItems.length||this.selectedItems.some(t=>!e.includes(t))}updateItems(){this.items.forEach(e=>e.parentExpanded=this.parentExpanded)}handleDefaultSlotChange(e){let t=w(e).filter(I);this.items=t,this.updateItems()}getRootTabIndex(){return this.child?-1:0}render(){let e=!this.child,t=this.selectionMode==="multiple"||this.selectionMode==="multichildren";return this.el.ariaMultiSelectable=D(e&&t,e?"false":null),this.el.role=this.child?null:"tree",C(this.el,"tabIndex",this.getRootTabIndex()),S`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`}};M("calcite-tree",y);export{y as Tree};

package/dist/cdn/{F2KNNS7S.js → CK5RPS63.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{p as m,w as p}from"./TXTWTIAM.js";import"./EM6V55GC.js";import"./3XS7XZAX.js";import{G as b,H as c,I as g,J as h,T as v,g as f,h as o}from"./MVBSHQ6D.js";var u={thumbnail:"thumbnail",background:"background",initials:"initials",icon:"icon"};function k(a){a=x(a);let e=0;for(let i=0;i<a.length;i++)e=a.charCodeAt(i)+((e<<5)-e);let t="#";for(let i=0;i<3;i++){let r=e>>i*8&255;t+=("00"+r.toString(16)).substr(-2)}return t}function x(a){let e=Math.floor(a.length/2),t=a.split("").reverse().join("");return t.substring(e)+t.slice(0,e)}function z(a){let{r:e,g:t,b:i}=a;e/=255,t/=255,i/=255;let r=Math.max(e,t,i),n=Math.min(e,t,i),l=r-n;if(r===n)return 0;let s=(r+n)/2;switch(r){case e:s=(t-i)/l+(t<i?6:0);break;case t:s=(i-e)/l+2;break;case i:s=(e-t)/l+4;break}return Math.round(s*60)}function $(a){return z(p(a))}var y=f`:host{display:inline-block;overflow:hidden;border-radius:var(--calcite-avatar-corner-radius, 50%);color:var(--calcite-avatar-color, var(--calcite-color-text-2))}:host([scale=s]){block-size:1.5rem;inline-size:1.5rem;font-size:var(--calcite-font-size-relative-xs)}:host([scale=m]){block-size:2rem;inline-size:2rem;font-size:var(--calcite-font-size-relative-sm)}:host([scale=l]){block-size:2.75rem;inline-size:2.75rem;font-size:var(--calcite-font-size-relative-md)}.icon{display:flex}.background{display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;border-radius:var(--calcite-avatar-corner-radius, 50%)}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase}.thumbnail{block-size:100%;inline-size:100%;border-radius:var(--calcite-avatar-corner-radius, 50%)}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends b{constructor(){super(...arguments),this.thumbnailFailedToLoad=!1,this.scale="m"}static{this.properties={thumbnailFailedToLoad:[16,{},{state:!0}],fullName:[3,{},{reflect:!0}],label:1,scale:[3,{},{reflect:!0}],thumbnail:[3,{},{reflect:!0}],userId:[3,{},{reflect:!0}],username:[3,{},{reflect:!0}]}}static{this.styles=y}determineContent(){if(this.thumbnail&&!this.thumbnailFailedToLoad)return o`<img alt=${(this.label||"")??h} class=${c(u.thumbnail)} @error=${()=>this.thumbnailFailedToLoad=!0} src=${this.thumbnail??h}>`;let e=this.generateInitials(),t=this.generateFillColor();return o`<span .ariaLabel=${this.label||this.fullName} class=${c(u.background)} role=figure style=${g({backgroundColor:t})}>${e?o`<span aria-hidden=true class=${c(u.initials)}>${e}</span>`:o`<calcite-icon class=${c(u.icon)} icon=user .scale=${this.scale}></calcite-icon>`}</span>`}generateFillColor(){let{userId:e,username:t,fullName:i}=this,r=e&&`#${e.substr(e.length-6)}`,n=t||i||"",l=r&&m(r)?r:k(n);if(!e&&!n||!m(l))return"var(--calcite-avatar-background-color, var(--calcite-color-foreground-2))";let s=$(l);return`var(--calcite-avatar-background-color, light-dark(hsl(${s}, 60%, 90%), hsl(${s}, 60%, 20%)))`}generateInitials(){let{fullName:e,username:t}=this;return e?e.trim().split(" ").map(i=>i.substring(0,1)).join(""):t?t.substring(0,2):!1}render(){return this.determineContent()}};v("calcite-avatar",d);export{d as Avatar};
+import{p as m,w as p}from"./TXTWTIAM.js";import"./EM6V55GC.js";import"./3XS7XZAX.js";import{G as b,H as c,I as g,J as h,T as v,g as f,h as o}from"./KRMA22FS.js";var u={thumbnail:"thumbnail",background:"background",initials:"initials",icon:"icon"};function k(a){a=x(a);let e=0;for(let i=0;i<a.length;i++)e=a.charCodeAt(i)+((e<<5)-e);let t="#";for(let i=0;i<3;i++){let r=e>>i*8&255;t+=("00"+r.toString(16)).substr(-2)}return t}function x(a){let e=Math.floor(a.length/2),t=a.split("").reverse().join("");return t.substring(e)+t.slice(0,e)}function z(a){let{r:e,g:t,b:i}=a;e/=255,t/=255,i/=255;let r=Math.max(e,t,i),n=Math.min(e,t,i),l=r-n;if(r===n)return 0;let s=(r+n)/2;switch(r){case e:s=(t-i)/l+(t<i?6:0);break;case t:s=(i-e)/l+2;break;case i:s=(e-t)/l+4;break}return Math.round(s*60)}function $(a){return z(p(a))}var y=f`:host{display:inline-block;overflow:hidden;border-radius:var(--calcite-avatar-corner-radius, 50%);color:var(--calcite-avatar-color, var(--calcite-color-text-2))}:host([scale=s]){block-size:1.5rem;inline-size:1.5rem;font-size:var(--calcite-font-size-relative-xs)}:host([scale=m]){block-size:2rem;inline-size:2rem;font-size:var(--calcite-font-size-relative-sm)}:host([scale=l]){block-size:2.75rem;inline-size:2.75rem;font-size:var(--calcite-font-size-relative-md)}.icon{display:flex}.background{display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;border-radius:var(--calcite-avatar-corner-radius, 50%)}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase}.thumbnail{block-size:100%;inline-size:100%;border-radius:var(--calcite-avatar-corner-radius, 50%)}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends b{constructor(){super(...arguments),this.thumbnailFailedToLoad=!1,this.scale="m"}static{this.properties={thumbnailFailedToLoad:[16,{},{state:!0}],fullName:[3,{},{reflect:!0}],label:1,scale:[3,{},{reflect:!0}],thumbnail:[3,{},{reflect:!0}],userId:[3,{},{reflect:!0}],username:[3,{},{reflect:!0}]}}static{this.styles=y}determineContent(){if(this.thumbnail&&!this.thumbnailFailedToLoad)return o`<img alt=${(this.label||"")??h} class=${c(u.thumbnail)} @error=${()=>this.thumbnailFailedToLoad=!0} src=${this.thumbnail??h}>`;let e=this.generateInitials(),t=this.generateFillColor();return o`<span .ariaLabel=${this.label||this.fullName} class=${c(u.background)} role=figure style=${g({backgroundColor:t})}>${e?o`<span aria-hidden=true class=${c(u.initials)}>${e}</span>`:o`<calcite-icon class=${c(u.icon)} icon=user .scale=${this.scale}></calcite-icon>`}</span>`}generateFillColor(){let{userId:e,username:t,fullName:i}=this,r=e&&`#${e.substr(e.length-6)}`,n=t||i||"",l=r&&m(r)?r:k(n);if(!e&&!n||!m(l))return"var(--calcite-avatar-background-color, var(--calcite-color-foreground-2))";let s=$(l);return`var(--calcite-avatar-background-color, light-dark(hsl(${s}, 60%, 90%), hsl(${s}, 60%, 20%)))`}generateInitials(){let{fullName:e,username:t}=this;return e?e.trim().split(" ").map(i=>i.substring(0,1)).join(""):t?t.substring(0,2):!1}render(){return this.determineContent()}};v("calcite-avatar",d);export{d as Avatar};

package/dist/cdn/{UG7776SG.js → CNEJFX7J.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{c as U,g as G,i as K}from"./TSDCTEMO.js";import{a,b as x,d as g,e as y}from"./O6Y3UUOV.js";import{a as F}from"./RSXZIAG7.js";import{a as T}from"./QIC3CEGW.js";import{a as d}from"./AG2RXIA6.js";import{e as P}from"./3XS7XZAX.js";import{a as O}from"./SN2OQZA6.js";import"./VUYX7MNO.js";import{a as z}from"./GLOG663K.js";import{a as S}from"./ZWPNZ5XW.js";import{e as R}from"./33BJ4MWQ.js";import"./MJ5LQ3NR.js";import{q as M,x as C}from"./7FW2RVVH.js";import{E as b,F as v,G as B,H as i,Q as A,T as D,g as k,h as s,l as w,p as c}from"./MVBSHQ6D.js";var J=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([scale=s]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xs)}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;overflow:hidden;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container *{box-sizing:border-box}.container--border{position:relative}.container--border:before{position:absolute;inline-size:var(--calcite-border-width-lg);inset-block:0;inset-inline-start:0;background-color:transparent;content:""}.container--border-selected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container--border-selected:focus{box-shadow:inset var(--calcite-border-width-lg) 0 0 0 var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container--highlight-selected{background-color:var(--calcite-color-surface-highlight)}.nested-container{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3));margin-inline-start:var(--calcite-list-spacing-indent, 1.5rem)}.nested-container--expanded{display:flex}.selection-container{display:flex;padding-block:0px;color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host([selected]) .selection-container{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}.content-container-wrapper{display:flex;flex:1 1 auto}.content-container-wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}.content-container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-list-content-text-color, var(--calcite-color-text-2))}.content-container--unavailable{opacity:var(--calcite-opacity-disabled)}:host(:not([interaction-mode=static])):not([disabled]):not([selected]) .container:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host(:not([interaction-mode=static])):not([disabled]) .expanded-container:hover{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host(:not([interaction-mode=static]))[selected]:hover .selection-container,:host(:not([interaction-mode=static]))[selected]:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}:host(:not([interaction-mode=static])) .content-container{-webkit-user-select:none;user-select:none}:host(:not([interaction-mode=static])) .container--hover:hover{cursor:pointer;background-color:var(--calcite-list-background-color-hover, var(--calcite-color-foreground-2))}:host(:not([interaction-mode=static])) .container:active{background-color:var(--calcite-list-background-color-press, var(--calcite-color-foreground-3))}:host(:not([interaction-mode=static])) .icon:hover,:host(:not([interaction-mode=static])) .icon:active{color:var(--calcite-color-text-1)}.row,.grid-cell{outline-color:transparent}.row{position:relative}.row:focus,.grid-cell:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:var(--calcite-font-line-height-relative-snug)}.label{color:var(--calcite-list-label-text-color, var(--calcite-color-text-1))}.description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-3))}.icon{align-self:center;color:var(--calcite-list-icon-color, var(--calcite-color-text-3))}.actions-start,.actions-end{margin-inline-end:var(--calcite-internal-list-action-spacing);gap:var(--calcite-internal-list-action-spacing)}:host([scale=s]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:32px;padding-block:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content,:host([scale=s]) .custom-content,:host([scale=s]) .label{font-size:var(--calcite-font-size--2)}:host([scale=s]) .description{font-size:var(--calcite-font-size--3)}:host([scale=s][display-mode=flat]:not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat]:not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=m]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:40px;padding-block:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .content,:host([scale=m]) .custom-content{font-size:var(--calcite-font-size--2)}:host([scale=m]) .label{font-size:var(--calcite-font-size--1)}:host([scale=m]) .description{font-size:var(--calcite-font-size--2)}:host([scale=m][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=m][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=l]) .content-container{gap:var(--calcite-spacing-md);min-block-size:56px;padding-block:var(--calcite-space-sm-plus);padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .content,:host([scale=l]) .custom-content,:host([scale=l]) .label{font-size:var(--calcite-font-size-0)}:host([scale=l]) .description{font-size:var(--calcite-font-size--1)}:host([scale=l]) .nested-container{margin-inline-start:1.75rem}:host([scale=l][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-lg)}:host([scale=l][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=flat][drag-handle]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=l][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-lg)}.label,.description,.content-bottom{font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}:host([selected]) .icon{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host([selected]) .description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-2))}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.expanded-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-3));padding-inline:var(--calcite-spacing-xxs)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.expanded-container,.close{display:flex;align-items:center}.drag-container,.selection-container,.expanded-container{padding-block-end:var(--calcite-spacing-px)}.expanded-container,.selection-container{cursor:pointer}.actions-start,.actions-end{position:relative;padding:0}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-sort-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-sort-handle),.actions-end ::slotted(calcite-dropdown){color:inherit}.row:focus:after,.row:focus:before{position:absolute;content:"";inline-size:.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));inset-block:0}.row:focus:before{inset-inline-start:0}.row:focus:after{inset-inline-end:0}.container--border:focus:before{display:none}::slotted(calcite-list:empty){border-block-start-width:0px}.drag-container calcite-action,.drag-container ::slotted(calcite-action),.actions-start calcite-action,.actions-start ::slotted(calcite-action),.actions-end calcite-action,.actions-end ::slotted(calcite-action),.close calcite-action,.close ::slotted(calcite-action){align-items:center}.drag-container{margin-inline:var(--calcite-spacing-xxs)}:host([display-mode=nested]) .drag-container,:host([selection-appearance=icon]:not([selection-mode=none])) .drag-container{margin-inline:var(--calcite-spacing-xxs) 0}:host([hidden]){display:none}[hidden]{display:none}`,$=new Map,I=class extends B{constructor(){super(),this.actionsEndRef=b(),this.actionsStartRef=b(),this.containerRef=b(),this.contentRef=b(),this.defaultSlotRef=b(),this.direction=R(),this.handleGridRef=b(),this.messages=O(),this.focusSetter=z()(this),this.interactiveContainer=T(this),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentBottom=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.hasCustomContent=!1,this.expandable=!1,this.active=!1,this.bordered=!1,this.sortDisabled=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.filterHidden=!1,this.displayMode="flat",this.addToItems=[],this.moveToItems=[],this.scale="m",this.selected=!1,this.sortHandleOpen=!1,this.unavailable=!1,this.topLayerDisabled=!1,this.calciteInternalFocusPreviousItem=c({cancelable:!1}),this.calciteInternalListItemActive=c({cancelable:!1}),this.calciteInternalListItemChange=c({cancelable:!1}),this.calciteInternalListItemSelect=c({cancelable:!1}),this.calciteInternalListItemSelectMultiple=c({cancelable:!1}),this.calciteInternalListItemToggle=c({cancelable:!1}),this.calciteListItemClose=c({cancelable:!1}),this.calciteListItemCollapse=c({cancelable:!1}),this.calciteListItemExpand=c({cancelable:!1}),this.calciteListItemSelect=c({cancelable:!1}),this.calciteListItemSortHandleBeforeClose=c({cancelable:!1}),this.calciteListItemSortHandleBeforeOpen=c({cancelable:!1}),this.calciteListItemSortHandleClose=c({cancelable:!1}),this.calciteListItemSortHandleOpen=c({cancelable:!1}),this.calciteListItemToggle=c({cancelable:!1}),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges),this.listen("calciteInternalListDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges)}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasCustomContent:[16,{},{state:!0}],level:[16,{},{state:!0}],expandable:[16,{},{state:!0}],parentListEl:[16,{},{state:!0}],active:[5,{},{type:Boolean}],bordered:[5,{},{type:Boolean}],sortDisabled:[5,{},{type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],dragDisabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],filterHidden:[7,{},{reflect:!0,type:Boolean}],interactionMode:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],metadata:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortHandleOpen:[7,{},{reflect:!0,type:Boolean}],unavailable:[7,{},{reflect:!0,type:Boolean}],value:1,iconStart:[3,{},{reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[J,F]}get open(){return this.expanded}set open(e){A.deprecated("property",{component:this,name:"open",removalVersion:5,suggested:"expanded"}),this.expanded=e}async setFocus(e){return this.focusSetter(()=>{let{containerRef:t,parentListEl:n}=this,l=$.get(n);if(typeof l=="number"){let o=this.getGridCells()[l];if(o){this.focusCell(o);return}}return{target:t.value,includeContainer:!0,strategy:"focusable"}},e)}connectedCallback(){super.connectedCallback();let{el:e}=this;this.parentListEl=e.closest(U)||void 0,this.level=K(e)+1,this.setSelectionDefaults()}willUpdate(e){e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.activeHandler(this.active),e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&this.handleClosedChange(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.handleSelectedChange(),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("displayMode")&&this.hasUpdated&&this.handleExpandableChange(this.defaultSlotRef.value);let t=e.has("metadata"),n=e.get("metadata"),l=t&&!P(this.metadata,n);(e.has("label")||e.has("description")||l)&&this.hasUpdated&&this.emitCalciteInternalListItemChange(),e.has("expanded")&&this.hasUpdated&&(this.expanded?(this.handleExpandedChange(),this.calciteListItemExpand.emit()):this.calciteListItemCollapse.emit())}disconnectedCallback(){super.disconnectedCallback(),$.clear()}activeHandler(e){e||this.focusCell(void 0,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleExpandedChange(){this.emitCalciteInternalListItemToggle()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}handleCalciteInternalListDefaultSlotChanges(e){e.stopPropagation(),this.handleExpandableChange(this.defaultSlotRef.value)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteListItemSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteListItemSortHandleOpen.emit()}emitInternalListItemActive(){this.calciteInternalListItemActive.emit()}emitCalciteInternalListItemToggle(){this.calciteInternalListItemToggle.emit()}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}handleCloseClick(){this.closed=!0,this.calciteListItemClose.emit()}handleContentSlotChange(e){this.hasCustomContent=C(e)}handleActionsStartSlotChange(e){this.hasActionsStart=C(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=C(e)}handleContentStartSlotChange(e){this.hasContentStart=C(e)}handleContentEndSlotChange(e){this.hasContentEnd=C(e)}handleContentBottomSlotChange(e){this.hasContentBottom=C(e)}setSelectionDefaults(){let{parentListEl:e,selectionMode:t,selectionAppearance:n}=this;e&&(t||(this.selectionMode=e.selectionMode),n||(this.selectionAppearance=e.selectionAppearance))}handleExpandableChange(e){if(!e)return;let t=G(e);t.lists.forEach(n=>{n.displayMode=this.displayMode}),this.expandable=this.displayMode==="nested"&&(t.lists.length>0||t.items.length>0)}handleDefaultSlotChange(e){this.handleExpandableChange(e.target)}handleToggleClick(){this.toggle()}toggle(e=!this.expanded){this.expanded=e,this.calciteListItemToggle.emit()}handleItemClick(e){e.defaultPrevented||this.toggleSelected(e.shiftKey)}async toggleSelected(e){let{selectionMode:t,selected:n}=this;this.disabled||(t==="multiple"||t==="single"?this.selected=!n:t==="single-persist"&&(this.selected=!0),this.calciteInternalListItemSelectMultiple.emit({selectMultiple:e&&t==="multiple"}),await this.updateComplete,this.calciteListItemSelect.emit())}getGridCells(){return[this.handleGridRef.value,this.actionsStartRef.value,this.contentRef.value,this.actionsEndRef.value].filter(e=>!!(e&&!e.hidden))}handleItemKeyDown(e){if(e.defaultPrevented)return;let{key:t}=e,n=e.composedPath(),{containerRef:l,actionsStartRef:{value:o},actionsEndRef:{value:r},expanded:p,expandable:m}=this,h=this.getGridCells(),f=h.findIndex(u=>n.includes(u));if(t==="Enter"&&o&&!n.includes(o)&&r&&!n.includes(r))e.preventDefault(),this.toggleSelected(e.shiftKey);else if(t==="ArrowRight"){e.preventDefault();let u=f+1;f===-1?!p&&m?(this.toggle(!0),this.focusCell()):h[0]&&this.focusCell(h[0]):h[f]&&h[u]&&this.focusCell(h[u])}else if(t==="ArrowLeft"){e.preventDefault();let u=f-1;f===-1?(this.focusCell(),p&&m?this.toggle(!1):this.calciteInternalFocusPreviousItem.emit()):f===0?(this.focusCell(),l.value.focus()):h[f]&&h[u]&&this.focusCell(h[u])}}clearCellFocus(){this.focusCell()}setFocusCell(e,t,n){let{parentListEl:l}=this;n&&$.set(l,void 0);let o=this.getGridCells();o.forEach(r=>{r.removeAttribute("tabindex"),r.removeAttribute(y)}),e&&(e===t?e.tabIndex=0:e.removeAttribute("tabindex"),e.setAttribute(y,""),n&&$.set(l,o.indexOf(e)))}focusCell(e,t=!0){let n=M(e);this.setFocusCell(e,n,t),n?.focus()}renderSelected(){let{selected:e,selectionMode:t,selectionAppearance:n}=this;return t==="none"||n!=="icon"?null:d("selection-container",s`<div class=${i({[a.selectionContainer]:!0,[a.selectionContainerSingle]:t==="single"||t==="single-persist"})} @click=${this.handleItemClick}><calcite-icon .icon=${e?t==="multiple"?g.selectedMultiple:g.selectedSingle:t==="multiple"?g.unselectedMultiple:g.unselectedSingle} .scale=${S(this.scale)}></calcite-icon></div>`)}renderDragHandle(){let{label:e,dragHandle:t,dragDisabled:n,setPosition:l,setSize:o,moveToItems:r,sortDisabled:p,addToItems:m}=this;return t?d("drag-handle-container",s`<div .ariaLabel=${e} class=${i({[a.dragContainer]:!0,[a.gridCell]:!0})} role=gridcell ${v(this.handleGridRef)}><calcite-sort-handle .addToItems=${m} .disabled=${n} .label=${e} .moveToItems=${r} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${l} .setSize=${o} .sortDisabled=${p} .topLayerDisabled=${this.topLayerDisabled} ${v(this.setSortHandleEl)}></calcite-sort-handle></div>`):null}renderExpanded(){let{expanded:e,expandable:t,messages:n,displayMode:l,scale:o}=this;if(l!=="nested")return null;let r=this.direction,p=t?e?g.open:r==="rtl"?g.collapsedRTL:g.collapsedLTR:g.blank,m=S(o),h=t?e?n.collapse:n.expand:void 0,f=t?this.handleToggleClick:void 0;return d("expanded-container",s`<div class=${i(a.expandedContainer)} @click=${f} title=${h??w}>${d(p,s`<calcite-icon .icon=${p} .scale=${m}></calcite-icon>`)}</div>`)}renderActionsStart(){let{label:e,hasActionsStart:t}=this;return d("actions-start-container",s`<div .ariaLabel=${e} class=${i({[a.actionsStart]:!0,[a.gridCell]:!0})} .hidden=${!t} role=gridcell ${v(this.actionsStartRef)}><slot name=${x.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{label:e,hasActionsEnd:t,closable:n,messages:l}=this;return d("actions-end-container",s`<div .ariaLabel=${e} class=${i({[a.actionsEnd]:!0,[a.gridCell]:!0})} .hidden=${!(t||n)} role=gridcell ${v(this.actionsEndRef)}><slot name=${x.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot>${n?d("close-action",s`<calcite-action class=${i(a.close)} .icon=${g.close} .label=${l.close} @click=${this.handleCloseClick} .scale=${this.scale} .text=${l.close}></calcite-action>`):null}</div>`)}renderContentStart(){let{hasContentStart:e}=this;return s`<div class=${i(a.contentStart)} .hidden=${!e}><slot name=${x.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderCustomContent(){let{hasCustomContent:e}=this;return s`<div class=${i(a.customContent)} .hidden=${!e}><slot name=${x.content} @slotchange=${this.handleContentSlotChange}></slot></div>`}renderIconStart(){let{iconStart:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-start",s`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="start"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderIconEnd(){let{iconEnd:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-end",s`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="end"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderContentEnd(){let{hasContentEnd:e}=this;return s`<div class=${i(a.contentEnd)} .hidden=${!e}><slot name=${x.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentBottom(){let{hasContentBottom:e}=this;return s`<div class=${i(a.contentBottom)} .hidden=${!e}><slot name=${x.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div>`}renderDefaultContainer(){return s`<div class=${i({[a.nestedContainer]:!0,[a.nestedContainerExpanded]:this.expandable&&this.expanded})}><slot @slotchange=${this.handleDefaultSlotChange} ${v(this.defaultSlotRef)}></slot></div>`}renderContentProperties(){let{label:e,description:t,hasCustomContent:n}=this;return!n&&(e||t)?d("content",s`<div class=${i(a.content)}>${e?d("label",s`<div class=${i(a.label)}>${e}</div>`):null}${t?d("description",s`<div class=${i(a.description)}>${t}</div>`):null}</div>`):null}renderContentContainer(){let{description:e,label:t,selectionMode:n,hasCustomContent:l,unavailable:o}=this,r=l||!!t||!!e,p=[this.renderContentStart(),this.renderIconStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderIconEnd(),this.renderContentEnd()];return d("content-container",s`<div .ariaLabel=${t} class=${i({[a.gridCell]:!0,[a.contentContainer]:!0,[a.contentContainerUnavailable]:o,[a.contentContainerSelectable]:n!=="none",[a.contentContainerHasCenterContent]:r})} @click=${this.handleItemClick} role=gridcell ${v(this.contentRef)}>${p}</div>`)}render(){let{expandable:e,expanded:t,level:n,active:l,label:o,selected:r,selectionAppearance:p,selectionMode:m,interactionMode:h,closed:f,filterHidden:u,bordered:L,disabled:j,hasContentBottom:E}=this,N=L&&E,W=L&&!E,H=m!=="none"&&p==="border",q=m!=="none"&&p==="highlight",V=h==="interactive";return this.interactiveContainer({disabled:j,children:s`<div class=${i({[a.wrapper]:!0,[a.wrapperBordered]:N})}><div .ariaExpanded=${e?t:void 0} .ariaLabel=${o} .ariaLevel=${n} .ariaSelected=${r} class=${i({[a.row]:!0,[a.container]:!0,[a.containerHover]:V,[a.containerBorder]:H,[a.containerBorderSelected]:H&&r,[a.containerHighlightSelected]:q&&r})} .hidden=${f||u} @focus=${this.clearCellFocus} @focusin=${this.emitInternalListItemActive} @keydown=${this.handleItemKeyDown} role=row .tabIndex=${l?0:-1} ${v(this.containerRef)}>${this.renderDragHandle()}${this.renderSelected()}${this.renderExpanded()}<div class=${i({[a.contentContainerWrapper]:!0,[a.contentContainerWrapperBordered]:W})}>${this.renderActionsStart()}${this.renderContentContainer()}${this.renderActionsEnd()}</div></div>${this.renderContentBottom()}</div>${this.renderDefaultContainer()}`})}};D("calcite-list-item",I);export{I as ListItem};
+import{c as U,g as G,i as K}from"./TSDCTEMO.js";import{a,b as x,d as g,e as y}from"./O6Y3UUOV.js";import{a as F}from"./MZ337KXH.js";import{a as T}from"./XYZHXGWT.js";import{a as d}from"./UV2JMY7Y.js";import{e as P}from"./3XS7XZAX.js";import{a as O}from"./JVFPFH6H.js";import"./VUYX7MNO.js";import{a as z}from"./ZQSKUC33.js";import{a as S}from"./ZWPNZ5XW.js";import{e as R}from"./MWHGTJLI.js";import"./CYBZRYY2.js";import{q as M,x as C}from"./7FW2RVVH.js";import{E as b,F as v,G as B,H as i,Q as A,T as D,g as k,h as s,l as w,p as c}from"./KRMA22FS.js";var J=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([scale=s]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xs)}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;overflow:hidden;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container *{box-sizing:border-box}.container--border{position:relative}.container--border:before{position:absolute;inline-size:var(--calcite-border-width-lg);inset-block:0;inset-inline-start:0;background-color:transparent;content:""}.container--border-selected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container--border-selected:focus{box-shadow:inset var(--calcite-border-width-lg) 0 0 0 var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container--highlight-selected{background-color:var(--calcite-color-surface-highlight)}.nested-container{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3));margin-inline-start:var(--calcite-list-spacing-indent, 1.5rem)}.nested-container--expanded{display:flex}.selection-container{display:flex;padding-block:0px;color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host([selected]) .selection-container{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}.content-container-wrapper{display:flex;flex:1 1 auto}.content-container-wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}.content-container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-list-content-text-color, var(--calcite-color-text-2))}.content-container--unavailable{opacity:var(--calcite-opacity-disabled)}:host(:not([interaction-mode=static])):not([disabled]):not([selected]) .container:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host(:not([interaction-mode=static])):not([disabled]) .expanded-container:hover{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host(:not([interaction-mode=static]))[selected]:hover .selection-container,:host(:not([interaction-mode=static]))[selected]:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}:host(:not([interaction-mode=static])) .content-container{-webkit-user-select:none;user-select:none}:host(:not([interaction-mode=static])) .container--hover:hover{cursor:pointer;background-color:var(--calcite-list-background-color-hover, var(--calcite-color-foreground-2))}:host(:not([interaction-mode=static])) .container:active{background-color:var(--calcite-list-background-color-press, var(--calcite-color-foreground-3))}:host(:not([interaction-mode=static])) .icon:hover,:host(:not([interaction-mode=static])) .icon:active{color:var(--calcite-color-text-1)}.row,.grid-cell{outline-color:transparent}.row{position:relative}.row:focus,.grid-cell:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:var(--calcite-font-line-height-relative-snug)}.label{color:var(--calcite-list-label-text-color, var(--calcite-color-text-1))}.description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-3))}.icon{align-self:center;color:var(--calcite-list-icon-color, var(--calcite-color-text-3))}.actions-start,.actions-end{margin-inline-end:var(--calcite-internal-list-action-spacing);gap:var(--calcite-internal-list-action-spacing)}:host([scale=s]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:32px;padding-block:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content,:host([scale=s]) .custom-content,:host([scale=s]) .label{font-size:var(--calcite-font-size--2)}:host([scale=s]) .description{font-size:var(--calcite-font-size--3)}:host([scale=s][display-mode=flat]:not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat]:not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=m]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:40px;padding-block:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .content,:host([scale=m]) .custom-content{font-size:var(--calcite-font-size--2)}:host([scale=m]) .label{font-size:var(--calcite-font-size--1)}:host([scale=m]) .description{font-size:var(--calcite-font-size--2)}:host([scale=m][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=m][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=l]) .content-container{gap:var(--calcite-spacing-md);min-block-size:56px;padding-block:var(--calcite-space-sm-plus);padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .content,:host([scale=l]) .custom-content,:host([scale=l]) .label{font-size:var(--calcite-font-size-0)}:host([scale=l]) .description{font-size:var(--calcite-font-size--1)}:host([scale=l]) .nested-container{margin-inline-start:1.75rem}:host([scale=l][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-lg)}:host([scale=l][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=flat][drag-handle]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=l][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-lg)}.label,.description,.content-bottom{font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}:host([selected]) .icon{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host([selected]) .description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-2))}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.expanded-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-3));padding-inline:var(--calcite-spacing-xxs)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.expanded-container,.close{display:flex;align-items:center}.drag-container,.selection-container,.expanded-container{padding-block-end:var(--calcite-spacing-px)}.expanded-container,.selection-container{cursor:pointer}.actions-start,.actions-end{position:relative;padding:0}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-sort-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-sort-handle),.actions-end ::slotted(calcite-dropdown){color:inherit}.row:focus:after,.row:focus:before{position:absolute;content:"";inline-size:.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));inset-block:0}.row:focus:before{inset-inline-start:0}.row:focus:after{inset-inline-end:0}.container--border:focus:before{display:none}::slotted(calcite-list:empty){border-block-start-width:0px}.drag-container calcite-action,.drag-container ::slotted(calcite-action),.actions-start calcite-action,.actions-start ::slotted(calcite-action),.actions-end calcite-action,.actions-end ::slotted(calcite-action),.close calcite-action,.close ::slotted(calcite-action){align-items:center}.drag-container{margin-inline:var(--calcite-spacing-xxs)}:host([display-mode=nested]) .drag-container,:host([selection-appearance=icon]:not([selection-mode=none])) .drag-container{margin-inline:var(--calcite-spacing-xxs) 0}:host([hidden]){display:none}[hidden]{display:none}`,$=new Map,I=class extends B{constructor(){super(),this.actionsEndRef=b(),this.actionsStartRef=b(),this.containerRef=b(),this.contentRef=b(),this.defaultSlotRef=b(),this.direction=R(),this.handleGridRef=b(),this.messages=O(),this.focusSetter=z()(this),this.interactiveContainer=T(this),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentBottom=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.hasCustomContent=!1,this.expandable=!1,this.active=!1,this.bordered=!1,this.sortDisabled=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.filterHidden=!1,this.displayMode="flat",this.addToItems=[],this.moveToItems=[],this.scale="m",this.selected=!1,this.sortHandleOpen=!1,this.unavailable=!1,this.topLayerDisabled=!1,this.calciteInternalFocusPreviousItem=c({cancelable:!1}),this.calciteInternalListItemActive=c({cancelable:!1}),this.calciteInternalListItemChange=c({cancelable:!1}),this.calciteInternalListItemSelect=c({cancelable:!1}),this.calciteInternalListItemSelectMultiple=c({cancelable:!1}),this.calciteInternalListItemToggle=c({cancelable:!1}),this.calciteListItemClose=c({cancelable:!1}),this.calciteListItemCollapse=c({cancelable:!1}),this.calciteListItemExpand=c({cancelable:!1}),this.calciteListItemSelect=c({cancelable:!1}),this.calciteListItemSortHandleBeforeClose=c({cancelable:!1}),this.calciteListItemSortHandleBeforeOpen=c({cancelable:!1}),this.calciteListItemSortHandleClose=c({cancelable:!1}),this.calciteListItemSortHandleOpen=c({cancelable:!1}),this.calciteListItemToggle=c({cancelable:!1}),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges),this.listen("calciteInternalListDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges)}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasCustomContent:[16,{},{state:!0}],level:[16,{},{state:!0}],expandable:[16,{},{state:!0}],parentListEl:[16,{},{state:!0}],active:[5,{},{type:Boolean}],bordered:[5,{},{type:Boolean}],sortDisabled:[5,{},{type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],dragDisabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],filterHidden:[7,{},{reflect:!0,type:Boolean}],interactionMode:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],metadata:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortHandleOpen:[7,{},{reflect:!0,type:Boolean}],unavailable:[7,{},{reflect:!0,type:Boolean}],value:1,iconStart:[3,{},{reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[J,F]}get open(){return this.expanded}set open(e){A.deprecated("property",{component:this,name:"open",removalVersion:5,suggested:"expanded"}),this.expanded=e}async setFocus(e){return this.focusSetter(()=>{let{containerRef:t,parentListEl:n}=this,l=$.get(n);if(typeof l=="number"){let o=this.getGridCells()[l];if(o){this.focusCell(o);return}}return{target:t.value,includeContainer:!0,strategy:"focusable"}},e)}connectedCallback(){super.connectedCallback();let{el:e}=this;this.parentListEl=e.closest(U)||void 0,this.level=K(e)+1,this.setSelectionDefaults()}willUpdate(e){e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.activeHandler(this.active),e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&this.handleClosedChange(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.handleSelectedChange(),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("displayMode")&&this.hasUpdated&&this.handleExpandableChange(this.defaultSlotRef.value);let t=e.has("metadata"),n=e.get("metadata"),l=t&&!P(this.metadata,n);(e.has("label")||e.has("description")||l)&&this.hasUpdated&&this.emitCalciteInternalListItemChange(),e.has("expanded")&&this.hasUpdated&&(this.expanded?(this.handleExpandedChange(),this.calciteListItemExpand.emit()):this.calciteListItemCollapse.emit())}disconnectedCallback(){super.disconnectedCallback(),$.clear()}activeHandler(e){e||this.focusCell(void 0,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleExpandedChange(){this.emitCalciteInternalListItemToggle()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}handleCalciteInternalListDefaultSlotChanges(e){e.stopPropagation(),this.handleExpandableChange(this.defaultSlotRef.value)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteListItemSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteListItemSortHandleOpen.emit()}emitInternalListItemActive(){this.calciteInternalListItemActive.emit()}emitCalciteInternalListItemToggle(){this.calciteInternalListItemToggle.emit()}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}handleCloseClick(){this.closed=!0,this.calciteListItemClose.emit()}handleContentSlotChange(e){this.hasCustomContent=C(e)}handleActionsStartSlotChange(e){this.hasActionsStart=C(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=C(e)}handleContentStartSlotChange(e){this.hasContentStart=C(e)}handleContentEndSlotChange(e){this.hasContentEnd=C(e)}handleContentBottomSlotChange(e){this.hasContentBottom=C(e)}setSelectionDefaults(){let{parentListEl:e,selectionMode:t,selectionAppearance:n}=this;e&&(t||(this.selectionMode=e.selectionMode),n||(this.selectionAppearance=e.selectionAppearance))}handleExpandableChange(e){if(!e)return;let t=G(e);t.lists.forEach(n=>{n.displayMode=this.displayMode}),this.expandable=this.displayMode==="nested"&&(t.lists.length>0||t.items.length>0)}handleDefaultSlotChange(e){this.handleExpandableChange(e.target)}handleToggleClick(){this.toggle()}toggle(e=!this.expanded){this.expanded=e,this.calciteListItemToggle.emit()}handleItemClick(e){e.defaultPrevented||this.toggleSelected(e.shiftKey)}async toggleSelected(e){let{selectionMode:t,selected:n}=this;this.disabled||(t==="multiple"||t==="single"?this.selected=!n:t==="single-persist"&&(this.selected=!0),this.calciteInternalListItemSelectMultiple.emit({selectMultiple:e&&t==="multiple"}),await this.updateComplete,this.calciteListItemSelect.emit())}getGridCells(){return[this.handleGridRef.value,this.actionsStartRef.value,this.contentRef.value,this.actionsEndRef.value].filter(e=>!!(e&&!e.hidden))}handleItemKeyDown(e){if(e.defaultPrevented)return;let{key:t}=e,n=e.composedPath(),{containerRef:l,actionsStartRef:{value:o},actionsEndRef:{value:r},expanded:p,expandable:m}=this,h=this.getGridCells(),f=h.findIndex(u=>n.includes(u));if(t==="Enter"&&o&&!n.includes(o)&&r&&!n.includes(r))e.preventDefault(),this.toggleSelected(e.shiftKey);else if(t==="ArrowRight"){e.preventDefault();let u=f+1;f===-1?!p&&m?(this.toggle(!0),this.focusCell()):h[0]&&this.focusCell(h[0]):h[f]&&h[u]&&this.focusCell(h[u])}else if(t==="ArrowLeft"){e.preventDefault();let u=f-1;f===-1?(this.focusCell(),p&&m?this.toggle(!1):this.calciteInternalFocusPreviousItem.emit()):f===0?(this.focusCell(),l.value.focus()):h[f]&&h[u]&&this.focusCell(h[u])}}clearCellFocus(){this.focusCell()}setFocusCell(e,t,n){let{parentListEl:l}=this;n&&$.set(l,void 0);let o=this.getGridCells();o.forEach(r=>{r.removeAttribute("tabindex"),r.removeAttribute(y)}),e&&(e===t?e.tabIndex=0:e.removeAttribute("tabindex"),e.setAttribute(y,""),n&&$.set(l,o.indexOf(e)))}focusCell(e,t=!0){let n=M(e);this.setFocusCell(e,n,t),n?.focus()}renderSelected(){let{selected:e,selectionMode:t,selectionAppearance:n}=this;return t==="none"||n!=="icon"?null:d("selection-container",s`<div class=${i({[a.selectionContainer]:!0,[a.selectionContainerSingle]:t==="single"||t==="single-persist"})} @click=${this.handleItemClick}><calcite-icon .icon=${e?t==="multiple"?g.selectedMultiple:g.selectedSingle:t==="multiple"?g.unselectedMultiple:g.unselectedSingle} .scale=${S(this.scale)}></calcite-icon></div>`)}renderDragHandle(){let{label:e,dragHandle:t,dragDisabled:n,setPosition:l,setSize:o,moveToItems:r,sortDisabled:p,addToItems:m}=this;return t?d("drag-handle-container",s`<div .ariaLabel=${e} class=${i({[a.dragContainer]:!0,[a.gridCell]:!0})} role=gridcell ${v(this.handleGridRef)}><calcite-sort-handle .addToItems=${m} .disabled=${n} .label=${e} .moveToItems=${r} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${l} .setSize=${o} .sortDisabled=${p} .topLayerDisabled=${this.topLayerDisabled} ${v(this.setSortHandleEl)}></calcite-sort-handle></div>`):null}renderExpanded(){let{expanded:e,expandable:t,messages:n,displayMode:l,scale:o}=this;if(l!=="nested")return null;let r=this.direction,p=t?e?g.open:r==="rtl"?g.collapsedRTL:g.collapsedLTR:g.blank,m=S(o),h=t?e?n.collapse:n.expand:void 0,f=t?this.handleToggleClick:void 0;return d("expanded-container",s`<div class=${i(a.expandedContainer)} @click=${f} title=${h??w}>${d(p,s`<calcite-icon .icon=${p} .scale=${m}></calcite-icon>`)}</div>`)}renderActionsStart(){let{label:e,hasActionsStart:t}=this;return d("actions-start-container",s`<div .ariaLabel=${e} class=${i({[a.actionsStart]:!0,[a.gridCell]:!0})} .hidden=${!t} role=gridcell ${v(this.actionsStartRef)}><slot name=${x.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{label:e,hasActionsEnd:t,closable:n,messages:l}=this;return d("actions-end-container",s`<div .ariaLabel=${e} class=${i({[a.actionsEnd]:!0,[a.gridCell]:!0})} .hidden=${!(t||n)} role=gridcell ${v(this.actionsEndRef)}><slot name=${x.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot>${n?d("close-action",s`<calcite-action class=${i(a.close)} .icon=${g.close} .label=${l.close} @click=${this.handleCloseClick} .scale=${this.scale} .text=${l.close}></calcite-action>`):null}</div>`)}renderContentStart(){let{hasContentStart:e}=this;return s`<div class=${i(a.contentStart)} .hidden=${!e}><slot name=${x.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderCustomContent(){let{hasCustomContent:e}=this;return s`<div class=${i(a.customContent)} .hidden=${!e}><slot name=${x.content} @slotchange=${this.handleContentSlotChange}></slot></div>`}renderIconStart(){let{iconStart:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-start",s`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="start"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderIconEnd(){let{iconEnd:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-end",s`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="end"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderContentEnd(){let{hasContentEnd:e}=this;return s`<div class=${i(a.contentEnd)} .hidden=${!e}><slot name=${x.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentBottom(){let{hasContentBottom:e}=this;return s`<div class=${i(a.contentBottom)} .hidden=${!e}><slot name=${x.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div>`}renderDefaultContainer(){return s`<div class=${i({[a.nestedContainer]:!0,[a.nestedContainerExpanded]:this.expandable&&this.expanded})}><slot @slotchange=${this.handleDefaultSlotChange} ${v(this.defaultSlotRef)}></slot></div>`}renderContentProperties(){let{label:e,description:t,hasCustomContent:n}=this;return!n&&(e||t)?d("content",s`<div class=${i(a.content)}>${e?d("label",s`<div class=${i(a.label)}>${e}</div>`):null}${t?d("description",s`<div class=${i(a.description)}>${t}</div>`):null}</div>`):null}renderContentContainer(){let{description:e,label:t,selectionMode:n,hasCustomContent:l,unavailable:o}=this,r=l||!!t||!!e,p=[this.renderContentStart(),this.renderIconStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderIconEnd(),this.renderContentEnd()];return d("content-container",s`<div .ariaLabel=${t} class=${i({[a.gridCell]:!0,[a.contentContainer]:!0,[a.contentContainerUnavailable]:o,[a.contentContainerSelectable]:n!=="none",[a.contentContainerHasCenterContent]:r})} @click=${this.handleItemClick} role=gridcell ${v(this.contentRef)}>${p}</div>`)}render(){let{expandable:e,expanded:t,level:n,active:l,label:o,selected:r,selectionAppearance:p,selectionMode:m,interactionMode:h,closed:f,filterHidden:u,bordered:L,disabled:j,hasContentBottom:E}=this,N=L&&E,W=L&&!E,H=m!=="none"&&p==="border",q=m!=="none"&&p==="highlight",V=h==="interactive";return this.interactiveContainer({disabled:j,children:s`<div class=${i({[a.wrapper]:!0,[a.wrapperBordered]:N})}><div .ariaExpanded=${e?t:void 0} .ariaLabel=${o} .ariaLevel=${n} .ariaSelected=${r} class=${i({[a.row]:!0,[a.container]:!0,[a.containerHover]:V,[a.containerBorder]:H,[a.containerBorderSelected]:H&&r,[a.containerHighlightSelected]:q&&r})} .hidden=${f||u} @focus=${this.clearCellFocus} @focusin=${this.emitInternalListItemActive} @keydown=${this.handleItemKeyDown} role=row .tabIndex=${l?0:-1} ${v(this.containerRef)}>${this.renderDragHandle()}${this.renderSelected()}${this.renderExpanded()}<div class=${i({[a.contentContainerWrapper]:!0,[a.contentContainerWrapperBordered]:W})}>${this.renderActionsStart()}${this.renderContentContainer()}${this.renderActionsEnd()}</div></div>${this.renderContentBottom()}</div>${this.renderDefaultContainer()}`})}};D("calcite-list-item",I);export{I as ListItem};