@arcgis/map-components 5.0.0-next.27 → 5.0.0-next.28

package/dist/cdn/{W4Y3EBWA.js → PFOGNYXY.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.27 */
-import g from"./UO5QOAKJ.js";import f from"./3SASCW7W.js";import{a as b}from"./L2RA4J2S.js";import e from"./JZDKJQQ6.js";import"./TY6HB3HA.js";import"./FK7LZL7M.js";import d from"./R4SYTDQA.js";import{a as E}from"./K7W4FG63.js";import c from"./KJ5K5OTC.js";import a from"./NR5T2AWQ.js";import{g as D}from"./7F3RZUBX.js";import"./MV4GG63P.js";import{b as $}from"./WOKZBQOX.js";import{H as m,I as _,J as k,K as l,M as h,N as B,P as O,a as T,b as n,s as F}from"./4ERR2FYI.js";import"./3KXSCIKQ.js";export default $arcgis.t(([G,{substitute:g,formatNumber:C},{watch:v},{stripHTML:I},H,{renderingSanitizer:S},,,N,,{e:L},{a:P,d:R,e:V}])=>{var d="arcgis-features",o={base:d,container:`${d}__container`,contentContainer:`${d}__content-container`,contentFeature:`${d}__content-feature`,flowItemCollapsed:`${d}__flow-item--collapsed`,header:`${d}__header`,footer:`${d}__footer`,featureMenuObserver:`${d}__feature-menu-observer`,actionExit:`${d}__action--exit`,loader:`${d}__loader`,paginationText:`${d}__pagination-text`,paginationActionBar:`${d}__pagination-action-bar`,paginationMenuButton:`${d}__pagination-menu-button`,paginationPrevious:`${d}__pagination-previous`},W=T`:host{display:flex;overflow:hidden;flex:1 1 auto}.arcgis-features{--calcite-color-background: var(--calcite-color-foreground-1);display:flex;overflow:hidden;flex:1 1 auto;flex-direction:column}.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-foreground-1)}.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;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1)}.arcgis-features__footer{flex: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 X(p){switch(p?.type){case"point":return p;case"extent":return p.center;case"polygon":return p.centroid;case"multipoint":case"polyline":return p.extent?.center;default:return null}}var y=P.clone();function q(p){return p?.declaredClass.startsWith("esri.layers.")??!1}var Q=N(G),A=class extends k{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=m(),this._featureMenuViewportNode=m(),this._actionBarMenuNode=m(),this._flowContainerNode=m(),this.messages=E(),this._selectedFeatureComponent=m(),this._cancelOpenRelatedFeature=()=>{let{_openRelatedFeatureAbortController:e}=this;e&&e.abort(),this._openRelatedFeatureAbortController=null},this._openRelatedFeatureAbortController=null,this.flowItems=new H,this.viewModel=Q(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=this.viewModel.featureMenuOpen,this.featureMenuTitle=this.viewModel.featureMenuTitle,this.featureNavigationTop=!1,this.features=this.viewModel.features,this.featuresPerPage=this.viewModel.featuresPerPage,this.featureViewModelAbilities=this.viewModel.featureViewModelAbilities,this.goToOverride=this.viewModel.goToOverride,this.headerActions=new H,this.heading=this.viewModel.title,this.headingLevel=2,this.hideActionBar=!1,this.hideCloseButton=!1,this.hideFeatureMenuHeading=!1,this.hideFeatureNavigation=!1,this.hideFeatureListLayerTitle=!1,this.hideFlow=!1,this.hideHeading=!1,this.hideSpinner=!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.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.visible=this.viewModel.visible,this.arcgisPropertyChange=D()("active","collapsed","featureCount","featureMenuOpen","features","promises","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","visible"),this.arcgisReady=F(),this.arcgisClose=F(),this.arcgisTriggerAction=F()}static{this.properties={_openRelatedFeatureAbortController:16,flowItems:16,_hideActionText:16,_featureNavigationVisible:16,_isCollapsed:16,_collapseEnabled:16,viewModel:0,actions:0,active:0,autoDestroyDisabled:5,collapsed:5,content:1,defaultPopupTemplateEnabled:5,featureCount:0,featureMenuOpen:5,featureMenuTitle:1,featureNavigationTop:5,features:0,featuresPerPage:9,featureViewModelAbilities:0,goToOverride:0,headerActions:0,heading:1,featuresTitle:1,headingLevel:9,hideActionBar:5,hideCloseButton:5,hideFeatureMenuHeading:5,hideFeatureNavigation:5,hideFeatureListLayerTitle:5,hideFlow:5,hideHeading:5,hideSpinner:5,highlightDisabled:5,icon:1,includeDefaultActionsDisabled:5,initialDisplayMode:1,label:1,location:0,map:0,messageOverrides:0,position:1,referenceElement:1,promises:0,responsiveActionsEnabled:5,selectedDrillInFeature:32,selectedFeature:0,selectedFeatureComponent:32,selectedFeatureIndex:9,showCollapseButton:5,spatialReference:0,state:3,timeZone:1,updateLocationEnabled:5,view:0,visible:5,closed:5}}static{this.styles=W}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.selectedFeatureViewModel?.title)&&!!(this.content||this.viewModel.selectedFeatureViewModel?.content))}get featuresTitle(){return this.heading}set featuresTitle(e){this.heading=e}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}get closed(){return!this.visible}set closed(e){this.visible=!e}async clear(){return this.viewModel.clear()}async close(){this.viewModel.visible=!1}async destroy(){await this.manager.destroy(),await this._destroySpinner(this.referenceElement),this._cancelOpenRelatedFeature(),this._removeFlowItems(),this._unobserveFeatureMenuObserver(),this._featureMenuIntersectionObserver?.disconnect()}async fetchFeatures(e,t){return await this.viewModel.fetchFeatures(e,t)}async open(e){this.viewModel.open(e)}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&&e.type==="toggle"&&(e.value=!e.value),await V(e,this.viewModel)}loaded(){this.manager.onLifecycle(()=>[v(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),v(()=>this.viewModel?.view,()=>this._viewChange()),v(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),v(()=>this.selectedFeatureComponent?.viewModel,()=>this._removeFlowItems()),v(()=>this.viewModel?.featureViewModels,()=>this._featureMenuViewportScrollTop()),v(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),v(()=>this.referenceElement,(e,t)=>{this._destroySpinner(t),this._createSpinner()},{initial:!0}),v(()=>[this.hideSpinner,this.viewModel?.view,this.viewModel?.location,this.viewModel?.waitingForResult,this.viewModel?.view],()=>void this._createSpinner(),{initial:!0})])}_handleClose(){this.close(),this.arcgisClose.emit()}_groupResultsByLayer(){let{featureViewModels:e}=this.viewModel,t=new Map;return e.forEach(i=>{let a=i?.graphic;if(!a)return;let s=L(a),r=q(s)?s:null,c=t.get(r)??[];t.set(r,[...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=X(a);s!=null&&(this.location=s),this.features=[i],this.visible=!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,r=e.title??"",c=a==="zoom-to-feature"?g(r,{messages:t}):a==="remove-selected-feature"?g(r,{messages:t}):a==="zoom-to-clustered-features"?g(r,{messages:t}):a==="browse-clustered-features"?g(r,{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(){this.viewModel.clear(),this.viewModel.visible=!1}_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()}_getHeading(){let{hideHeading:e}=this,{title:t,selectedFeatureViewModel:i}=this.viewModel;return i&&!e?i?.state==="error"?this.messages?.errorMessage??"":i?.title||"":!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=B(n`<arcgis-spinner .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=${l(o.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(o.header)}>${this._renderFeatureNavigation()}</div>`:null}_renderFooter(){return!this.featureNavigationTop&&this._featureNavigationVisible?n`<div class=${l(o.footer)} slot=footer>${this._renderFeatureNavigation()}</div>`:null}_renderFeaturePaginationText(){let{messages:e,viewModel:t}=this,{featureCount:i,selectedFeatureIndex:a}=t;return n`<div class=${l(o.paginationText)}>${g(e.pageText??"",{index:C(a+1),total:C(i)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:i,selectedFeatureIndex:a,pendingPromisesCount:s}=t;return n`<calcite-action appearance=solid class=${l(o.paginationMenuButton)} icon=list .label=${e.selectFeature} .loading=${s>0} @click=${this._handlePaginationMenuButton} scale=s .text=${g(e.pageText??"",{index:C(a+1),total:C(i)})} text-enabled title=${e.selectFeature??h}></calcite-action>`}_renderPagination(){let{previous:e,next:t}=this.messages;return n`<calcite-action-bar class=${l(o.paginationActionBar)} expand-disabled layout=horizontal overflow-actions-disabled scale=s><calcite-action-group scale=s><calcite-action appearance=solid class=${l(o.paginationPrevious)} icon=chevron-left icon-flip-rtl .label=${e??""} @click=${this._previousFeature} scale=s .text=${e??""} title=${e??""??h}></calcite-action><calcite-action appearance=solid icon=chevron-right icon-flip-rtl .label=${t??""} @click=${this._nextFeature} scale=s .text=${t??""} title=${t??""??h}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e){let{initialDisplayMode:t}=this,{selectedFeatureViewModel:i,featureViewModels:a}=this.viewModel,s=e===i,r=a.indexOf(e);return n`<calcite-list-item @blur=${this._removeActiveFeature} @focus=${()=>this._setActiveFeature(r)} @mouseleave=${this._removeActiveFeature} @mouseover=${()=>this._setActiveFeature(r)} .selected=${s} @calciteListItemSelect=${()=>this._selectFeature(r)}><span .innerHTML=${(S.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 r=i.get(s)?.map(u=>this._renderFeatureMenuItem(u)),c=s?s.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&c!==null?b(s??"map-graphics",n`<calcite-list-item-group .heading=${c}>${r}</calcite-list-item-group>`):r})}</calcite-list>`:null}_renderHeaderAction(e){let t=e.title||"";return e.visible?n`<calcite-action .active=${e.type==="toggle"?e.value:!1} appearance=solid .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(){let{headingLevel:e,hideCloseButton:t,_isCollapsed:i,_collapseEnabled:a,featureNavigationTop:s,flowItems:r,initialDisplayMode:c,selectedFeature:u,featureMenuOpen:f}=this,{active:w}=this.viewModel,M=this._getHeading();if(c==="list"&&!u)return null;let x=r.length===0&&(c==="list"?!!u:!f);return n`<calcite-flow-item class=${l($({[o.contentFeature]:!0,[o.flowItemCollapsed]:i}))} .closable=${!t} .closed=${!w} .collapsed=${i} .collapseDirection=${s?"down":"up"} .collapsible=${a} .headingLevel=${e} .selected=${x} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${I(M)} ${_(this._rootFlowItemNode)}>${this._renderHeaderActions()}${this._renderActionBar()}<div class=${l($(o.container,o.contentContainer))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`}_renderFeatureMenuContainer(){let{viewModel:e,hideCloseButton:t,featureMenuTitle:i,messages:a,initialDisplayMode:s,featureMenuOpen:r,selectedFeature:c,_collapseEnabled:u,_isCollapsed:f,featureNavigationTop:w,headingLevel:M}=this,{active:x,featureViewModels:z,pendingPromisesCount:Z}=e,j=i??a.selectFeature;if(s==="feature"&&!r)return null;let K=s==="list"?!c:r;return n`<calcite-flow-item class=${l($({[o.flowItemCollapsed]:f}))} .closable=${s==="list"&&!t} .closed=${!x} .collapsed=${s==="list"&&f} .collapseDirection=${w?"down":"up"} .collapsible=${s==="list"&&u} .description=${this.hideFeatureMenuHeading?void 0:g(a.total??"",{total:z.length})} .heading=${this.hideFeatureMenuHeading?void 0:j} .headingLevel=${M} .loading=${e.waitingForContents} .selected=${K} @calciteFlowItemBack=${U=>{U.preventDefault(),this._handleFeatureMenuBack()}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${_(this._featureMenuViewportNode)}>${s==="list"?this._renderHeaderActions():null}${Z>0?n`<calcite-loader class=${l(o.loader)} inline .label=${a.loading??""} slot=header-actions-end></calcite-loader>`:null}<div class=${l(o.container)}>${this._renderFeatureMenu()}</div><div class=${l(o.featureMenuObserver)} ${_(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,r="graphic"in e&&"isFeatureFromTable"in e&&!e.isFeatureFromTable,c=e.flowType==="feature-association",u=i.returnToInitialFeature??"",f=i?.selectFeature,w=this._getActionTitle(y);return n`<calcite-flow-item .closable=${!a} .closed=${!s} .description=${I(this._getDrillInFlowItemDescription(e)??"")} .heading=${this.hideHeading?void 0:I(e.heading??"")} .selected=${t} @calciteFlowItemBack=${M=>{M.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}><calcite-action appearance=transparent class=${l(o.actionExit)} icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${u??""} title=${u??""??h}></calcite-action>${r?n`<calcite-action appearance=transparent 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 appearance=solid .disabled=${y.disabled} .icon=${y.icon??void 0} .loading=${y.active} scale=s text-enabled .text=${w} title=${w??h} @click=${()=>R(this.viewModel,e)}></calcite-action></calcite-action-group></calcite-action-bar>`:null}<div class=${l(o.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 ${_(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 ${_(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 .disabled=${e.disabled} .icon=${e.icon??void 0} .loading=${e.active} scale=s .textEnabled=${!this._hideActionText} .text=${t??""} title=${t??h} @click=${()=>this._triggerAction(e)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeatureViewModel:t}=this.viewModel;return t?b(t,n`<arcgis-feature .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel+1} hide-heading .map=${this.map} .referenceElement=${this.referenceElement} show-relationship-content show-utility-network-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${_(this._selectedFeatureComponent)}></arcgis-feature>`):typeof e=="string"?b(e,n`<div .innerHTML=${S.sanitize(e)??""}></div>`):e??null}};O("arcgis-features",A);return A},"widgets/Features/FeaturesViewModel","intl","core/reactiveUtils","applications/Components/stringUtils","core/Collection","applications/Components/sanitizerUtils",a,c,d,e,f,g)
+v5.0.0-next.28 */
+import g from"./6GSJPB5W.js";import f from"./45ROEH3O.js";import{a as b}from"./7UPGXEX6.js";import e from"./42JDODSJ.js";import"./CUO4NLYB.js";import"./A2BCZOEL.js";import d from"./XTLBY5IF.js";import{a as E}from"./ATLASHYR.js";import c from"./MGD2C5WV.js";import a from"./M5KY527X.js";import{g as D}from"./FMVFUCUB.js";import"./47VY3BKR.js";import{b as $}from"./IQHAP4SC.js";import{H as m,I as _,J as k,K as l,M as h,N as B,P as O,a as T,b as n,s as F}from"./4RAFHMBQ.js";import"./6NG76DLX.js";export default $arcgis.t(([G,{substitute:g,formatNumber:C},{watch:v},{stripHTML:I},H,{renderingSanitizer:S},,,N,,{e:L},{a:P,d:R,e:V}])=>{var d="arcgis-features",o={base:d,container:`${d}__container`,contentContainer:`${d}__content-container`,contentFeature:`${d}__content-feature`,flowItemCollapsed:`${d}__flow-item--collapsed`,header:`${d}__header`,footer:`${d}__footer`,featureMenuObserver:`${d}__feature-menu-observer`,actionExit:`${d}__action--exit`,loader:`${d}__loader`,paginationText:`${d}__pagination-text`,paginationActionBar:`${d}__pagination-action-bar`,paginationMenuButton:`${d}__pagination-menu-button`,paginationPrevious:`${d}__pagination-previous`},W=T`:host{display:flex;overflow:hidden;flex:1 1 auto}.arcgis-features{--calcite-color-background: var(--calcite-color-foreground-1);display:flex;overflow:hidden;flex:1 1 auto;flex-direction:column}.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-foreground-1)}.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;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1)}.arcgis-features__footer{flex: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 X(p){switch(p?.type){case"point":return p;case"extent":return p.center;case"polygon":return p.centroid;case"multipoint":case"polyline":return p.extent?.center;default:return null}}var y=P.clone();function q(p){return p?.declaredClass.startsWith("esri.layers.")??!1}var Q=N(G),A=class extends k{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=m(),this._featureMenuViewportNode=m(),this._actionBarMenuNode=m(),this._flowContainerNode=m(),this.messages=E(),this._selectedFeatureComponent=m(),this._cancelOpenRelatedFeature=()=>{let{_openRelatedFeatureAbortController:e}=this;e&&e.abort(),this._openRelatedFeatureAbortController=null},this._openRelatedFeatureAbortController=null,this.flowItems=new H,this.viewModel=Q(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=this.viewModel.featureMenuOpen,this.featureMenuTitle=this.viewModel.featureMenuTitle,this.featureNavigationTop=!1,this.features=this.viewModel.features,this.featuresPerPage=this.viewModel.featuresPerPage,this.featureViewModelAbilities=this.viewModel.featureViewModelAbilities,this.goToOverride=this.viewModel.goToOverride,this.headerActions=new H,this.heading=this.viewModel.title,this.headingLevel=2,this.hideActionBar=!1,this.hideCloseButton=!1,this.hideFeatureMenuHeading=!1,this.hideFeatureNavigation=!1,this.hideFeatureListLayerTitle=!1,this.hideFlow=!1,this.hideHeading=!1,this.hideSpinner=!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.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.visible=this.viewModel.visible,this.arcgisPropertyChange=D()("active","collapsed","featureCount","featureMenuOpen","features","promises","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","visible"),this.arcgisReady=F(),this.arcgisClose=F(),this.arcgisTriggerAction=F()}static{this.properties={_openRelatedFeatureAbortController:16,flowItems:16,_hideActionText:16,_featureNavigationVisible:16,_isCollapsed:16,_collapseEnabled:16,viewModel:0,actions:0,active:0,autoDestroyDisabled:5,collapsed:5,content:1,defaultPopupTemplateEnabled:5,featureCount:0,featureMenuOpen:5,featureMenuTitle:1,featureNavigationTop:5,features:0,featuresPerPage:9,featureViewModelAbilities:0,goToOverride:0,headerActions:0,heading:1,featuresTitle:1,headingLevel:9,hideActionBar:5,hideCloseButton:5,hideFeatureMenuHeading:5,hideFeatureNavigation:5,hideFeatureListLayerTitle:5,hideFlow:5,hideHeading:5,hideSpinner:5,highlightDisabled:5,icon:1,includeDefaultActionsDisabled:5,initialDisplayMode:1,label:1,location:0,map:0,messageOverrides:0,position:1,referenceElement:1,promises:0,responsiveActionsEnabled:5,selectedDrillInFeature:32,selectedFeature:0,selectedFeatureComponent:32,selectedFeatureIndex:9,showCollapseButton:5,spatialReference:0,state:3,timeZone:1,updateLocationEnabled:5,view:0,visible:5,closed:5}}static{this.styles=W}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.selectedFeatureViewModel?.title)&&!!(this.content||this.viewModel.selectedFeatureViewModel?.content))}get featuresTitle(){return this.heading}set featuresTitle(e){this.heading=e}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}get closed(){return!this.visible}set closed(e){this.visible=!e}async clear(){return this.viewModel.clear()}async close(){this.viewModel.visible=!1}async destroy(){await this.manager.destroy(),await this._destroySpinner(this.referenceElement),this._cancelOpenRelatedFeature(),this._removeFlowItems(),this._unobserveFeatureMenuObserver(),this._featureMenuIntersectionObserver?.disconnect()}async fetchFeatures(e,t){return await this.viewModel.fetchFeatures(e,t)}async open(e){this.viewModel.open(e)}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&&e.type==="toggle"&&(e.value=!e.value),await V(e,this.viewModel)}loaded(){this.manager.onLifecycle(()=>[v(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),v(()=>this.viewModel?.view,()=>this._viewChange()),v(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),v(()=>this.selectedFeatureComponent?.viewModel,()=>this._removeFlowItems()),v(()=>this.viewModel?.featureViewModels,()=>this._featureMenuViewportScrollTop()),v(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),v(()=>this.referenceElement,(e,t)=>{this._destroySpinner(t),this._createSpinner()},{initial:!0}),v(()=>[this.hideSpinner,this.viewModel?.view,this.viewModel?.location,this.viewModel?.waitingForResult,this.viewModel?.view],()=>void this._createSpinner(),{initial:!0})])}_handleClose(){this.close(),this.arcgisClose.emit()}_groupResultsByLayer(){let{featureViewModels:e}=this.viewModel,t=new Map;return e.forEach(i=>{let a=i?.graphic;if(!a)return;let s=L(a),r=q(s)?s:null,c=t.get(r)??[];t.set(r,[...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=X(a);s!=null&&(this.location=s),this.features=[i],this.visible=!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,r=e.title??"",c=a==="zoom-to-feature"?g(r,{messages:t}):a==="remove-selected-feature"?g(r,{messages:t}):a==="zoom-to-clustered-features"?g(r,{messages:t}):a==="browse-clustered-features"?g(r,{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(){this.viewModel.clear(),this.viewModel.visible=!1}_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()}_getHeading(){let{hideHeading:e}=this,{title:t,selectedFeatureViewModel:i}=this.viewModel;return i&&!e?i?.state==="error"?this.messages?.errorMessage??"":i?.title||"":!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=B(n`<arcgis-spinner .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=${l(o.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(o.header)}>${this._renderFeatureNavigation()}</div>`:null}_renderFooter(){return!this.featureNavigationTop&&this._featureNavigationVisible?n`<div class=${l(o.footer)} slot=footer>${this._renderFeatureNavigation()}</div>`:null}_renderFeaturePaginationText(){let{messages:e,viewModel:t}=this,{featureCount:i,selectedFeatureIndex:a}=t;return n`<div class=${l(o.paginationText)}>${g(e.pageText??"",{index:C(a+1),total:C(i)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:i,selectedFeatureIndex:a,pendingPromisesCount:s}=t;return n`<calcite-action appearance=solid class=${l(o.paginationMenuButton)} icon=list .label=${e.selectFeature} .loading=${s>0} @click=${this._handlePaginationMenuButton} scale=s .text=${g(e.pageText??"",{index:C(a+1),total:C(i)})} text-enabled title=${e.selectFeature??h}></calcite-action>`}_renderPagination(){let{previous:e,next:t}=this.messages;return n`<calcite-action-bar class=${l(o.paginationActionBar)} expand-disabled layout=horizontal overflow-actions-disabled scale=s><calcite-action-group scale=s><calcite-action appearance=solid class=${l(o.paginationPrevious)} icon=chevron-left icon-flip-rtl .label=${e??""} @click=${this._previousFeature} scale=s .text=${e??""} title=${e??""??h}></calcite-action><calcite-action appearance=solid icon=chevron-right icon-flip-rtl .label=${t??""} @click=${this._nextFeature} scale=s .text=${t??""} title=${t??""??h}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e){let{initialDisplayMode:t}=this,{selectedFeatureViewModel:i,featureViewModels:a}=this.viewModel,s=e===i,r=a.indexOf(e);return n`<calcite-list-item @blur=${this._removeActiveFeature} @focus=${()=>this._setActiveFeature(r)} @mouseleave=${this._removeActiveFeature} @mouseover=${()=>this._setActiveFeature(r)} .selected=${s} @calciteListItemSelect=${()=>this._selectFeature(r)}><span .innerHTML=${(S.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 r=i.get(s)?.map(u=>this._renderFeatureMenuItem(u)),c=s?s.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&c!==null?b(s??"map-graphics",n`<calcite-list-item-group .heading=${c}>${r}</calcite-list-item-group>`):r})}</calcite-list>`:null}_renderHeaderAction(e){let t=e.title||"";return e.visible?n`<calcite-action .active=${e.type==="toggle"?e.value:!1} appearance=solid .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(){let{headingLevel:e,hideCloseButton:t,_isCollapsed:i,_collapseEnabled:a,featureNavigationTop:s,flowItems:r,initialDisplayMode:c,selectedFeature:u,featureMenuOpen:f}=this,{active:w}=this.viewModel,M=this._getHeading();if(c==="list"&&!u)return null;let x=r.length===0&&(c==="list"?!!u:!f);return n`<calcite-flow-item class=${l($({[o.contentFeature]:!0,[o.flowItemCollapsed]:i}))} .closable=${!t} .closed=${!w} .collapsed=${i} .collapseDirection=${s?"down":"up"} .collapsible=${a} .headingLevel=${e} .selected=${x} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${I(M)} ${_(this._rootFlowItemNode)}>${this._renderHeaderActions()}${this._renderActionBar()}<div class=${l($(o.container,o.contentContainer))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`}_renderFeatureMenuContainer(){let{viewModel:e,hideCloseButton:t,featureMenuTitle:i,messages:a,initialDisplayMode:s,featureMenuOpen:r,selectedFeature:c,_collapseEnabled:u,_isCollapsed:f,featureNavigationTop:w,headingLevel:M}=this,{active:x,featureViewModels:z,pendingPromisesCount:Z}=e,j=i??a.selectFeature;if(s==="feature"&&!r)return null;let K=s==="list"?!c:r;return n`<calcite-flow-item class=${l($({[o.flowItemCollapsed]:f}))} .closable=${s==="list"&&!t} .closed=${!x} .collapsed=${s==="list"&&f} .collapseDirection=${w?"down":"up"} .collapsible=${s==="list"&&u} .description=${this.hideFeatureMenuHeading?void 0:g(a.total??"",{total:z.length})} .heading=${this.hideFeatureMenuHeading?void 0:j} .headingLevel=${M} .loading=${e.waitingForContents} .selected=${K} @calciteFlowItemBack=${U=>{U.preventDefault(),this._handleFeatureMenuBack()}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${_(this._featureMenuViewportNode)}>${s==="list"?this._renderHeaderActions():null}${Z>0?n`<calcite-loader class=${l(o.loader)} inline .label=${a.loading??""} slot=header-actions-end></calcite-loader>`:null}<div class=${l(o.container)}>${this._renderFeatureMenu()}</div><div class=${l(o.featureMenuObserver)} ${_(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,r="graphic"in e&&"isFeatureFromTable"in e&&!e.isFeatureFromTable,c=e.flowType==="feature-association",u=i.returnToInitialFeature??"",f=i?.selectFeature,w=this._getActionTitle(y);return n`<calcite-flow-item .closable=${!a} .closed=${!s} .description=${I(this._getDrillInFlowItemDescription(e)??"")} .heading=${this.hideHeading?void 0:I(e.heading??"")} .selected=${t} @calciteFlowItemBack=${M=>{M.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}><calcite-action appearance=transparent class=${l(o.actionExit)} icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${u??""} title=${u??""??h}></calcite-action>${r?n`<calcite-action appearance=transparent 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 appearance=solid .disabled=${y.disabled} .icon=${y.icon??void 0} .loading=${y.active} scale=s text-enabled .text=${w} title=${w??h} @click=${()=>R(this.viewModel,e)}></calcite-action></calcite-action-group></calcite-action-bar>`:null}<div class=${l(o.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 ${_(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 ${_(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 .disabled=${e.disabled} .icon=${e.icon??void 0} .loading=${e.active} scale=s .textEnabled=${!this._hideActionText} .text=${t??""} title=${t??h} @click=${()=>this._triggerAction(e)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeatureViewModel:t}=this.viewModel;return t?b(t,n`<arcgis-feature .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel+1} hide-heading .map=${this.map} .referenceElement=${this.referenceElement} show-relationship-content show-utility-network-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${_(this._selectedFeatureComponent)}></arcgis-feature>`):typeof e=="string"?b(e,n`<div .innerHTML=${S.sanitize(e)??""}></div>`):e??null}};O("arcgis-features",A);return A},"widgets/Features/FeaturesViewModel","intl","core/reactiveUtils","applications/Components/stringUtils","core/Collection","applications/Components/sanitizerUtils",a,c,d,e,f,g)

package/dist/cdn/{23EGEX3V.js → POB34FB2.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.27 */
-import{a as F}from"./4HWYDCEH.js";import{a as A}from"./L2RA4J2S.js";import{J as T,N as q,P as S,a as v,b as p}from"./4ERR2FYI.js";import"./3KXSCIKQ.js";export default $arcgis.t(([{createReactiveMap:I,findUtilityNetwork:U,queryAllJSON:V,getOrCreateMapValue:D},{stripHTML:L},b,{ignoreAbortErrors:N},{watch:C},M,Q,B,P,x,G])=>{var O=v`.list-container{min-height:var(--calcite-spacing-xxxl)}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.sticky-loading-container{display:flex;position:sticky;bottom:var(--calcite-spacing-sm);align-items:center;justify-content:center;z-index:2;margin:0;padding:0;height:var(--calcite-spacing-xxxl);pointer-events:none;height:500px}`,E=100,$={assetGroup:"assetgroup",assetType:"assettype"},j="{00000000-0000-0000-0000-000000000000}",k=class extends T{constructor(){super(...arguments),this._addFlowItem=t=>{t&&this.flowItems?.push(t)},this._attachmentAssociations=new b,this._attachmentFeatureCount=0,this._cancelQuery=()=>{let{_queryAbortController:t}=this;t&&t.abort(),this._queryAbortController=null},this._cancelQueryFeatureCount=()=>{let{_queryFeatureCountAbortController:t}=this;t&&t.abort(),this._queryFeatureCountAbortController=null},this._connectivityAssociations=new b,this._connectivityFeatureCount=0,this._containerAssociations=new b,this._containerFeatureCount=0,this._contentAssociations=new b,this._contentFeatureCount=0,this._networkSourceIdsInUse=new Set,this._query=async t=>{if(!t)return;await this._loadUtiltyNetworks();let{_queryAbortController:e}=this;this._destroyAssociatedFeatureViewModels(),this._clearFeatures(),this._featureCount&&await this._queryAssociatedFeatures(t,{signal:e?.signal})},this._queryController=async t=>{this._cancelQuery();let e=new AbortController;this._queryAbortController=e,await N(this._query(t)),this._queryAbortController===e&&(this._queryAbortController=null)},this._queryFeatureCountController=async()=>{this._loaded=!1,this._cancelQueryFeatureCount();let t=new AbortController;this._queryFeatureCountAbortController=t,await N(this._queryFeatureCount()),this._queryFeatureCountAbortController===t&&(this._queryFeatureCountAbortController=null),this._loaded=!0},this._queryDebounced=F(this._queryController,E),this._queryFeatureCountDebounced=F(this._queryFeatureCountController,E),this._structureAssociations=new b,this._structureFeatureCount=0,this._queryAssociationType=async()=>{this._activeAssociationType&&this._queryDebounced(this._activeAssociationType)},this._associationFeatures=I(),this._associationViewModels=I(),this._featureCount=0,this._loaded=!1,this._queryAbortController=null,this._queryFeatureCountAbortController=null,this._queryPageAbortController=null,this.associationTypes=null,this.autoDestroyDisabled=!1,this.flowType="feature-utility-network-associations",this.headingLevel=2,this.source="popup"}static{this.properties={_activeAssociationType:16,_associationFeatures:16,_associationViewModels:16,_canLoad:16,_canQuery:16,_featureCount:16,_loaded:16,_queryAbortController:16,_queryFeatureCountAbortController:16,_queryPageAbortController:16,_state:16,associationTypes:0,autoDestroyDisabled:5,description:1,flowItems:0,flowType:1,graphic:0,heading:1,headingLevel:9,layer:0,map:0,messages:0,parentFeatureViewModel:0,source:1,spatialReference:0,timeZone:1,view:0}}static{this.styles=O}get _globalId(){return(this._globalIdField&&this.graphic?.attributes?.[this._globalIdField])??null}get _globalIdField(){return this.layer?.globalIdField}get _objectId(){return(this._objectIdField&&this.graphic?.attributes?.[this._objectIdField])??null}get _objectIdField(){return this.layer?.objectIdField}get _supportsCacheHint(){return!!this.layer?.capabilities?.queryRelated?.supportsCacheHint}get _utilityNetwork(){let{layer:t,map:e}=this;if(!t?.loaded||!e)return null;let s=this._isSubtypeSublayer(t)?t.parent:t;return U(e,s)}get _canLoad(){return!!this.map}get _canQuery(){return!!this.layer?.capabilities?.query?.supportsPagination}get _state(){let{_canLoad:t,_canQuery:e,_featureCount:s,_loaded:a,_queryAbortController:i,_queryFeatureCountAbortController:o,_queryPageAbortController:c,associationTypes:l}=this;return o||t&&!a?"loading":i||c?"querying":!this._globalId||!l||!e||!s?"disabled":"ready"}get heading(){return this._heading}set heading(t){this._heading=t}async destroy(){await this.manager.destroy()}loaded(){this.manager.onLifecycle(()=>[C(()=>[this.graphic,this.layer,this.map,this.associationTypes,this._canQuery,this._objectId,this._globalId],()=>{this._queryFeatureCountDebounced(),this._queryAssociationType()},{initial:!0}),C(()=>this._activeAssociationType,t=>{this._queryDebounced(t)}),C(()=>this._associationFeatures.values(),()=>{this._setUpUtilityNetworkAssociationsViewModels()})]),this.manager.onDestroy(()=>{this._cancelQuery(),this._cancelQueryFeatureCount()})}_addAssociationTypeFlowItem(){this._addFlowItem(q(p`<arcgis-feature-utility-network-association-list .associationViewModels=${this._associationViewModels} .flowItems=${this.flowItems} .flowType=${this.flowType} .messages=${this.messages} .map=${this.map} .parentFeatureViewModel=${this.parentFeatureViewModel} .state=${this._state} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature-utility-network-association-list>`))}_clearAssociations(){this._attachmentAssociations.removeAll(),this._connectivityAssociations.removeAll(),this._containerAssociations.removeAll(),this._contentAssociations.removeAll(),this._structureAssociations.removeAll()}_clearFeatures(){this._associationFeatures.forEach(t=>t.removeAll()),this._associationFeatures.clear()}_compareByFeatureTitle(t,e){return t.title.localeCompare(e.title,void 0,{numeric:!0})}async _countAssociatedFeatureCount(t,e,s,a,i){let o=this._getFeatureQueryWhereClause(t,e,s,a);return await t.queryFeatureCount({where:o,outFields:["*"],returnGeometry:!1},{signal:i?.signal})}async _countAssociatedFeatures(t,e,s,a,i){if(!e.length)return 0;let o=await this._findLayersBySourceId(t);await this._loadLayers(o);let c=o.map(l=>this._countAssociatedFeatureCount(l,e,s,a,i));return(await Promise.all(c)).reduce((l,r)=>l+r,0)}async _createAssociationFeatureObjects(t,e,s,a,i){if(!t.length)return[];let o=new Map,c=Array.from(e.entries()).map(async([r,d])=>{let u=await this._findLayersBySourceId(r);await this._loadLayers(u);let h=u.map(m=>this._queryLayer(m,d,s,a,i));(await Promise.all(h)).forEach(m=>{m.forEach(n=>{if(this.source==="popup"?n.sourceLayer&&n.getEffectivePopupTemplate():n.sourceLayer){let _=n.layer.globalIdField??"",y=n.attributes[_],w=o.get(y)??[];w.push(n),o.set(y,w)}})})});await Promise.all(c);let l=[];return await Promise.all(t.toArray().map(async r=>{let{fromNetworkElement:d,toNetworkElement:u}=r,h=d.globalId===this._globalId?u:d,m=o.get(h.globalId)??[];await Promise.all(m.map(async n=>{let _=this._utilityNetwork?.getTerminalById(h?.terminalId)?.name,y=await n.sourceLayer.getFeatureTitle(n)||this._getFeatureTitle(n);l.push({title:y,feature:n,association:r,terminalName:_})}))})),l}_destroyAssociatedFeatureViewModels(){this._associationViewModels.forEach(t=>t.destroyAll())}_equals(t,e){if(t.globalId===j&&e.globalId===j){let s=function(d,u){return d.networkSourceId===u.networkSourceId&&d.globalId===u.globalId&&d.terminalId===u.terminalId&&d.firstUnit===u.firstUnit&&d.numUnits===u.numUnits},a=t.fromNetworkElement,i=t.toNetworkElement,o=e.fromNetworkElement,c=e.toNetworkElement,l=s(a,o),r=s(i,c);return l&&r&&t.associationType===e.associationType}return t.globalId!=null&&e.globalId!=null&&t.globalId===e.globalId}async _findLayersBySourceId(t){let{_utilityNetwork:e,map:s}=this;e?.loaded||await e?.load();let a=e.getLayerIdBySourceId(t),i=s.allLayers.filter(c=>!!e?.isUtilityLayer(c)&&c.layerId===a),o=s.allTables.filter(c=>!!e?.isUtilityLayer(c)&&c.layerId===a);return i.concat(o).toArray()}_getAssociationsByType(t){switch(t){case"attachment":return this._attachmentAssociations;case"structure":return this._structureAssociations;case"connectivity":return this._connectivityAssociations;case"container":return this._containerAssociations;case"content":return this._contentAssociations}}_getAssociationTypeTitle(t){let{messages:e}=this;if(t.title)return t.title;switch(t.type){case"attachment":return e?.associationsAttachments??this.messages?.noTitle??"";case"connectivity":return e?.associationsConnectivity??this.messages?.noTitle??"";case"structure":return e?.associationsStructure??this.messages?.noTitle??"";case"content":return e?.associationsContents??this.messages?.noTitle??"";case"container":return e?.associationsContainer??this.messages?.noTitle??""}}_getFeatureCountForAssociationType(t){switch(t){case"attachment":return this._attachmentFeatureCount;case"structure":return this._structureFeatureCount;case"content":return this._contentFeatureCount;case"container":return this._containerFeatureCount;case"connectivity":return this._connectivityFeatureCount}}_getFeatureQueryWhereClause(t,e,s,a){let i=t.globalIdField,o=t.fieldsIndex.get($.assetGroup),c=t.fieldsIndex.get($.assetType),l=s!=null,r=a!=null,d=i?M.sqlIn(i,e):null,u=l?`(${o?.name} = ${s})`:null,h=l&&r?`(${c?.name} = ${a})`:null;return[d,u,h].filter(Boolean).join(" AND ")}_getFeatureTitle(t){let e=t.attributes,s=t.sourceLayer;if(!e||!s)return"";let a="displayField"in s?s.displayField:null,i=a!=null?e[a.toString()]:null,o=i!=null?i.toString():null,c=t.getObjectId()?.toString();return o||c||""}_isSubtypeGroupLayer(t){return t!=null&&typeof t=="object"&&"type"in t&&t.type==="subtype-group"&&"sublayers"in t}_isSubtypeSublayer(t){return t?.type==="subtype-sublayer"}async _loadUtiltyNetworks(){let t=this.map;if(!t)return;await Promise.allSettled(t.utilityNetworks?.map(s=>s.load())??[]);let e=this._utilityNetwork;if(e){let s=a=>{if("layerId"in a&&e.isUtilityLayer(a)){let i=a.layerId!=null?e.getSourceIdByLayerId(a.layerId):null;i!=null&&this._networkSourceIdsInUse.add(i)}};this._networkSourceIdsInUse=new Set,t.allLayers.forEach(s),t.allTables.forEach(s)}}async _loadLayers(t){let e=t.filter(s=>!s.loaded).map(s=>s.load());e.length&&await Promise.allSettled(e)}_matchesGlobalFeature(t,e){return this._equals(t.association,e.association)}async _queryAssociatedFeatures(t,e){let{layer:s,_globalId:a,associationTypes:i,_utilityNetwork:o,_canQuery:c,_associationFeatures:l}=this;if(await Promise.allSettled([s?.load(),o?.load()]),!c||!s||!i||!o)return;let r=this._getAssociationsByType(t.type),{associatedAssetGroup:d,associatedAssetType:u}=t,h=new Map;r.forEach(n=>{let{fromNetworkElement:_,toNetworkElement:y}=n,{networkSourceId:w,elementGlobalId:f}=_.globalId===a?{networkSourceId:y.networkSourceId,elementGlobalId:y.globalId}:{networkSourceId:_.networkSourceId,elementGlobalId:_.globalId},g=h.get(w)||[];g.push(f),h.set(w,g)});let m=await this._createAssociationFeatureObjects(r,h,d,u,e);this._parseFeatureObjects(m,l)}async _queryAssociations(t){let{layer:e,_globalId:s,associationTypes:a,_utilityNetwork:i,_canQuery:o}=this;if(await Promise.allSettled([e?.load(),i?.load()]),this._clearAssociations(),!o||!e||!a||!i||!s)return;let c=this._isSubtypeSublayer(e)?e.parent:e,l=new Q({globalId:s,networkSourceId:i.getSourceIdByLayerId(c.layerId)}),r=new Set;a.forEach(n=>{switch(n.type){case"attachment":case"structure":r.add("attachment");break;case"container":case"content":r.add("containment");break;case"connectivity":r.add("connectivity"),r.add("junction-junction-connectivity"),r.add("junction-edge-from-connectivity"),r.add("junction-edge-midspan-connectivity"),r.add("junction-edge-to-connectivity");break}});let d=await i?.queryAssociations(new B({elements:[l],types:Array.from(r)}),{signal:t?.signal}),u=new Map,h=new Map;a.forEach(n=>{h.set(n.type,n),u.set(n.type,[])}),d.forEach(n=>{let{toNetworkElement:_,fromNetworkElement:y}=n;switch(n.associationType){case"attachment":if(y?.globalId===s){if(this._shouldDiscardNetworkElement(_,"attachment",h))break;u.get("attachment")?.push(_.globalId),this._attachmentAssociations.add(n)}else{if(this._shouldDiscardNetworkElement(y,"structure",h))break;u.get("structure")?.push(y.globalId),this._structureAssociations.add(n)}break;case"connectivity":case"junction-edge-from-connectivity":case"junction-edge-midspan-connectivity":case"junction-edge-to-connectivity":case"junction-junction-connectivity":if(y?.globalId===s){if(this._shouldDiscardNetworkElement(_,"connectivity",h))break;u.get("connectivity")?.push(_.globalId)}else{if(this._shouldDiscardNetworkElement(y,"connectivity",h))break;u.get("connectivity")?.push(y.globalId)}this._connectivityAssociations.add(n);break;case"containment":if(y?.globalId===s){if(this._shouldDiscardNetworkElement(_,"content",h))break;u.get("content")?.push(_.globalId),this._contentAssociations.add(n)}else{if(this._shouldDiscardNetworkElement(y,"container",h))break;u.get("container")?.push(y.globalId),this._containerAssociations.add(n)}break}});let m=a.map(async n=>{let{associatedNetworkSourceId:_,associatedAssetGroup:y,associatedAssetType:w}=n,f=u.get(n.type),g=y!=null?await this._countAssociatedFeatures(_,f,y,w,t):f.length;switch(n.type){case"attachment":this._attachmentFeatureCount=g;break;case"connectivity":this._connectivityFeatureCount=g;break;case"container":this._containerFeatureCount=g;break;case"content":this._contentFeatureCount=g;break;case"structure":this._structureFeatureCount=g;break}});await Promise.allSettled(m)}async _queryFeatureCount(){await this._loadUtiltyNetworks();let{_queryFeatureCountAbortController:t,_canQuery:e}=this;if(!e){this._featureCount=0;return}await this._queryAssociations(t),this._featureCount=this._attachmentFeatureCount+this._connectivityFeatureCount+this._containerFeatureCount+this._contentFeatureCount+this._structureFeatureCount}async _queryLayer(t,e,s,a,i){let o=this._getFeatureQueryWhereClause(t,e,s,a),c=new x({where:o,outFields:["*"],cacheHint:this._supportsCacheHint}),l=P.fromJSON(await V(t,c,i));return l.features.forEach(r=>{let d=this._isSubtypeGroupLayer(t);r.layer=d?t.findSublayerForFeature(r):t,r.sourceLayer=d?t.findSublayerForFeature(r):t}),l.features}_parseFeatureObjects(t,e){let s=I();t.forEach(a=>{let i=(a?.feature).sourceLayer;D(s,i,()=>new b).add(a)});for(let[a,i]of s)this._sortFeatureObjectsByTitle(i),e.set(a,i)}_selectAssociationType(t){let{flowItems:e}=this;e&&(this._activeAssociationType=t,this._setUpUtilityNetworkAssociationsViewModels(),this._addAssociationTypeFlowItem())}_setUpUtilityNetworkAssociationsViewModels(){this._associationViewModels.forEach((i,o)=>{let c=this._associationFeatures.get(o);c?i.forEach(l=>{c.find(r=>this._matchesGlobalFeature(l,r))||(i.remove(l),i.length||this._associationViewModels.delete(o))}):(i.removeAll(),this._associationViewModels.delete(o))});let{map:t,view:e,spatialReference:s,timeZone:a}=this;this._associationFeatures.forEach((i,o)=>{let c=this._associationViewModels.get(o)||new b;i?.filter(Boolean).forEach((l,r)=>{if(!c.some(d=>this._matchesGlobalFeature(d,l))){let{association:d,feature:u,terminalName:h,title:m}=l;c.add({title:m,association:d,featureViewModel:new G({abilities:{utilityNetworkAssociationsContent:!1},map:t,view:e,spatialReference:s,timeZone:a,graphic:u}),terminalName:h},r)}}),this._associationViewModels.set(o,c)})}_shouldDiscardNetworkElement(t,e,s){if(!t)return!1;let{networkSourceId:a}=t,i=s.get(e)?.associatedNetworkSourceId,o=this._networkSourceIdsInUse.has(a);return i!=null&&i!==a||!o}_sortFeatureObjectsByTitle(t){t.sort(this._compareByFeatureTitle)}render(){let{_state:t}=this;return p`<div><arcgis-feature-element-info .heading=${this.heading} .headingLevel=${this.headingLevel} .description=${this.description}></arcgis-feature-element-info>${t==="loading"?this._renderLoading():t==="disabled"?this._renderAssociationNotFound():this._renderContent()}</div>`}_renderAssociationNotFound(){return p`<calcite-notice icon=information kind=info open scale=s width=full><div slot=message>${this.messages?.noAssociations}</div></calcite-notice>`}_renderAssociationTypeList(t){return this._getFeatureCountForAssociationType(t.type)>0?this._renderAssociationTypeListItem(t):null}_renderAssociationTypeListItem(t){let e=this._getAssociationTypeTitle(t);return A(`association-type-${t.type}`,p`<calcite-list-item .description=${L(t.description)} .label=${L(e)} .value=${t.type} @calciteListItemSelect=${()=>this._selectAssociationType(t)}><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`)}_renderContent(){let{_state:t,associationTypes:e,messages:s}=this,a=s?.associationsList??s?.noTitle??"";return A("list-container",p`<div class="list-container">${t==="ready"?p`<div><calcite-list display-mode=flat .label=${a}>${e.map(i=>this._renderAssociationTypeList(i))}</calcite-list></div>`:null}${this._renderStickyLoading()}</div>`)}_renderLoading(){return p`<div class="loading-container">${this._renderLoadingIcon()}${this._renderStickyLoading()}</div>`}_renderLoadingIcon(){return p`<calcite-loader inline label></calcite-loader>`}_renderStickyLoading(){return this._state==="querying"?p`<div class="sticky-loading-container">${this._renderLoadingIcon()}</div>`:null}};S("arcgis-feature-utility-network-associations",k);return k},"applications/Components/featureUtils","applications/Components/stringUtils","core/Collection","core/promiseUtils","core/reactiveUtils","core/sql","rest/networks/support/NetworkElement","rest/networks/support/QueryAssociationsParameters","rest/support/FeatureSet","rest/support/Query","widgets/Feature/FeatureViewModel")
+v5.0.0-next.28 */
+import{a as F}from"./O7CAXJMN.js";import{a as A}from"./7UPGXEX6.js";import{J as T,N as q,P as S,a as v,b as p}from"./4RAFHMBQ.js";import"./6NG76DLX.js";export default $arcgis.t(([{createReactiveMap:I,findUtilityNetwork:U,queryAllJSON:V,getOrCreateMapValue:D},{stripHTML:L},b,{ignoreAbortErrors:N},{watch:C},M,Q,B,P,x,G])=>{var O=v`.list-container{min-height:var(--calcite-spacing-xxxl)}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.sticky-loading-container{display:flex;position:sticky;bottom:var(--calcite-spacing-sm);align-items:center;justify-content:center;z-index:2;margin:0;padding:0;height:var(--calcite-spacing-xxxl);pointer-events:none;height:500px}`,E=100,$={assetGroup:"assetgroup",assetType:"assettype"},j="{00000000-0000-0000-0000-000000000000}",k=class extends T{constructor(){super(...arguments),this._addFlowItem=t=>{t&&this.flowItems?.push(t)},this._attachmentAssociations=new b,this._attachmentFeatureCount=0,this._cancelQuery=()=>{let{_queryAbortController:t}=this;t&&t.abort(),this._queryAbortController=null},this._cancelQueryFeatureCount=()=>{let{_queryFeatureCountAbortController:t}=this;t&&t.abort(),this._queryFeatureCountAbortController=null},this._connectivityAssociations=new b,this._connectivityFeatureCount=0,this._containerAssociations=new b,this._containerFeatureCount=0,this._contentAssociations=new b,this._contentFeatureCount=0,this._networkSourceIdsInUse=new Set,this._query=async t=>{if(!t)return;await this._loadUtiltyNetworks();let{_queryAbortController:e}=this;this._destroyAssociatedFeatureViewModels(),this._clearFeatures(),this._featureCount&&await this._queryAssociatedFeatures(t,{signal:e?.signal})},this._queryController=async t=>{this._cancelQuery();let e=new AbortController;this._queryAbortController=e,await N(this._query(t)),this._queryAbortController===e&&(this._queryAbortController=null)},this._queryFeatureCountController=async()=>{this._loaded=!1,this._cancelQueryFeatureCount();let t=new AbortController;this._queryFeatureCountAbortController=t,await N(this._queryFeatureCount()),this._queryFeatureCountAbortController===t&&(this._queryFeatureCountAbortController=null),this._loaded=!0},this._queryDebounced=F(this._queryController,E),this._queryFeatureCountDebounced=F(this._queryFeatureCountController,E),this._structureAssociations=new b,this._structureFeatureCount=0,this._queryAssociationType=async()=>{this._activeAssociationType&&this._queryDebounced(this._activeAssociationType)},this._associationFeatures=I(),this._associationViewModels=I(),this._featureCount=0,this._loaded=!1,this._queryAbortController=null,this._queryFeatureCountAbortController=null,this._queryPageAbortController=null,this.associationTypes=null,this.autoDestroyDisabled=!1,this.flowType="feature-utility-network-associations",this.headingLevel=2,this.source="popup"}static{this.properties={_activeAssociationType:16,_associationFeatures:16,_associationViewModels:16,_canLoad:16,_canQuery:16,_featureCount:16,_loaded:16,_queryAbortController:16,_queryFeatureCountAbortController:16,_queryPageAbortController:16,_state:16,associationTypes:0,autoDestroyDisabled:5,description:1,flowItems:0,flowType:1,graphic:0,heading:1,headingLevel:9,layer:0,map:0,messages:0,parentFeatureViewModel:0,source:1,spatialReference:0,timeZone:1,view:0}}static{this.styles=O}get _globalId(){return(this._globalIdField&&this.graphic?.attributes?.[this._globalIdField])??null}get _globalIdField(){return this.layer?.globalIdField}get _objectId(){return(this._objectIdField&&this.graphic?.attributes?.[this._objectIdField])??null}get _objectIdField(){return this.layer?.objectIdField}get _supportsCacheHint(){return!!this.layer?.capabilities?.queryRelated?.supportsCacheHint}get _utilityNetwork(){let{layer:t,map:e}=this;if(!t?.loaded||!e)return null;let s=this._isSubtypeSublayer(t)?t.parent:t;return U(e,s)}get _canLoad(){return!!this.map}get _canQuery(){return!!this.layer?.capabilities?.query?.supportsPagination}get _state(){let{_canLoad:t,_canQuery:e,_featureCount:s,_loaded:a,_queryAbortController:i,_queryFeatureCountAbortController:o,_queryPageAbortController:c,associationTypes:l}=this;return o||t&&!a?"loading":i||c?"querying":!this._globalId||!l||!e||!s?"disabled":"ready"}get heading(){return this._heading}set heading(t){this._heading=t}async destroy(){await this.manager.destroy()}loaded(){this.manager.onLifecycle(()=>[C(()=>[this.graphic,this.layer,this.map,this.associationTypes,this._canQuery,this._objectId,this._globalId],()=>{this._queryFeatureCountDebounced(),this._queryAssociationType()},{initial:!0}),C(()=>this._activeAssociationType,t=>{this._queryDebounced(t)}),C(()=>this._associationFeatures.values(),()=>{this._setUpUtilityNetworkAssociationsViewModels()})]),this.manager.onDestroy(()=>{this._cancelQuery(),this._cancelQueryFeatureCount()})}_addAssociationTypeFlowItem(){this._addFlowItem(q(p`<arcgis-feature-utility-network-association-list .associationViewModels=${this._associationViewModels} .flowItems=${this.flowItems} .flowType=${this.flowType} .messages=${this.messages} .map=${this.map} .parentFeatureViewModel=${this.parentFeatureViewModel} .state=${this._state} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature-utility-network-association-list>`))}_clearAssociations(){this._attachmentAssociations.removeAll(),this._connectivityAssociations.removeAll(),this._containerAssociations.removeAll(),this._contentAssociations.removeAll(),this._structureAssociations.removeAll()}_clearFeatures(){this._associationFeatures.forEach(t=>t.removeAll()),this._associationFeatures.clear()}_compareByFeatureTitle(t,e){return t.title.localeCompare(e.title,void 0,{numeric:!0})}async _countAssociatedFeatureCount(t,e,s,a,i){let o=this._getFeatureQueryWhereClause(t,e,s,a);return await t.queryFeatureCount({where:o,outFields:["*"],returnGeometry:!1},{signal:i?.signal})}async _countAssociatedFeatures(t,e,s,a,i){if(!e.length)return 0;let o=await this._findLayersBySourceId(t);await this._loadLayers(o);let c=o.map(l=>this._countAssociatedFeatureCount(l,e,s,a,i));return(await Promise.all(c)).reduce((l,r)=>l+r,0)}async _createAssociationFeatureObjects(t,e,s,a,i){if(!t.length)return[];let o=new Map,c=Array.from(e.entries()).map(async([r,d])=>{let u=await this._findLayersBySourceId(r);await this._loadLayers(u);let h=u.map(m=>this._queryLayer(m,d,s,a,i));(await Promise.all(h)).forEach(m=>{m.forEach(n=>{if(this.source==="popup"?n.sourceLayer&&n.getEffectivePopupTemplate():n.sourceLayer){let _=n.layer.globalIdField??"",y=n.attributes[_],w=o.get(y)??[];w.push(n),o.set(y,w)}})})});await Promise.all(c);let l=[];return await Promise.all(t.toArray().map(async r=>{let{fromNetworkElement:d,toNetworkElement:u}=r,h=d.globalId===this._globalId?u:d,m=o.get(h.globalId)??[];await Promise.all(m.map(async n=>{let _=this._utilityNetwork?.getTerminalById(h?.terminalId)?.name,y=await n.sourceLayer.getFeatureTitle(n)||this._getFeatureTitle(n);l.push({title:y,feature:n,association:r,terminalName:_})}))})),l}_destroyAssociatedFeatureViewModels(){this._associationViewModels.forEach(t=>t.destroyAll())}_equals(t,e){if(t.globalId===j&&e.globalId===j){let s=function(d,u){return d.networkSourceId===u.networkSourceId&&d.globalId===u.globalId&&d.terminalId===u.terminalId&&d.firstUnit===u.firstUnit&&d.numUnits===u.numUnits},a=t.fromNetworkElement,i=t.toNetworkElement,o=e.fromNetworkElement,c=e.toNetworkElement,l=s(a,o),r=s(i,c);return l&&r&&t.associationType===e.associationType}return t.globalId!=null&&e.globalId!=null&&t.globalId===e.globalId}async _findLayersBySourceId(t){let{_utilityNetwork:e,map:s}=this;e?.loaded||await e?.load();let a=e.getLayerIdBySourceId(t),i=s.allLayers.filter(c=>!!e?.isUtilityLayer(c)&&c.layerId===a),o=s.allTables.filter(c=>!!e?.isUtilityLayer(c)&&c.layerId===a);return i.concat(o).toArray()}_getAssociationsByType(t){switch(t){case"attachment":return this._attachmentAssociations;case"structure":return this._structureAssociations;case"connectivity":return this._connectivityAssociations;case"container":return this._containerAssociations;case"content":return this._contentAssociations}}_getAssociationTypeTitle(t){let{messages:e}=this;if(t.title)return t.title;switch(t.type){case"attachment":return e?.associationsAttachments??this.messages?.noTitle??"";case"connectivity":return e?.associationsConnectivity??this.messages?.noTitle??"";case"structure":return e?.associationsStructure??this.messages?.noTitle??"";case"content":return e?.associationsContents??this.messages?.noTitle??"";case"container":return e?.associationsContainer??this.messages?.noTitle??""}}_getFeatureCountForAssociationType(t){switch(t){case"attachment":return this._attachmentFeatureCount;case"structure":return this._structureFeatureCount;case"content":return this._contentFeatureCount;case"container":return this._containerFeatureCount;case"connectivity":return this._connectivityFeatureCount}}_getFeatureQueryWhereClause(t,e,s,a){let i=t.globalIdField,o=t.fieldsIndex.get($.assetGroup),c=t.fieldsIndex.get($.assetType),l=s!=null,r=a!=null,d=i?M.sqlIn(i,e):null,u=l?`(${o?.name} = ${s})`:null,h=l&&r?`(${c?.name} = ${a})`:null;return[d,u,h].filter(Boolean).join(" AND ")}_getFeatureTitle(t){let e=t.attributes,s=t.sourceLayer;if(!e||!s)return"";let a="displayField"in s?s.displayField:null,i=a!=null?e[a.toString()]:null,o=i!=null?i.toString():null,c=t.getObjectId()?.toString();return o||c||""}_isSubtypeGroupLayer(t){return t!=null&&typeof t=="object"&&"type"in t&&t.type==="subtype-group"&&"sublayers"in t}_isSubtypeSublayer(t){return t?.type==="subtype-sublayer"}async _loadUtiltyNetworks(){let t=this.map;if(!t)return;await Promise.allSettled(t.utilityNetworks?.map(s=>s.load())??[]);let e=this._utilityNetwork;if(e){let s=a=>{if("layerId"in a&&e.isUtilityLayer(a)){let i=a.layerId!=null?e.getSourceIdByLayerId(a.layerId):null;i!=null&&this._networkSourceIdsInUse.add(i)}};this._networkSourceIdsInUse=new Set,t.allLayers.forEach(s),t.allTables.forEach(s)}}async _loadLayers(t){let e=t.filter(s=>!s.loaded).map(s=>s.load());e.length&&await Promise.allSettled(e)}_matchesGlobalFeature(t,e){return this._equals(t.association,e.association)}async _queryAssociatedFeatures(t,e){let{layer:s,_globalId:a,associationTypes:i,_utilityNetwork:o,_canQuery:c,_associationFeatures:l}=this;if(await Promise.allSettled([s?.load(),o?.load()]),!c||!s||!i||!o)return;let r=this._getAssociationsByType(t.type),{associatedAssetGroup:d,associatedAssetType:u}=t,h=new Map;r.forEach(n=>{let{fromNetworkElement:_,toNetworkElement:y}=n,{networkSourceId:w,elementGlobalId:f}=_.globalId===a?{networkSourceId:y.networkSourceId,elementGlobalId:y.globalId}:{networkSourceId:_.networkSourceId,elementGlobalId:_.globalId},g=h.get(w)||[];g.push(f),h.set(w,g)});let m=await this._createAssociationFeatureObjects(r,h,d,u,e);this._parseFeatureObjects(m,l)}async _queryAssociations(t){let{layer:e,_globalId:s,associationTypes:a,_utilityNetwork:i,_canQuery:o}=this;if(await Promise.allSettled([e?.load(),i?.load()]),this._clearAssociations(),!o||!e||!a||!i||!s)return;let c=this._isSubtypeSublayer(e)?e.parent:e,l=new Q({globalId:s,networkSourceId:i.getSourceIdByLayerId(c.layerId)}),r=new Set;a.forEach(n=>{switch(n.type){case"attachment":case"structure":r.add("attachment");break;case"container":case"content":r.add("containment");break;case"connectivity":r.add("connectivity"),r.add("junction-junction-connectivity"),r.add("junction-edge-from-connectivity"),r.add("junction-edge-midspan-connectivity"),r.add("junction-edge-to-connectivity");break}});let d=await i?.queryAssociations(new B({elements:[l],types:Array.from(r)}),{signal:t?.signal}),u=new Map,h=new Map;a.forEach(n=>{h.set(n.type,n),u.set(n.type,[])}),d.forEach(n=>{let{toNetworkElement:_,fromNetworkElement:y}=n;switch(n.associationType){case"attachment":if(y?.globalId===s){if(this._shouldDiscardNetworkElement(_,"attachment",h))break;u.get("attachment")?.push(_.globalId),this._attachmentAssociations.add(n)}else{if(this._shouldDiscardNetworkElement(y,"structure",h))break;u.get("structure")?.push(y.globalId),this._structureAssociations.add(n)}break;case"connectivity":case"junction-edge-from-connectivity":case"junction-edge-midspan-connectivity":case"junction-edge-to-connectivity":case"junction-junction-connectivity":if(y?.globalId===s){if(this._shouldDiscardNetworkElement(_,"connectivity",h))break;u.get("connectivity")?.push(_.globalId)}else{if(this._shouldDiscardNetworkElement(y,"connectivity",h))break;u.get("connectivity")?.push(y.globalId)}this._connectivityAssociations.add(n);break;case"containment":if(y?.globalId===s){if(this._shouldDiscardNetworkElement(_,"content",h))break;u.get("content")?.push(_.globalId),this._contentAssociations.add(n)}else{if(this._shouldDiscardNetworkElement(y,"container",h))break;u.get("container")?.push(y.globalId),this._containerAssociations.add(n)}break}});let m=a.map(async n=>{let{associatedNetworkSourceId:_,associatedAssetGroup:y,associatedAssetType:w}=n,f=u.get(n.type),g=y!=null?await this._countAssociatedFeatures(_,f,y,w,t):f.length;switch(n.type){case"attachment":this._attachmentFeatureCount=g;break;case"connectivity":this._connectivityFeatureCount=g;break;case"container":this._containerFeatureCount=g;break;case"content":this._contentFeatureCount=g;break;case"structure":this._structureFeatureCount=g;break}});await Promise.allSettled(m)}async _queryFeatureCount(){await this._loadUtiltyNetworks();let{_queryFeatureCountAbortController:t,_canQuery:e}=this;if(!e){this._featureCount=0;return}await this._queryAssociations(t),this._featureCount=this._attachmentFeatureCount+this._connectivityFeatureCount+this._containerFeatureCount+this._contentFeatureCount+this._structureFeatureCount}async _queryLayer(t,e,s,a,i){let o=this._getFeatureQueryWhereClause(t,e,s,a),c=new x({where:o,outFields:["*"],cacheHint:this._supportsCacheHint}),l=P.fromJSON(await V(t,c,i));return l.features.forEach(r=>{let d=this._isSubtypeGroupLayer(t);r.layer=d?t.findSublayerForFeature(r):t,r.sourceLayer=d?t.findSublayerForFeature(r):t}),l.features}_parseFeatureObjects(t,e){let s=I();t.forEach(a=>{let i=(a?.feature).sourceLayer;D(s,i,()=>new b).add(a)});for(let[a,i]of s)this._sortFeatureObjectsByTitle(i),e.set(a,i)}_selectAssociationType(t){let{flowItems:e}=this;e&&(this._activeAssociationType=t,this._setUpUtilityNetworkAssociationsViewModels(),this._addAssociationTypeFlowItem())}_setUpUtilityNetworkAssociationsViewModels(){this._associationViewModels.forEach((i,o)=>{let c=this._associationFeatures.get(o);c?i.forEach(l=>{c.find(r=>this._matchesGlobalFeature(l,r))||(i.remove(l),i.length||this._associationViewModels.delete(o))}):(i.removeAll(),this._associationViewModels.delete(o))});let{map:t,view:e,spatialReference:s,timeZone:a}=this;this._associationFeatures.forEach((i,o)=>{let c=this._associationViewModels.get(o)||new b;i?.filter(Boolean).forEach((l,r)=>{if(!c.some(d=>this._matchesGlobalFeature(d,l))){let{association:d,feature:u,terminalName:h,title:m}=l;c.add({title:m,association:d,featureViewModel:new G({abilities:{utilityNetworkAssociationsContent:!1},map:t,view:e,spatialReference:s,timeZone:a,graphic:u}),terminalName:h},r)}}),this._associationViewModels.set(o,c)})}_shouldDiscardNetworkElement(t,e,s){if(!t)return!1;let{networkSourceId:a}=t,i=s.get(e)?.associatedNetworkSourceId,o=this._networkSourceIdsInUse.has(a);return i!=null&&i!==a||!o}_sortFeatureObjectsByTitle(t){t.sort(this._compareByFeatureTitle)}render(){let{_state:t}=this;return p`<div><arcgis-feature-element-info .heading=${this.heading} .headingLevel=${this.headingLevel} .description=${this.description}></arcgis-feature-element-info>${t==="loading"?this._renderLoading():t==="disabled"?this._renderAssociationNotFound():this._renderContent()}</div>`}_renderAssociationNotFound(){return p`<calcite-notice icon=information kind=info open scale=s width=full><div slot=message>${this.messages?.noAssociations}</div></calcite-notice>`}_renderAssociationTypeList(t){return this._getFeatureCountForAssociationType(t.type)>0?this._renderAssociationTypeListItem(t):null}_renderAssociationTypeListItem(t){let e=this._getAssociationTypeTitle(t);return A(`association-type-${t.type}`,p`<calcite-list-item .description=${L(t.description)} .label=${L(e)} .value=${t.type} @calciteListItemSelect=${()=>this._selectAssociationType(t)}><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`)}_renderContent(){let{_state:t,associationTypes:e,messages:s}=this,a=s?.associationsList??s?.noTitle??"";return A("list-container",p`<div class="list-container">${t==="ready"?p`<div><calcite-list display-mode=flat .label=${a}>${e.map(i=>this._renderAssociationTypeList(i))}</calcite-list></div>`:null}${this._renderStickyLoading()}</div>`)}_renderLoading(){return p`<div class="loading-container">${this._renderLoadingIcon()}${this._renderStickyLoading()}</div>`}_renderLoadingIcon(){return p`<calcite-loader inline label></calcite-loader>`}_renderStickyLoading(){return this._state==="querying"?p`<div class="sticky-loading-container">${this._renderLoadingIcon()}</div>`:null}};S("arcgis-feature-utility-network-associations",k);return k},"applications/Components/featureUtils","applications/Components/stringUtils","core/Collection","core/promiseUtils","core/reactiveUtils","core/sql","rest/networks/support/NetworkElement","rest/networks/support/QueryAssociationsParameters","rest/support/FeatureSet","rest/support/Query","widgets/Feature/FeatureViewModel")

package/dist/cdn/{BSA74OAD.js → PQNICXPR.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.27 */
-import c from"./R4SYTDQA.js";import{a as m}from"./K7W4FG63.js";import b from"./KJ5K5OTC.js";import a from"./NR5T2AWQ.js";import{g as u}from"./7F3RZUBX.js";import"./MV4GG63P.js";import{b as p}from"./WOKZBQOX.js";import{J as h,K as d,M as g,P as v,a as l,b as e,s as n}from"./4ERR2FYI.js";import"./3KXSCIKQ.js";export default $arcgis.t(([x,,{a:o},w])=>{var T=l`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}`,f={base:"track",button:"arcgis-button"},y=w(x),r=class extends h{constructor(){super(...arguments),this.messages=m(),this.viewModel=y(this),this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.error=this.viewModel.error,this.geolocationOptions=this.viewModel.geolocationOptions,this.goToOverride=this.viewModel.goToOverride,this.goToLocationDisabled=this.viewModel.goToLocationEnabled,this.graphic=this.viewModel.graphic,this.icon="compass-north-circle",this.positionFilterFunction=this.viewModel.positionFilterFunction,this.rotationDisabled=this.viewModel.rotationEnabled,this.scale=this.viewModel.scale,this.state=this.viewModel.state,this.tracking=this.viewModel.tracking,this.arcgisComplete=o(()=>this.viewModel,"track"),this.arcgisError=o(()=>this.viewModel,"track-error"),this.arcgisPropertyChange=u()("state"),this.arcgisReady=n()}static{this.properties={view:0,autoDestroyDisabled:5,error:1,geolocationOptions:1,goToOverride:0,goToLocationDisabled:7,graphic:0,icon:1,label:1,messageOverrides:0,position:3,positionFilterFunction:0,referenceElement:1,rotationDisabled:5,scale:9,state:3,tracking:4}}static{this.styles=T}async destroy(){await this.manager.destroy()}async start(){this.viewModel.start()}async stop(){this.viewModel.stop()}_localizeError(t){if(t instanceof GeolocationPositionError)return t.code===GeolocationPositionError.PERMISSION_DENIED?this.messages?.permissionError:t.code===GeolocationPositionError.TIMEOUT?this.messages?.timeoutError:this.messages?.positionUnavailable;if(t instanceof Error)return t.message}_toggleTracking(){if(!this.viewModel)return;let{state:t}=this.viewModel;if(!(t==="feature-unsupported"||t==="disabled")){if(t==="tracking"||t==="waiting"){this.viewModel.stop();return}this.viewModel.start()}}render(){let{viewModel:t,messages:s,icon:b}=this,i=t?.state,M=i==="tracking",a=this._localizeError(this.viewModel?.error),c=(M?s?.stopTracking:s?.startTracking)??"",E=i==="feature-unsupported",k=(i==="tracking"?"pause":void 0)??b??void 0;return e`<div class=${d(p(f.base,f.button))}>${!E&&e`<calcite-button .disabled=${i==="disabled"} .iconStart=${k} kind=neutral .label=${c} .loading=${i==="waiting"} @click=${this._toggleTracking} title=${c??g}></calcite-button>`||""}${a?e`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${a}</calcite-tooltip>`:null}</div>`}};v("arcgis-track",r);return r},"widgets/Track/TrackViewModel",a,b,c)
+v5.0.0-next.28 */
+import c from"./XTLBY5IF.js";import{a as m}from"./ATLASHYR.js";import b from"./MGD2C5WV.js";import a from"./M5KY527X.js";import{g as u}from"./FMVFUCUB.js";import"./47VY3BKR.js";import{b as p}from"./IQHAP4SC.js";import{J as h,K as d,M as g,P as v,a as l,b as e,s as n}from"./4RAFHMBQ.js";import"./6NG76DLX.js";export default $arcgis.t(([x,,{a:o},w])=>{var T=l`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}`,f={base:"track",button:"arcgis-button"},y=w(x),r=class extends h{constructor(){super(...arguments),this.messages=m(),this.viewModel=y(this),this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.error=this.viewModel.error,this.geolocationOptions=this.viewModel.geolocationOptions,this.goToOverride=this.viewModel.goToOverride,this.goToLocationDisabled=this.viewModel.goToLocationEnabled,this.graphic=this.viewModel.graphic,this.icon="compass-north-circle",this.positionFilterFunction=this.viewModel.positionFilterFunction,this.rotationDisabled=this.viewModel.rotationEnabled,this.scale=this.viewModel.scale,this.state=this.viewModel.state,this.tracking=this.viewModel.tracking,this.arcgisComplete=o(()=>this.viewModel,"track"),this.arcgisError=o(()=>this.viewModel,"track-error"),this.arcgisPropertyChange=u()("state"),this.arcgisReady=n()}static{this.properties={view:0,autoDestroyDisabled:5,error:1,geolocationOptions:1,goToOverride:0,goToLocationDisabled:7,graphic:0,icon:1,label:1,messageOverrides:0,position:3,positionFilterFunction:0,referenceElement:1,rotationDisabled:5,scale:9,state:3,tracking:4}}static{this.styles=T}async destroy(){await this.manager.destroy()}async start(){this.viewModel.start()}async stop(){this.viewModel.stop()}_localizeError(t){if(t instanceof GeolocationPositionError)return t.code===GeolocationPositionError.PERMISSION_DENIED?this.messages?.permissionError:t.code===GeolocationPositionError.TIMEOUT?this.messages?.timeoutError:this.messages?.positionUnavailable;if(t instanceof Error)return t.message}_toggleTracking(){if(!this.viewModel)return;let{state:t}=this.viewModel;if(!(t==="feature-unsupported"||t==="disabled")){if(t==="tracking"||t==="waiting"){this.viewModel.stop();return}this.viewModel.start()}}render(){let{viewModel:t,messages:s,icon:b}=this,i=t?.state,M=i==="tracking",a=this._localizeError(this.viewModel?.error),c=(M?s?.stopTracking:s?.startTracking)??"",E=i==="feature-unsupported",k=(i==="tracking"?"pause":void 0)??b??void 0;return e`<div class=${d(p(f.base,f.button))}>${!E&&e`<calcite-button .disabled=${i==="disabled"} .iconStart=${k} kind=neutral .label=${c} .loading=${i==="waiting"} @click=${this._toggleTracking} title=${c??g}></calcite-button>`||""}${a?e`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${a}</calcite-tooltip>`:null}</div>`}};v("arcgis-track",r);return r},"widgets/Track/TrackViewModel",a,b,c)

package/dist/cdn/{4ID5XS6O.js → QHQ3RYD2.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.27 */
-import{a as O}from"./L2RA4J2S.js";import{a as N}from"./5NY2TQXQ.js";import"./FK7LZL7M.js";import e from"./R4SYTDQA.js";import{a as z}from"./K7W4FG63.js";import"./UPZSKUHI.js";import d from"./KJ5K5OTC.js";import c from"./NR5T2AWQ.js";import{g as M}from"./7F3RZUBX.js";import"./MV4GG63P.js";import{b as A}from"./WOKZBQOX.js";import{I as b,J as D,K as s,M as x,P as U,a as C,b as a,s as $,w as F}from"./4ERR2FYI.js";import"./3KXSCIKQ.js";export default $arcgis.t(([{watch:B},{isHTTPSProtocol:f,isDataProtocol:E},{formatDate:P,convertDateFormatToIntlOptions:V},q,R,{property:k,subclass:H},,,L])=>{var Z=C`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{display:flex}.arcgis-bookmarks{width:100%;overflow:hidden auto;transition:max-height .25s ease-in-out}:host([closed]) .arcgis-bookmarks{display:none}.arcgis-bookmarks__empty{display:flex;flex-flow:column wrap;align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);text-align:center;color:var(--calcite-color-text-1)}.arcgis-bookmarks .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.arcgis-bookmarks calcite-flow-item[loading]{min-height:150px}.arcgis-bookmarks__loader{margin-inline-end:0}.arcgis-bookmarks__filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.arcgis-bookmarks__bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.arcgis-bookmarks__bookmark-image-container .arcgis-bookmarks__image{max-width:64px;overflow:hidden}.arcgis-bookmarks--drag-enabled .arcgis-bookmarks__bookmark-image-container{margin-inline-start:0}.arcgis-bookmarks__no-bookmarks-heading{margin:0;margin-block-start:var(--calcite-spacing-md);font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-tight);font-weight:var(--calcite-font-weight-regular)}.arcgis-bookmarks__authoring{display:flex;flex-direction:column}.arcgis-bookmarks__authoring-image-container{display:flex;align-items:middle;justify-content:center;margin-block-end:var(--calcite-spacing-md);margin-inline-end:var(--calcite-spacing-lg);background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#fff;width:128px;height:128px;text-align:center}.arcgis-bookmarks__authoring-image-container .arcgis-bookmarks__image{max-width:128px;max-height:128px}.arcgis-bookmarks__form{display:flex;height:100%}.arcgis-bookmarks__form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.arcgis-bookmarks__authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.arcgis-bookmarks__bookmark-content-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.arcgis-bookmarks__bookmark-content calcite-table{margin-inline-start:-.25rem}.arcgis-bookmarks__bookmark-content calcite-table,.arcgis-bookmarks__bookmark-content calcite-table-row{--calcite-color-border-3: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-table-row-background-color: transparent;pointer-events:none}`,m="arcgis-bookmarks",T=`${m}__authoring`,S=`${m}__bookmark`,c={base:m,empty:`${m}__empty`,noBookmarksHeader:`${m}__no-bookmarks-heading`,noBookmarksDescription:`${m}__no-bookmarks-description`,form:`${m}__form`,list:`${m}__list`,loader:`${m}__loader`,filterNoResults:`${m}__filter-no-results`,formContent:`${m}__form-content`,addBookmarkButton:`${m}__add-bookmark-button`,editBookmarkInput:`${m}__edit-bookmark-input`,addBookmarkInput:`${m}__add-bookmark-input`,dragEnabled:`${m}--drag-enabled`,bookmarkImage:`${m}__image`,bookmarkImageContainer:`${S}-image-container`,bookmarkContent:`${S}-content`,bookmarkContentLabel:`${S}-content-label`,authoring:T,authoringImageContainer:`${T}-image-container`,authoringRefreshThumbnailButton:`${T}-refresh-thumbnail-button`},j=Object.defineProperty,G=Object.getOwnPropertyDescriptor,u=(n,e,t,i)=>{for(var r=i>1?void 0:i?G(e,t):e,o=n.length-1,l;o>=0;o--)(l=n[o])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&j(e,t,r),r},h=class extends R{constructor(n){super(n)}get editedBookmark(){let{bookmark:n}=this;return n?this._get("editedBookmark")||n.clone():null}get customUrl(){if(this._customUrl)return this._customUrl;let n=this.editedBookmark?.thumbnail?.url??"";return n??(f(n)?n:null)}set customUrl(n){this._customUrl=n}get screenshotUrl(){if(this._screenshotUrl)return this._screenshotUrl;let n=this.editedBookmark?.thumbnail?.url??"";return n??(E(n)?n:null)}set screenshotUrl(n){this._screenshotUrl=n}get state(){return this._get("state")}set state(n){this.validationState=void 0,this.creatingBookmark=void 0,this._set("state",n)}get thumbnailState(){if(this._thumbnailState)return this._thumbnailState;let n=this.editedBookmark?.thumbnail?.url;return n?f(n)?"url":"screenshot":"none"}set thumbnailState(n){this._thumbnailState=n}};u([k()],h.prototype,"bookmark",2);u([k({readOnly:!0})],h.prototype,"editedBookmark",1);u([k()],h.prototype,"_customUrl",2);u([k()],h.prototype,"customUrl",1);u([k()],h.prototype,"_screenshotUrl",2);u([k()],h.prototype,"screenshotUrl",1);u([k()],h.prototype,"state",1);u([k()],h.prototype,"_thumbnailState",2);u([k()],h.prototype,"thumbnailState",1);u([k()],h.prototype,"validationState",2);u([k()],h.prototype,"creatingBookmark",2);h=u([H("UserState")],h);var J=L(q),I=class extends D{constructor(){super(...arguments),this._guid=F(),this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._lastDragDetail=null,this.messages=z({}),this.viewModel=J(this),this._storeEditFlowItemNode=e=>{this._editFlowItemEl=e},this._storeRootFlowItem=e=>{this._rootFlowItemEl=e},this._storeAddFlowItemNode=e=>{this._addFlowItemEl=e},this._userState=null,this._userCreatingBookmark=!1,this.editIncludeTimeExtent=!1,this.view=this.viewModel.view,this.icon="bookmark",this.closed=!1,this.defaultCreateOptions=this.viewModel.defaultCreateOptions,this.defaultEditOptions=this.viewModel.defaultEditOptions,this.bookmarks=this.viewModel.bookmarks,this.disabled=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.goToOverride=this.viewModel.goToOverride,this.showAddBookmarkButton=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showEditBookmarkButton=!1,this.showFilter=!1,this.hideFlow=!1,this.showHeading=!1,this.hideThumbnail=!1,this.hideTime=!1,this.timeDisabled=this.viewModel.capabilities.time,this.autoDestroyDisabled=!1,this.state=this.viewModel.state,this.arcgisBookmarkEdit=$(),this.arcgisBookmarkSelect=$(),this.arcgisPropertyChange=M()("state"),this.arcgisReady=$(),this.arcgisClose=$()}static{this.properties={_userState:16,_userStateValue:16,_userValidationState:16,_userThumbnailState:16,_userCreatingBookmark:16,editIncludeTimeExtent:16,view:0,referenceElement:1,position:3,icon:1,closed:7,defaultCreateOptions:0,defaultEditOptions:0,bookmarks:0,disabled:5,dragEnabled:5,filterPlaceholder:1,filterText:1,headingLevel:9,goToOverride:0,showAddBookmarkButton:5,showCloseButton:5,showCollapseButton:5,showEditBookmarkButton:5,showFilter:5,hideFlow:5,showHeading:5,hideThumbnail:5,hideTime:5,timeDisabled:5,autoDestroyDisabled:5,messageOverrides:0,label:1,state:3}}static{this.styles=Z}async destroy(){await this.manager.destroy()}goTo(e){return this.viewModel.goTo(e)}loaded(){this.manager.onLifecycle(()=>[this.viewModel.on("bookmark-select",this.arcgisBookmarkSelect.emit),this.viewModel.on("bookmark-edit",this.arcgisBookmarkEdit.emit),B(()=>this._userState?.state,e=>this._userStateValue=e,{initial:!0}),B(()=>this._userState?.validationState,e=>this._userValidationState=e,{initial:!0}),B(()=>this._userState?.thumbnailState,e=>this._userThumbnailState=e,{initial:!0}),B(()=>this._userState?.creatingBookmark,e=>this._userCreatingBookmark=!!e,{initial:!0})])}_handleClose(){this.closed=!0,this.arcgisClose.emit()}startAddBookmark(){this._userState=new h({state:"add"}),requestAnimationFrame(()=>{this._addFlowItemEl?.setFocus()})}_clearState(){this._userState=null}_getTimeExtentStrings(e){let{hideTime:t}=this,{timeExtent:i}=e;if(!i)return{};let{start:r,end:o}=i,l=o!=null&&(r==null||r.getTime()!==o.getTime()),d=r?this._formatDate(r):"",p=r&&!t?this._formatTime(r):"";if(!l)return{startDate:d,startTime:p};let v=this._formatDate(o),g=t?"":this._formatTime(o);return{startDate:d,startTime:p,endDate:v,endTime:g}}_handleUrlEditInputChange(){let{_userState:e,_urlEditInputNode:t}=this,i=t?.value;if(!e?.editedBookmark||!i)return;e.validationState=void 0,E(e.editedBookmark.thumbnail?.url??"")&&(e.screenshotUrl=e.editedBookmark.thumbnail?.url);let r={url:i};f(r.url)&&(e.customUrl=i,e.editedBookmark.thumbnail=r)}_getBookmarkTitle(e){return(e?.name||this.messages.untitled)??""}_formatDate(e){if(!e)return"";let t=this.viewModel.view,i=t&&"timeZone"in t?t.timeZone:"system";return P(e,{...V("short-date"),timeZone:i})}_formatTime(e){if(!e)return"";let t=this.viewModel.view,i=t&&"timeZone"in t?t.timeZone:"system";return P(e,{...V("long-time"),timeZone:i})}_onCalciteListOrderChange(e){let{_lastDragDetail:t,bookmarks:i}=this,{toEl:r,fromEl:o,dragEl:l,newIndex:d}=e;if(!i.length)return;let p=t?.newIndex===d&&t?.dragEl===l&&t?.toEl===r&&t?.fromEl===o;if(!o||!r||p)return;this._lastDragDetail=e;let v=Array.from(o.children).filter(g=>g?.matches("calcite-list-item")).map(g=>g.value);i.sort((g,y)=>{let w=v.indexOf(g.uid),_=v.indexOf(y.uid);return w>_?1:w<_?-1:0})}_endAddBookmark(){this._clearState(),this._focusRootFlowItem()}_showEditBookmarkForm(e){e&&(this.editIncludeTimeExtent=!!e.timeExtent,this._userState=new h({bookmark:e,state:"edit"}),requestAnimationFrame(()=>{this._editFlowItemEl?.setFocus()}),this.viewModel.goTo(e))}async _createNewScreenshotUrl(){return(await this.viewModel.createBookmark()).thumbnail?.url??null}_storeCurrentUrl(){let{_userState:e}=this,t=e?.editedBookmark?.thumbnail?.url;t&&(f(t)?e.customUrl=t:E(t)&&(e.screenshotUrl=t))}async _handleThumbnailTypeSelect(e){let{_userState:t}=this;if(!t)return;let{screenshotUrl:i,customUrl:r,editedBookmark:o}=t,l=e==="screenshot"?i??await this._createNewScreenshotUrl():e==="url"&&r?r:null;this._storeCurrentUrl(),o&&l&&(o.thumbnail={url:l}),t.validationState=void 0,t.thumbnailState=e}_focusRootFlowItem(){requestAnimationFrame(()=>{this._rootFlowItemEl?.setFocus()})}_closeEditBookmarkForm(){this._clearState(),this._focusRootFlowItem()}_addBookmarkSubmitClick(e){e.preventDefault(),this._addBookmarkSubmit()}async _addBookmarkSubmit(){let{_addInputNode:e,_userState:t,viewModel:i,viewModel:{bookmarks:r}}=this;if(!t)return;let o=e?e.value.trim():null;if(!o){t.validationState="name-required";return}t.creatingBookmark=!0;let l=await i.createBookmark();l.name=o,r.add(l),this._endAddBookmark()}async _editBookmarkAndClose(e,t){let{viewModel:i,viewModel:{defaultEditOptions:r}}=this;await i.editBookmark(e,{...r,...t}),this._closeEditBookmarkForm()}_editBookmarkSubmit(e){e.preventDefault();let{_userState:t,_editInputNode:i,editIncludeTimeExtent:r,_urlEditInputNode:o}=this;if(!t?.bookmark||!t.editedBookmark)return;t.validationState=void 0,t.customUrl=void 0,t.screenshotUrl=void 0;let l=i?.value.trim();if(!l){t.validationState="name-required";return}if(t.bookmark.name=l,t.bookmark.thumbnail=t.editedBookmark.thumbnail,r||(t.bookmark.timeExtent=null),t.thumbnailState==="url"&&o){let d={url:o.value};if(!f(d.url)){t.validationState="absolute-url-required";return}t.bookmark.thumbnail=d}else t.thumbnailState==="none"&&(t.bookmark.thumbnail=null);this._editBookmarkAndClose(t.bookmark,{takeScreenshot:!1,captureTimeExtent:r})}_storeEditInput(e){this._editInputNode=e}_storeAddInput(e){this._addInputNode=e}_storeUrlEditInput(e){this._urlEditInputNode=e}_deleteBookmark(e){this._closeEditBookmarkForm(),e&&(this.viewModel.bookmarks.remove(e),e.destroy())}_goToBookmark(e){this._clearState(),this.viewModel.goTo(e)}async _updateThumbnail(){let{_userState:e,viewModel:t}=this;e&&(e.validationState=void 0,await t.editBookmark(e.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}))}_handleCalciteListDragEnd(e){let{fromEl:t,dragEl:i,oldIndex:r}=e;t.insertBefore(i,t.children[r])}render(){return a`<div class=${s(c.base)}>${this._renderBookmarksContainer()}</div>`}_renderNoBookmarksContainer(e){let{messages:t,viewModel:{state:i}}=this;return!e.length&&i!=="loading"?a`<div class=${s(c.empty)}><calcite-icon .icon=${this.icon} scale=l></calcite-icon>${N({class:c.noBookmarksHeader,level:this.headingLevel,children:t.noBookmarksHeading})}<p class=${s(c.noBookmarksDescription)}>${t.noBookmarksDescription}</p></div>`:null}_renderEditBookmarkFlowItems(){let e=this._userStateValue==="edit",t=this._userState?.editedBookmark;return!t||!e?[]:this._renderEditingBookmark(t)}_renderBookmarkItems(e){return e?e.toArray().map(t=>this._renderBookmark(t)):[]}_renderBookmarksContainer(){let{viewModel:{state:e,bookmarks:t},dragEnabled:i,messages:r,disabled:o,filterPlaceholder:l,filterText:d,closed:p,headingLevel:v}=this,g=t.filter(_=>_!=null),y=g.length?a`<calcite-list class=${s(c.list)} display-mode=flat .dragEnabled=${i} .filterEnabled=${this.showFilter} .filterPlaceholder=${l} .filterProps=${["label","description","metadata"]} .filterText=${d} .group=${`bookmarks-${this._guid}`} .label=${r.componentLabel??""} selection-appearance=border selection-mode=none @calciteListDragEnd=${_=>this._handleCalciteListDragEnd(_.detail)} @calciteListFilter=${_=>this.filterText=_.currentTarget?.filterText??""} @calciteListOrderChange=${_=>this._onCalciteListOrderChange(_.detail)}>${this._renderBookmarkItems(g)}${this.showFilter?a`<div class=${s(c.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full><div slot=message>${r.noBookmarksHeading}</div>;</calcite-notice></div>`:null}</calcite-list>`:null,w=[a`<calcite-flow-item .closable=${this.showCloseButton} .closed=${p} .collapsible=${this.showCollapseButton} .disabled=${o} .heading=${this.showHeading?r.componentLabel:void 0} .headingLevel=${v} .loading=${e==="loading"} .selected=${!this._userStateValue} @calciteFlowItemClose=${this._handleClose} ${b(this._storeRootFlowItem)}>${this._renderNoBookmarksContainer(g)}${y}${this._renderAddBookmarkButton()}</calcite-flow-item>`,this._renderAddingBookmark(),this._renderEditBookmarkFlowItems()];return p?null:this.hideFlow?w:a`<calcite-flow>${w}</calcite-flow>`}_renderAddBookmarkButton(){let{messages:e,disabled:t,viewModel:{view:i,state:r}}=this,o=this._userCreatingBookmark;return i&&r!=="loading"&&this.showAddBookmarkButton?a`<calcite-fab appearance=outline-fill class=${s(c.addBookmarkButton)} .disabled=${t||o} icon=plus kind=neutral .loading=${o} @click=${this.startAddBookmark} slot=fab .text=${e.addBookmark} text-enabled title=${e.addBookmark??x}></calcite-fab>`:null}_renderEditContainer(e){let{messages:t}=this,i=`${t.edit} ${this._getBookmarkTitle(e)}`;return this.showEditBookmarkButton?a`<calcite-action appearance=transparent icon=pencil @click=${()=>this._showEditBookmarkForm(e)} slot=actions-end .text=${i} title=${i??x}></calcite-action>`:null}_renderBookmarkImage(e,t){return t?a`<img alt class=${s(c.bookmarkImage)} src=${e.thumbnail?.url??x}>`:null}_renderBookmarkTimeSwitch(e){let{messages:t,viewModel:{view:i}}=this,{timeExtent:r}=e;return i?.timeExtent??r?a`<calcite-label layout=inline-space-between>${t.includeTimeExtent}<calcite-switch .checked=${!!r} @calciteSwitchChange=${o=>{this.editIncludeTimeExtent=!!o.currentTarget.checked}}></calcite-switch></calcite-label>`:null}_renderEditBookmarkTimeExtent(e){return this.editIncludeTimeExtent?this._renderBookmarkTimeExtent(e):null}_renderTimeExtentDescription(e){let{startDate:t,startTime:i,endDate:r,endTime:o}=this._getTimeExtentStrings(e);if(!t)return"";let l=`${t} ${i}`,d=`${r} ${o}`;return r?`${l} - ${d}`:l}_renderBookmarkTimeExtent(e,t=!1){let{messages:i}=this,{startDate:r,startTime:o,endDate:l,endTime:d}=this._getTimeExtentStrings(e),p=t?null:a`<calcite-table-row slot=table-header><calcite-table-header .heading=${i.startDate}></calcite-table-header>${l?a`<calcite-table-header .heading=${i.endDate}></calcite-table-header>`:null}</calcite-table-row>`;return r?a`<calcite-table .caption=${i.timeExtent??""} scale=s>${p}<calcite-table-row><calcite-table-cell>${r} ${o?[a`<br>`,o]:null}</calcite-table-cell>${l?a`<calcite-table-cell>${l}${d?[a`<br>`,d]:null}</calcite-table-cell>`:null}</calcite-table-row></calcite-table>`:null}_renderBookmarkActiveScrim(e,t){return this.viewModel.activeBookmark===e&&t?a`<calcite-scrim loading></calcite-scrim>`:null}_renderBookmarkActiveLoader(e,t){return this.viewModel.activeBookmark===e&&!t?a`<calcite-loader class=${s(c.loader)} inline .label=${this.messages.loading??""}></calcite-loader>`:null}_renderBookmarkImageIcon(e,t){return this.viewModel.activeBookmark!==e&&!t?a`<calcite-icon icon=bookmark scale=s></calcite-icon>`:null}_renderBookmarkThumbnail(e){let t=!this.hideThumbnail&&!!e.thumbnail?.url;return a`<div class=${s(c.bookmarkImageContainer)} slot=content-start>${this._renderBookmarkActiveScrim(e,t)}${this._renderBookmarkImage(e,t)}${this._renderBookmarkActiveLoader(e,t)}${this._renderBookmarkImageIcon(e,t)}</div>`}_renderBookmark(e){return O(e.uid,a`<calcite-list-item class=${s(A({[c.dragEnabled]:this.dragEnabled}))} .description=${this._renderTimeExtentDescription(e)} .label=${this._getBookmarkTitle(e)} .value=${e.uid} @calciteListItemSelect=${()=>this._goToBookmark(e)}>${this._renderBookmarkThumbnail(e)}${this._renderBookmarkContent(e)}${this._renderEditContainer(e)}</calcite-list-item>`)}_renderBookmarkContent(e){return a`<div class=${s(c.bookmarkContent)} slot=content><span class=${s(c.bookmarkContentLabel)}>${this._getBookmarkTitle(e)}</span>${this._renderBookmarkTimeExtent(e,!0)}</div>`}_renderEditingBookmarkName(e){let{messages:t}=this,i=this._userValidationState==="name-required";return a`<calcite-label>${t.title}<calcite-input class=${s(c.editBookmarkInput)} name=bookmark-name .placeholder=${t.titlePlaceholder} required type=text .value=${e.name} ${b(this._storeEditInput)}></calcite-input>${i?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${t.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderEditingBookmarkActions(){let{messages:e,_userState:t}=this,i=t?.bookmark;return[a`<calcite-button appearance=transparent kind=danger @click=${()=>this._deleteBookmark(i)} slot=footer type=button width=full>${e.delete}</calcite-button>`,a`<calcite-button appearance=outline @click=${this._closeEditBookmarkForm} slot=footer type=button width=full>${e.cancel}</calcite-button>`,a`<calcite-button slot=footer type=submit width=full>${e.save}</calcite-button>`]}_renderEditingTimeExtent(e){let{capabilities:t,view:i}=this.viewModel,{timeExtent:r}=e;return t.time&&(i?.timeExtent??r)?a`<div>${this._renderBookmarkTimeSwitch(e)}${this._renderEditBookmarkTimeExtent(e)}</div>`:null}_renderEditingBookmarkImage(e){let{_userThumbnailState:t}=this,i=e.thumbnail?.url??"",r=f(i)?t==="url":E(i)?t==="screenshot":null;if(r)return this._renderBookmarkImage(e,r)}_renderEditingThumbnail(e){let{_userThumbnailState:t,hideThumbnail:i}=this;return!i&&t!=="none"?a`<div class=${s(c.authoringImageContainer)}>${this._renderEditingBookmarkImage(e)}</div>`:null}_renderUpdateThumbnailButton(){let{hideThumbnail:e,messages:t,_userThumbnailState:i}=this;return!e&&i==="screenshot"?a`<calcite-button appearance=outline class=${s(c.authoringRefreshThumbnailButton)} icon-start=refresh kind=neutral @click=${()=>void this._updateThumbnail()} width=full>${t.updateThumbnail}</calcite-button>`:null}_renderEditingBookmarkUrlInput(e){let{messages:t,_userValidationState:i,_userThumbnailState:r}=this,o=e.thumbnail?.url??"",l=f(o)?o:void 0,d=o&&i==="absolute-url-required";return r==="url"?a`<calcite-label><calcite-input name=bookmark-thumbnail-url pattern=https://.* .placeholder=${t?`https://<${t.imageUrlPlaceholder}>`:void 0} required title=${t.imageUrlTooltip??x} type=text .value=${l} @calciteInputChange=${this._handleUrlEditInputChange} @calciteInputInput=${this._handleUrlEditInputChange} ${b(this._storeUrlEditInput)}></calcite-input>${d?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${t.invalidImageUrl}</calcite-input-message>`:null}</calcite-label>`:null}_renderThumbnailSelector(){let{hideThumbnail:e,messages:t,_userThumbnailState:i}=this;return e?null:a`<calcite-label>${t.thumbnail}<calcite-chip-group .label=${t.thumbnail??""} selection-mode=single-persist @calciteChipGroupSelect=${r=>this._handleThumbnailTypeSelect(r.currentTarget.selectedItems[0].value)}><calcite-chip .label=${t.screenshot??""} .selected=${i==="screenshot"} value=screenshot>${t.screenshot}</calcite-chip><calcite-chip .label=${t.url??""} .selected=${i==="url"} value=url>${t.url}</calcite-chip><calcite-chip .label=${t.none??""} .selected=${i==="none"} value=none>${t.none}</calcite-chip></calcite-chip-group></calcite-label>`}_renderEditingBookmark(e){let{disabled:t,messages:i,headingLevel:r}=this;return e?a`<form class=${s(c.form)} @submit=${this._editBookmarkSubmit}><calcite-flow-item .disabled=${t} .heading=${i.edit??""} .headingLevel=${r} .selected=${this._userStateValue==="edit"} @calciteFlowItemBack=${o=>{o.preventDefault(),this._closeEditBookmarkForm()}} ${b(this._storeEditFlowItemNode)}><div class=${s(c.formContent)}><div class=${s(c.authoring)}>${this._renderEditingBookmarkName(e)}${this._renderThumbnailSelector()}${this._renderEditingThumbnail(e)}${this._renderEditingBookmarkUrlInput(e)}${this._renderUpdateThumbnailButton()}${this._renderEditingTimeExtent(e)}</div></div>${this._renderEditingBookmarkActions()}</calcite-flow-item></form>`:null}_renderAddingBookmarkName(){let{messages:e}=this,t=this._userValidationState==="name-required";return a`<calcite-label>${e.title}<calcite-input class=${s(c.addBookmarkInput)} name=bookmark-name .placeholder=${e.titlePlaceholder} required type=text value ${b(this._storeAddInput)}></calcite-input>${t?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${e.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderAddingBookmarkActions(){let{messages:e}=this;return[a`<calcite-button appearance=outline @click=${this._endAddBookmark} slot=footer type=button width=full>${e.cancel}</calcite-button>`,a`<calcite-button slot=footer type=submit width=full>${e.add}</calcite-button>`]}_renderAddingBookmark(){let{disabled:e,messages:t,headingLevel:i,_userStateValue:r}=this;return r==="add"?a`<form class=${s(c.form)} @submit=${this._addBookmarkSubmitClick}><calcite-flow-item .disabled=${e} .heading=${t.addBookmark} .headingLevel=${i} selected @calciteFlowItemBack=${o=>{o.preventDefault(),this._endAddBookmark()}} ${b(this._storeAddFlowItemNode)}><div class=${s(c.formContent)}>${this._renderAddingBookmarkName()}</div>${this._renderAddingBookmarkActions()}</calcite-flow-item></form>`:null}};U("arcgis-bookmarks",I);return I},"core/reactiveUtils","core/urlUtils","intl","widgets/Bookmarks/BookmarksViewModel","core/Accessor","core/accessorSupport/decorators",c,d,e)
+v5.0.0-next.28 */
+import{a as O}from"./7UPGXEX6.js";import{a as N}from"./3VR37HSY.js";import"./A2BCZOEL.js";import e from"./XTLBY5IF.js";import{a as z}from"./ATLASHYR.js";import"./XTYJS3B3.js";import d from"./MGD2C5WV.js";import c from"./M5KY527X.js";import{g as M}from"./FMVFUCUB.js";import"./47VY3BKR.js";import{b as A}from"./IQHAP4SC.js";import{I as b,J as D,K as s,M as x,P as U,a as C,b as a,s as $,w as F}from"./4RAFHMBQ.js";import"./6NG76DLX.js";export default $arcgis.t(([{watch:B},{isHTTPSProtocol:f,isDataProtocol:E},{formatDate:P,convertDateFormatToIntlOptions:V},q,R,{property:k,subclass:H},,,L])=>{var Z=C`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{display:flex}.arcgis-bookmarks{width:100%;overflow:hidden auto;transition:max-height .25s ease-in-out}:host([closed]) .arcgis-bookmarks{display:none}.arcgis-bookmarks__empty{display:flex;flex-flow:column wrap;align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);text-align:center;color:var(--calcite-color-text-1)}.arcgis-bookmarks .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.arcgis-bookmarks calcite-flow-item[loading]{min-height:150px}.arcgis-bookmarks__loader{margin-inline-end:0}.arcgis-bookmarks__filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.arcgis-bookmarks__bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.arcgis-bookmarks__bookmark-image-container .arcgis-bookmarks__image{max-width:64px;overflow:hidden}.arcgis-bookmarks--drag-enabled .arcgis-bookmarks__bookmark-image-container{margin-inline-start:0}.arcgis-bookmarks__no-bookmarks-heading{margin:0;margin-block-start:var(--calcite-spacing-md);font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-tight);font-weight:var(--calcite-font-weight-regular)}.arcgis-bookmarks__authoring{display:flex;flex-direction:column}.arcgis-bookmarks__authoring-image-container{display:flex;align-items:middle;justify-content:center;margin-block-end:var(--calcite-spacing-md);margin-inline-end:var(--calcite-spacing-lg);background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#fff;width:128px;height:128px;text-align:center}.arcgis-bookmarks__authoring-image-container .arcgis-bookmarks__image{max-width:128px;max-height:128px}.arcgis-bookmarks__form{display:flex;height:100%}.arcgis-bookmarks__form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.arcgis-bookmarks__authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.arcgis-bookmarks__bookmark-content-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.arcgis-bookmarks__bookmark-content calcite-table{margin-inline-start:-.25rem}.arcgis-bookmarks__bookmark-content calcite-table,.arcgis-bookmarks__bookmark-content calcite-table-row{--calcite-color-border-3: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-table-row-background-color: transparent;pointer-events:none}`,m="arcgis-bookmarks",T=`${m}__authoring`,S=`${m}__bookmark`,c={base:m,empty:`${m}__empty`,noBookmarksHeader:`${m}__no-bookmarks-heading`,noBookmarksDescription:`${m}__no-bookmarks-description`,form:`${m}__form`,list:`${m}__list`,loader:`${m}__loader`,filterNoResults:`${m}__filter-no-results`,formContent:`${m}__form-content`,addBookmarkButton:`${m}__add-bookmark-button`,editBookmarkInput:`${m}__edit-bookmark-input`,addBookmarkInput:`${m}__add-bookmark-input`,dragEnabled:`${m}--drag-enabled`,bookmarkImage:`${m}__image`,bookmarkImageContainer:`${S}-image-container`,bookmarkContent:`${S}-content`,bookmarkContentLabel:`${S}-content-label`,authoring:T,authoringImageContainer:`${T}-image-container`,authoringRefreshThumbnailButton:`${T}-refresh-thumbnail-button`},j=Object.defineProperty,G=Object.getOwnPropertyDescriptor,u=(n,e,t,i)=>{for(var r=i>1?void 0:i?G(e,t):e,o=n.length-1,l;o>=0;o--)(l=n[o])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&j(e,t,r),r},h=class extends R{constructor(n){super(n)}get editedBookmark(){let{bookmark:n}=this;return n?this._get("editedBookmark")||n.clone():null}get customUrl(){if(this._customUrl)return this._customUrl;let n=this.editedBookmark?.thumbnail?.url??"";return n??(f(n)?n:null)}set customUrl(n){this._customUrl=n}get screenshotUrl(){if(this._screenshotUrl)return this._screenshotUrl;let n=this.editedBookmark?.thumbnail?.url??"";return n??(E(n)?n:null)}set screenshotUrl(n){this._screenshotUrl=n}get state(){return this._get("state")}set state(n){this.validationState=void 0,this.creatingBookmark=void 0,this._set("state",n)}get thumbnailState(){if(this._thumbnailState)return this._thumbnailState;let n=this.editedBookmark?.thumbnail?.url;return n?f(n)?"url":"screenshot":"none"}set thumbnailState(n){this._thumbnailState=n}};u([k()],h.prototype,"bookmark",2);u([k({readOnly:!0})],h.prototype,"editedBookmark",1);u([k()],h.prototype,"_customUrl",2);u([k()],h.prototype,"customUrl",1);u([k()],h.prototype,"_screenshotUrl",2);u([k()],h.prototype,"screenshotUrl",1);u([k()],h.prototype,"state",1);u([k()],h.prototype,"_thumbnailState",2);u([k()],h.prototype,"thumbnailState",1);u([k()],h.prototype,"validationState",2);u([k()],h.prototype,"creatingBookmark",2);h=u([H("UserState")],h);var J=L(q),I=class extends D{constructor(){super(...arguments),this._guid=F(),this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._lastDragDetail=null,this.messages=z({}),this.viewModel=J(this),this._storeEditFlowItemNode=e=>{this._editFlowItemEl=e},this._storeRootFlowItem=e=>{this._rootFlowItemEl=e},this._storeAddFlowItemNode=e=>{this._addFlowItemEl=e},this._userState=null,this._userCreatingBookmark=!1,this.editIncludeTimeExtent=!1,this.view=this.viewModel.view,this.icon="bookmark",this.closed=!1,this.defaultCreateOptions=this.viewModel.defaultCreateOptions,this.defaultEditOptions=this.viewModel.defaultEditOptions,this.bookmarks=this.viewModel.bookmarks,this.disabled=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.goToOverride=this.viewModel.goToOverride,this.showAddBookmarkButton=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showEditBookmarkButton=!1,this.showFilter=!1,this.hideFlow=!1,this.showHeading=!1,this.hideThumbnail=!1,this.hideTime=!1,this.timeDisabled=this.viewModel.capabilities.time,this.autoDestroyDisabled=!1,this.state=this.viewModel.state,this.arcgisBookmarkEdit=$(),this.arcgisBookmarkSelect=$(),this.arcgisPropertyChange=M()("state"),this.arcgisReady=$(),this.arcgisClose=$()}static{this.properties={_userState:16,_userStateValue:16,_userValidationState:16,_userThumbnailState:16,_userCreatingBookmark:16,editIncludeTimeExtent:16,view:0,referenceElement:1,position:3,icon:1,closed:7,defaultCreateOptions:0,defaultEditOptions:0,bookmarks:0,disabled:5,dragEnabled:5,filterPlaceholder:1,filterText:1,headingLevel:9,goToOverride:0,showAddBookmarkButton:5,showCloseButton:5,showCollapseButton:5,showEditBookmarkButton:5,showFilter:5,hideFlow:5,showHeading:5,hideThumbnail:5,hideTime:5,timeDisabled:5,autoDestroyDisabled:5,messageOverrides:0,label:1,state:3}}static{this.styles=Z}async destroy(){await this.manager.destroy()}goTo(e){return this.viewModel.goTo(e)}loaded(){this.manager.onLifecycle(()=>[this.viewModel.on("bookmark-select",this.arcgisBookmarkSelect.emit),this.viewModel.on("bookmark-edit",this.arcgisBookmarkEdit.emit),B(()=>this._userState?.state,e=>this._userStateValue=e,{initial:!0}),B(()=>this._userState?.validationState,e=>this._userValidationState=e,{initial:!0}),B(()=>this._userState?.thumbnailState,e=>this._userThumbnailState=e,{initial:!0}),B(()=>this._userState?.creatingBookmark,e=>this._userCreatingBookmark=!!e,{initial:!0})])}_handleClose(){this.closed=!0,this.arcgisClose.emit()}startAddBookmark(){this._userState=new h({state:"add"}),requestAnimationFrame(()=>{this._addFlowItemEl?.setFocus()})}_clearState(){this._userState=null}_getTimeExtentStrings(e){let{hideTime:t}=this,{timeExtent:i}=e;if(!i)return{};let{start:r,end:o}=i,l=o!=null&&(r==null||r.getTime()!==o.getTime()),d=r?this._formatDate(r):"",p=r&&!t?this._formatTime(r):"";if(!l)return{startDate:d,startTime:p};let v=this._formatDate(o),g=t?"":this._formatTime(o);return{startDate:d,startTime:p,endDate:v,endTime:g}}_handleUrlEditInputChange(){let{_userState:e,_urlEditInputNode:t}=this,i=t?.value;if(!e?.editedBookmark||!i)return;e.validationState=void 0,E(e.editedBookmark.thumbnail?.url??"")&&(e.screenshotUrl=e.editedBookmark.thumbnail?.url);let r={url:i};f(r.url)&&(e.customUrl=i,e.editedBookmark.thumbnail=r)}_getBookmarkTitle(e){return(e?.name||this.messages.untitled)??""}_formatDate(e){if(!e)return"";let t=this.viewModel.view,i=t&&"timeZone"in t?t.timeZone:"system";return P(e,{...V("short-date"),timeZone:i})}_formatTime(e){if(!e)return"";let t=this.viewModel.view,i=t&&"timeZone"in t?t.timeZone:"system";return P(e,{...V("long-time"),timeZone:i})}_onCalciteListOrderChange(e){let{_lastDragDetail:t,bookmarks:i}=this,{toEl:r,fromEl:o,dragEl:l,newIndex:d}=e;if(!i.length)return;let p=t?.newIndex===d&&t?.dragEl===l&&t?.toEl===r&&t?.fromEl===o;if(!o||!r||p)return;this._lastDragDetail=e;let v=Array.from(o.children).filter(g=>g?.matches("calcite-list-item")).map(g=>g.value);i.sort((g,y)=>{let w=v.indexOf(g.uid),_=v.indexOf(y.uid);return w>_?1:w<_?-1:0})}_endAddBookmark(){this._clearState(),this._focusRootFlowItem()}_showEditBookmarkForm(e){e&&(this.editIncludeTimeExtent=!!e.timeExtent,this._userState=new h({bookmark:e,state:"edit"}),requestAnimationFrame(()=>{this._editFlowItemEl?.setFocus()}),this.viewModel.goTo(e))}async _createNewScreenshotUrl(){return(await this.viewModel.createBookmark()).thumbnail?.url??null}_storeCurrentUrl(){let{_userState:e}=this,t=e?.editedBookmark?.thumbnail?.url;t&&(f(t)?e.customUrl=t:E(t)&&(e.screenshotUrl=t))}async _handleThumbnailTypeSelect(e){let{_userState:t}=this;if(!t)return;let{screenshotUrl:i,customUrl:r,editedBookmark:o}=t,l=e==="screenshot"?i??await this._createNewScreenshotUrl():e==="url"&&r?r:null;this._storeCurrentUrl(),o&&l&&(o.thumbnail={url:l}),t.validationState=void 0,t.thumbnailState=e}_focusRootFlowItem(){requestAnimationFrame(()=>{this._rootFlowItemEl?.setFocus()})}_closeEditBookmarkForm(){this._clearState(),this._focusRootFlowItem()}_addBookmarkSubmitClick(e){e.preventDefault(),this._addBookmarkSubmit()}async _addBookmarkSubmit(){let{_addInputNode:e,_userState:t,viewModel:i,viewModel:{bookmarks:r}}=this;if(!t)return;let o=e?e.value.trim():null;if(!o){t.validationState="name-required";return}t.creatingBookmark=!0;let l=await i.createBookmark();l.name=o,r.add(l),this._endAddBookmark()}async _editBookmarkAndClose(e,t){let{viewModel:i,viewModel:{defaultEditOptions:r}}=this;await i.editBookmark(e,{...r,...t}),this._closeEditBookmarkForm()}_editBookmarkSubmit(e){e.preventDefault();let{_userState:t,_editInputNode:i,editIncludeTimeExtent:r,_urlEditInputNode:o}=this;if(!t?.bookmark||!t.editedBookmark)return;t.validationState=void 0,t.customUrl=void 0,t.screenshotUrl=void 0;let l=i?.value.trim();if(!l){t.validationState="name-required";return}if(t.bookmark.name=l,t.bookmark.thumbnail=t.editedBookmark.thumbnail,r||(t.bookmark.timeExtent=null),t.thumbnailState==="url"&&o){let d={url:o.value};if(!f(d.url)){t.validationState="absolute-url-required";return}t.bookmark.thumbnail=d}else t.thumbnailState==="none"&&(t.bookmark.thumbnail=null);this._editBookmarkAndClose(t.bookmark,{takeScreenshot:!1,captureTimeExtent:r})}_storeEditInput(e){this._editInputNode=e}_storeAddInput(e){this._addInputNode=e}_storeUrlEditInput(e){this._urlEditInputNode=e}_deleteBookmark(e){this._closeEditBookmarkForm(),e&&(this.viewModel.bookmarks.remove(e),e.destroy())}_goToBookmark(e){this._clearState(),this.viewModel.goTo(e)}async _updateThumbnail(){let{_userState:e,viewModel:t}=this;e&&(e.validationState=void 0,await t.editBookmark(e.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}))}_handleCalciteListDragEnd(e){let{fromEl:t,dragEl:i,oldIndex:r}=e;t.insertBefore(i,t.children[r])}render(){return a`<div class=${s(c.base)}>${this._renderBookmarksContainer()}</div>`}_renderNoBookmarksContainer(e){let{messages:t,viewModel:{state:i}}=this;return!e.length&&i!=="loading"?a`<div class=${s(c.empty)}><calcite-icon .icon=${this.icon} scale=l></calcite-icon>${N({class:c.noBookmarksHeader,level:this.headingLevel,children:t.noBookmarksHeading})}<p class=${s(c.noBookmarksDescription)}>${t.noBookmarksDescription}</p></div>`:null}_renderEditBookmarkFlowItems(){let e=this._userStateValue==="edit",t=this._userState?.editedBookmark;return!t||!e?[]:this._renderEditingBookmark(t)}_renderBookmarkItems(e){return e?e.toArray().map(t=>this._renderBookmark(t)):[]}_renderBookmarksContainer(){let{viewModel:{state:e,bookmarks:t},dragEnabled:i,messages:r,disabled:o,filterPlaceholder:l,filterText:d,closed:p,headingLevel:v}=this,g=t.filter(_=>_!=null),y=g.length?a`<calcite-list class=${s(c.list)} display-mode=flat .dragEnabled=${i} .filterEnabled=${this.showFilter} .filterPlaceholder=${l} .filterProps=${["label","description","metadata"]} .filterText=${d} .group=${`bookmarks-${this._guid}`} .label=${r.componentLabel??""} selection-appearance=border selection-mode=none @calciteListDragEnd=${_=>this._handleCalciteListDragEnd(_.detail)} @calciteListFilter=${_=>this.filterText=_.currentTarget?.filterText??""} @calciteListOrderChange=${_=>this._onCalciteListOrderChange(_.detail)}>${this._renderBookmarkItems(g)}${this.showFilter?a`<div class=${s(c.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full><div slot=message>${r.noBookmarksHeading}</div>;</calcite-notice></div>`:null}</calcite-list>`:null,w=[a`<calcite-flow-item .closable=${this.showCloseButton} .closed=${p} .collapsible=${this.showCollapseButton} .disabled=${o} .heading=${this.showHeading?r.componentLabel:void 0} .headingLevel=${v} .loading=${e==="loading"} .selected=${!this._userStateValue} @calciteFlowItemClose=${this._handleClose} ${b(this._storeRootFlowItem)}>${this._renderNoBookmarksContainer(g)}${y}${this._renderAddBookmarkButton()}</calcite-flow-item>`,this._renderAddingBookmark(),this._renderEditBookmarkFlowItems()];return p?null:this.hideFlow?w:a`<calcite-flow>${w}</calcite-flow>`}_renderAddBookmarkButton(){let{messages:e,disabled:t,viewModel:{view:i,state:r}}=this,o=this._userCreatingBookmark;return i&&r!=="loading"&&this.showAddBookmarkButton?a`<calcite-fab appearance=outline-fill class=${s(c.addBookmarkButton)} .disabled=${t||o} icon=plus kind=neutral .loading=${o} @click=${this.startAddBookmark} slot=fab .text=${e.addBookmark} text-enabled title=${e.addBookmark??x}></calcite-fab>`:null}_renderEditContainer(e){let{messages:t}=this,i=`${t.edit} ${this._getBookmarkTitle(e)}`;return this.showEditBookmarkButton?a`<calcite-action appearance=transparent icon=pencil @click=${()=>this._showEditBookmarkForm(e)} slot=actions-end .text=${i} title=${i??x}></calcite-action>`:null}_renderBookmarkImage(e,t){return t?a`<img alt class=${s(c.bookmarkImage)} src=${e.thumbnail?.url??x}>`:null}_renderBookmarkTimeSwitch(e){let{messages:t,viewModel:{view:i}}=this,{timeExtent:r}=e;return i?.timeExtent??r?a`<calcite-label layout=inline-space-between>${t.includeTimeExtent}<calcite-switch .checked=${!!r} @calciteSwitchChange=${o=>{this.editIncludeTimeExtent=!!o.currentTarget.checked}}></calcite-switch></calcite-label>`:null}_renderEditBookmarkTimeExtent(e){return this.editIncludeTimeExtent?this._renderBookmarkTimeExtent(e):null}_renderTimeExtentDescription(e){let{startDate:t,startTime:i,endDate:r,endTime:o}=this._getTimeExtentStrings(e);if(!t)return"";let l=`${t} ${i}`,d=`${r} ${o}`;return r?`${l} - ${d}`:l}_renderBookmarkTimeExtent(e,t=!1){let{messages:i}=this,{startDate:r,startTime:o,endDate:l,endTime:d}=this._getTimeExtentStrings(e),p=t?null:a`<calcite-table-row slot=table-header><calcite-table-header .heading=${i.startDate}></calcite-table-header>${l?a`<calcite-table-header .heading=${i.endDate}></calcite-table-header>`:null}</calcite-table-row>`;return r?a`<calcite-table .caption=${i.timeExtent??""} scale=s>${p}<calcite-table-row><calcite-table-cell>${r} ${o?[a`<br>`,o]:null}</calcite-table-cell>${l?a`<calcite-table-cell>${l}${d?[a`<br>`,d]:null}</calcite-table-cell>`:null}</calcite-table-row></calcite-table>`:null}_renderBookmarkActiveScrim(e,t){return this.viewModel.activeBookmark===e&&t?a`<calcite-scrim loading></calcite-scrim>`:null}_renderBookmarkActiveLoader(e,t){return this.viewModel.activeBookmark===e&&!t?a`<calcite-loader class=${s(c.loader)} inline .label=${this.messages.loading??""}></calcite-loader>`:null}_renderBookmarkImageIcon(e,t){return this.viewModel.activeBookmark!==e&&!t?a`<calcite-icon icon=bookmark scale=s></calcite-icon>`:null}_renderBookmarkThumbnail(e){let t=!this.hideThumbnail&&!!e.thumbnail?.url;return a`<div class=${s(c.bookmarkImageContainer)} slot=content-start>${this._renderBookmarkActiveScrim(e,t)}${this._renderBookmarkImage(e,t)}${this._renderBookmarkActiveLoader(e,t)}${this._renderBookmarkImageIcon(e,t)}</div>`}_renderBookmark(e){return O(e.uid,a`<calcite-list-item class=${s(A({[c.dragEnabled]:this.dragEnabled}))} .description=${this._renderTimeExtentDescription(e)} .label=${this._getBookmarkTitle(e)} .value=${e.uid} @calciteListItemSelect=${()=>this._goToBookmark(e)}>${this._renderBookmarkThumbnail(e)}${this._renderBookmarkContent(e)}${this._renderEditContainer(e)}</calcite-list-item>`)}_renderBookmarkContent(e){return a`<div class=${s(c.bookmarkContent)} slot=content><span class=${s(c.bookmarkContentLabel)}>${this._getBookmarkTitle(e)}</span>${this._renderBookmarkTimeExtent(e,!0)}</div>`}_renderEditingBookmarkName(e){let{messages:t}=this,i=this._userValidationState==="name-required";return a`<calcite-label>${t.title}<calcite-input class=${s(c.editBookmarkInput)} name=bookmark-name .placeholder=${t.titlePlaceholder} required type=text .value=${e.name} ${b(this._storeEditInput)}></calcite-input>${i?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${t.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderEditingBookmarkActions(){let{messages:e,_userState:t}=this,i=t?.bookmark;return[a`<calcite-button appearance=transparent kind=danger @click=${()=>this._deleteBookmark(i)} slot=footer type=button width=full>${e.delete}</calcite-button>`,a`<calcite-button appearance=outline @click=${this._closeEditBookmarkForm} slot=footer type=button width=full>${e.cancel}</calcite-button>`,a`<calcite-button slot=footer type=submit width=full>${e.save}</calcite-button>`]}_renderEditingTimeExtent(e){let{capabilities:t,view:i}=this.viewModel,{timeExtent:r}=e;return t.time&&(i?.timeExtent??r)?a`<div>${this._renderBookmarkTimeSwitch(e)}${this._renderEditBookmarkTimeExtent(e)}</div>`:null}_renderEditingBookmarkImage(e){let{_userThumbnailState:t}=this,i=e.thumbnail?.url??"",r=f(i)?t==="url":E(i)?t==="screenshot":null;if(r)return this._renderBookmarkImage(e,r)}_renderEditingThumbnail(e){let{_userThumbnailState:t,hideThumbnail:i}=this;return!i&&t!=="none"?a`<div class=${s(c.authoringImageContainer)}>${this._renderEditingBookmarkImage(e)}</div>`:null}_renderUpdateThumbnailButton(){let{hideThumbnail:e,messages:t,_userThumbnailState:i}=this;return!e&&i==="screenshot"?a`<calcite-button appearance=outline class=${s(c.authoringRefreshThumbnailButton)} icon-start=refresh kind=neutral @click=${()=>void this._updateThumbnail()} width=full>${t.updateThumbnail}</calcite-button>`:null}_renderEditingBookmarkUrlInput(e){let{messages:t,_userValidationState:i,_userThumbnailState:r}=this,o=e.thumbnail?.url??"",l=f(o)?o:void 0,d=o&&i==="absolute-url-required";return r==="url"?a`<calcite-label><calcite-input name=bookmark-thumbnail-url pattern=https://.* .placeholder=${t?`https://<${t.imageUrlPlaceholder}>`:void 0} required title=${t.imageUrlTooltip??x} type=text .value=${l} @calciteInputChange=${this._handleUrlEditInputChange} @calciteInputInput=${this._handleUrlEditInputChange} ${b(this._storeUrlEditInput)}></calcite-input>${d?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${t.invalidImageUrl}</calcite-input-message>`:null}</calcite-label>`:null}_renderThumbnailSelector(){let{hideThumbnail:e,messages:t,_userThumbnailState:i}=this;return e?null:a`<calcite-label>${t.thumbnail}<calcite-chip-group .label=${t.thumbnail??""} selection-mode=single-persist @calciteChipGroupSelect=${r=>this._handleThumbnailTypeSelect(r.currentTarget.selectedItems[0].value)}><calcite-chip .label=${t.screenshot??""} .selected=${i==="screenshot"} value=screenshot>${t.screenshot}</calcite-chip><calcite-chip .label=${t.url??""} .selected=${i==="url"} value=url>${t.url}</calcite-chip><calcite-chip .label=${t.none??""} .selected=${i==="none"} value=none>${t.none}</calcite-chip></calcite-chip-group></calcite-label>`}_renderEditingBookmark(e){let{disabled:t,messages:i,headingLevel:r}=this;return e?a`<form class=${s(c.form)} @submit=${this._editBookmarkSubmit}><calcite-flow-item .disabled=${t} .heading=${i.edit??""} .headingLevel=${r} .selected=${this._userStateValue==="edit"} @calciteFlowItemBack=${o=>{o.preventDefault(),this._closeEditBookmarkForm()}} ${b(this._storeEditFlowItemNode)}><div class=${s(c.formContent)}><div class=${s(c.authoring)}>${this._renderEditingBookmarkName(e)}${this._renderThumbnailSelector()}${this._renderEditingThumbnail(e)}${this._renderEditingBookmarkUrlInput(e)}${this._renderUpdateThumbnailButton()}${this._renderEditingTimeExtent(e)}</div></div>${this._renderEditingBookmarkActions()}</calcite-flow-item></form>`:null}_renderAddingBookmarkName(){let{messages:e}=this,t=this._userValidationState==="name-required";return a`<calcite-label>${e.title}<calcite-input class=${s(c.addBookmarkInput)} name=bookmark-name .placeholder=${e.titlePlaceholder} required type=text value ${b(this._storeAddInput)}></calcite-input>${t?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${e.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderAddingBookmarkActions(){let{messages:e}=this;return[a`<calcite-button appearance=outline @click=${this._endAddBookmark} slot=footer type=button width=full>${e.cancel}</calcite-button>`,a`<calcite-button slot=footer type=submit width=full>${e.add}</calcite-button>`]}_renderAddingBookmark(){let{disabled:e,messages:t,headingLevel:i,_userStateValue:r}=this;return r==="add"?a`<form class=${s(c.form)} @submit=${this._addBookmarkSubmitClick}><calcite-flow-item .disabled=${e} .heading=${t.addBookmark} .headingLevel=${i} selected @calciteFlowItemBack=${o=>{o.preventDefault(),this._endAddBookmark()}} ${b(this._storeAddFlowItemNode)}><div class=${s(c.formContent)}>${this._renderAddingBookmarkName()}</div>${this._renderAddingBookmarkActions()}</calcite-flow-item></form>`:null}};U("arcgis-bookmarks",I);return I},"core/reactiveUtils","core/urlUtils","intl","widgets/Bookmarks/BookmarksViewModel","core/Accessor","core/accessorSupport/decorators",c,d,e)

package/dist/cdn/{EYNDSKDV.js → QQ4HNJHF.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.27 */
-import{a as f}from"./5NY2TQXQ.js";import"./FK7LZL7M.js";import{a as m}from"./UPZSKUHI.js";import{b as h}from"./WOKZBQOX.js";import{J as d,K as a,P as g,a as o,b as i}from"./4ERR2FYI.js";import"./3KXSCIKQ.js";export default $arcgis.t(([{watch:v},{substitute:_}])=>{var u=o`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}:host{display:flex;flex-direction:row;position:relative;transition:max-width .25s ease-in-out;overflow-x:auto}calcite-carousel-item[selected]{flex:1;overflow:auto}.arcgis-legend--card__message{padding:.5em 1em}.arcgis-legend--card__service-caption-text{margin:0}.arcgis-legend--card__service-content{display:flex;flex:1}.arcgis-legend--card__service-content>arcgis-legend-card-element:not(:first-child){border-left:1px solid var(--calcite-color-border-2)}.arcgis-legend--card__service{border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);min-width:fit-content;display:flex;flex-direction:column;flex:1}.arcgis-legend--card__service-caption-container{border-bottom:1px solid var(--calcite-color-border-2);padding:var(--calcite-spacing-md)}`,n={message:"arcgis-legend--card__message",serviceCaptionText:"arcgis-legend--card__service-caption-text",serviceContent:"arcgis-legend--card__service-content",service:"arcgis-legend--card__service",serviceCaptionContainer:"arcgis-legend--card__service-caption-container"},p=768,c=class extends d{constructor(){super(...arguments),this.stacked=!1,this.headingLevel=3,this.layout="auto",this.type="card"}static{this.properties={stacked:16,activeLayerInfos:0,headingLevel:9,messages:0,view:0,layout:1,type:32}}static{this.styles=u}loaded(){this.manager.onLifecycle(()=>[v(()=>[this.layout,this.view.width],()=>{this.stacked=this.layout==="stack"||(!this.layout||this.layout==="auto")&&this.view.width<=p},{initial:!0})])}render(){return(this.stacked?this._renderCarousel():this._renderLayers())||i`<div class=${a(n.message)}>${this.messages.noLegend}</div>`}_renderTitle(e){return i`<div class=${a(n.serviceCaptionContainer)}>${f({class:h(n.serviceCaptionText,m.heading),level:this.headingLevel,children:e})}</div>`}_renderCarousel(){let e=[],t=this.activeLayerInfos;if(t)for(let s of t)this._renderSections(s,e);return e?.length?i`<calcite-carousel .label=${this.messages.carousel??""}>${e.map((s,r)=>i`<calcite-carousel-item .label=${_(this.messages?.pagination?.pageText??"",{index:r+1,total:e.length})}>${s}</calcite-carousel-item>`)}</calcite-carousel>`:null}_renderLayers(){let e=this.activeLayerInfos?.toArray()?.map(t=>this._renderLegendForLayer(t)).filter(Boolean);return e?.length?e:null}_renderLegendForLayer(e){if(!e.ready)return null;if(e.children.length){let t=e.children.toArray().map(this._renderLegendForLayer,this);return i`<section class=${a(n.service)}>${this._renderTitle(e.title)}<div class=${a(n.serviceContent)}>${t}</div></section>`}return this._renderLegendElementsForLayer(e)}_renderLegendElementsForLayer(e){let t=e.legendElements?.filter(Boolean);if(!t?.length)return null;let s=t.map(r=>i`<arcgis-legend-card-element .activeLayerInfo=${e} .cssEffectFilter=${e.cssEffectFilter??void 0} .stacked=${this.stacked} .headingLevel=${this.headingLevel} .layer=${e.layer} .legendElement=${r} .messages=${this.messages}></arcgis-legend-card-element>`);return i`<section class=${a(n.service)}>${this._renderTitle(e.title)}<div class=${a(n.serviceContent)}>${s}</div></section>`}_renderSections(e,t){if(!e.ready)return;if(e.children.length)for(let r of e.children)this._renderSections(r,t);let s=e.legendElements;if(s?.length)for(let r of s){let l=i`<arcgis-legend-card-element .activeLayerInfo=${e} .cssEffectFilter=${e.cssEffectFilter??void 0} .stacked=${this.stacked} .headingLevel=${this.headingLevel} .layer=${e.layer} .legendElement=${r} .messages=${this.messages}></arcgis-legend-card-element>`;l&&t.push(l)}}};g("arcgis-legend-card-view",c);return c},"core/reactiveUtils","intl")
+v5.0.0-next.28 */
+import{a as f}from"./3VR37HSY.js";import"./A2BCZOEL.js";import{a as m}from"./XTYJS3B3.js";import{b as h}from"./IQHAP4SC.js";import{J as d,K as a,P as g,a as o,b as i}from"./4RAFHMBQ.js";import"./6NG76DLX.js";export default $arcgis.t(([{watch:v},{substitute:_}])=>{var u=o`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}:host{display:flex;flex-direction:row;position:relative;transition:max-width .25s ease-in-out;overflow-x:auto}calcite-carousel-item[selected]{flex:1;overflow:auto}.arcgis-legend--card__message{padding:.5em 1em}.arcgis-legend--card__service-caption-text{margin:0}.arcgis-legend--card__service-content{display:flex;flex:1}.arcgis-legend--card__service-content>arcgis-legend-card-element:not(:first-child){border-left:1px solid var(--calcite-color-border-2)}.arcgis-legend--card__service{border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);min-width:fit-content;display:flex;flex-direction:column;flex:1}.arcgis-legend--card__service-caption-container{border-bottom:1px solid var(--calcite-color-border-2);padding:var(--calcite-spacing-md)}`,n={message:"arcgis-legend--card__message",serviceCaptionText:"arcgis-legend--card__service-caption-text",serviceContent:"arcgis-legend--card__service-content",service:"arcgis-legend--card__service",serviceCaptionContainer:"arcgis-legend--card__service-caption-container"},p=768,c=class extends d{constructor(){super(...arguments),this.stacked=!1,this.headingLevel=3,this.layout="auto",this.type="card"}static{this.properties={stacked:16,activeLayerInfos:0,headingLevel:9,messages:0,view:0,layout:1,type:32}}static{this.styles=u}loaded(){this.manager.onLifecycle(()=>[v(()=>[this.layout,this.view.width],()=>{this.stacked=this.layout==="stack"||(!this.layout||this.layout==="auto")&&this.view.width<=p},{initial:!0})])}render(){return(this.stacked?this._renderCarousel():this._renderLayers())||i`<div class=${a(n.message)}>${this.messages.noLegend}</div>`}_renderTitle(e){return i`<div class=${a(n.serviceCaptionContainer)}>${f({class:h(n.serviceCaptionText,m.heading),level:this.headingLevel,children:e})}</div>`}_renderCarousel(){let e=[],t=this.activeLayerInfos;if(t)for(let s of t)this._renderSections(s,e);return e?.length?i`<calcite-carousel .label=${this.messages.carousel??""}>${e.map((s,r)=>i`<calcite-carousel-item .label=${_(this.messages?.pagination?.pageText??"",{index:r+1,total:e.length})}>${s}</calcite-carousel-item>`)}</calcite-carousel>`:null}_renderLayers(){let e=this.activeLayerInfos?.toArray()?.map(t=>this._renderLegendForLayer(t)).filter(Boolean);return e?.length?e:null}_renderLegendForLayer(e){if(!e.ready)return null;if(e.children.length){let t=e.children.toArray().map(this._renderLegendForLayer,this);return i`<section class=${a(n.service)}>${this._renderTitle(e.title)}<div class=${a(n.serviceContent)}>${t}</div></section>`}return this._renderLegendElementsForLayer(e)}_renderLegendElementsForLayer(e){let t=e.legendElements?.filter(Boolean);if(!t?.length)return null;let s=t.map(r=>i`<arcgis-legend-card-element .activeLayerInfo=${e} .cssEffectFilter=${e.cssEffectFilter??void 0} .stacked=${this.stacked} .headingLevel=${this.headingLevel} .layer=${e.layer} .legendElement=${r} .messages=${this.messages}></arcgis-legend-card-element>`);return i`<section class=${a(n.service)}>${this._renderTitle(e.title)}<div class=${a(n.serviceContent)}>${s}</div></section>`}_renderSections(e,t){if(!e.ready)return;if(e.children.length)for(let r of e.children)this._renderSections(r,t);let s=e.legendElements;if(s?.length)for(let r of s){let l=i`<arcgis-legend-card-element .activeLayerInfo=${e} .cssEffectFilter=${e.cssEffectFilter??void 0} .stacked=${this.stacked} .headingLevel=${this.headingLevel} .layer=${e.layer} .legendElement=${r} .messages=${this.messages}></arcgis-legend-card-element>`;l&&t.push(l)}}};g("arcgis-legend-card-view",c);return c},"core/reactiveUtils","intl")

package/dist/cdn/{SEQ6LHV7.js → QTVGG6OX.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.27 */
-import{V as i}from"./VVYBBTNB.js";import"./3KXSCIKQ.js";var t=class extends i{setupDefaultRules(){super.setupDefaultRules(),this.rule("Component").setAll({interpolationDuration:600}),this.rule("Hierarchy").set("animationDuration",600),this.rule("Scrollbar").set("animationDuration",600),this.rule("Tooltip").set("animationDuration",300),this.rule("MapChart").set("animationDuration",1e3),this.rule("MapChart").set("wheelDuration",300),this.rule("Entity").setAll({stateAnimationDuration:600}),this.rule("Sprite").states.create("default",{stateAnimationDuration:600}),this.rule("Tooltip",["axis"]).setAll({animationDuration:200}),this.rule("WordCloud").set("animationDuration",500),this.rule("Polygon").set("animationDuration",600),this.rule("ArcDiagram").set("animationDuration",600)}};var n=t;export{n as default};
+v5.0.0-next.28 */
+import{V as i}from"./6WNZLYX4.js";import"./6NG76DLX.js";var t=class extends i{setupDefaultRules(){super.setupDefaultRules(),this.rule("Component").setAll({interpolationDuration:600}),this.rule("Hierarchy").set("animationDuration",600),this.rule("Scrollbar").set("animationDuration",600),this.rule("Tooltip").set("animationDuration",300),this.rule("MapChart").set("animationDuration",1e3),this.rule("MapChart").set("wheelDuration",300),this.rule("Entity").setAll({stateAnimationDuration:600}),this.rule("Sprite").states.create("default",{stateAnimationDuration:600}),this.rule("Tooltip",["axis"]).setAll({animationDuration:200}),this.rule("WordCloud").set("animationDuration",500),this.rule("Polygon").set("animationDuration",600),this.rule("ArcDiagram").set("animationDuration",600)}};var n=t;export{n as default};