@arcgis/map-components 5.2.0-next.147 → 5.2.0-next.148
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{2COOBXHG.js → 5K2YXXCE.js} +1 -1
- package/dist/cdn/I3KUEZ7I.js +2 -0
- package/dist/cdn/{3JRPMLOZ.js → LOIUI4KA.js} +1 -1
- package/dist/cdn/MACS56SF.js +2 -0
- package/dist/cdn/RZNCVTKT.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/components/arcgis-editor/customElement.d.ts +10 -0
- package/dist/components/arcgis-editor/customElement.js +3 -0
- package/dist/components/arcgis-features-next/customElement.js +102 -92
- package/dist/components/arcgis-map/customElement.d.ts +2 -2
- package/dist/components/arcgis-popup/customElement.js +26 -22
- package/dist/components/arcgis-time-bar/customElement.js +23 -24
- package/dist/components/arcgis-time-bar-slider/customElement.js +46 -45
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/loader.js +1 -1
- package/package.json +6 -6
- package/dist/cdn/3KZAH5OY.js +0 -2
- package/dist/cdn/JRQYT5SI.js +0 -2
- package/dist/cdn/R6HUY6QI.js +0 -2
package/dist/loader.js
CHANGED
|
@@ -27,7 +27,7 @@ const s = t(e, {
|
|
|
27
27
|
"arcgis-directions": [() => import("./components/arcgis-directions/customElement.js"), "apiKey,autoDestroyDisabled,autoSolveOnEditActive,goToOverride:,headingLevel,hideLayerDetails,hidePrintButton,hideSaveAsButton,hideSaveButton,icon,label,lastRoute:,layer:,mapLayerId,maxStops,referenceElement,routeLayerItemId,searchProperties:,state:,unit,useDefaultRouteLayer,view:;destroy,getDirections,save,saveAs,startEditing,stopEditing,zoomToRoute"],
|
|
28
28
|
"arcgis-direct-line-measurement-3d": [() => import("./components/arcgis-direct-line-measurement-3d/customElement.js"), "analysis:,autoDestroyDisabled,hideResetUnitsButton,hideStartButton,hideUnitSelect,hideVisualization,icon,interactionDisabled,label,messageOverrides:,messages:,referenceElement,state:,unit,unitOptions:,view:;clear,destroy,start"],
|
|
29
29
|
"arcgis-distance-measurement-2d": [() => import("./components/arcgis-distance-measurement-2d/customElement.js"), "analysis:,autoDestroyDisabled,hideResetUnitsButton,hideStartButton,hideUnitSelect,hideVisualization,icon,interactionDisabled,label,messageOverrides:,messages:,referenceElement,snappingOptions:,state:,unit,unitOptions:,view:;clear,destroy,start"],
|
|
30
|
-
"arcgis-editor": [() => import("./components/arcgis-editor/customElement.js"), "activeWorkflow:,autoDestroyDisabled,effectiveSelectionManager:,headingLevel,hideCreateFeaturesSection,hideEditFeaturesSection,hideLabelsToggle,hideMergeButton,hideSelectionToolbar,hideSettingsMenu,hideSketch,hideSnappingControlsElementsEnabledToggle,hideSnappingControlsElementsFeatureEnabledToggle,hideSnappingControlsElementsGridControls,hideSnappingControlsElementsGridControlsElementsColorSelection,hideSnappingControlsElementsGridControlsElementsDynamicScaleToggle,hideSnappingControlsElementsGridControlsElementsLineIntervalInput,hideSnappingControlsElementsGridControlsElementsNumericInputs,hideSnappingControlsElementsGridControlsElementsOutOfScaleWarning,hideSnappingControlsElementsGridControlsElementsPlacementButtons,hideSnappingControlsElementsGridControlsElementsRotateWithMapToggle,hideSnappingControlsElementsGridEnabledToggle,hideSnappingControlsElementsLayerList,hideSnappingControlsElementsSelfEnabledToggle,hideSplitButton,hideTooltipsToggle,hideUndoRedoButtons,hideZoomToButton,icon,label,labelOptions:,layerInfos:,referenceElement,selectionManager:,showSnappingControlsElementsHeader,snappingOptions:,state:,supportingWidgetDefaults:,syncViewSelection,tooltipOptions:,useLegacyCreateTools,useViewOptions,view:;cancelWorkflow,deleteFeatureFromWorkflow,destroy,startCreateFeaturesWorkflowAtFeatureCreation,startCreateFeaturesWorkflowAtFeatureEdit,startCreateFeaturesWorkflowAtFeatureTypeSelection,startMergeFeaturesWorkflow,startSplitFeatureWorkflow,startUpdateFeaturesWorkflow,startUpdateWorkflowAtFeatureEdit,startUpdateWorkflowAtFeatureSelection,startUpdateWorkflowAtMultipleFeatureSelection;cancelSelectionTool"],
|
|
30
|
+
"arcgis-editor": [() => import("./components/arcgis-editor/customElement.js"), "activeWorkflow:,autoDestroyDisabled,effectiveSelectionManager:,headingLevel,hideCreateFeaturesSection,hideEditFeaturesSection,hideLabelsToggle,hideMergeButton,hideSelectionToolbar,hideSettingsMenu,hideSketch,hideSnappingControlsElementsEnabledToggle,hideSnappingControlsElementsFeatureEnabledToggle,hideSnappingControlsElementsGridControls,hideSnappingControlsElementsGridControlsElementsColorSelection,hideSnappingControlsElementsGridControlsElementsDynamicScaleToggle,hideSnappingControlsElementsGridControlsElementsLineIntervalInput,hideSnappingControlsElementsGridControlsElementsNumericInputs,hideSnappingControlsElementsGridControlsElementsOutOfScaleWarning,hideSnappingControlsElementsGridControlsElementsPlacementButtons,hideSnappingControlsElementsGridControlsElementsRotateWithMapToggle,hideSnappingControlsElementsGridEnabledToggle,hideSnappingControlsElementsLayerList,hideSnappingControlsElementsSelfEnabledToggle,hideSplitButton,hideTooltipsToggle,hideUndoRedoButtons,hideZoomToButton,icon,label,labelOptions:,layerInfos:,referenceElement,selectionManager:,showSnappingControlsElementsHeader,snappingOptions:,state:,supportingWidgetDefaults:,syncViewSelection,tooltipOptions:,useLegacyCreateTools,useViewOptions,view:;cancelWorkflow,deleteFeatureFromWorkflow,destroy,startCreateFeaturesWorkflowAtFeatureCreation,startCreateFeaturesWorkflowAtFeatureEdit,startCreateFeaturesWorkflowAtFeatureTypeSelection,startMergeFeaturesWorkflow,startSplitFeatureWorkflow,startUpdateFeaturesWorkflow,startUpdateWorkflowAtFeatureEdit,startUpdateWorkflowAtFeatureSelection,startUpdateWorkflowAtMultipleFeatureSelection;activateSelectionTool,cancelSelectionTool"],
|
|
31
31
|
"arcgis-elevation-profile": [() => import("./components/arcgis-elevation-profile/customElement.js"), "_messages:,analysis:,autoDestroyDisabled,distanceUnit,distanceUnitOptions:,effectiveDisplayUnits:,elevationInfo:,elevationUnit,elevationUnitOptions:,feature:,geometry:,hideChart,hideChartAxisLabels,hideChartGridLines,hideClearButton,hideDistanceDisplayUnitSelect,hideElevationDisplayUnitSelect,hideLegend,hideResetUnitsButton,hideSelectButton,hideSettingsButton,hideStartButton,hideUniformChartScalingToggle,hideVisualization,highlightDisabled,icon,indicatorRelativePosition:,interactionDisabled,label,messageOverrides:,profiles:,progress:,referenceElement,state:,uniformChartScaling,view:;clear,destroy,select,start,stop"],
|
|
32
32
|
"arcgis-elevation-profile-legend": [() => import("./components/arcgis-elevation-profile-legend/customElement.js"), "effectiveDisplayUnits:,featureSelected,messages:,profiles:,results:;destroy"],
|
|
33
33
|
"arcgis-elevation-profile-legend-item": [() => import("./components/arcgis-elevation-profile-legend-item/customElement.js"), "effectiveDisplayUnits:,expanded,featureSelected,hideCheckbox,messages:,result:;destroy"],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcgis/map-components",
|
|
3
|
-
"version": "5.2.0-next.
|
|
3
|
+
"version": "5.2.0-next.148",
|
|
4
4
|
"description": "ArcGIS Map Components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"2D",
|
|
@@ -43,16 +43,16 @@
|
|
|
43
43
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@amcharts/amcharts5": "~5.20.8",
|
|
46
|
-
"@arcgis/common-components": "5.2.0-next.
|
|
47
|
-
"@arcgis/lumina": "5.2.0-next.
|
|
48
|
-
"@arcgis/lumina-toolkit": "5.2.0-next.
|
|
49
|
-
"@arcgis/toolkit": "5.2.0-next.
|
|
46
|
+
"@arcgis/common-components": "5.2.0-next.148",
|
|
47
|
+
"@arcgis/lumina": "5.2.0-next.148",
|
|
48
|
+
"@arcgis/lumina-toolkit": "5.2.0-next.148",
|
|
49
|
+
"@arcgis/toolkit": "5.2.0-next.148",
|
|
50
50
|
"es-toolkit": "^1.52.0",
|
|
51
51
|
"lit": "^3.3.0",
|
|
52
52
|
"tslib": "^2.8.1"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
|
55
|
-
"@arcgis/core": "5.2.0-next.
|
|
55
|
+
"@arcgis/core": "5.2.0-next.148",
|
|
56
56
|
"@esri/calcite-components": "^5.2.0-next.89"
|
|
57
57
|
},
|
|
58
58
|
"css.customData": [
|
package/dist/cdn/3KZAH5OY.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{O as m,P as u,R as h,U as g,X as v,a as d,b as r}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([l])=>{var w=d`:host{background-color:var(--calcite-color-surface-2);block-size:var(--calcite-size-fixed-xxxl);color:var(--calcite-color-text-1);display:flex;flex:1 0 auto;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-sm);inline-size:auto;--arcgis-internal-time-bar-slider-tick-gap: 100}.root{align-items:center;block-size:100%;display:flex;inline-size:100%}slot[name=max],slot[name=min]{display:flex}.slider{padding-inline:var(--calcite-spacing-md);--labels-container-width: 100%}.slider-container{flex:1 1 auto;min-inline-size:calc(var(--calcite-spacing-md) * 15)}.slider--has-ticks{margin-top:calc(var(--calcite-spacing-md) * -1)}.hidden,.max-date,.min-date{flex:0 0 auto}.hidden{inline-size:0}.max-date,.min-date{inline-size:calc(var(--calcite-size-md) * 3.125)}.popover{padding:var(--calcite-spacing-xxs) var(--calcite-spacing-xs) var(--calcite-spacing-xs)}.ticks-container{flex:1;position:relative;width:100%;arcgis-ticks,>slot::slotted(arcgis-ticks){inset:0;position:absolute;white-space:nowrap;--arcgis-ticks-font-weight: var(--calcite-font-weight-normal);--arcgis-ticks-label-width: auto;--arcgis-ticks-tick-transform: unset;--arcgis-ticks-tick-width: var(--calcite-size-px)}}.slider.slider--out-of-range{--arcgis-internal-slider-handle-color: var(--calcite-color-status-danger);--arcgis-internal-slider-track-range-background-color: var(--calcite-color-status-danger)}.lock-time-window{--arcgis-internal-time-bar-slider-border-margin: calc(var(--calcite-spacing-base) + 1px);border-image:linear-gradient(transparent var(--arcgis-internal-time-bar-slider-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--arcgis-internal-time-bar-slider-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--arcgis-internal-time-bar-slider-border-margin)),transparent var(--arcgis-internal-time-bar-slider-border-margin));border-image-slice:1;border-inline-end-style:solid;border-inline-end-width:var(--calcite-border-width-sm);padding-inline-end:var(--calcite-spacing-sm)}`,c=class extends u{constructor(){super(...arguments),this.#t=new ResizeObserver(([e])=>{this._sliderWidth=e.contentRect.width}),this.#a=100,this.#r=100,this.#o=(e,i)=>i==="value"?this.viewModel?.formatDateTime(new Date(e)):void 0,this.autoDestroyDisabled=!1,this.lockTimeWindow=!1,this.popoverDisplay="none",this.showLockTimeWindow=!1,this.showMax=!1,this.showMin=!1,this.showTicks=!1}static{this.properties={_activeValue:16,_sliderFillPlacement:16,_sliderWidth:16,_timeExtentEpochValues:16,activeValue:32,autoDestroyDisabled:5,lockTimeWindow:5,messages:0,popoverDisplay:1,showLockTimeWindow:5,showMax:5,showMin:5,showTicks:5,viewModel:0}}static{this.styles=w}#t;#i;#s;#e;#a;#r;#o;get _sliderFillPlacement(){switch(this.viewModel?.mode){case"cumulative-from-end":return"end";case"cumulative-from-start":return"start";case"instant":return"none";default:return}}get _timeExtentEpochValues(){let{viewModel:e}=this;if(!e)return;let{fullTimeExtent:i}=e;if(!i)return;let{start:t,end:s}=i;if(!t||!s)return;let{timeExtent:a}=e;if(!a)switch(e.mode){case"cumulative-from-end":case"instant":return[t.getTime()];case"cumulative-from-start":return[s.getTime()];case"time-window":return[t.getTime(),s.getTime()]}let{start:o,end:n}=a;switch(e.mode){case"cumulative-from-end":case"instant":return o?o.getTime()<t.getTime()?[t.getTime()]:o.getTime()>s.getTime()?[s.getTime()]:[o.getTime()]:void 0;case"cumulative-from-start":return n?n.getTime()<t.getTime()?[t.getTime()]:n.getTime()>s.getTime()?[s.getTime()]:[n.getTime()]:void 0;case"time-window":return o&&n?[o.getTime(),n.getTime()]:void 0}}get activeValue(){switch(this.popoverDisplay){case"none":return;case"always":return this.viewModel?.timeExtent;case"auto":switch(this._activeValue){case void 0:return;case"all":return this.viewModel?.timeExtent;default:return new Date(this._activeValue)}}}async destroy(){await this.manager.destroy()}#n(){return e=>{if(e){this.#e=e,this.#t.observe(e);return}this.#e&&(this.#t.unobserve(this.#e),this.#e=void 0)}}#l(){let e=Number.parseInt(window.getComputedStyle(this.el).getPropertyValue("--arcgis-internal-time-bar-slider-tick-gap"),10);return Number.isFinite(e)&&e>0?e:this.#a}#c(e,i){let{viewModel:t}=this,{start:s,end:a}=e;if(!t||!s||!a)return;let o=(a.getTime()-s.getTime())/i;return t.tickFormats.find(({duration:n})=>n>this.#l()*o)??t.tickFormats.at(-1)}#d(){this.lockTimeWindow=!this.lockTimeWindow}#m(e){this._activeValue=e.target.activeValue}#u(e){let{viewModel:i}=this,t=i?.mode;t&&(i.timeExtent=this.#h(e.target.values,t),this._activeValue=e.target.activeValue)}#h([e,i],t){switch(t){case"cumulative-from-end":return new l({start:new Date(e),end:null});case"cumulative-from-start":return new l({start:null,end:new Date(e)});case"instant":return new l({start:new Date(e),end:new Date(e)});case"time-window":return new l({start:new Date(e),end:new Date(i??e)})}}#g(){let{messages:e,showLockTimeWindow:i,viewModel:t}=this;if(!e||!i||!t)return null;let s=this.lockTimeWindow?"lock":"unlock",a=this.lockTimeWindow?e.unlockTimeWindow:e.lockTimeWindow;return r`<calcite-action .active=${this.lockTimeWindow} class="lock-time-window" .disabled=${t.disabled||t.mode!=="time-window"} .icon=${s} @click=${this.#d} .text=${a} title=${a??g}></calcite-action>`}#v(){let e=this.viewModel?.fullTimeExtent?.end;return this.showMax&&e?r`<slot name=max><arcgis-time-bar-date .autoDestroyDisabled=${this.autoDestroyDisabled} class="max-date" .date=${e} .viewModel=${this.viewModel}></arcgis-time-bar-date></slot>`:r`<div class="hidden"></div>`}#w(){let e=this.viewModel?.fullTimeExtent?.start;return this.showMin&&e?r`<slot name=min><arcgis-time-bar-date .autoDestroyDisabled=${this.autoDestroyDisabled} class="min-date" .date=${e} .viewModel=${this.viewModel}></arcgis-time-bar-date></slot>`:r`<div class="hidden"></div>`}#p(){return this.popoverDisplay!=="none"?r`<div class="popover" slot=popover><slot name=popover>${this.#b()}</slot></div>`:null}#b(){let{activeValue:e,messages:i,viewModel:t}=this;if(!e||!i||!t)return null;switch(t.mode){case"cumulative-from-end":case"instant":let s=t.timeExtent?.start;return s?r`<arcgis-time-bar-date .autoDestroyDisabled=${this.autoDestroyDisabled} .date=${s} .viewModel=${t}></arcgis-time-bar-date>`:null;case"cumulative-from-start":let a=t.timeExtent?.end;return a?r`<arcgis-time-bar-date .autoDestroyDisabled=${this.autoDestroyDisabled} .date=${a} .viewModel=${t}></arcgis-time-bar-date>`:null;case"time-window":return e instanceof Date?r`<arcgis-time-bar-date .autoDestroyDisabled=${this.autoDestroyDisabled} .date=${e} .viewModel=${t}></arcgis-time-bar-date>`:r`<arcgis-time-bar-extent .autoDestroyDisabled=${this.autoDestroyDisabled} .messages=${i} .viewModel=${t}></arcgis-time-bar-extent>`}}#f(){let{messages:e,viewModel:i}=this;if(!i?.fullTimeExtent?.start||!i?.fullTimeExtent?.end||!e)return null;let t=this.#c(i.fullTimeExtent,this._sliderWidth??this.#r);if(!t)return null;(!this.#i||!this.#s||this.#i!==t)&&(this.#i=t,this.#s=i.getTickValues(t.timeInterval),i.tickFormat=t.format);let s=i.fullTimeExtent.start.getTime(),a=i.fullTimeExtent.end.getTime();return r`<div class="slider-container" ${m(this.#n())}><arcgis-slider allow-values-overlap .autoDestroyDisabled=${this.autoDestroyDisabled} class=${h({slider:!0,"slider--has-ticks":this.showTicks,"slider--out-of-range":i.isOutOfRange})} .disabled=${!i.interactive} .fillPlacement=${this._sliderFillPlacement} .labelFormatter=${this.#o} .max=${a} .min=${s} @arcgisActiveValueChange=${this.#m} @arcgisInput=${this.#u} .popoverLabel=${e.timeExtent} .popoverDisplay=${this.popoverDisplay==="none"?"auto":this.popoverDisplay} precision=0 .steps=${i.effectiveStopsEpoch} .values=${this._timeExtentEpochValues} .valuesDraggingDisabled=${this.lockTimeWindow}>${this.#p()}${this.#D(i,s,a)}</arcgis-slider></div>`}#D(e,i,t){return this.showTicks?r`<div slot=content-end class="ticks-container"><slot name=content-end><arcgis-ticks .autoDestroyDisabled=${this.autoDestroyDisabled} .labelFormatter=${e.tickFormatter} .max=${t} .min=${i} mode=value show-labels .values=${this.#s}></arcgis-ticks></slot></div>`:null}render(){return r`<div class="root">${this.#g()}${this.#w()}${this.#f()}${this.#v()}</div>`}};v("arcgis-time-bar-slider",c);return c},"time/TimeExtent")
|
package/dist/cdn/JRQYT5SI.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import j from"./GVZKVOM7.js";import i from"./QJWFZYU4.js";import"./KBHLE7HT.js";import e from"./CQQM24VF.js";import{a as $}from"./WEAGLY7B.js";import d from"./FZWFKZLW.js";import c from"./JBHRVHGS.js";import{f as A,h as P}from"./JAZGNQRP.js";import"./Z5C6UBYP.js";import a from"./7V7IKYJG.js";import"./QUZTFUWM.js";import{e as k}from"./WQMZ7BDQ.js";import{N as h,O as g,P as M,R as b,S as z,X as E,a as D,b as f,x as v}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([H,{stripHTML:R},{watch:p},B,,,,F,,L])=>{var V=D`:host{display:contents;--arcgis-internal-popup-pointer-size: 12px;--arcgis-internal-popup-content-small-size: 280px;--arcgis-internal-popup-content-medium-size: 340px;--arcgis-internal-popup-content-large-size: 400px;--arcgis-internal-popup-content-x-large-size: 460px;--arcgis-internal-popup-content-min-size-y: 48px;--arcgis-internal-popup-pointer-size-half: calc(var(--arcgis-internal-popup-pointer-size) / 2);--arcgis-internal-popup-pointer-size-half-negative: calc(var(--arcgis-internal-popup-pointer-size-half) * -1)}.root{display:flex;position:absolute;flex-flow:column nowrap;z-index:401;pointer-events:none;border:none;overflow:visible;padding:0;width:auto;height:auto;background-color:transparent}.hidden{visibility:hidden}.root:popover-open{display:flex;position:fixed;flex-flow:column nowrap;margin:0}arcgis-features{flex:1;width:100%}.shadow{box-shadow:var(--calcite-shadow-sm)}.aligned-top-center{transform-origin:50% 100%}.aligned-bottom-center{transform-origin:50% -5%}.aligned-top-left,.aligned-bottom-left{transform-origin:100% 50%}.aligned-top-right,.aligned-bottom-right{transform-origin:-5% 50%}.aligned-top-center,.aligned-top-left,.aligned-top-right{animation:popup-intro-animation-down .2s ease-in-out}.aligned-bottom-center,.aligned-bottom-left,.aligned-bottom-right{animation:popup-intro-animation-up .2s ease-in-out}.main-container{display:flex;position:relative;z-index:1;background-color:var(--calcite-color-foreground-1);width:var(--arcgis-internal-popup-content-medium-size);min-height:var(--arcgis-internal-popup-content-min-size-y);max-height:var(--arcgis-internal-popup-content-medium-size);overflow:hidden;pointer-events:auto}.pointer{position:absolute;width:0;height:0}.pointer-direction{position:absolute;width:var(--arcgis-internal-popup-pointer-size);height:var(--arcgis-internal-popup-pointer-size);content:"";background-color:var(--calcite-color-foreground-1)}.aligned-top-center .pointer{top:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.aligned-bottom-center .pointer{bottom:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.aligned-top-left .pointer{right:var(--arcgis-internal-popup-pointer-size-half);bottom:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.aligned-bottom-left .pointer{top:var(--arcgis-internal-popup-pointer-size-half);right:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.aligned-top-right .pointer{bottom:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.aligned-bottom-right .pointer{top:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.aligned-top-center .pointer-direction,.aligned-bottom-center .pointer-direction{transform:scale(.75,2) rotate(45deg)}.aligned-top-left .pointer-direction,.aligned-bottom-left .pointer-direction,.aligned-top-right .pointer-direction,.aligned-bottom-right .pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:var(--arcgis-internal-popup-pointer-size-half-negative);transform:scale(.75,2.5) rotate(45deg)}.aligned-top-center .pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.aligned-bottom-center .pointer-direction{bottom:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.is-xl-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-x-large-size)}.is-lg-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-large-size)}.is-md-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-medium-size)}.is-sm-width-breakpoint .main-container,.is-xs-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-small-size)}.is-xs-width-breakpoint.is-docked-top-center,.is-xs-width-breakpoint.is-docked-bottom-center{margin:0;width:auto}.is-xs-width-breakpoint.is-docked-top-center .main-container,.is-xs-width-breakpoint.is-docked-bottom-center .main-container{position:absolute;right:0;left:0;width:100%;max-height:75%}.is-xs-width-breakpoint.is-docked-bottom-center .main-container{bottom:0}.is-xs-width-breakpoint.is-docked-top-center .main-container{top:0}.is-xl-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-x-large-size)}.is-lg-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-large-size)}.is-sm-height-breakpoint .main-container,.is-xs-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-small-size)}.is-docked{flex-flow:row nowrap;inset:0;margin:var(--arcgis-layout-overlay-space-top, 0) var(--arcgis-layout-overlay-space-right, 0) var(--arcgis-layout-overlay-space-bottom, 0) var(--arcgis-layout-overlay-space-left, 0);padding:var(--calcite-spacing-lg) var(--calcite-spacing-lg) var(--calcite-spacing-xxxl) var(--calcite-spacing-lg);animation:docking-animation .25s ease-out}.is-docked-top-left,.is-docked-top-center,.is-docked-top-right,.is-docked-top-start,.is-docked-top-end{align-items:flex-start}.is-docked-bottom-left,.is-docked-bottom-center,.is-docked-bottom-right,.is-docked-bottom-start,.is-docked-bottom-end{align-items:flex-end}.is-docked-top-left,.is-docked-bottom-left,.is-docked-top-start,.is-docked-bottom-start{justify-content:flex-start}.is-docked-top-center,.is-docked-bottom-center{justify-content:center}.is-docked-top-right,.is-docked-bottom-right,.is-docked-top-end,.is-docked-bottom-end{justify-content:flex-end}.is-docked-top-left.is-rtl,.is-docked-top-right.is-rtl,.is-docked-bottom-left.is-rtl,.is-docked-bottom-right.is-rtl{flex-direction:row-reverse}.is-docked-top-left .main-container,.is-docked-top-right .main-container,.is-docked-bottom-left .main-container,.is-docked-bottom-right .main-container,.is-docked-top-start .main-container,.is-docked-top-end .main-container,.is-docked-bottom-start .main-container,.is-docked-bottom-end .main-container{max-height:80%}.is-docked-top-center .main-container,.is-docked-bottom-center .main-container{max-height:40%}@media(prefers-reduced-motion){.aligned-top-center,.aligned-top-left,.aligned-top-right,.aligned-bottom-center,.aligned-bottom-left,.aligned-bottom-right{animation:none}}@media(prefers-reduced-motion){.is-docked{animation:none}}@keyframes docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{transform:translateY(calc(var(--calcite-spacing-xs) * -1));opacity:0}to{transform:translate(0);opacity:1}}@keyframes popup-intro-animation-up{0%{transform:translateY(var(--calcite-spacing-xs));opacity:0}to{transform:translate(0);opacity:1}}`;function w(_){return _&&Number.parseInt(_.replaceAll(/[^-\d.]/gu,""),10)||0}var I=F(H),N={buttonEnabled:!0,position:"auto",breakpoint:{width:544}},C=class extends M{constructor(){super(...arguments),this._direction=A(),this._featuresComponent=h(),this._dockAction=new B({id:"popup-dock-action"}),this._mainContainerNode=h(),this._pointerNode=h(),this.messages=$(),this.viewModel=I(this),this._containerNode=h(),this._popupResizeObserver=new ResizeObserver(()=>this._positionContainer()),this._positionContainer=()=>{this.positionStyle=this._calculatePositionStyle()},this.screenLocation=L(this),this.actions=this.viewModel.actions,this.active=this.viewModel.active,this.alignment="auto",this.autoCloseEnabled=!1,this.autoDestroyDisabled=!1,this.collapsed=!1,this.content=this.viewModel.content,this.diagnostics=this.viewModel.diagnostics,this.defaultPopupTemplateEnabled=this.viewModel.defaultPopupTemplateEnabled,this.dockEnabled=!1,this.effectiveHeading=this.viewModel.effectiveHeading,this.featureCount=this.viewModel.featureCount,this.featureMenuOpen=!1,this.features=this.viewModel.features,this.featureStream=this.viewModel.featureStream,this.focusTrapDisabled=!1,this.goToOverride=this.viewModel.goToOverride,this.heading=this.viewModel.heading,this.headingLevel=2,this.hideActionBar=!1,this.hideCloseButton=!1,this.hideCollapseButton=!1,this.hideFeatureMenuHeading=!1,this.hideFeatureNavigation=!1,this.hideFeatureListLayerTitle=!1,this.hideEmptyRelationshipContent=!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.open=this.viewModel.open,this.selectedFeature=this.viewModel.selectedFeature,this.selectedFeatureIndex=this.viewModel.selectedFeatureIndex,this.state=this.viewModel.state,this.topLayerDisabled=!1,this.updateLocationEnabled=this.viewModel.updateLocationEnabled,this.view=this.viewModel.view,this.arcgisPropertyChange=P()("active","collapsed","currentAlignment","dockEnabled","effectiveHeading","featureCount","featureMenuOpen","features","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","open"),this.arcgisReady=v(),this.arcgisClose=v(),this.arcgisTriggerAction=v()}static{this.properties={screenLocation:16,positionStyle:16,_featureNavigationTop:16,_effectiveDockEnabled:16,actions:0,active:0,alignment:1,autoCloseEnabled:5,autoDestroyDisabled:5,collapsed:5,content:1,diagnostics:32,currentAlignment:32,currentDockPosition:32,defaultPopupTemplateEnabled:5,dockEnabled:5,dockOptions:0,effectiveHeading:32,featureCount:0,featureMenuOpen:5,featureMenuTitle:1,features:0,featureStream:0,focusTrapDisabled:5,goToOverride:0,heading:1,headingLevel:9,hideActionBar:5,hideCloseButton:5,hideCollapseButton:5,hideFeatureMenuHeading:5,hideFeatureNavigation:5,hideFeatureListLayerTitle:5,hideEmptyRelationshipContent:5,hideHeading:5,hideSpinner:5,highlightDisabled:5,includeDefaultActionsDisabled:5,initialDisplayMode:1,label:1,location:0,messageOverrides:0,open:5,referenceElement:1,selectedDrillInFeature:32,selectedFeature:0,selectedFeatureComponent:32,selectedFeatureIndex:9,state:32,topLayerDisabled:5,updateLocationEnabled:5,view:0}}static{this.styles=V}get trackLocation(){return this.active&&!this._effectiveDockEnabled}get _featureNavigationTop(){let{currentAlignment:e,currentDockPosition:t}=this;return e==="bottom-left"||e==="bottom-center"||e==="bottom-right"||e==="bottom-start"||e==="bottom-end"||t==="top-left"||t==="top-center"||t==="top-right"||t==="top-start"||t==="top-end"}get _effectiveDockEnabled(){return this.viewModel?.view?.focusRegionEnabled?!0:this.dockEnabled}get currentAlignment(){return this._getCurrentAlignment()}get currentDockPosition(){return this._getCurrentDockPosition()}get dockOptions(){return this._dockOptions||N}set dockOptions(e){let t={...N},o=this.viewModel?.view?.breakpoints,i={};o&&(i.width=o.xsmall,i.height=o.xsmall);let a={...t,...e},n={...t.breakpoint,...i},{breakpoint:r}=a;typeof r=="object"?a.breakpoint={...n,...r}:r&&(a.breakpoint=n),this._dockOptions=a}get selectedDrillInFeature(){return this._featuresComponent.value?.selectedDrillInFeature??null}get selectedFeatureComponent(){return this._featuresComponent.value?.selectedFeatureComponent??null}async clear(){this.viewModel.clear()}async destroy(){await this.manager.destroy(),this._dockAction.destroy(),this._popupResizeObserver.disconnect()}async openFeatureStream(e){this.viewModel.openFeatureStream(e)}async next(){this.viewModel.next()}async previous(){this.viewModel.previous()}async setFocus(){this._featuresComponent.value?.setFocus()}connectedCallback(){super.connectedCallback(),this._syncPopupResizeObserver()}loaded(){this.manager.onLifecycle(()=>[p(()=>[this.viewModel?.view?.widthBreakpoint,this._effectiveDockEnabled,this._direction],()=>this._handleDockIcon(),{initial:!0}),p(()=>[this._effectiveDockEnabled,this.messages?.undock,this.messages?.dock],()=>this._handleDockEnabled(),{initial:!0}),p(()=>[this.dockOptions,this._featuresComponent.value,this.viewModel?.view?.focusRegionEnabled],()=>{let{_dockAction:e,dockOptions:t}=this,o=this._featuresComponent.value?.headerActions;o?.remove(e),t.buttonEnabled&&!this.viewModel?.view?.focusRegionEnabled&&o?.add(e)},{initial:!0}),p(()=>[this._pointerNode.value,this.alignment,this.currentAlignment,this._effectiveDockEnabled,this.dockOptions,this.screenLocation,this.viewModel?.active,this.viewModel?.location,this.viewModel?.view?.size],()=>this._positionContainer(),{initial:!0}),p(()=>this._mainContainerNode.value,e=>{this._syncPopupResizeObserver(e)},{initial:!0}),p(()=>this.viewModel?.view?.size,(e,t)=>this._updateDockEnabledForViewSize(e,t)),p(()=>this.viewModel?.view?.ready,()=>this._setDockEnabledForViewSize(this.dockOptions),{initial:!0}),p(()=>this.view?.map,e=>{this.viewModel.map=e},{initial:!0}),p(()=>this.screenLocation,(e,t)=>this._autoClose(e,t)),p(()=>[this.active,this._containerNode.value,this._effectiveDockEnabled,this.topLayerDisabled],()=>this._togglePopover(),{initial:!0})])}disconnectedCallback(){super.disconnectedCallback(),this._popupResizeObserver.disconnect()}_togglePopover(){this._containerNode.value?.togglePopover(this.active&&!this._effectiveDockEnabled&&!this.topLayerDisabled)}_syncPopupResizeObserver(e=this._mainContainerNode.value){this._popupResizeObserver.disconnect(),e&&this._popupResizeObserver.observe(e)}_handleClose(e){e.stopPropagation(),this.arcgisClose.emit()}_autoClose(e,t){this.autoCloseEnabled&&e!=null&&t!=null&&(this.open=!1)}_handleArcgisPropertyChange(e){e.detail.name==="collapsed"&&(this.collapsed=e.target.collapsed)}_handleArcgisTriggerAction(e){e.stopPropagation(),e.detail.action===this._dockAction&&(this.dockEnabled=!this.dockEnabled),this.arcgisTriggerAction.emit({action:e.detail.action})}_isOutsideView(e){let{popupHeight:t,popupWidth:o,screenLocation:i,side:a,view:n}=e;return Number.isNaN(o)||Number.isNaN(t)||!n||!i?!1:a==="right"&&i.x+o/2>n.width||a==="left"&&i.x-o/2<0||a==="top"&&i.y-t<0||a==="bottom"&&i.y+t>n.height}_getPointerSize(){let{_pointerNode:e}=this,t=e.value?window.getComputedStyle(e.value):null,o=w(t?.height),i=w(t?.width);return Math.hypot(o,i)}_calculateAutoAlignment(e){if(e!=="auto")return e;let{_mainContainerNode:t,_popupRect:o,viewModel:i}=this,{view:a}=i,{screenLocation:n}=this;if(n==null||!a||!o||!t.value)return"top-center";let r=window.getComputedStyle(t.value),l=w(r.maxHeight),s=w(r.height),c=this._getPointerSize(),{height:d,width:y}=o,u=y+c,m=Math.max(d,l,s)+c,O=this._isOutsideView({popupHeight:m,popupWidth:u,screenLocation:n,side:"right",view:a}),S=this._isOutsideView({popupHeight:m,popupWidth:u,screenLocation:n,side:"left",view:a}),x=this._isOutsideView({popupHeight:m,popupWidth:u,screenLocation:n,side:"top",view:a}),T=this._isOutsideView({popupHeight:m,popupWidth:u,screenLocation:n,side:"bottom",view:a});return S?x?"bottom-right":"top-right":O?x?"bottom-left":"top-left":x?T?"top-center":"bottom-center":"top-center"}_callCurrentAlignment(e){return typeof e=="function"?e.call(this):e}_getCurrentAlignment(){return this._effectiveDockEnabled||!this.active||!this._mainContainerNode.value?null:this._calculateAutoAlignment(this._callCurrentAlignment(this.alignment))}_callDockPosition(e){return typeof e=="function"?e.call(this):e}_getDockPosition(){return this._calculateAutoDockPosition(this._callDockPosition(this.dockOptions?.position))}_getCurrentDockPosition(){return this._effectiveDockEnabled&&this.active?this._getDockPosition():null}_calculateAutoDockPosition(e){if(e!=="auto")return e;let t=this.viewModel?.view,o="top-end";if(!t)return o;let{breakpoints:i}=t;return i?.xsmall&&t.width<=i.xsmall?"bottom-center":o}_getDockIcon(){let e=this._getDockPosition(),{_direction:t}=this;if(this._effectiveDockEnabled)return"minimize";switch(e){case"top-left":case"bottom-left":return"dock-left";case"top-center":return"maximize";case"bottom-center":return"dock-bottom";case"top-right":case"bottom-right":return"dock-right";case"top-start":case"bottom-start":return t==="rtl"?"dock-right":"dock-left";default:return t==="rtl"?"dock-left":"dock-right"}}_handleDockIcon(){this._dockAction.icon=this._getDockIcon()}_handleDockEnabled(){this._dockAction.title=this._effectiveDockEnabled?this.messages?.undock:this.messages?.dock}_calculateAlignmentPosition(e,t,o,i){if(e<0||t<0||!o||!i||e>o.width||t>o.height)return;let{topLayerDisabled:a}=this,n=a?e:e+o.x,r=a?t:t+o.y,{_direction:l,currentAlignment:s}=this,c=this._getPointerSize(),d=c/2;if(s==="top-left"||s==="top-start"&&l==="ltr"||s==="top-end"&&l==="rtl")return{top:r-(i.height+d),left:n-i.width-d};if(s==="top-center")return{top:r-(i.height+c),left:n-i.width/2};if(s==="top-right"||s==="top-end"&&l==="ltr"||s==="top-start"&&l==="rtl")return{top:r-(i.height+d),left:n+d};if(s==="bottom-left"||s==="bottom-start"&&l==="ltr"||s==="bottom-end"&&l==="rtl")return{top:r+d,left:n-i.width-d};if(s==="bottom-center")return{top:r+c,left:n-i.width/2};if(s==="bottom-right"||s==="bottom-end"&&l==="ltr"||s==="bottom-start"&&l==="rtl")return{top:r+d,left:n+d}}_getPositionStyleValue(e){return e!=null?`${e}px`:"auto"}_calculatePositionStyle(){if(this._effectiveDockEnabled)return;let{screenLocation:e}=this;if(e==null)return;let t=this.view?.container?.getBoundingClientRect(),o=this._mainContainerNode.value?.getBoundingClientRect();this._popupRect=o;let i=this._calculateAlignmentPosition(e.x,e.y,t,o);if(i)return`inset: ${this._getPositionStyleValue(i.top)} ${this._getPositionStyleValue(i.right)} ${this._getPositionStyleValue(i.bottom)} ${this._getPositionStyleValue(i.left)};`}_dockingThresholdCrossed(e,t,o){let[i,a]=e,[n,r]=t,{width:l=0,height:s=0}=o??{};return i<=l&&n>l||i>l&&n<=l||a<=s&&r>s||a>s&&r<=s}_updateDockEnabledForViewSize(e,t){if(!e||!t||!this.viewModel?.view?.ready)return;let{dockOptions:o}=this,i=o.breakpoint;typeof i=="object"&&this._dockingThresholdCrossed(e,t,i)&&this._setDockEnabledForViewSize(o)}_shouldDockAtCurrentViewSize(e){let t=e.breakpoint,o=this.viewModel?.view?.ui;if(!o)return!1;let{width:i,height:a}=o;if(Number.isNaN(i)||Number.isNaN(a)||typeof t!="object")return!1;let n=typeof t.width=="number"&&i<=(t.width??0),r=typeof t.height=="number"&&a<=(t.height??0);return n||r}_setDockEnabledForViewSize(e){this.viewModel?.view?.ready&&typeof e.breakpoint=="object"&&(this.dockEnabled=this._shouldDockAtCurrentViewSize(e))}render(){let{_direction:e,_effectiveDockEnabled:t,currentAlignment:o,currentDockPosition:i,positionStyle:a}=this,{active:n,view:r}=this.viewModel,l=n&&t,s=n&&!t,c=r?.widthBreakpoint,d=r?.heightBreakpoint,y={"aligned-top-center":o==="top-center","aligned-bottom-center":o==="bottom-center","aligned-top-left":o==="top-left"||o==="top-start"&&e==="ltr"||o==="top-end"&&e==="rtl","aligned-bottom-left":o==="bottom-left"||o==="bottom-start"&&e==="ltr"||o==="bottom-end"&&e==="rtl","aligned-top-right":o==="top-right"||o==="top-end"&&e==="ltr"||o==="top-start"&&e==="rtl","aligned-bottom-right":o==="bottom-right"||o==="bottom-end"&&e==="ltr"||o==="bottom-start"&&e==="rtl","is-docked":l,shadow:s,"is-rtl":this._direction==="rtl","is-docked-top-start":i==="top-start","is-docked-top-end":i==="top-end","is-docked-top-left":i==="top-left","is-docked-top-center":i==="top-center","is-docked-top-right":i==="top-right","is-docked-bottom-left":i==="bottom-left","is-docked-bottom-center":i==="bottom-center","is-docked-bottom-right":i==="bottom-right","is-docked-bottom-start":i==="bottom-start","is-docked-bottom-end":i==="bottom-end","is-xl-width-breakpoint":c==="xlarge","is-lg-width-breakpoint":c==="large","is-md-width-breakpoint":c==="medium","is-sm-width-breakpoint":c==="small","is-xs-width-breakpoint":c==="xsmall","is-xl-height-breakpoint":d==="xlarge","is-lg-height-breakpoint":d==="large","is-md-height-breakpoint":d==="medium","is-sm-height-breakpoint":d==="small","is-xs-height-breakpoint":d==="xsmall"};return f`<div style=${z(a)} class=${b(k("root",y,{hidden:!n||!a&&!t}))} .ariaHidden=${!n} .ariaLabel=${R(this.heading??"")} popover=manual ${g(this._containerNode)}>${this._renderMainContainer()}${this._renderPointer()}</div>`}_renderPointer(){return!this._effectiveDockEnabled||!this.active?f`<div class="pointer" role=presentation><div class=${b(k("pointer-direction","shadow"))} ${g(this._pointerNode)}></div></div>`:null}_renderMainContainer(){let e={shadow:this._effectiveDockEnabled},t={...this.messageOverrides,collapse:this.messageOverrides?.collapse??this.messages.collapse,expand:this.messageOverrides?.expand??this.messages.expand};return f`<div class=${b(k("main-container",e))} ${g(this._mainContainerNode)}><arcgis-features-next .collapsed=${this.collapsed} .autoDestroyDisabled=${this.autoDestroyDisabled} .featureNavigationTop=${this._featureNavigationTop} .focusTrapEnabled=${!this.focusTrapDisabled} .headingLevel=${this.headingLevel} .hideActionBar=${this.hideActionBar} .hideCloseButton=${this.hideCloseButton} .hideFeatureListLayerTitle=${this.hideFeatureListLayerTitle} .hideFeatureMenuHeading=${this.hideFeatureMenuHeading} .hideFeatureNavigation=${this.hideFeatureNavigation} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .hideHeading=${this.hideHeading} .hideSpinner=${this.hideSpinner} @arcgisPropertyChange=${this._handleArcgisPropertyChange} @arcgisTriggerAction=${this._handleArcgisTriggerAction} @arcgisClose=${this._handleClose} .messageOverrides=${t} .referenceElement=${this.referenceElement} .responsiveActionsEnabled=${!0} .showCollapseButton=${!this.hideCollapseButton} .viewModel=${this.viewModel} ${g(this._featuresComponent)}><slot name=actions-start slot=actions-start></slot><slot name=actions-end slot=actions-end></slot></arcgis-features-next></div>`}};E("arcgis-popup",C);return C},"popup/FeaturesModel","applications/Components/stringUtils","core/reactiveUtils","support/actions/ActionButton",a,c,d,e,i,j)
|
package/dist/cdn/R6HUY6QI.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import l from"./XJ6DZ6AN.js";import{a as k}from"./KBHLE7HT.js";import j from"./IFMBHZHX.js";import i from"./TMJX7DFH.js";import g from"./DSDPDMLP.js";import{a as T}from"./VJVKFKSG.js";import{b as V,c as Z,d as U}from"./7N4V2IN6.js";import e from"./CQQM24VF.js";import{a as P}from"./WEAGLY7B.js";import d from"./FZWFKZLW.js";import c from"./JBHRVHGS.js";import{f as N,h as B}from"./JAZGNQRP.js";import"./Z5C6UBYP.js";import a from"./7V7IKYJG.js";import"./QUZTFUWM.js";import{a as E,e as M}from"./WQMZ7BDQ.js";import{N as f,O as m,P as L,R as b,U as h,V as O,X as H,a as S,b as n,n as x,x as $}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([X,W,J,{initializeProjection:Q},{renderingSanitizer:C},{stripHTML:A},{substitute:c,formatNumber:I},{when:Y,watch:u},{getGraphicOriginTitle:ee},,,,z,,,{e:D},{d:j}])=>{var te=S`:host{display:flex;overflow:hidden;flex:1 1 auto}.root{--calcite-color-background: var(--calcite-color-foreground-1);display:flex;overflow:hidden;flex:1 1 auto;flex-direction:column}.root img{image-orientation:from-image}.flow-item-collapsed{--calcite-flow-item-header-border-block-end: none}.container{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1)}.container calcite-list{width:100%}.container:not(:empty,.content-hidden){padding:var(--arcgis-internal-padding-md, var(--calcite-spacing-md))}.root .arcgis-feature,.root .arcgis-feature-relationship,.root .arcgis-feature-utility-network-associations{background-color:transparent}.heading{word-break:break-word;word-wrap:break-word}.header,.footer{display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1)}.footer{flex:1}.pagination-text{padding-inline:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.loader{align-self:center;padding-inline:var(--calcite-spacing-lg)}.pagination-action-bar{flex:1}.pagination-menu-button{padding-inline:var(--calcite-spacing-xxs);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.icon{display:inline-block;flex:0 0 var(--calcite-spacing-lg);width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.action-image{flex:0 0 var(--calcite-spacing-lg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.content-feature{--calcite-flow-item-footer-padding: 0;--calcite-flow-header-top-space: 0}.feature-menu-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.action-exit{transform:scaleX(-1)}.flow-item-drill-in{--calcite-flow-item-footer-padding: 0}.diagnostics-notice{padding:var(--calcite-space-md)}`;function ie(_){return _?.declaredClass.startsWith("esri.layers.")??!1}function se(_){if(!(!_||!("featureReduction"in _)))return _.featureReduction?.type}var ae=z(J),ne=25,oe=5,R=class extends L{constructor(){super(...arguments),this._zoomToFeature=new X({icon:"magnifying-glass-plus",id:"zoom-to-feature",title:"{messages.zoom}"}),this._fetchFeaturesController=null,this._featureMenuIntersectionObserverCallback=([e])=>{e?.isIntersecting&&this.viewModel.featurePage!=null&&this.viewModel.featurePage++},this._featureMenuIntersectionObserver=new IntersectionObserver(this._featureMenuIntersectionObserverCallback,{root:window.document}),this._featureMenuIntersectionObserverNode=null,this._setFocusAnimationFrameId=null,this._setFocusAnimationFrameResolve=null,this._rootFlowItemNode=f(),this._featureMenuViewportNode=f(),this._actionBarMenuNode=f(),this._flowContainerNode=f(),this._aggregatedFeaturesComponent=f(),this.messages=P(),this._selectedFeatureComponent=f(),this._actionFlowItems=new WeakSet,this._direction=N(),this._cancelOpenRelatedFeature=()=>{this._openRelatedFeatureAbortController=T(this._openRelatedFeatureAbortController)},this._spinnerVisible=!1,this._spinnerVisibilityTimeout=null,this._openRelatedFeatureAbortController=null,this.flowItems=new W,this._aggregatedFeatureCount=0,this._selectedAggregatedFeatureIndex=-1,this._aggregatedFeaturesLoading=!1,this._hasActionsStartSlotContent=!1,this._hasActionsEndSlotContent=!1,this.viewModel=ae(this),this.actions=this.viewModel.actions,this.active=this.viewModel.active,this.autoDestroyDisabled=!1,this.focusTrapEnabled=!1,this.collapsed=!1,this.content=this.viewModel.content,this.diagnostics=this.viewModel.diagnostics,this.defaultPopupTemplateEnabled=this.viewModel.defaultPopupTemplateEnabled,this.effectiveHeading=this.viewModel.effectiveHeading,this.featureCount=this.viewModel.featureCount,this.featureMenuOpen=!1,this.featureNavigationTop=!1,this.features=this.viewModel.features,this.featuresPerPage=this.viewModel.featuresPerPage,this.featureItemAbilities=this.viewModel.featureItemAbilities,this.goToOverride=this.viewModel.goToOverride,this.headerActions=new W,this.heading=this.viewModel.heading,this.headingLevel=2,this.hideActionBar=!1,this.hideCloseButton=!1,this.hideFeatureMenuHeading=!1,this.hideFeatureNavigation=!1,this.hideFeatureListLayerTitle=!1,this.hideHeading=!1,this.hideSelectFeature=!1,this.hideSpinner=!1,this.hideContent=!1,this.chartAnimationDisabled=this.viewModel.featureItemAbilities?.chartAnimation,this.hideAttachmentsContent=this.viewModel.featureItemAbilities?.attachmentsContent,this.hideEmptyRelationshipContent=!1,this.hideCustomContent=this.viewModel.featureItemAbilities?.customContent,this.hideExpressionContent=!1,this.hideFieldsContent=this.viewModel.featureItemAbilities?.fieldsContent,this.hideMediaContent=this.viewModel.featureItemAbilities?.mediaContent,this.hideRelationshipContent=this.viewModel.featureItemAbilities?.relationshipContent,this.hideTextContent=this.viewModel.featureItemAbilities?.textContent,this.hideUtilityNetworkContent=this.viewModel.featureItemAbilities?.utilityNetworkAssociationsContent,this.hideLastEditedInfo=!1,this.highlightDisabled=this.viewModel.highlightEnabled,this.includeDefaultActionsDisabled=this.viewModel.includeDefaultActions,this.initialDisplayMode=this.viewModel.initialDisplayMode,this.location=this.viewModel.location,this.map=this.viewModel.map,this.open=this.viewModel.open,this.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.arcgisClose=$(),this.arcgisPropertyChange=B()("active","collapsed","effectiveHeading","featureCount","featureMenuOpen","features","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","open"),this.arcgisReady=$(),this.arcgisTriggerAction=$()}static{this.properties={_openRelatedFeatureAbortController:16,flowItems:16,_aggregatedFeatureCount:16,_selectedAggregatedFeatureIndex:16,_aggregatedFeaturesLoading:16,_hasActionsStartSlotContent:16,_hasActionsEndSlotContent:16,_hideActionText:16,_featureNavigationVisible:16,_isCollapsed:16,_collapseEnabled:16,_selectedFeatureHeading:16,_selectedFeatureHeadingText:16,_selectedFeatureContent:16,_featureFlowItemSelected:16,viewModel:0,actions:0,active:0,autoDestroyDisabled:5,focusTrapEnabled:5,collapseDirection:1,collapsed:5,content:1,diagnostics:0,defaultPopupTemplateEnabled:5,effectiveHeading:32,featureCount:9,featureMenuOpen:5,featureMenuTitle:1,featureNavigationTop:5,features:0,featuresPerPage:9,featureItemAbilities:0,goToOverride:0,headerActions:0,heading:1,headingLevel:9,hideActionBar:5,hideCloseButton:5,hideFeatureMenuHeading:5,hideFeatureNavigation:5,hideFeatureListLayerTitle:5,hideHeading:5,hideSelectFeature:5,hideSpinner:5,hideContent:5,chartAnimationDisabled:5,hideAttachmentsContent:5,hideEmptyRelationshipContent:5,hideCustomContent:5,hideExpressionContent:5,hideFieldsContent:5,hideMediaContent:5,hideRelationshipContent:5,hideTextContent:5,hideUtilityNetworkContent:5,hideLastEditedInfo:5,highlightDisabled:5,icon:1,includeDefaultActionsDisabled:5,initialDisplayMode:1,label:1,location:0,map:0,messageOverrides:0,open:5,referenceElement:1,responsiveActionsEnabled:5,selectedDrillInFeature:32,selectedFeature:0,selectedFeatureComponent:32,selectedFeatureIndex:9,showCollapseButton:5,spatialReference:0,state:32,timeZone:1,updateLocationEnabled:5,view:0}}static{this.styles=te}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._selectedFeatureHeading)&&!!(this.content||this._selectedFeatureContent))}get _selectedFeatureHeading(){return this.viewModel.selectedFeatureItem?.heading}get _selectedFeatureHeadingText(){return this._selectedFeatureHeading??this.messages.untitled}get _selectedFeatureContent(){return this.viewModel.selectedFeatureItem?.content}get _featureFlowItemSelected(){return this.initialDisplayMode==="list"?!!this.selectedFeature:!this.featureMenuOpen}clear(){this.viewModel.clear()}close(){this.open=!1}async destroy(){await this.manager.destroy(),this._clearSpinnerVisibilityTimeout(),this._removeSpinner(this.referenceElement),this._cancelOpenRelatedFeature(),this._cancelSetFocusAnimationFrame(),this._removeFlowItems(),this._unobserveFeatureMenuObserver(),this._cancelFetchingFeatures(),this._featureMenuIntersectionObserver?.disconnect()}async fetchFeatures(e,t){this._cancelFetchingFeatures();let{signal:i}=t??{},s=new AbortController,{signal:a}=s,o=i?AbortSignal.any([a,i]):a;this._fetchFeaturesController=s,!e&&this.view&&this.location&&(await Q(this.location.spatialReference,this.view.spatialReference,null,{signal:o}),e=this.view.toScreen(this.location)??void 0),e&&await this.viewModel.fetchFeatures(e,{...t,signal:o})}next(){this.viewModel.next()}previous(){this.viewModel.previous()}async setFocus(){this._cancelSetFocusAnimationFrame(),await new Promise(e=>{this._setFocusAnimationFrameResolve=e,this._setFocusAnimationFrameId=requestAnimationFrame(()=>{this._setFocusAnimationFrameId=null;try{if(!this.isConnected||!this.viewModel?.active)return;this._flowContainerNode.value?.setFocus()}finally{this._resolveSetFocusAnimationFrame()}})})}connectedCallback(){super.connectedCallback(),this._createSpinner()}updated(){let e=this._selectedFeatureComponent.value??void 0;this.selectedFeatureComponent!==e&&x(()=>this.selectedFeatureComponent=e)}loaded(){this.manager.onLifecycle(()=>[Y(()=>[this.initialDisplayMode==="list"&&!!this.viewModel?.selectedFeature,this.viewModel?.active],()=>{this.setFocus()}),u(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),u(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),u(()=>this.viewModel?.view?.scale,()=>this._viewScaleChange()),u(()=>this.viewModel?.view,(e,t)=>t&&this._viewChange()),u(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),u(()=>this.selectedFeatureComponent?.viewModel,()=>this._removeFlowItems()),u(()=>this.viewModel?.featureItems,()=>this._featureMenuViewportScrollTop()),u(()=>this.flowItems.toArray(),()=>this._handleFlowItemsChange(),{initial:!0}),u(()=>this.viewModel.aggregatedFeaturesEnabled,e=>{e||(this._aggregatedFeatureCount=0,this._selectedAggregatedFeatureIndex=-1,this._aggregatedFeaturesLoading=!1,this._removeFlowItems())}),u(()=>this.referenceElement,(e,t)=>{this._removeSpinner(t),this._createSpinner()},{initial:!0}),u(()=>[this.hideSpinner,this.viewModel?.view,this.viewModel?.location,this.viewModel?.pendingLocation,this.viewModel?.waitingForResult,this.viewModel?.open],()=>this._createSpinner(),{initial:!0})])}disconnectedCallback(){super.disconnectedCallback(),this._clearSpinnerVisibilityTimeout(),this._cancelSetFocusAnimationFrame(),this._removeSpinner(this.referenceElement)}_resolveSetFocusAnimationFrame(){let e=this._setFocusAnimationFrameResolve;this._setFocusAnimationFrameResolve=null,e?.()}_cancelSetFocusAnimationFrame(){this._setFocusAnimationFrameId!=null&&(cancelAnimationFrame(this._setFocusAnimationFrameId),this._setFocusAnimationFrameId=null),this._resolveSetFocusAnimationFrame()}_cancelFetchingFeatures(){this._fetchFeaturesController=T(this._fetchFeaturesController)}_handleClose(){this.close(),this.arcgisClose.emit()}_groupResultsByLayer(){let{featureItems:e}=this.viewModel,t=new Map;return e.forEach(i=>{let s=i?.graphic;if(!s)return;let a=D(s),o=ie(a)?a:null,r=t.get(o);r||(r=[],t.set(o,r)),r.push(i)}),t}_handleCollapseToggle(){this.collapsed=!this.collapsed}async _openRelatedFeature(e){this._cancelOpenRelatedFeature();let t=new AbortController;if(this._openRelatedFeatureAbortController=t,await e.updateGeometry(),t.signal.aborted)return;let i=e.graphic,s=i?.geometry;if(s==null||i==null){this._openRelatedFeatureAbortController=null;return}if(this._removeFlowItems(),await this.viewModel.zoomTo({target:s}),t.signal.aborted)return;let{labelPointExecute:a}=await $arcgis.t(m=>m[0],"geometry/operators/labelPointOperator");if(t.signal.aborted)return;let o=a(s);o!=null&&(this.location=o),this.features=[i],this.open=!0,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._openFeatureMenu()}_handleFeatureMenuBack(){this.initialDisplayMode==="list"?this.selectedFeatureIndex=-1: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()}_unobserveFeatureMenuObserver(){this._featureMenuIntersectionObserverNode&&this._featureMenuIntersectionObserver.unobserve(this._featureMenuIntersectionObserverNode)}_featureMenuIntersectionObserverCreated(e){this._unobserveFeatureMenuObserver(),e&&this._featureMenuIntersectionObserver.observe(e),this._featureMenuIntersectionObserverNode=e}_getActionLabel(e,t){let{messages:i}=this;return e.id==="zoom-to-feature"?c(i.zoomLabel??"",{messages:i,title:t?A(t.heading??i.untitled??""):this._selectedFeatureHeadingText}):null}_getActionTitle(e,t){let{messages:i}=this,s=t?t.graphic:this.selectedFeature,{id:a}=e,o=s?.attributes,r=e.title??"",l=a==="zoom-to-feature"?c(r,{messages:i}):a==="remove-selected-feature"?c(r,{messages:i}):a==="zoom-to-aggregated-features"?c(r,{messages:i}):a==="browse-aggregated-features"?c(r,{messages:i}):e.title;return l&&o?c(l,o):l??""}_onMainKeydown(e){let{key:t}=e;e.defaultPrevented||V(e)||(U(t,this._direction,{horizontalOnly:!0})&&(e.preventDefault(),e.stopPropagation(),this._closeFeatureMenu(),this.previous()),Z(t,this._direction,{horizontalOnly:!0})&&(e.preventDefault(),e.stopPropagation(),this._closeFeatureMenu(),this.next()))}_featureMenuViewportScrollTop(){this._featureMenuViewportNode.value?.scrollContentTo({top:0})}_selectedFeatureIndexUpdated(e,t){let{featureCount:i,waitingForResult:s}=this.viewModel;s||!i||e===t||e===-1||(this._aggregatedFeatureCount=0,this._selectedAggregatedFeatureIndex=-1,this._removeFlowItems(),this._rootFlowItemNode.value?.scrollContentTo({top:0}))}_triggerAction(e,t=this.flowItems.getItemAt(this.flowItems.length-1)){if(e.disabled)return;e?.type==="toggle"&&(e.value=!e.value);let i=t&&"allActions"in t?t.viewModel:void 0;j(e,this.viewModel,i),this.arcgisTriggerAction.emit({action:e})}_viewScaleChange(){let{selectedFeature:e}=this,t=D(e);!e?.isAggregate||se(t)!=="cluster"||(this.viewModel.aggregatedFeaturesEnabled=!1,this.open=!1,this.clear())}_viewChange(){this.viewModel.clear(),this.open=!1,this._aggregatedFeatureCount=0,this._removeFlowItems()}_handleAggregatedFeaturesPropertyChange({detail:e,target:t}){e.name==="aggregatedFeatureCount"&&(this._aggregatedFeatureCount=t.aggregatedFeatureCount),e.name==="selectedAggregatedFeatureIndex"&&(this._selectedAggregatedFeatureIndex=t.selectedAggregatedFeatureIndex,this._syncSelectedDrillInFeature()),e.name==="loading"&&(this._aggregatedFeaturesLoading=t.loading)}_closeOpenActionMenu(){let{_actionBarMenuNode:e}=this;e.value&&(e.value.menuOpen=!1)}_handleFlowItemsChange(){this._syncSelectedDrillInFeature(),this.flowItems.forEach(e=>{!("allActions"in e)||this._actionFlowItems.has(e)||(this._actionFlowItems.add(e),e.componentOnReady().then(()=>{this.isConnected&&this.flowItems.includes(e)&&this.requestUpdate()}))})}_syncSelectedDrillInFeature(){let e=this.flowItems.getItemAt(this.flowItems.length-1);x(()=>this.selectedDrillInFeature=e?.graphic??void 0)}_removeFlowItems(){this.viewModel.aggregatedFeaturesEnabled=!1,this.flowItems?.destroyAll()}_getDrillInFlowItemDescription(e){switch(e.flowType){case"feature":case"feature-association":case"feature-utility-network-associations":case"feature-utility-network-association-type":return e.description;case"feature-relationship":return e.allItemsDescription}}_handleDrillInBackClick(){this.flowItems?.pop()?.destroy()}_getHeading(){let{effectiveHeading:e}=this.viewModel;return!this.hideHeading&&e?e:""}_handleActionsStartSlotChange(e){this._hasActionsStartSlotContent=E(e)}_handleActionsEndSlotChange(e){this._hasActionsEndSlotContent=E(e)}_removeSpinner(e){e?.manager?.component?.extraContent?.remove(this._spinnerEl),this._spinnerEl=void 0}_clearSpinnerVisibilityTimeout(){this._spinnerVisibilityTimeout!=null&&(clearTimeout(this._spinnerVisibilityTimeout),this._spinnerVisibilityTimeout=null)}_getSpinnerTrackLocation(){return!this.hideSpinner&&this.viewModel.open&&this.viewModel?.waitingForResult?this._spinnerVisible?!0:(this._spinnerVisibilityTimeout??=setTimeout(()=>{this._spinnerVisibilityTimeout=null,this._spinnerVisible=!0,this._createSpinner()},ne),!1):(this._clearSpinnerVisibilityTimeout(),this._spinnerVisible=!1,!1)}_createSpinner(){let e=this.referenceElement;e&&(this._removeSpinner(e),this._spinnerEl=O(n`<arcgis-spinner .label=${this.messages.loading??""} .trackLocation=${this._getSpinnerTrackLocation()} .location=${this.viewModel?.pendingLocation??this.viewModel?.location??void 0} .referenceElement=${e} .view=${this.viewModel?.view??void 0}></arcgis-spinner>`),e.manager?.component?.extraContent?.add(this._spinnerEl))}#e(e){let t=e&&"allActions"in e?e:void 0,{selectedFeatureItem:i}=this.viewModel;if(t&&!t.allActions)return[];let s=t?t.isFeatureFromTable:i?.isFeatureFromTable;return(t?.allActions??i?.allActions??(!e&&this.viewModel.includeDefaultActions?this.viewModel.defaultActions.concat(this.viewModel.actions):this.viewModel.actions)).toArray().filter(a=>!(e&&a.id==="browse-aggregated-features")&&!(s&&!this.location&&a.id===this._zoomToFeature.id))}render(){return n`<div class="root">${this._renderContentContainer()}</div>`}_renderFeatureNavigation(){return[this._renderPagination(()=>this._previousFeature(),()=>this._nextFeature()),this.initialDisplayMode==="list"?this._renderFeaturePaginationText(this.viewModel.featureCount,this.viewModel.selectedFeatureIndex):this._renderFeatureMenuButton()]}_renderHeader(){return this.featureNavigationTop&&this._featureNavigationVisible?n`<div slot=header-top class="header">${this._renderFeatureNavigation()}</div>`:null}_renderFooter(){return!this.featureNavigationTop&&this._featureNavigationVisible?n`<div class="footer" slot=footer>${this._renderFeatureNavigation()}</div>`:null}_renderFeaturePaginationText(e,t){let{messages:i}=this;return n`<div class="pagination-text">${c(i.pageText??"",{index:I(t+1),total:I(e)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:i,streamingFeatures:s,selectedFeatureIndex:a}=t;return n`<calcite-action class="pagination-menu-button" icon=list .label=${e.showAllFeatures??""} .loading=${s} @click=${this._handlePaginationMenuButton} .text=${c(e.pageText??"",{index:I(a+1),total:I(i)})} text-enabled title=${e.showAllFeatures??""??h}></calcite-action>`}_renderPagination(e,t){let{previous:i,next:s}=this.messages;return n`<calcite-action-bar class="pagination-action-bar" expand-toggle-disabled layout=horizontal overflow-mode=none scale=s><calcite-action-group scale=s><calcite-action class="pagination-previous" icon=chevron-left icon-flip-rtl .label=${i??""} @click=${e} .text=${i??""} title=${i??""??h}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${s??""} @click=${t} .text=${s??""} title=${s??""??h}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e,t){let{initialDisplayMode:i}=this,{selectedFeatureItem:s}=this.viewModel,a=e===s;return n`<calcite-list-item @blur=${this._removeActiveFeature} @focus=${()=>this._setActiveFeature(t)} @mouseleave=${this._removeActiveFeature} @mouseover=${()=>this._setActiveFeature(t)} .selected=${a} @calciteListItemSelect=${()=>this._selectFeature(t)}><span .innerHTML=${(C.sanitize(e.heading)||this.messages.untitled)??""} slot=content></span>${i==="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(),s=new Map;t.featureItems.forEach((o,r)=>s.set(o,r));let a=this.initialDisplayMode==="list"?"none":"single";return t.featureItems.length?n`<calcite-list display-mode=flat .label=${e?.featuresList??""} selection-appearance=icon .selectionMode=${a}>${Array.from(i.keys(),o=>{let r=i.get(o)?.map(d=>{let g=s.get(d);return g==null?null:this._renderFeatureMenuItem(d,g)}),l=o?o.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&l!==null?k(o??"map-graphics",n`<calcite-list-item-group .heading=${l}>${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} .disabled=${e.disabled} .icon=${e.icon??void 0} .indicator=${e.active} .loading=${e.active} @click=${()=>this._triggerAction(e)} slot=header-actions-end .text=${t} title=${t??h}></calcite-action>`:null}_renderHeaderActions(){return this.headerActions.map(e=>this._renderHeaderAction(e)).toArray()}_renderContentFeature(e){let{headingLevel:t,hideCloseButton:i,_isCollapsed:s,_collapseEnabled:a,featureNavigationTop:o,initialDisplayMode:r,selectedFeature:l,hideHeading:d}=this,{active:g,selectedFeatureItem:v,content:F}=this.viewModel,p=this._getHeading();if(r==="list"&&!l)return null;let w=v?!v.content:!F;return n`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} class=${b(M({"content-feature":!0,"flow-item-collapsed":s}))} .closable=${!i} .closed=${!g} .collapsed=${s} .collapseDirection=${this.collapseDirection??(o?"down":"up")} .collapsible=${a} .headingLevel=${t} .selected=${e} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} @keydown=${this._onMainKeydown} .heading=${!d&&p?A(p):void 0} ${m(this._rootFlowItemNode)}>${this._renderHeader()}${!d&&p?n`<div slot=heading><div .innerHTML=${C.sanitize(p??"")??""}></div></div>`:null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${b(M("container","content-container",{"content-hidden":w}))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`}_renderDiagnosticsRefineResults(){let{messages:e}=this,{view:t}=this.viewModel;return t!=null&&"effectiveMaxZoom"in t.constraints&&t.constraints.effectiveMaxZoom>=0&&t.zoom>=t.constraints.effectiveMaxZoom?e.maxRecordCountDescriptionRefineResultsMaxZoomLevel:e.maxRecordCountDescriptionRefineResults}_renderDiagnosticsList(e){let{messages:t}=this,i=Array.from(e,s=>ee(s)??t.untitled);return i.length?n`<p>${t.maxRecordCountDescriptionWithLayerList}</p><ul>${i.map(s=>n`<li>${s}</li>`)}</ul><p>${this._renderDiagnosticsRefineResults()}</p>`:null}_renderDiagnosticsMultipleLayers(){let{messages:e}=this;return n`<p>${e.maxRecordCountDescriptionMultipleLayers}</p><p>${this._renderDiagnosticsRefineResults()}</p>`}_renderDiagnostics(){let{messages:e}=this,{diagnostics:t}=this.viewModel,i=t?.layerLimitExceeded;return i?.size?n`<calcite-notice class="diagnostics-notice" open kind=info scale=s><span slot=title>${e.maxRecordCountHeading}</span><div slot=message>${i.size<=oe?this._renderDiagnosticsList(i):this._renderDiagnosticsMultipleLayers()}</div></calcite-notice>`:null}_renderFeatureMenuContainer(){let{viewModel:e,hideCloseButton:t,featureMenuTitle:i,messages:s,initialDisplayMode:a,featureMenuOpen:o,_featureFlowItemSelected:r,_collapseEnabled:l,_isCollapsed:d,featureNavigationTop:g,headingLevel:v}=this,{active:F,featureItems:p,streamingFeatures:w}=e,q=i??s.selectFeature,y=c(s.backLabel??"",{title:this._selectedFeatureHeadingText});if(a==="feature"&&!o)return null;let G=!r;return n`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} class=${b(M({"flow-item-collapsed":d}))} .closable=${!t} .closed=${!F} .collapsed=${a==="list"&&d} .collapseDirection=${this.collapseDirection??(g?"down":"up")} .collapsible=${a==="list"&&l} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand,back:y}} .description=${this.hideFeatureMenuHeading?void 0:c(s.total??"",{total:p.length})} .heading=${this.hideFeatureMenuHeading?void 0:q} .headingLevel=${v} .loading=${e.waitingForContents} .selected=${G} @calciteFlowItemBack=${K=>{K.preventDefault(),this._handleFeatureMenuBack()}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${m(this._featureMenuViewportNode)}>${a==="list"?this._renderHeaderActions():null}${w?n`<calcite-loader class="loader" inline .label=${s.loading??""} slot=header-actions-end></calcite-loader>`:null}${this._renderDiagnostics()}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" ${m(this._featureMenuIntersectionObserverCreated)}></div>${a==="feature"?n`<calcite-button scale=s appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full .label=${y} title=${y??h}>${s.back}</calcite-button>`:null}</calcite-flow-item>`}_renderFlowItem(e,t){let{hideCloseButton:i,active:s,hideHeading:a,hideSelectFeature:o,messages:r}=this,l=r.returnToInitialFeature??"",d=r?.selectFeature,g="showAllEnabled"in e?e.showAllEnabled:!1,v=e.flowType==="feature"||e.flowType==="feature-association"||e.flowType==="feature-relationship"&&!g,F=e.flowType!=="feature"&&v&&"isFeatureFromTable"in e&&!e.isFeatureFromTable&&!o,p=e.flowType==="feature"&&this.viewModel.aggregatedFeaturesEnabled?n`<div class="footer" slot=footer>${this._renderPagination(()=>{this._aggregatedFeaturesComponent.value?.previous()},()=>{this._aggregatedFeaturesComponent.value?.next()})}${this._renderFeaturePaginationText(this._aggregatedFeatureCount,this._selectedAggregatedFeatureIndex)}</div>`:null;return n`<calcite-flow-item .closable=${!i} .closed=${!s} .focusTrapEnabled=${this.focusTrapEnabled} class="flow-item-drill-in" .description=${A(this._getDrillInFlowItemDescription(e)??"")} .heading=${a?void 0:A(e.heading??"")} .selected=${t} @calciteFlowItemBack=${w=>{w.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${a?null:n`<div slot=heading><div .innerHTML=${C.sanitize(e.heading??"")??""}></div></div>`}<div slot=description><div .innerHTML=${C.sanitize(this._getDrillInFlowItemDescription(e)??"")??""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${l??""} title=${l??""??h}></calcite-action>${F?n`<calcite-action icon=zoom-to-object @click=${()=>this._openRelatedFeature(e)} slot=header-actions-end .text=${d??""} title=${d??h}></calcite-action>`:null}${v&&this._renderActionBar(e)||""}<div class="container">${e}</div>${p}</calcite-flow-item>`}_renderContentContainer(){let e=this.flowItems?.toArray(),t=e.length>0,i=this.viewModel.aggregatedFeaturesEnabled&&this.viewModel.selectedFeature?.isAggregate&&!t,s=i&&e.length===0,a=e.length===0&&this._featureFlowItemSelected&&!i,o=e?.map((d,g)=>this._renderFlowItem(d,this._featureFlowItemSelected&&g===e.length-1)),r=this._renderBrowseAggregateContainer(!!s),l=this.initialDisplayMode==="list"?[this._renderFeatureMenuContainer(),this._renderContentFeature(a)]:[this._renderContentFeature(a),this._renderFeatureMenuContainer()];return n`<calcite-flow ${m(this._flowContainerNode)}>${l}${r}${o}</calcite-flow>`}_renderBrowseAggregateContainer(e){let{hideCloseButton:t,active:i,messages:s}=this,{selectedFeature:a}=this.viewModel,o=this.viewModel.aggregatedFeaturesEnabled&&a?.isAggregate,r=c(s.backLabel??"",{title:this._selectedFeatureHeadingText});return o?n`<calcite-flow-item .selected=${e} .closable=${!t} .closed=${!i} .focusTrapEnabled=${this.focusTrapEnabled} .description=${this._aggregatedFeatureCount?c(s.total??"",{total:this._aggregatedFeatureCount}):""} .heading=${s.aggregatedFeatures} @calciteFlowItemBack=${l=>{l.preventDefault(),this.viewModel.aggregatedFeaturesEnabled=!1}} .messageOverrides=${{back:r}} .loading=${this._aggregatedFeaturesLoading} @calciteFlowItemClose=${this._handleClose}><arcgis-aggregated-features .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .feature=${a??void 0} .flowItems=${this.flowItems} .headingLevel=${this.headingLevel+1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map??void 0} .messageOverrides=${this.messageOverrides} .messages=${s} @arcgisPropertyChange=${this._handleAggregatedFeaturesPropertyChange} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference??void 0} .timeZone=${this.timeZone??void 0} .view=${this.view??void 0} ${m(this._aggregatedFeaturesComponent)}></arcgis-aggregated-features><calcite-button appearance=transparent @click=${()=>this.viewModel.aggregatedFeaturesEnabled=!1} slot=footer-start scale=s width=full .label=${r} title=${r??h}>${s.back}</calcite-button></calcite-flow-item>`:null}_renderActionBar(e){let t=this.#e(e),i=!!t.length||this._hasActionsStartSlotContent||this._hasActionsEndSlotContent,s=this._isCollapsed||this.hideActionBar||!i;return n`<calcite-action-bar expand-toggle-disabled .expanded=${!this._hideActionText} scale=s slot=${(s?void 0:"action-bar")??h} .hidden=${s}><slot name=actions-start @slotchange=${this._handleActionsStartSlotChange}></slot><calcite-action-group overlay-positioning=fixed scale=s ${m(this._actionBarMenuNode)}>${this._renderActions(t,e)}</calcite-action-group><slot name=actions-end @slotchange=${this._handleActionsEndSlotChange}></slot></calcite-action-bar>`}_renderActions(e,t){return e.map(i=>{let s=this._getActionTitle(i,t),a=this._getActionLabel(i,t);return n`<calcite-action .active=${i.type==="toggle"?i.value:!1} .disabled=${i.disabled} .icon=${i.icon??void 0} .loading=${i.active} scale=s .textEnabled=${!this._hideActionText} .text=${s??""} .label=${a??s} title=${a??s??h} .hidden=${!i.visible} @click=${()=>this._triggerAction(i,t)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeatureItem:t,includeDefaultActions:i,actions:s}=this.viewModel;return t?n`<arcgis-feature-next .actions=${s} .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel+1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .includeDefaultActions=${i} .location=${this.location} .map=${this.map} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${m(this._selectedFeatureComponent)}></arcgis-feature-next>`:typeof e=="string"?k(e,n`<div .innerHTML=${C.sanitize(e)??""}></div>`):e??null}};H("arcgis-features-next",R);return R},"support/actions/ActionButton","core/Collection","popup/FeaturesModel","applications/Components/featureUtils","applications/Components/sanitizerUtils","applications/Components/stringUtils","intl","core/reactiveUtils","graphic/getGraphicOriginTitle",a,c,d,e,g,i,j,l)
|