@arcgis/map-components 4.34.0-next.114 → 4.34.0-next.116

package/dist/cdn/WX2NG4V2.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.114 */
-import h from"./ANCGKKTA.js";import g from"./VRJIHKQB.js";import{a as b}from"./Q6ABPP2K.js";import f from"./DAREU2OO.js";import"./SLTJ3IGM.js";import"./FN6CG5PL.js";import e from"./ANNZ2RFV.js";import{a as E}from"./56KCHKLE.js";import c from"./LNX55VJO.js";import a from"./YKND2XAM.js";import{a as P,g as V}from"./ZYFWCKAZ.js";import"./QMYVHKVP.js";import"./X6HXJNRI.js";import{a as x}from"./4OMQMK3I.js";import{G as w,H as v,I as N,J as l,K as D,L as d,O as R,a as B,b as n,g as L,s as A,u as O}from"./2EQC5LWJ.js";import"./YYQN5X2D.js";export default $arcgis.t(([Q,{substitute:g,formatNumber:y},{watch:_},{stripHTML:I},G,{renderingSanitizer:K},$,,,H,,{d:z},{a:S,d:Z,e:j}])=>{var u="arcgis-features",r={base:u,container:`${u}__container`,contentContainer:`${u}__content-container`,contentFeature:`${u}__content-feature`,flowItemCollapsed:`${u}__flow-item--collapsed`,header:`${u}__header`,footer:`${u}__footer`,featureMenuObserver:`${u}__feature-menu-observer`,actionExit:`${u}__action--exit`,loader:`${u}__loader`,paginationText:`${u}__pagination-text`,paginationActionBar:`${u}__pagination-action-bar`,paginationMenuButton:`${u}__pagination-menu-button`,paginationPrevious:`${u}__pagination-previous`},Y=B`:host{display:flex;overflow:hidden;flex:1 1 auto}.arcgis-features{--calcite-color-background: var(--calcite-color-background);display:flex;overflow:hidden;flex:1 1 auto}.arcgis-features img{image-orientation:from-image}.arcgis-features__flow-item--collapsed{--calcite-flow-item-header-border-block-end: none}.arcgis-features__container{display:flex;flex:1 1 auto;background-color:var(--calcite-color-background)}.arcgis-features__container calcite-list{width:100%}.arcgis-features__container:not(:empty){padding:var(--calcite-spacing-md)}.arcgis-features .arcgis-feature,.arcgis-features .arcgis-feature-relationship,.arcgis-features .arcgis-feature-utility-network-associations{background-color:transparent}.arcgis-features__heading{word-break:break-word;word-wrap:break-word}.arcgis-features__header,.arcgis-features__footer{display:flex;flex:1;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1)}.arcgis-features__pagination-text{padding-inline:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.arcgis-features__loader{align-self:center;padding-inline:var(--calcite-spacing-lg)}.arcgis-features__pagination-action-bar{flex:1}.arcgis-features__pagination-menu-button{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.arcgis-features__icon{display:inline-block;flex:0 0 var(--calcite-spacing-lg);width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.arcgis-features__action-image{flex:0 0 var(--calcite-spacing-lg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.arcgis-features__header{border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.arcgis-features__content-feature{--calcite-flow-item-footer-padding: 0}.arcgis-features__feature-menu-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.arcgis-features__action--exit{transform:scaleX(-1)}`;function ee(h){switch(h?.type){case"point":return h;case"extent":return h.center;case"polygon":return h.centroid;case"multipoint":case"polyline":return h.extent?.center;default:return null}}var k=class extends O{constructor(e){super(e),this.exports=void 0}hostLoaded(){this.component.manager.onLifecycle(()=>_(()=>{let{view:e,trackLocation:t,location:i}=this.component;return t&&e&&i?[t,i,e.size,e.type==="3d"?e.camera:e.viewpoint]:null},()=>void this._updateScreenLocation()))}async _updateScreenLocation(){{$.isLoaded()||await $.load();let{location:e,view:t}=this.component,i=t?.spatialReference,a=i&&e?$.execute(e,i):null;this.exports=this.component.trackLocation&&a&&t?.ready?t.toScreen(a):null}}},te=P(k),M=S.clone();function ie(h){return h?.declaredClass.startsWith("esri.layers.")??!1}var ae=H(Q),T=class extends N{constructor(){super(...arguments),this._featureMenuIntersectionObserverCallback=([e])=>{e?.isIntersecting&&this.viewModel.featurePage!=null&&this.viewModel.featurePage++},this._featureMenuIntersectionObserver=new IntersectionObserver(this._featureMenuIntersectionObserverCallback,{root:window.document}),this._featureMenuIntersectionObserverNode=null,this._rootFlowItemNode=w(),this._featureMenuViewportNode=w(),this._actionBarMenuNode=w(),this._flowContainerNode=w(),this.messages=E(),this.viewModel=ae(this),this._selectedFeatureComponent=w(),this._cancelOpenRelatedFeature=()=>{let{_openRelatedFeatureAbortController:e}=this;e&&e.abort(),this._openRelatedFeatureAbortController=null},this.screenLocation=te(this),this._openRelatedFeatureAbortController=null,this.flowItems=new G,this.active=this.viewModel.active,this.collapsed=!1,this.content=this.viewModel.content,this.featureMenuOpen=this.viewModel.featureMenuOpen,this.featureMenuTitle=this.viewModel.featureMenuTitle,this.featureNavigationTop=!1,this.features=this.viewModel.features,this.headerActions=new G,this.headingLevel=2,this.initialDisplayMode=this.viewModel.initialDisplayMode,this.location=this.viewModel.location,this.map=this.viewModel.map,this.promises=this.viewModel.promises,this.responsiveActionsEnabled=!1,this.selectedFeature=this.viewModel.selectedFeature,this.selectedFeatureIndex=this.viewModel.selectedFeatureIndex,this.spatialReference=this.viewModel.spatialReference,this.heading=this.viewModel.title,this.timeZone=this.viewModel.timeZone,this.updateLocationEnabled=this.viewModel.updateLocationEnabled,this.hideActionBar=!1,this.hideCloseButton=!1,this.showCollapseButton=!1,this.hideFeatureMenuHeading=!1,this.hideFeatureNavigation=!1,this.hideFeatureListLayerTitle=!1,this.hideFlow=!1,this.hideHeading=!1,this.hideSpinner=!1,this.autoDestroyDisabled=!1,this.actions=this.viewModel.actions,this.featureViewModelAbilities=this.viewModel.featureViewModelAbilities,this.featuresPerPage=this.viewModel.featuresPerPage,this.goToOverride=this.viewModel.goToOverride,this.includeDefaultActions=this.viewModel.includeDefaultActions,this.state=this.viewModel.state,this.arcgisPropertyChange=V()("selectedFeature","selectedFeatureIndex","state"),this.arcgisReady=A(),this.arcgisTriggerAction=A()}static{this.properties={_openRelatedFeatureAbortController:16,flowItems:16,_hideActionText:16,_featureNavigationVisible:16,_isCollapsed:16,_collapseEnabled:16,view:[64,{noAccessor:!0}],referenceElement:1,icon:1,active:0,collapsed:5,content:1,featureMenuOpen:5,featureMenuTitle:1,featureNavigationTop:5,features:0,headerActions:0,headingLevel:9,initialDisplayMode:1,location:0,map:0,promises:0,responsiveActionsEnabled:5,selectedFeature:0,selectedDrillInFeature:32,selectedFeatureIndex:9,selectedFeatureComponent:32,spatialReference:0,heading:1,timeZone:1,updateLocationEnabled:5,hideActionBar:5,hideCloseButton:5,showCollapseButton:5,hideFeatureMenuHeading:5,hideFeatureNavigation:5,hideFeatureListLayerTitle:5,hideFlow:5,hideHeading:5,hideSpinner:5,autoDestroyDisabled:5,messageOverrides:0,label:1,actions:0,featureViewModelAbilities:0,position:1,featuresPerPage:9,goToOverride:0,includeDefaultActions:5,state:3}}static{this.styles=Y}get trackLocation(){return this.viewModel.waitingForResult}get _hideActionText(){if(!this.responsiveActionsEnabled)return!1;let e=this.el.view?.widthBreakpoint;return e==="xsmall"||e==="small"||e==="medium"}get _featureNavigationVisible(){return this.viewModel.active&&this.viewModel.featureCount>1&&!!this.viewModel.selectedFeature&&!this.hideFeatureNavigation}get _isCollapsed(){return this._collapseEnabled&&this.collapsed}get _collapseEnabled(){return this.showCollapseButton&&(this.initialDisplayMode==="list"||!!this.heading&&!!this.content)}get selectedDrillInFeature(){let e=Array.from(this.flowItems).at(-1);return e&&"graphic"in e?e.graphic??null:null}get selectedFeatureComponent(){return this._selectedFeatureComponent.value??null}async clear(){return this.viewModel.clear()}async close(){this.viewModel.visible=!1}async destroy(){await this.manager.destroy(),this._cancelOpenRelatedFeature(),this._removeFlowItems(),this._unobserveFeatureMenuObserver(),this._featureMenuIntersectionObserver?.disconnect()}async fetchFeatures(e,t){return await this.viewModel.fetchFeatures(e,t)}async next(){return this.viewModel.next()}async open(e){this.viewModel.open(e)}async previous(){return this.viewModel.previous()}async setFocus(){this._flowContainerNode.value?.setFocus()}async triggerAction(e){if(!e.disabled)return e&&e.type==="toggle"&&(e.value=!e.value),await j(e,this.viewModel)}loaded(){this.manager.onLifecycle(()=>[_(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),_(()=>this.viewModel?.view,(e,t)=>this._viewChange(e,t)),_(()=>this.screenLocation,()=>this._closeOpenActionMenu()),_(()=>this.selectedFeatureComponent?.viewModel,()=>this._removeFlowItems()),_(()=>this.viewModel?.featureViewModels,()=>this._featureMenuViewportScrollTop()),_(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()})])}_groupResultsByLayer(){let{featureViewModels:e}=this.viewModel,t=new Map;return e.forEach(i=>{let a=i?.graphic;if(!a)return;let s=z(a),o=ie(s)?s:null,c=t.get(o)??[];t.set(o,[...c,i])}),t}_handleCollapseToggle(){this.collapsed=!this.collapsed}async _openRelatedFeature(e){this._cancelOpenRelatedFeature();let t=new AbortController;this._openRelatedFeatureAbortController=t,await e.updateGeometry();let i=e.graphic,a=i?.geometry;if(a==null||i==null)return;this._removeFlowItems(),await this.viewModel.zoomTo({target:a});let s=ee(a);await this.open({features:[i],location:s??void 0}),await this.setFocus(),this._openRelatedFeatureAbortController===t&&(this._openRelatedFeatureAbortController=null)}_handlePaginationMenuButton(){this._updateFeatureMenu()}_openFeatureMenu(){this._updateFeatureMenu(!0)}_closeFeatureMenu(){this._updateFeatureMenu(!1)}_updateFeatureMenu(e=!this.featureMenuOpen){this.featureMenuOpen=e}_previousFeature(){this.viewModel.previous()}_nextFeature(){this.viewModel.next()}_handleFeatureBack(){this.initialDisplayMode==="list"?(this.selectedFeatureIndex=-1,this.setFocus()):this._openFeatureMenu()}_handleFeatureMenuBack(){this.initialDisplayMode==="list"?(this.selectedFeatureIndex=-1,this.setFocus()):this.featureMenuOpen&&this._closeFeatureMenu()}_setActiveFeature(e){let{viewModel:t}=this;t.activeFeature=t.features?.[e]||null}_removeActiveFeature(){this.viewModel.activeFeature=null}_selectFeature(e){this.viewModel.selectedFeatureIndex=e,this.initialDisplayMode==="feature"?this._handleFeatureMenuBack():this.setFocus()}_unobserveFeatureMenuObserver(){this._featureMenuIntersectionObserverNode&&this._featureMenuIntersectionObserver.unobserve(this._featureMenuIntersectionObserverNode)}_featureMenuIntersectionObserverCreated(e){this._unobserveFeatureMenuObserver(),e&&this._featureMenuIntersectionObserver.observe(e),this._featureMenuIntersectionObserverNode=e}_getActionTitle(e){let{messages:t,selectedFeature:i}=this,{id:a}=e,s=i?.attributes,o=e.title??"",c=a==="zoom-to-feature"?g(o,{messages:t}):a==="remove-selected-feature"?g(o,{messages:t}):a==="zoom-to-clustered-features"?g(o,{messages:t}):a==="browse-clustered-features"?g(o,{messages:t}):e.title;return c&&s?g(c,s):c??""}_onMainKeydown(e){let{key:t}=e;t==="ArrowLeft"&&(e.stopPropagation(),this._handleFeatureMenuBack(),this.previous(),this.setFocus()),t==="ArrowRight"&&(e.stopPropagation(),this._handleFeatureMenuBack(),this.next(),this.setFocus())}_featureMenuViewportScrollTop(){this._featureMenuViewportNode&&this._featureMenuViewportNode.value?.scrollContentTo({top:0})}_selectedFeatureIndexUpdated(e,t){let{featureCount:i,waitingForResult:a}=this.viewModel;a||!i||e===t||e===-1||(this._removeFlowItems(),this._rootFlowItemNode.value?.scrollContentTo({top:0}))}_triggerAction(e){this.triggerAction(e),this.arcgisTriggerAction.emit({action:e})}_viewChange(e,t){e&&t&&this.viewModel.clear()}_closeOpenActionMenu(){let{_actionBarMenuNode:e}=this;e.value&&(e.value.menuOpen=!1)}_removeFlowItems(){this.flowItems.removeAll()}_getDrillInFlowItemDescription(e){switch(e.flowType){case"feature":case"feature-association":case"feature-utility-network-associations":return"";case"feature-relationship":return e.allItemsDescription;case"feature-utility-network-association-type":return""}}_handleDrillInBackClick(){this.flowItems?.pop()}_getPositionStyles(){let{screenLocation:e,view:t}=this;if(t==null||e==null)return{};let{padding:i}=t,a=16;return{"--calcite-loader-size":`${a}px`,left:`${e.x-(i.left??0)-a/2}px`,top:`${e.y-(i.top??0)-a/2}px`}}_getHeading(){let{hideHeading:e}=this,{title:t,selectedFeatureViewModel:i}=this.viewModel;return i?i?.state==="error"?this.messages?.errorMessage??"":i?.title||"":!e&&t?t:""}_renderSpinner(){let{referenceElement:e}=this;!e||typeof e=="string"||L(n`<calcite-loader .hidden=${this.hideSpinner||!this.screenLocation} .label=${this.messages.loading??""} inline style=${D(this._getPositionStyles())}></calcite-loader>`,e)}render(){return this._renderSpinner(),n`<div class=${l(r.base)} @keydown=${this._onMainKeydown}>${this._renderHeader()}${this._renderContentContainer()}</div>`}_renderFeatureNavigation(){return[this._renderPagination(),this.initialDisplayMode==="list"?this._renderFeaturePaginationText():this._renderFeatureMenuButton()]}_renderHeader(){return this.featureNavigationTop&&this._featureNavigationVisible?n`<div class=${l(r.header)}>${this._renderFeatureNavigation()}</div>`:null}_renderFooter(){return!this.featureNavigationTop&&this._featureNavigationVisible?n`<div class=${l(r.footer)} slot=footer>${this._renderFeatureNavigation()}</div>`:null}_renderFeaturePaginationText(){let{messages:e,viewModel:t}=this,{featureCount:i,selectedFeatureIndex:a}=t;return n`<div class=${l(r.paginationText)}>${g(e.pageText??"",{index:y(a+1),total:y(i)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:i,selectedFeatureIndex:a,pendingPromisesCount:s}=t;return n`<calcite-action appearance=solid class=${l(r.paginationMenuButton)} icon=list .label=${e.selectFeature} .loading=${s>0} @click=${this._handlePaginationMenuButton} scale=s .text=${g(e.pageText??"",{index:y(a+1),total:y(i)})} text-enabled title=${e.selectFeature??d}></calcite-action>`}_renderPagination(){let{previous:e,next:t}=this.messages;return n`<calcite-action-bar class=${l(r.paginationActionBar)} expand-disabled layout=horizontal overflow-actions-disabled scale=s><calcite-action-group scale=s><calcite-action appearance=solid class=${l(r.paginationPrevious)} icon=chevron-left icon-flip-rtl .label=${e??""} @click=${this._previousFeature} scale=s .text=${e??""} title=${e??""??d}></calcite-action><calcite-action appearance=solid icon=chevron-right icon-flip-rtl .label=${t??""} @click=${this._nextFeature} scale=s .text=${t??""} title=${t??""??d}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e){let{initialDisplayMode:t}=this,{selectedFeatureViewModel:i,featureViewModels:a}=this.viewModel,s=e===i,o=a.indexOf(e);return n`<calcite-list-item @blur=${this._removeActiveFeature} @focus=${()=>this._setActiveFeature(o)} @mouseleave=${this._removeActiveFeature} @mouseover=${()=>this._setActiveFeature(o)} .selected=${s} @calciteListItemSelect=${()=>this._selectFeature(o)}><span .innerHTML=${(K.sanitize(e.title)||this.messages.untitled)??""} slot=content></span>${t==="list"?n`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`:null}</calcite-list-item>`}_renderFeatureMenu(){let{messages:e,viewModel:t}=this,i=this._groupResultsByLayer(),a=this.initialDisplayMode==="list"?"none":"single";return t.featureViewModels.length?n`<calcite-list display-mode=flat .label=${e?.featuresList??""} selection-appearance=icon .selectionMode=${a}>${Array.from(i.keys(),s=>{let o=i.get(s)?.map(p=>this._renderFeatureMenuItem(p)),c=s?s.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&c!==null?b(s?.uid||"map-graphics",n`<calcite-list-item-group .heading=${c}>${o}</calcite-list-item-group>`):o})}</calcite-list>`:null}_renderHeaderAction(e,t){let i=e.title||"";return e.visible?b(`header-action-${t}`,n`<calcite-action .active=${e.type==="toggle"?e.value:!1} appearance=solid data-action-id=${e.id??d} data-action-uid=${e.uid??d} .disabled=${e.disabled} .icon=${e.icon??void 0} .indicator=${e.active} .loading=${e.active} @click=${()=>this._triggerAction(e)} slot=header-actions-end .text=${i} title=${i??d}></calcite-action>`):null}_renderHeaderActions(){return this.headerActions.map((e,t)=>this._renderHeaderAction(e,t)).toArray()}_renderContentFeature(){let{headingLevel:e,hideCloseButton:t,_isCollapsed:i,_collapseEnabled:a,featureNavigationTop:s,flowItems:o,initialDisplayMode:c,selectedFeature:p,featureMenuOpen:f}=this,{active:m}=this.viewModel,F=this._getHeading();if(c==="list"&&!p)return null;let C=o.length===0&&(c==="list"?!!p:!f);return n`<calcite-flow-item class=${l(x({[r.contentFeature]:!0,[r.flowItemCollapsed]:i}))} .closable=${!t} .closed=${!m} .collapsed=${i} .collapseDirection=${s?"down":"up"} .collapsible=${a} .headingLevel=${e} .selected=${C} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this.close} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${I(F)} ${v(this._rootFlowItemNode)}>${this._renderHeaderActions()}${this._renderActionBar()}<div class=${l(x(r.container,r.contentContainer))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`}_renderFeatureMenuContainer(){let{viewModel:e,hideCloseButton:t,featureMenuTitle:i,messages:a,initialDisplayMode:s,featureMenuOpen:o,selectedFeature:c,_collapseEnabled:p,_isCollapsed:f,featureNavigationTop:m,headingLevel:F}=this,{active:C,featureViewModels:U,pendingPromisesCount:W}=e,X=i??a.selectFeature;if(s==="feature"&&!o)return null;let q=s==="list"?!c:o;return n`<calcite-flow-item class=${l(x({[r.flowItemCollapsed]:f}))} .closable=${s==="list"&&!t} .closed=${!C} .collapsed=${s==="list"&&f} .collapseDirection=${m?"down":"up"} .collapsible=${s==="list"&&p} .description=${this.hideFeatureMenuHeading?void 0:g(a.total??"",{total:U.length})} .heading=${this.hideFeatureMenuHeading?void 0:X} .headingLevel=${F} .loading=${e.waitingForContents} .selected=${q} @calciteFlowItemBack=${J=>{J.preventDefault(),this._handleFeatureMenuBack()}} @calciteFlowItemClose=${this.close} @calciteFlowItemToggle=${this._handleCollapseToggle} ${v(this._featureMenuViewportNode)}>${s==="list"?this._renderHeaderActions():null}${W>0?n`<calcite-loader class=${l(r.loader)} inline .label=${a.loading??""} slot=header-actions-end></calcite-loader>`:null}<div class=${l(r.container)}>${this._renderFeatureMenu()}</div><div class=${l(r.featureMenuObserver)} ${v(this._featureMenuIntersectionObserverCreated)}></div>${s==="feature"?n`<calcite-button appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-actions width=full>${a.back}</calcite-button>`:null}</calcite-flow-item>`}_renderFlowItem(e,t){let{messages:i,hideCloseButton:a,active:s}=this,o="graphic"in e&&"isFeatureFromTable"in e&&!e.isFeatureFromTable,c=e.flowType==="feature-association",p=i.returnToInitialFeature??"",f=i?.selectFeature,m=this._getActionTitle(M);return n`<calcite-flow-item .closable=${!a} .closed=${!s} .description=${I(this._getDrillInFlowItemDescription(e)??"")} .heading=${I(e.heading??"")} .selected=${t} @calciteFlowItemBack=${F=>{F.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this.close}><calcite-action appearance=transparent class=${l(r.actionExit)} icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${p??""} title=${p??""??d}></calcite-action>${o?n`<calcite-action appearance=transparent icon=zoom-to-object @click=${()=>this._openRelatedFeature(e)} slot=header-actions-end .text=${f??""} title=${f??d}></calcite-action>`:null}${c?n`<calcite-action-bar expand-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action appearance=solid data-action-id=${M.id??d} data-action-uid=${M.uid??d} .disabled=${M.disabled} .icon=${M.icon??void 0} .loading=${M.active} scale=s text-enabled .text=${m} title=${m??d} @click=${()=>Z(this.viewModel,e)}></calcite-action></calcite-action-group></calcite-action-bar>`:null}<div class=${l(r.container)}>${e}</div></calcite-flow-item>`}_renderContentContainer(){let e=this.flowItems?.toArray(),t=e?.map((a,s)=>this._renderFlowItem(a,this.initialDisplayMode==="list"||!this.featureMenuOpen&&s===e.length-1)),i=this.initialDisplayMode==="list"?[this._renderFeatureMenuContainer(),this._renderContentFeature(),t]:[this._renderContentFeature(),t,this._renderFeatureMenuContainer()];return this.hideFlow?i:n`<calcite-flow ${v(this._flowContainerNode)}>${i}</calcite-flow>`}_renderActionBar(){return!this._isCollapsed&&!this.hideActionBar&&this.viewModel.allActions?.length?n`<calcite-action-bar expand-disabled .expanded=${!this._hideActionText} scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s ${v(this._actionBarMenuNode)}>${this._renderActions()}</calcite-action-group></calcite-action-bar>`:null}_renderActions(){return this.viewModel.allActions.toArray().map(e=>{let t=this._getActionTitle(e);return n`<calcite-action .active=${e.type==="toggle"?e.value:!1} appearance=solid data-action-id=${e.id??d} data-action-uid=${e.uid??d} .disabled=${e.disabled} .icon=${e.icon??void 0} .loading=${e.active} scale=s .textEnabled=${!this._hideActionText} .text=${t??""} title=${t??d} @click=${()=>this._triggerAction(e)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeatureViewModel:t}=this.viewModel;return!e&&!t?null:typeof e=="string"?b(e,n`<div .innerHTML=${K.sanitize(e)??""}></div>`):t?b(t,n`<arcgis-feature .flowItems=${this.flowItems} .graphic=${t.graphic} .map=${this.map} show-relationship-content hide-heading .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view} .headingLevel=${this.headingLevel+1} ${v(this._selectedFeatureComponent)}></arcgis-feature>`):e}};R("arcgis-features",T);return T},"widgets/Features/FeaturesViewModel","intl","core/reactiveUtils","applications/Components/stringUtils","core/Collection","applications/Components/sanitizerUtils","geometry/operators/projectOperator",a,c,e,f,g,h)