@arcgis/map-components 5.1.0-next.84 → 5.1.0-next.85

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/map-components",
-  "version": "5.1.0-next.84",
+  "version": "5.1.0-next.85",
   "description": "ArcGIS Map Components",
   "keywords": [
     "2D",
@@ -46,9 +46,9 @@
     "lit": "^3.3.0",
     "lodash-es": "^4.18.1",
     "tslib": "^2.8.1",
-    "@arcgis/common-components": "5.1.0-next.84",
-    "@arcgis/toolkit": "5.1.0-next.84",
-    "@arcgis/lumina": "5.1.0-next.84"
+    "@arcgis/lumina": "5.1.0-next.85",
+    "@arcgis/toolkit": "5.1.0-next.85",
+    "@arcgis/common-components": "5.1.0-next.85"
   },
   "peerDependencies": {
     "@arcgis/core": "^5.1.0-next",

package/dist/cdn/2NY3SFXY.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import j from"./XQ5BV7DL.js";import i from"./IJULQXYC.js";import g from"./R3NYK6BO.js";import{a as M}from"./UOOE5336.js";import f from"./AFAQWPXY.js";import"./PC4PAQXQ.js";import"./BBIOP3C4.js";import e from"./WYQVL6XP.js";import{a as N}from"./OWODXLED.js";import d from"./ODIQOLIK.js";import c from"./QNZTAT5I.js";import{h as L}from"./DCKEJ6NB.js";import"./ATTV2K2S.js";import a from"./IFIOUBWT.js";import{c as b}from"./T5K2XFNK.js";import{M as v,N as p,O as D,P as _,R as h,S as E,U as B,a as k,b as n,o as y,x as F}from"./DDD7772O.js";import"./3TTFCHAA.js";export default $arcgis.t(([U,S,j,{initializeProjection:K},{renderingSanitizer:m},{stripHTML:A},{substitute:u,formatNumber:$},{watch:l},,,,O,,,{d:R},{c:P,d:z}])=>{var G=k`:host{display:flex;overflow:hidden;flex:1 1 auto}.root{--calcite-color-background: var(--calcite-color-foreground-1);display:flex;overflow:hidden;flex:1 1 auto;flex-direction:column}.root img{image-orientation:from-image}.flow-item-collapsed{--calcite-flow-item-header-border-block-end: none}.container{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1)}.container calcite-list{width:100%}.container:not(:empty){padding:var(--arcgis-internal-padding-md, var(--calcite-spacing-md))}.root .arcgis-feature,.root .arcgis-feature-relationship,.root .arcgis-feature-utility-network-associations{background-color:transparent}.heading{word-break:break-word;word-wrap:break-word}.header,.footer{display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1)}.footer{flex:1}.pagination-text{padding-inline:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.loader{align-self:center;padding-inline:var(--calcite-spacing-lg)}.pagination-action-bar{flex:1}.pagination-menu-button{padding-inline:var(--calcite-spacing-xxs);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.icon{display:inline-block;flex:0 0 var(--calcite-spacing-lg);width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.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)}.header{border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.content-feature{--calcite-flow-item-footer-padding: 0}.feature-menu-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.action-exit{transform:scaleX(-1)}`;function q(T){return T?.declaredClass.startsWith("esri.layers.")??!1}var X=O(j),x=class extends D{constructor(){super(...arguments),this._zoomToFeature=new U({icon:"magnifying-glass-plus",id:"zoom-to-feature",title:"{messages.zoom}"}),this._fetchFeaturesController=null,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=v(),this._featureMenuViewportNode=v(),this._actionBarMenuNode=v(),this._flowContainerNode=v(),this.messages=N(),this._selectedFeatureComponent=v(),this._cancelOpenRelatedFeature=()=>{let{_openRelatedFeatureAbortController:e}=this;e&&e.abort(),this._openRelatedFeatureAbortController=null},this._openRelatedFeatureAbortController=null,this.flowItems=new S,this._aggregatedFeatureCount=0,this._aggregatedFeaturesLoading=!1,this.viewModel=X(this),this.actions=this.viewModel.actions,this.active=this.viewModel.active,this.autoDestroyDisabled=!1,this.collapsed=!1,this.content=this.viewModel.content,this.defaultPopupTemplateEnabled=this.viewModel.defaultPopupTemplateEnabled,this.featureCount=this.viewModel.featureCount,this.featureMenuOpen=!1,this.featureNavigationTop=!1,this.features=this.viewModel.features,this.featuresPerPage=this.viewModel.featuresPerPage,this.featureItemAbilities=this.viewModel.featureItemAbilities,this.goToOverride=this.viewModel.goToOverride,this.headerActions=new S,this.heading=this.viewModel.heading,this.headingLevel=2,this.hideActionBar=!1,this.hideCloseButton=!1,this.hideFeatureMenuHeading=!1,this.hideFeatureNavigation=!1,this.hideFeatureListLayerTitle=!1,this.hideHeading=!1,this.hideSelectFeature=!1,this.hideSpinner=!1,this.hideContent=!1,this.chartAnimationDisabled=this.viewModel.featureItemAbilities?.chartAnimation,this.hideAttachmentsContent=this.viewModel.featureItemAbilities?.attachmentsContent,this.hideCustomContent=this.viewModel.featureItemAbilities?.customContent,this.hideExpressionContent=!1,this.hideFieldsContent=this.viewModel.featureItemAbilities?.fieldsContent,this.hideMediaContent=this.viewModel.featureItemAbilities?.mediaContent,this.hideRelationshipContent=this.viewModel.featureItemAbilities?.relationshipContent,this.hideTextContent=this.viewModel.featureItemAbilities?.textContent,this.hideUtilityNetworkContent=this.viewModel.featureItemAbilities?.utilityNetworkAssociationsContent,this.hideLastEditedInfo=!1,this.highlightDisabled=this.viewModel.highlightEnabled,this.includeDefaultActionsDisabled=this.viewModel.includeDefaultActions,this.initialDisplayMode=this.viewModel.initialDisplayMode,this.location=this.viewModel.location,this.map=this.viewModel.map,this.open=this.viewModel.open,this.promises=this.viewModel.promises,this.responsiveActionsEnabled=!1,this.selectedFeature=this.viewModel.selectedFeature,this.selectedFeatureIndex=this.viewModel.selectedFeatureIndex,this.showCollapseButton=!1,this.spatialReference=this.viewModel.spatialReference,this.state=this.viewModel.state,this.timeZone=this.viewModel.timeZone,this.updateLocationEnabled=this.viewModel.updateLocationEnabled,this.view=this.viewModel.view,this.arcgisPropertyChange=L()("active","collapsed","featureCount","featureMenuOpen","features","promises","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","open"),this.arcgisReady=F(),this.arcgisClose=F(),this.arcgisTriggerAction=F()}static{this.properties={_openRelatedFeatureAbortController:16,flowItems:16,_aggregatedFeatureCount:16,_aggregatedFeaturesLoading:16,_hideActionText:16,_featureNavigationVisible:16,_isCollapsed:16,_collapseEnabled:16,_featureFlowItemSelected:16,viewModel:0,actions:0,active:0,autoDestroyDisabled:5,collapsed:5,content:1,defaultPopupTemplateEnabled:5,featureCount:9,featureMenuOpen:5,featureMenuTitle:1,featureNavigationTop:5,features:0,featuresPerPage:9,featureItemAbilities:0,goToOverride:0,headerActions:0,heading:1,headingLevel:9,hideActionBar:5,hideCloseButton:5,hideFeatureMenuHeading:5,hideFeatureNavigation:5,hideFeatureListLayerTitle:5,hideHeading:5,hideSelectFeature:5,hideSpinner:5,hideContent:5,chartAnimationDisabled:5,hideAttachmentsContent:5,hideCustomContent:5,hideExpressionContent:5,hideFieldsContent:5,hideMediaContent:5,hideRelationshipContent:5,hideTextContent:5,hideUtilityNetworkContent:5,hideLastEditedInfo:5,highlightDisabled:5,icon:1,includeDefaultActionsDisabled:5,initialDisplayMode:1,label:1,location:0,map:0,messageOverrides:0,open:5,referenceElement:1,promises:0,responsiveActionsEnabled:5,selectedDrillInFeature:32,selectedFeature:0,selectedFeatureComponent:32,selectedFeatureIndex:9,showCollapseButton:5,spatialReference:0,state:32,timeZone:1,updateLocationEnabled:5,view:0}}static{this.styles=G}get _hideActionText(){if(!this.responsiveActionsEnabled)return!1;let e=this.viewModel.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.viewModel.selectedFeatureItem?.heading)&&!!(this.content||this.viewModel.selectedFeatureItem?.content))}get _featureFlowItemSelected(){return this.initialDisplayMode==="list"?!!this.selectedFeature:!this.featureMenuOpen}async clear(){return this.viewModel.clear()}async close(){this.open=!1}async destroy(){await this.manager.destroy(),await this._destroySpinner(this.referenceElement),this._cancelOpenRelatedFeature(),this._removeFlowItems(),this._unobserveFeatureMenuObserver(),this._cancelFetchingFeatures(),this._featureMenuIntersectionObserver?.disconnect()}async fetchFeatures(e,t){this._cancelFetchingFeatures();let{signal:i}=t??{},a=new AbortController,{signal:s}=a,o=i?AbortSignal.any([s,i]):s;if(this._fetchFeaturesController=a,!e&&this.view&&this.location&&(await K(this.location.spatialReference,this.view.spatialReference,null,{signal:o}),e=this.view.toScreen(this.location)??void 0),!e)return;let r=await this.viewModel.fetchFeatures(e,{...t,signal:o});this.location=r.location,this.promises=r.pendingFeatures}async next(){return this.viewModel.next()}async previous(){return this.viewModel.previous()}async setFocus(){this._flowContainerNode.value?.setFocus()}async triggerAction(e){if(!e.disabled)return e?.type==="toggle"&&(e.value=!e.value),await z(e,this.viewModel)}loaded(){this.manager.onLifecycle(()=>[l(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),l(()=>this.viewModel?.view,(e,t)=>t&&this._viewChange()),l(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),l(()=>this.selectedFeatureComponent?.viewModel,()=>this._removeFlowItems()),l(()=>this.viewModel?.featureItems,()=>this._featureMenuViewportScrollTop()),l(()=>this.flowItems.length,()=>{let e=Array.from(this.flowItems).at(-1);y(()=>this.selectedDrillInFeature=e?.graphic??void 0)}),l(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),l(()=>this.viewModel.aggregatedFeaturesEnabled,e=>{e||(this._aggregatedFeatureCount=0,this._aggregatedFeaturesLoading=!1,this._removeFlowItems())}),l(()=>this.referenceElement,(e,t)=>{this._destroySpinner(t),this._createSpinner()},{initial:!0}),l(()=>[this.hideSpinner,this.viewModel?.view,this.viewModel?.location,this.viewModel?.waitingForResult],()=>{this._createSpinner()},{initial:!0})])}updated(){let e=this._selectedFeatureComponent.value??void 0;this.selectedFeatureComponent!==e&&y(()=>this.selectedFeatureComponent=e)}_cancelFetchingFeatures(){this._fetchFeaturesController?.abort(),this._fetchFeaturesController=null}_handleClose(){this.close(),this.arcgisClose.emit()}_groupResultsByLayer(){let{featureItems:e}=this.viewModel,t=new Map;return e.forEach(i=>{let a=i?.graphic;if(!a)return;let s=R(a),o=q(s)?s:null,r=t.get(o)??[];t.set(o,[...r,i])}),t}_handleCollapseToggle(){this.collapsed=!this.collapsed}async _openRelatedFeature(e){this._cancelOpenRelatedFeature();let t=new AbortController;if(this._openRelatedFeatureAbortController=t,await e.updateGeometry(),this._openRelatedFeatureAbortController!==t)return;let i=e.graphic,a=i?.geometry;if(a==null||i==null){this._openRelatedFeatureAbortController===t&&(this._openRelatedFeatureAbortController=null);return}if(this._removeFlowItems(),await this.viewModel.zoomTo({target:a}),this._openRelatedFeatureAbortController!==t)return;let s=await $arcgis.t(m=>m[0],"geometry/operators/labelPointOperator");if(this._openRelatedFeatureAbortController!==t)return;let o=s.execute(a);o!=null&&(this.location=o),this.features=[i],this.open=!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??"",r=a==="zoom-to-feature"?u(o,{messages:t}):a==="remove-selected-feature"?u(o,{messages:t}):a==="zoom-to-clustered-features"?u(o,{messages:t}):a==="browse-aggregated-features"?u(o,{messages:t}):e.title;return r&&s?u(r,s):r??""}_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.value?.scrollContentTo({top:0})}_selectedFeatureIndexUpdated(e,t){let{featureCount:i,waitingForResult:a}=this.viewModel;a||!i||e===t||e===-1||(this._aggregatedFeatureCount=0,this._removeFlowItems(),this._rootFlowItemNode.value?.scrollContentTo({top:0}))}_triggerAction(e){this.triggerAction(e),this.arcgisTriggerAction.emit({action:e})}_viewChange(){this.viewModel.clear(),this.open=!1,this._aggregatedFeatureCount=0,this._removeFlowItems()}_handleAggregatedFeaturesPropertyChange({detail:e,target:t}){e.name==="aggregatedFeatureCount"&&(this._aggregatedFeatureCount=t.aggregatedFeatureCount),e.name==="loading"&&(this._aggregatedFeaturesLoading=t.loading)}_closeOpenActionMenu(){let{_actionBarMenuNode:e}=this;e.value&&(e.value.menuOpen=!1)}_removeFlowItems(){this.viewModel.aggregatedFeaturesEnabled=!1,this.flowItems?.destroyAll()}_getDrillInFlowItemDescription(e){switch(e.flowType){case"feature":case"feature-association":case"feature-utility-network-associations":case"feature-utility-network-association-type":return e.description;case"feature-relationship":return e.allItemsDescription}}_handleDrillInBackClick(){this.flowItems?.pop()?.destroy()}_getHeading(){let{hideHeading:e}=this,{heading:t,selectedFeatureItem:i}=this.viewModel;return i&&!e?i?.state==="error"?this.messages?.errorMessage??"":i?.heading||"":!e&&t?t:""}async _destroySpinner(e){e?.manager?.component?.extraContent?.remove(this._spinnerEl)}async _createSpinner(){let e=this.referenceElement;e&&(await this._destroySpinner(e),this._spinnerEl=E(n`<arcgis-spinner auto-destroy-disabled .label=${this.messages.loading??""} .trackLocation=${!this.hideSpinner&&this.viewModel?.waitingForResult} .location=${this.viewModel?.location??void 0} .view=${this.viewModel?.view??void 0}></arcgis-spinner>`),e.manager?.component?.extraContent?.add(this._spinnerEl))}render(){return n`<div class="root" @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="header">${this._renderFeatureNavigation()}</div>`:null}_renderFooter(){return!this.featureNavigationTop&&this._featureNavigationVisible?n`<div class="footer" slot=footer>${this._renderFeatureNavigation()}</div>`:null}_renderFeaturePaginationText(){let{messages:e,viewModel:t}=this,{featureCount:i,selectedFeatureIndex:a}=t;return n`<div class="pagination-text">${u(e.pageText??"",{index:$(a+1),total:$(i)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:i,selectedFeatureIndex:a,pendingPromisesCount:s}=t;return n`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${s>0} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText??"",{index:$(a+1),total:$(i)})} text-enabled title=${e.selectFeature??h}></calcite-action>`}_renderPagination(){let{previous:e,next:t}=this.messages;return n`<calcite-action-bar class="pagination-action-bar" expand-disabled layout=horizontal overflow-actions-disabled scale=s><calcite-action-group scale=s><calcite-action class="pagination-previous" icon=chevron-left icon-flip-rtl .label=${e??""} @click=${this._previousFeature} .text=${e??""} title=${e??""??h}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${t??""} @click=${this._nextFeature} .text=${t??""} title=${t??""??h}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e){let{initialDisplayMode:t}=this,{selectedFeatureItem:i,featureItems: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=${(m.sanitize(e.heading)||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.featureItems.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(c=>this._renderFeatureMenuItem(c)),r=s?s.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&r!==null?M(s??"map-graphics",n`<calcite-list-item-group .heading=${r}>${o}</calcite-list-item-group>`):o})}</calcite-list>`:null}_renderHeaderAction(e){let t=e.title||"";return e.visible?n`<calcite-action .active=${e.type==="toggle"?e.value:!1} .disabled=${e.disabled} .icon=${e.icon??void 0} .indicator=${e.active} .loading=${e.active} @click=${()=>this._triggerAction(e)} slot=header-actions-end .text=${t} title=${t??h}></calcite-action>`:null}_renderHeaderActions(){return this.headerActions.map(e=>this._renderHeaderAction(e)).toArray()}_renderContentFeature(e){let{headingLevel:t,hideCloseButton:i,_isCollapsed:a,_collapseEnabled:s,featureNavigationTop:o,initialDisplayMode:r,selectedFeature:c}=this,{active:g}=this.viewModel,d=this._getHeading();return r==="list"&&!c?null:n`<calcite-flow-item class=${_(b({"content-feature":!0,"flow-item-collapsed":a}))} .closable=${!i} .closed=${!g} .collapsed=${a} .collapseDirection=${o?"down":"up"} .collapsible=${s} .headingLevel=${t} .selected=${e} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${A(d)} ${p(this._rootFlowItemNode)}><div slot=heading><div .innerHTML=${m.sanitize(d??"")??""}></div></div>${this._renderHeaderActions()}${this._renderActionBar()}<div class=${_(b("container","content-container"))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`}_renderFeatureMenuContainer(){let{viewModel:e,hideCloseButton:t,featureMenuTitle:i,messages:a,initialDisplayMode:s,featureMenuOpen:o,_featureFlowItemSelected:r,_collapseEnabled:c,_isCollapsed:g,featureNavigationTop:d,headingLevel:f}=this,{active:w,featureItems:C,pendingPromisesCount:I}=e,H=i??a.selectFeature;if(s==="feature"&&!o)return null;let V=!r;return n`<calcite-flow-item class=${_(b({"flow-item-collapsed":g}))} .closable=${s==="list"&&!t} .closed=${!w} .collapsed=${s==="list"&&g} .collapseDirection=${d?"down":"up"} .collapsible=${s==="list"&&c} .description=${this.hideFeatureMenuHeading?void 0:u(a.total??"",{total:C.length})} .heading=${this.hideFeatureMenuHeading?void 0:H} .headingLevel=${f} .loading=${e.waitingForContents} .selected=${V} @calciteFlowItemBack=${Z=>{Z.preventDefault(),this._handleFeatureMenuBack()}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${p(this._featureMenuViewportNode)}>${s==="list"?this._renderHeaderActions():null}${I>0?n`<calcite-loader class="loader" inline .label=${a.loading??""} slot=header-actions-end></calcite-loader>`:null}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" ${p(this._featureMenuIntersectionObserverCreated)}></div>${s==="feature"?n`<calcite-button appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full>${a.back}</calcite-button>`:null}</calcite-flow-item>`}_renderFlowItem(e,t){let{messages:i,hideCloseButton:a,hideSelectFeature:s,active:o}=this,r="graphic"in e&&"isFeatureFromTable"in e&&!e.isFeatureFromTable,c=r&&!s,g=e.flowType==="feature-association",d=i.returnToInitialFeature??"",f=i?.selectFeature,w=this._getActionTitle(this._zoomToFeature),C=!this.hideActionBar&&g&&r;return n`<calcite-flow-item .closable=${!a} .closed=${!o} .description=${A(this._getDrillInFlowItemDescription(e)??"")} .heading=${this.hideHeading?void 0:A(e.heading??"")} .selected=${t} @calciteFlowItemBack=${I=>{I.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${this.hideHeading?null:n`<div slot=heading><div .innerHTML=${m.sanitize(e.heading??"")??""}></div></div>`}<div slot=description><div .innerHTML=${m.sanitize(this._getDrillInFlowItemDescription(e)??"")??""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${d??""} title=${d??""??h}></calcite-action>${c?n`<calcite-action icon=zoom-to-object @click=${()=>this._openRelatedFeature(e)} slot=header-actions-end .text=${f??""} title=${f??h}></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 .disabled=${this._zoomToFeature.disabled} .icon=${this._zoomToFeature.icon??void 0} .loading=${this._zoomToFeature.active} scale=s text-enabled .text=${w} title=${w??h} @click=${()=>P(this.viewModel,this._zoomToFeature,e)}></calcite-action></calcite-action-group></calcite-action-bar>`:null}<div class="container">${e}</div></calcite-flow-item>`}_renderContentContainer(){let e=this.flowItems?.toArray(),t=e.length>0,i=this.viewModel.aggregatedFeaturesEnabled&&this.viewModel.selectedFeature?.isAggregate&&!t,a=i&&e.length===0,s=e.length===0&&this._featureFlowItemSelected&&!i,o=e?.map((g,d)=>this._renderFlowItem(g,this._featureFlowItemSelected&&d===e.length-1)),r=this._renderBrowseAggregateContainer(!!a),c=this.initialDisplayMode==="list"?[this._renderFeatureMenuContainer(),this._renderContentFeature(s)]:[this._renderContentFeature(s),this._renderFeatureMenuContainer()];return n`<calcite-flow ${p(this._flowContainerNode)}>${c}${r}${o}</calcite-flow>`}_renderBrowseAggregateContainer(e){let{hideCloseButton:t,active:i,messages:a}=this,{selectedFeature:s}=this.viewModel;return this.viewModel.aggregatedFeaturesEnabled&&s?.isAggregate?n`<calcite-flow-item .selected=${e} .closable=${!t} .closed=${!i} .description=${this._aggregatedFeatureCount?u(a.total??"",{total:this._aggregatedFeatureCount}):""} .heading=${a.aggregatedFeatures} @calciteFlowItemBack=${o=>{o.preventDefault(),this.viewModel.aggregatedFeaturesEnabled=!1}} .loading=${this._aggregatedFeaturesLoading} @calciteFlowItemClose=${this._handleClose}><arcgis-aggregated-features .autoDestroyDisabled=${this.autoDestroyDisabled} .feature=${s??void 0} .flowItems=${this.flowItems} .map=${this.map??void 0} .messages=${a} @arcgisPropertyChange=${this._handleAggregatedFeaturesPropertyChange} .spatialReference=${this.spatialReference??void 0} .timeZone=${this.timeZone??void 0} .view=${this.view??void 0}></arcgis-aggregated-features><calcite-button appearance=transparent @click=${()=>this.viewModel.aggregatedFeaturesEnabled=!1} slot=footer-start width=full>${a.back}</calcite-button></calcite-flow-item>`:null}_renderActionBar(){let e=this.viewModel.selectedFeatureItem?.isFeatureFromTable,t=this.viewModel.allActions.toArray(),i=e&&!this.location?t.filter(a=>a.id!==this._zoomToFeature.id):t;return!this._isCollapsed&&!this.hideActionBar&&i.length?n`<calcite-action-bar expand-disabled .expanded=${!this._hideActionText} scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s ${p(this._actionBarMenuNode)}>${this._renderActions(i)}</calcite-action-group></calcite-action-bar>`:null}_renderActions(e){return e.map(t=>{let i=this._getActionTitle(t);return n`<calcite-action .active=${t.type==="toggle"?t.value:!1} .disabled=${t.disabled} .icon=${t.icon??void 0} .loading=${t.active} scale=s .textEnabled=${!this._hideActionText} .text=${i??""} title=${i??h} .hidden=${!t.visible} @click=${()=>this._triggerAction(t)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeatureItem:t}=this.viewModel;return t?M(t,n`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel+1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${p(this._selectedFeatureComponent)}></arcgis-feature>`):typeof e=="string"?M(e,n`<div .innerHTML=${m.sanitize(e)??""}></div>`):e??null}};B("arcgis-features",x);return x},"support/actions/ActionButton","core/Collection","popup/Features","applications/Components/featureUtils","applications/Components/sanitizerUtils","applications/Components/stringUtils","intl","core/reactiveUtils",a,c,d,e,f,g,i,j)

package/dist/cdn/K6DM6L64.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{d as s}from"./IQPGSWSL.js";import{a as T}from"./UOOE5336.js";import{a as f}from"./OWODXLED.js";import{f as _}from"./DCKEJ6NB.js";import"./ATTV2K2S.js";import"./T5K2XFNK.js";import{O as u,P as k,U as v,a as b,b as c,x as p}from"./DDD7772O.js";import"./3TTFCHAA.js";export default $arcgis.t(([{substitute:F}])=>{var $=b`:host{display:block}arcgis-slider{--arcgis-slider-handle-size: .875rem;--ticks-font-size: .625rem;--label-font-size: .75rem;--label-padding-block-start: 3px;--label-padding-block-end: var(--calcite-spacing-lg);--calcite-font-size-sm: var(--label-font-size);display:block;margin-block-start:var(--padding-block-start, -.5rem);padding-block-end:var(--padding-block-end, .3rem);&.wrap-labels{padding-block-end:var(--wrapped-padding, .875rem)}}:host([visual-scale="s"]) arcgis-slider{--arcgis-slider-handle-size: .625rem;--ticks-font-size: .625rem;--label-font-size: .625rem;--label-padding-block-end: 1rem;--padding-block-end: .5rem;--wrapped-padding: 1.1rem}:host([visual-scale="l"]) arcgis-slider{--arcgis-slider-handle-size: 1rem;--ticks-font-size: .75rem;--label-font-size: .875rem;--label-padding-block-end: .94rem;--padding-block-end: .4rem;--wrapped-padding: 1.1rem}.ticks-container{width:100%;position:relative}.time-range-label{position:relative;width:100%;padding-block-start:var(--label-padding-block-start);padding-block-end:var(--label-padding-block-end);font-size:var(--label-font-size);font-variant-numeric:tabular-nums;line-height:1em;text-align:center}.main-ticks,.secondary-ticks{position:absolute;inset:0}.main-ticks{--arcgis-ticks-label-width: min-content;--arcgis-ticks-label-text-align: center;--arcgis-ticks-font-size: var(--ticks-font-size);white-space:nowrap;word-break:auto-phrase;font-variant-numeric:tabular-nums}.wrap-labels .main-ticks{white-space:normal}.secondary-ticks{--arcgis-ticks-tick-length: 3px;--arcgis-ticks-gap: 16px}`,d=class extends u{constructor(){super(...arguments),this.messages=f({blocking:!0}),this._direction=_(),this._shouldWrapLabels=!1,this._sliderLabelFormatter=e=>"",this._tickLabelFormatter=e=>"",this.disabled=!1,this.mode="range",this.startTime=0,this.endTime=0,this.visualScale="m",this.arcgisTimeChange=p()}static{this.properties={_shouldWrapLabels:16,_values:16,_sliderLabelFormatter:16,_tickLabelFormatter:16,disabled:7,mode:3,startTime:9,endTime:9,label:1,steps:9,visualScale:3}}static{this.styles=$}willUpdate(e){(e.has("mode")||e.has("startTime")||e.has("endTime"))&&(this._values=this.mode==="single"?[this.startTime]:[this.startTime,this.endTime]),e.has("messages")&&this._updateLabelFormatters()}_getSliderLabelFormatter(e){let t=new Intl.DateTimeFormat(e,L);return i=>{let n=s(i,"minutes","milliseconds"),m=new Date(n),r=t.format(m);return n!==0&&r==="00:00"&&(r="24:00"),r}}_getTickLabelFormatter(e){let t=new Intl.DateTimeFormat(e,L),i=new Intl.DateTimeFormat(e,y);return n=>{let m=Math.round(s(n,"minutes","hours")),r=s(m,"hours","milliseconds"),h=new Date(r),g=t.formatToParts(h);return g.some(a=>a.type==="literal"&&/\s/u.test(a.value))?i.format(h).replace(/\S+/gu,a=>Array.from(a).join("\u2060")):g.map(a=>a.value).join("")}}_setStartTime(e){this.startTime=e,this.arcgisTimeChange.emit()}_setRange(e,t){this.startTime=e,this.endTime=t,this.arcgisTimeChange.emit()}_updateLabelFormatters(){let e=this.messages._lang;this._sliderLabelFormatter=this._getSliderLabelFormatter(e),this._tickLabelFormatter=this._getTickLabelFormatter(e),this._shouldWrapLabels=["ar","bg","el","en","ko","zh-HK","zh-TW"].includes(this.messages._t9nLocale)}_isolateTimeLabel(e){return this._direction==="rtl"?`\u2068${e}\u2069`:e}render(){let e=this.mode==="single"&&!this.disabled;return T(this.messages._lang,c`<arcgis-slider .ariaLabel=${this.label} class=${k({"wrap-labels":this._shouldWrapLabels})} .disabled=${this.disabled} fill-placement=none .labelFormatter=${this._sliderLabelFormatter} layout=horizontal min=0 .max=${o} .steps=${this.steps??1} .valueLabelsDisplay=${this.mode==="range"?"hidden":"always"} value-labels-placement=start .values=${this._values} @arcgisInput=${({currentTarget:{values:t}})=>{this.mode==="single"?this._setStartTime(t[0]):this._setRange(t[0],t[1])}}>${this.mode==="range"?this._renderTimeRange():void 0}<div class="ticks-container" slot=content-end><arcgis-ticks class="main-ticks" .interactive=${e} .labelFormatter=${this._tickLabelFormatter} layout=horizontal min=0 .max=${o} mode=value show-labels .values=${w} @arcgisTickClick=${t=>this._setStartTime(t.detail.value)}></arcgis-ticks><arcgis-ticks class="secondary-ticks" layout=horizontal min=0 .max=${o} mode=value .values=${z} @arcgisTickClick=${t=>this._setStartTime(t.detail.value)}></arcgis-ticks></div></arcgis-slider>`)}_renderTimeRange(){let e=this._isolateTimeLabel(this._sliderLabelFormatter(this.startTime)),t=this._isolateTimeLabel(this._sliderLabelFormatter(this.endTime)),i=this.messages?.timeRange;return c`<div class="time-range-label" aria-live=polite slot=content-start>${F(i??"{start} \u2014 {end}",{start:e,end:t})}</div>`}},o=s(24,"hours","minutes")-1,w=[0,6,12,18].map(l=>s(l,"hours","minutes"));w.push(o);var z=[2,4,8,10,14,16,20,22].map(l=>s(l,"hours","minutes")),L={hour:"numeric",minute:"numeric",timeZone:"UTC"},y={hour:"numeric",timeZone:"UTC"};v("arcgis-time-of-day-slider",d);return d},"intl")

package/dist/cdn/YHD6DZQT.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import e from"./IJULQXYC.js";import b from"./R3NYK6BO.js";import{a as c}from"./UOOE5336.js";import a from"./AFAQWPXY.js";import{a as m}from"./PC4PAQXQ.js";import{h as F}from"./DCKEJ6NB.js";import"./ATTV2K2S.js";import"./T5K2XFNK.js";import{O as d,S as l,U as h,b as i,o}from"./DDD7772O.js";import"./3TTFCHAA.js";export default $arcgis.t(([,f,w,b,{stripHTML:I},{watch:p},{d:y},,{d:_}])=>{var n=class extends d{constructor(){super(...arguments),this.aggregatedFeatureCount=0,this.aggregatedFeatureItems=[],this.aggregatedFeatures=[],this.autoDestroyDisabled=!1,this.loading=!1,this.selectedAggregateBoundaryFeature=new w({symbol:new b({outline:{width:1.5,color:"cyan"},style:"none"})}),this.arcgisPropertyChange=F()("aggregatedFeatureCount","aggregatedFeatureItems","aggregatedFeatures","loading")}static{this.properties={_abortController:16,aggregatedFeatureCount:32,aggregatedFeatureItems:32,aggregatedFeatures:32,autoDestroyDisabled:5,feature:0,flowItems:0,loading:32,map:0,messages:0,selectedAggregateBoundaryFeature:32,spatialReference:0,timeZone:1,view:0}}async destroy(){await this.manager.destroy(),this._cancelQuery(),this._clearAggregatedFeatureItems(),this._removeAggregateBoundaryFeature()}loaded(){this.manager.onLifecycle(()=>[p(()=>[this.feature,this.view],()=>{this._updateAggregatedFeatures()},{initial:!0}),p(()=>this.aggregatedFeatureItems.map(e=>e.heading??"").join("|"),()=>this.requestUpdate())])}disconnectedCallback(){super.disconnectedCallback(),this._cancelQuery(),this._clearAggregatedFeatureItems(),this._removeAggregateBoundaryFeature()}_setAggregatedFeatureCount(e){o(()=>this.aggregatedFeatureCount=e)}_setAggregatedFeatureItemsReadOnly(e){o(()=>this.aggregatedFeatureItems=e)}_setAggregatedFeatures(e){o(()=>this.aggregatedFeatures=e)}_setLoading(e){o(()=>this.loading=e)}_cancelQuery(){this._abortController=m(this._abortController),this._setLoading(!1)}_removeBoundaryGraphicFromView(e){e?.graphics.remove(this.selectedAggregateBoundaryFeature)}_clearAggregatedFeatureItems(){this._setAggregatedFeatureItemsReadOnly([])}_resetAggregatedFeaturesState(){this._setAggregatedFeatures([]),this._clearAggregatedFeatureItems(),this._setAggregatedFeatureCount(0),this._removeAggregateBoundaryFeature()}_setAggregatedFeatureItems(e){this._setAggregatedFeatureItemsReadOnly(e.map(t=>new f({graphic:t})))}_setAggregatedFeaturesState(e){this._setAggregatedFeatures(e),this._setAggregatedFeatureItems(e),this._setAggregatedFeatureCount(e.length)}_removeAggregateBoundaryFeature(){this._removeBoundaryGraphicFromView(this._boundaryGraphicView),this.selectedAggregateBoundaryFeature.geometry=null,this._boundaryGraphicView=void 0}_updateAggregateBoundaryFeature(e){let{view:t}=this,a=this._boundaryGraphicView;if(!t){this._removeAggregateBoundaryFeature();return}a!==t&&this._removeBoundaryGraphicFromView(a),this.selectedAggregateBoundaryFeature.geometry=e,this._boundaryGraphicView=t,t.graphics.includes(this.selectedAggregateBoundaryFeature)||t.graphics.add(this.selectedAggregateBoundaryFeature)}async _getLayerViewAndQuery(e){let{view:t}=this,a=_(e);if(!t||!a)return null;let r=await t.whenLayerView(a);if(!r?.createQuery||!r?.queryFeatures||!r?.queryExtent)return null;let s=r.createQuery(),g=e.getObjectId();return s.aggregateIds=g!=null?[g]:[],[r,s]}async _updateAggregatedFeatures(){this._cancelQuery();let{feature:e}=this;if(!e?.isAggregate){this._resetAggregatedFeaturesState();return}let t=await this._getLayerViewAndQuery(e);if(!t){this._resetAggregatedFeaturesState();return}let[a,r]=t,s=new AbortController;this._abortController=s,this._setLoading(!0);try{let[g,u]=await Promise.all([a.queryFeatures(r,{signal:s.signal}),a.queryExtent(r,{signal:s.signal})]);if(this._abortController!==s||s.signal.aborted)return;this._abortController=null,this._setLoading(!1);let A=g.features??[];this._setAggregatedFeaturesState(A),u.extent?this._updateAggregateBoundaryFeature(u.extent):this._removeAggregateBoundaryFeature()}catch(g){if(this._abortController!==s||(this._abortController=null,this._setLoading(!1),y(g)))return;this._resetAggregatedFeaturesState()}}_addFlowItem(e){e&&this.flowItems?.push(e)}_selectFeature(e){let{flowItems:t,view:a}=this;t&&this._addFlowItem(l(c(e,i`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .graphic=${e.graphic} .map=${this.map} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${a??void 0}></arcgis-feature>`)))}_renderChevronIconNode(){return i`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`}render(){let{aggregatedFeatureItems:e}=this,{loading:t}=this,a=e.filter(r=>r.graphic);return t||a.length>0?i`<calcite-list .loading=${t} display-mode=flat .filterEnabled=${a.length>10} .filterPlaceholder=${this.messages?.aggregatedFeaturesPlaceholder??""} .label=${this.messages?.aggregatedFeatures??""} selection-mode=none>${a.map(r=>i`<calcite-list-item .label=${I(r.heading)??""} @calciteListItemSelect=${()=>this._selectFeature(r)}>${this._renderChevronIconNode()}</calcite-list-item>`)}</calcite-list>`:i`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noAggregatedFeatures}</div></calcite-notice>`}};h("arcgis-aggregated-features",n);return n},"core/Collection","popup/Feature","Graphic","symbols/SimpleFillSymbol","applications/Components/stringUtils","core/reactiveUtils",a,b,e)