// All material copyright Esri, All Rights Reserved, unless otherwise specified. // See https://js.arcgis.com/4.30/esri/copyright.txt for details. //>>built define("exports ./componentsUtils ./dom ./interactive ./locale ./t9n ./loadable ./utils3 ./resources4 ./action ./handle ./icon ./loader".split(" "),function(u,c,k,q,z,r,v,t,d,C,D,E,F){function A(){"undefined"!==typeof customElements&&["calcite-list-item","calcite-action","calcite-handle","calcite-icon","calcite-loader"].forEach(a=>{switch(a){case "calcite-list-item":customElements.get(a)||customElements.define(a,B);break;case "calcite-action":customElements.get(a)||C.defineCustomElement();break;case "calcite-handle":customElements.get(a)|| D.defineCustomElement();break;case "calcite-icon":customElements.get(a)||E.defineCustomElement();break;case "calcite-loader":customElements.get(a)||F.defineCustomElement()}})}const w=new Map,B=c.proxyCustomElement(class extends c.H{constructor(){super();this.__registerHost();this.__attachShadow();this.calciteListItemSelect=c.createEvent(this,"calciteListItemSelect",6);this.calciteListItemClose=c.createEvent(this,"calciteListItemClose",6);this.calciteListItemDragHandleChange=c.createEvent(this,"calciteListItemDragHandleChange", 6);this.calciteListItemToggle=c.createEvent(this,"calciteListItemToggle",6);this.calciteInternalListItemSelect=c.createEvent(this,"calciteInternalListItemSelect",6);this.calciteInternalListItemSelectMultiple=c.createEvent(this,"calciteInternalListItemSelectMultiple",6);this.calciteInternalListItemActive=c.createEvent(this,"calciteInternalListItemActive",6);this.calciteInternalFocusPreviousItem=c.createEvent(this,"calciteInternalFocusPreviousItem",6);this.calciteInternalListItemChange=c.createEvent(this, "calciteInternalListItemChange",6);this.dragHandleSelectedChangeHandler=a=>{this.dragSelected=a.target.selected;this.calciteListItemDragHandleChange.emit();a.stopPropagation()};this.emitInternalListItemActive=()=>{this.calciteInternalListItemActive.emit()};this.focusCellHandle=()=>{this.handleCellFocusIn(this.handleGridEl)};this.focusCellActionsStart=()=>{this.handleCellFocusIn(this.actionsStartEl)};this.focusCellContent=()=>{this.handleCellFocusIn(this.contentEl)};this.focusCellActionsEnd=()=>{this.handleCellFocusIn(this.actionsEndEl)}; this.handleCloseClick=()=>{this.closed=!0;this.calciteListItemClose.emit()};this.handleContentSlotChange=a=>{this.hasCustomContent=k.slotChangeHasAssignedElement(a)};this.handleActionsStartSlotChange=a=>{this.hasActionsStart=k.slotChangeHasAssignedElement(a)};this.handleActionsEndSlotChange=a=>{this.hasActionsEnd=k.slotChangeHasAssignedElement(a)};this.handleContentStartSlotChange=a=>{this.hasContentStart=k.slotChangeHasAssignedElement(a)};this.handleContentEndSlotChange=a=>{this.hasContentEnd=k.slotChangeHasAssignedElement(a)}; this.handleContentBottomSlotChange=a=>{this.hasContentBottom=k.slotChangeHasAssignedElement(a)};this.handleDefaultSlotChange=a=>{this.handleOpenableChange(a.target)};this.handleToggleClick=()=>{this.toggle()};this.toggle=(a=!this.open)=>{this.open=a;this.calciteListItemToggle.emit()};this.handleItemClick=a=>{a.defaultPrevented||this.toggleSelected(a.shiftKey)};this.toggleSelected=a=>{const {selectionMode:b,selected:e}=this;this.disabled||("multiple"===b||"single"===b?this.selected=!e:"single-persist"=== b&&(this.selected=!0),this.calciteInternalListItemSelectMultiple.emit({selectMultiple:a&&"multiple"===b}),this.calciteListItemSelect.emit())};this.handleItemKeyDown=a=>{if(!a.defaultPrevented){var {key:b}=a,e=a.composedPath(),{containerEl:f,actionsStartEl:g,actionsEndEl:h,open:n,openable:p}=this,l=this.getGridCells(),m=l.findIndex(x=>e.includes(x));"Enter"!==b||e.includes(g)||e.includes(h)?"ArrowRight"===b?(a.preventDefault(),a=m+1,-1===m?!n&&p?(this.toggle(!0),this.focusCell(null)):l[0]&&this.focusCell(l[0]): l[m]&&l[a]&&this.focusCell(l[a])):"ArrowLeft"===b&&(a.preventDefault(),a=m-1,-1===m?(this.focusCell(null),n&&p?this.toggle(!1):this.calciteInternalFocusPreviousItem.emit()):0===m?(this.focusCell(null),f.focus()):l[m]&&l[a]&&this.focusCell(l[a])):(a.preventDefault(),this.toggleSelected(a.shiftKey))}};this.focusCellNull=()=>{this.focusCell(null)};this.handleCellFocusIn=a=>{this.setFocusCell(a,k.getFirstTabbable(a),!0)};this.setFocusCell=(a,b,e)=>{const {parentListEl:f}=this;e&&w.set(f,null);const g= this.getGridCells();g.forEach(h=>{h.tabIndex=-1;h.removeAttribute(d.activeCellTestAttribute)});a&&(a.tabIndex=a===b?0:-1,a.setAttribute(d.activeCellTestAttribute,""),e&&w.set(f,g.indexOf(a)))};this.focusCell=(a,b=!0)=>{const e=k.getFirstTabbable(a);this.setFocusCell(a,e,b);e?.focus()};this.closed=this.closable=this.bordered=this.active=!1;this.description=void 0;this.filterHidden=this.dragSelected=this.dragHandle=this.dragDisabled=this.disabled=!1;this.metadata=this.label=void 0;this.open=!1;this.setPosition= this.setSize=null;this.selected=!1;this.value=void 0;this.selectionAppearance=this.selectionMode=null;this.messages=this.messageOverrides=void 0;this.effectiveLocale="";this.defaultMessages=void 0;this.level=null;this.parentListEl=void 0;this.hasContentBottom=this.hasContentEnd=this.hasContentStart=this.hasCustomContent=this.hasActionsEnd=this.hasActionsStart=this.openable=!1}activeHandler(a){a||this.focusCell(null,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}onMessagesChange(){}handleCalciteInternalListDefaultSlotChanges(a){a.stopPropagation(); this.handleOpenableChange(this.defaultSlotEl)}effectiveLocaleChange(){r.updateMessages(this,this.effectiveLocale)}connectedCallback(){q.connectInteractive(this);z.connectLocalized(this);r.connectMessages(this);const {el:a}=this;this.parentListEl=a.closest("calcite-list");this.level=t.getDepth(a)+1;this.setSelectionDefaults()}async componentWillLoad(){v.setUpLoadableComponent(this);await r.setUpMessages(this)}componentDidLoad(){v.setComponentLoaded(this)}componentDidRender(){q.updateHostInteraction(this)}disconnectedCallback(){q.disconnectInteractive(this); z.disconnectLocalized(this);r.disconnectMessages(this)}async setFocus(){await v.componentFocusable(this);const {containerEl:a,parentListEl:b}=this,e=w.get(b);if("number"===typeof e){const f=this.getGridCells();f[e]?this.focusCell(f[e]):a?.focus()}else a?.focus()}renderSelected(){const {selected:a,selectionMode:b,selectionAppearance:e}=this;return"none"===b||"border"===e?null:c.h("td",{class:{[d.CSS.selectionContainer]:!0,[d.CSS.selectionContainerSingle]:"single"===b||"single-persist"===b},key:"selection-container", onClick:this.handleItemClick},c.h("calcite-icon",{icon:a?"multiple"===b?d.ICONS.selectedMultiple:d.ICONS.selectedSingle:"multiple"===b?d.ICONS.unselectedMultiple:d.ICONS.unselectedSingle,scale:"s"}))}renderDragHandle(){const {label:a,dragHandle:b,dragSelected:e,dragDisabled:f,setPosition:g,setSize:h}=this;return b?c.h("td",{"aria-label":a,class:d.CSS.dragContainer,key:"drag-handle-container",onFocusin:this.focusCellHandle,role:"gridcell",ref:n=>this.handleGridEl=n},c.h("calcite-handle",{disabled:f, label:a,onCalciteHandleChange:this.dragHandleSelectedChangeHandler,selected:e,setPosition:g,setSize:h})):null}renderOpen(){const {el:a,open:b,openable:e,messages:f}=this;var g=k.getElementDir(a);g=b?d.ICONS.open:"rtl"===g?d.ICONS.closedRTL:d.ICONS.closedLTR;const h=b?f.collapse:f.expand;return e?c.h("td",{class:d.CSS.openContainer,key:"open-container",onClick:this.handleToggleClick,title:h},c.h("calcite-icon",{icon:g,key:g,scale:"s"})):null}renderActionsStart(){const {label:a,hasActionsStart:b}=this; return c.h("td",{"aria-label":a,class:d.CSS.actionsStart,hidden:!b,key:"actions-start-container",onFocusin:this.focusCellActionsStart,role:"gridcell",ref:e=>this.actionsStartEl=e},c.h("slot",{name:d.SLOTS.actionsStart,onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const {label:a,hasActionsEnd:b,closable:e,messages:f}=this;return c.h("td",{"aria-label":a,class:d.CSS.actionsEnd,hidden:!(b||e),key:"actions-end-container",onFocusin:this.focusCellActionsEnd,role:"gridcell",ref:g=> this.actionsEndEl=g},c.h("slot",{name:d.SLOTS.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),e?c.h("calcite-action",{appearance:"transparent",icon:d.ICONS.close,key:"close-action",label:f.close,onClick:this.handleCloseClick,text:f.close}):null)}renderContentStart(){const {hasContentStart:a}=this;return c.h("div",{class:d.CSS.contentStart,hidden:!a},c.h("slot",{name:d.SLOTS.contentStart,onSlotchange:this.handleContentStartSlotChange}))}renderCustomContent(){const {hasCustomContent:a}=this; return c.h("div",{class:d.CSS.customContent,hidden:!a},c.h("slot",{name:d.SLOTS.content,onSlotchange:this.handleContentSlotChange}))}renderContentEnd(){const {hasContentEnd:a}=this;return c.h("div",{class:d.CSS.contentEnd,hidden:!a},c.h("slot",{name:d.SLOTS.contentEnd,onSlotchange:this.handleContentEndSlotChange}))}renderContentBottom(){const {hasContentBottom:a}=this;return c.h("div",{class:d.CSS.contentBottom,hidden:!a},c.h("slot",{name:d.SLOTS.contentBottom,onSlotchange:this.handleContentBottomSlotChange}))}renderDefaultContainer(){return c.h("div", {class:{[d.CSS.nestedContainer]:!0,[d.CSS.nestedContainerHidden]:this.openable&&!this.open}},c.h("slot",{onSlotchange:this.handleDefaultSlotChange,ref:a=>this.defaultSlotEl=a}))}renderContentProperties(){const {label:a,description:b,hasCustomContent:e}=this;return e||!a&&!b?null:c.h("div",{class:d.CSS.content,key:"content"},a?c.h("div",{class:d.CSS.label,key:"label"},a):null,b?c.h("div",{class:d.CSS.description,key:"description"},b):null)}renderContentContainer(){const {description:a,label:b,selectionMode:e, hasCustomContent:f}=this,g=f||!!b||!!a,h=[this.renderContentStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderContentEnd()];return c.h("td",{"aria-label":b,class:{[d.CSS.contentContainer]:!0,[d.CSS.contentContainerSelectable]:"none"!==e,[d.CSS.contentContainerHasCenterContent]:g},key:"content-container",onClick:this.handleItemClick,onFocusin:this.focusCellContent,role:"gridcell",ref:n=>this.contentEl=n},h)}render(){const {openable:a,open:b,level:e,setPosition:f,setSize:g, active:h,label:n,selected:p,selectionAppearance:l,selectionMode:m,closed:x,filterHidden:G,bordered:H,disabled:I}=this,y="none"!==m&&"border"===l,J=y&&p,K=y&&!p;return c.h(c.Host,{key:"15651b0bef6af7db01d650ff74b732db28758292"},c.h(q.InteractiveContainer,{key:"a0a4c2b6587a5c173710235518bf97aafc7d3b2a",disabled:I},c.h("div",{key:"f4dceb92cd6164d4d5445a9977aebfa9ae4073ff",class:{[d.CSS.wrapper]:!0,[d.CSS.wrapperBordered]:H}},c.h("tr",{key:"105d3b31fde1dabc1b606b25e28f9f7535367503","aria-expanded":a? k.toAriaBoolean(b):null,"aria-label":n,"aria-level":e,"aria-posinset":f,"aria-selected":k.toAriaBoolean(p),"aria-setsize":g,class:{[d.CSS.container]:!0,[d.CSS.containerHover]:!0,[d.CSS.containerBorder]:y,[d.CSS.containerBorderSelected]:J,[d.CSS.containerBorderUnselected]:K},hidden:x||G,onFocus:this.focusCellNull,onFocusin:this.emitInternalListItemActive,onKeyDown:this.handleItemKeyDown,role:"row",tabIndex:h?0:-1,ref:L=>this.containerEl=L},this.renderDragHandle(),this.renderSelected(),this.renderOpen(), this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),this.renderContentBottom()),c.h("div",{key:"2018e3a2e07547caca69c18ce58a3e19ae66b3e8",class:d.CSS.indent},this.renderDefaultContainer())))}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}setSelectionDefaults(){const {parentListEl:a,selectionMode:b,selectionAppearance:e}=this;a&&(b||(this.selectionMode=a.selectionMode),e||(this.selectionAppearance=a.selectionAppearance))}handleOpenableChange(a){if(a){var b= t.getListItemChildren(a);a=t.getListItemChildLists(a);t.updateListItemChildren(b);this.openable=!!b.length||!!a.length}}getGridCells(){return[this.handleGridEl,this.actionsStartEl,this.contentEl,this.actionsEndEl].filter(a=>a&&!a.hidden)}static get assetsDirs(){return["assets"]}get el(){return this}static get watchers(){return{active:["activeHandler"],closed:["handleClosedChange"],disabled:["handleDisabledChange"],selected:["handleSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}static get style(){return":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;background-color:var(--calcite-color-foreground-1);--calcite-list-item-icon-color:var(--calcite-color-brand)}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-color-border-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.indent{display:flex;flex-direction:column;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);margin-inline-start:var(--calcite-list-item-spacing-indent, 1.5rem)}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1)}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border{border-inline-start-width:4px;border-inline-start-style:solid}.container--border-selected{border-inline-start-color:var(--calcite-color-brand)}.container--border-unselected{border-inline-start-color:transparent}.container:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}.nested-container{display:flex;flex-direction:column}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n -2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-offset-invert-focus),\n 1\n )\n )\n )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description,.content-bottom{font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child,.content-bottom:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-color-text-1)}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}:host([selected]) .description{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){margin-inline:0.75rem;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}.selection-container{display:flex;padding-block:0px;color:var(--calcite-color-border-input);padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xxs)}.selection-container--single{color:transparent}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-color-border-1)}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-item-icon-color)}.open-container{color:var(--calcite-color-text-3)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-color-text-1)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.actions-start calcite-action,.actions-start calcite-handle,.actions-end calcite-action,.actions-end calcite-handle,.content-start calcite-action,.content-start calcite-handle,.content-end calcite-action,.content-end calcite-handle,.selection-container calcite-action,.selection-container calcite-handle,.drag-container calcite-action,.drag-container calcite-handle,.open-container calcite-action,.open-container calcite-handle{align-self:stretch}.open-container,.selection-container{cursor:pointer}.actions-start,.actions-end{padding:0px}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}::slotted(calcite-list:empty){border-block-start-width:0px}:host([hidden]){display:none}[hidden]{display:none}"}}, [1,"calcite-list-item",{active:[4],bordered:[4],closable:[516],closed:[1540],description:[1],disabled:[516],dragDisabled:[516,"drag-disabled"],dragHandle:[4,"drag-handle"],dragSelected:[1540,"drag-selected"],filterHidden:[516,"filter-hidden"],label:[1],metadata:[16],open:[1540],setSize:[2,"set-size"],setPosition:[2,"set-position"],selected:[1540],value:[8],selectionMode:[1025,"selection-mode"],selectionAppearance:[1025,"selection-appearance"],messageOverrides:[1040],messages:[1040],effectiveLocale:[32], defaultMessages:[32],level:[32],parentListEl:[32],openable:[32],hasActionsStart:[32],hasActionsEnd:[32],hasCustomContent:[32],hasContentStart:[32],hasContentEnd:[32],hasContentBottom:[32],setFocus:[64]},[[0,"calciteInternalListItemGroupDefaultSlotChange","handleCalciteInternalListDefaultSlotChanges"],[0,"calciteInternalListDefaultSlotChange","handleCalciteInternalListDefaultSlotChanges"]],{active:["activeHandler"],closed:["handleClosedChange"],disabled:["handleDisabledChange"],selected:["handleSelectedChange"], messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}]);A();u.CalciteListItem=B;u.defineCustomElement=A;Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});