@arcgis/map-components 4.34.0-next.164 → 4.34.0-next.165

package/dist/cdn/{PYHQ7P5L.js → BT4G26DS.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.164 */
-import{b as _}from"./H3FKO25M.js";import f from"./XVIETSQS.js";import{a as D}from"./V2FHHFU2.js";import e from"./ORLBHTZF.js";import{a as O}from"./OAAHIAXN.js";import d from"./DVKTLRZS.js";import{a as M}from"./XXC3UGB5.js";import{a as u}from"./YLY6MRIK.js";import c from"./NRPKNJFE.js";import a from"./7DC6AEZI.js";import{g as k}from"./PSARP625.js";import"./KV4VSO26.js";import"./BRWRDMRM.js";import{I as x,J as C,K as v,M as g,P as S,a as w,b as l,s as b}from"./X5N325X3.js";import"./FMQKS6LT.js";export default $arcgis.t(([{ignoreAbortErrors:z},V,{getDefaultUnitForView:F},{property:a,subclass:A},{watch:m},{createChart:T},,,B,{a:E,d:f},$])=>{var L=w`.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}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--esri-widget-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{--internal-chart-height: 180px;--internal-gap: var(--calcite-spacing-sm-plus);width:550px;isolation:isolate;padding:var(--esri-widget-padding);position:relative;container-type:inline-size;resize:horizontal}.container{display:flex;flex-direction:column;width:100%;min-width:0;gap:var(--internal-gap)}.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-bottom:calc(var(--internal-gap) * -1)}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--calcite-spacing-xs)}.action-button{width:auto;min-height:32px}.main-container{display:flex;position:relative;flex-flow:column;width:100%;height:var(--internal-chart-height)}.chart-container{position:relative;width:100%;height:100%}.prompt-container{box-sizing:border-box;display:grid;place-content:center;padding-inline:var(--calcite-spacing-md);height:100%;text-align:center}.prompt-message{margin:0;width:100%}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .15s ease-in-out;transition-delay:0;opacity:0;&.visible{transition-delay:50ms;opacity:1}&.small{inset-inline-start:0;top:-22px;left:unset;transform:none;color:var(--calcite-color-brand)}}@container (max-width: 400px){.esri-widget--panel{height:auto}.actions{flex-direction:column}.action-button{align-self:stretch}}`;function I({geometry:t}){return t!=null&&t.type==="polyline"&&t.paths.length>0&&t.paths.every(e=>e.length>=2)}function Z({geometry:t}){return t?.type==="polyline"&&t.paths.reduce((e,i)=>e+i.length,0)>0}function H(t){return t?.samples?.some(e=>e.z!=null)??!1}function j(t){return t?.type==="polyline"}async function R(t,e,i){let r=await q(t,e);return E(i),G(r)?r.highlight(e):D()}async function q(t,e){let i=e?.layer;if(!(!i||i.type==="subtype-sublayer"||i.type==="sublayer"||i.type==="building-component"))return await t.whenLayerView(i)}function G(t){return t!=null&&"highlight"in t&&typeof t.highlight=="function"}var N=Object.defineProperty,J=Object.getOwnPropertyDescriptor,s=(t,e,i,r)=>{for(var n=r>1?void 0:r?J(e,i):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(n=(r?d(e,i,n):d(n))||n);return r&&n&&N(e,i,n),n},o=class extends ${constructor(){super(...arguments),this.highlightEnabled=!0,this.uniformChartScaling=!1,this.shouldForceInteractive=!1,this.supportedViewType="both",this.unsupportedErrorMessage=""}get _measurementSystem(){return this.view?F(this.view):void 0}get _hasSamples(){let{progress:t}=this;return this._analysisView?.results?.some(e=>e.available&&(t<1||H(e)))??!1}get doneButtonAvailable(){if(this.featureSelected)return!1;let{geometry:t}=this.analysis;return j(t)&&t.paths.length>0&&t.paths[0].length>2}get effectiveDisplayUnits(){return this.analysisView?.effectiveDisplayUnits}get errorState(){if(!I(this.analysis))return"no-valid-input";let t=this.analysisView?.error;if(t)switch(t.name){case"too-complex":return"too-complex";case"invalid-geometry":return"invalid-geometry";case"elevation-query-error":return"no-valid-input";default:return"unknown"}return this._hasSamples?"none":"no-available-profiles"}get featureSelected(){return this._selectedFeature!=null}get hasVertices(){return Z(this.analysis)}get hoveredPosition(){return this.analysisView?.hoveredPosition??void 0}get geometry(){return this.analysis.geometry}set geometry(t){this.analysis.geometry=t}get elevationInfo(){return this.analysis.elevationInfo}set elevationInfo(t){this.analysis.elevationInfo=t}get profiles(){return this.analysis.profiles}set profiles(t){this.analysis.profiles=t}get progress(){return this.analysisView?.progress??0}get results(){return this.analysisView?.results??[]}get selectButtonAvailable(){for(let t of this.view?.map?.allLayers.toArray()??[])if(t.type==="graphics"&&!("internal"in t&&t.internal)&&t.graphics.some(e=>e.geometry?.type==="polyline")||"geometryType"in t&&t.geometryType==="polyline")return!0;return!!this.view?.graphics?.some(t=>t.geometry?.type==="polyline")}get state(){return this.disabled||!this.ready?"disabled":this._selectingPromise?"selecting":this.operationState==="active"?"creating":this.analysis.valid?this.featureSelected?"selected":"created":"ready"}get unitDistance(){return U(this._userUnitDistance??this.analysis.displayUnits?.distance??void 0,this.unitOptionsDistance,this._measurementSystem)}set unitDistance(t){this._userUnitDistance=t}get unitElevation(){return U(this._userUnitElevation??this.analysis.displayUnits?.elevation??void 0,this.unitOptionsElevation,this._measurementSystem)}set unitElevation(t){this._userUnitElevation=t}get unitOptionsDistance(){return P(this._userUnitOptionsDistance)}set unitOptionsDistance(t){this._userUnitOptionsDistance=t}get unitOptionsElevation(){return P(this._userUnitOptionsElevation)}set unitOptionsElevation(t){this._userUnitOptionsElevation=t}initialize(){this.addHandles([m(()=>({analysis:this.analysis,unitDistance:this.unitDistance,unitElevation:this.unitElevation}),({analysis:t,unitDistance:e,unitElevation:i})=>{if(t!=null){let r=t.displayUnits;r.elevation=i,r.distance=e}},{sync:!0,initial:!0}),m(()=>({selectedFeature:this._selectedFeature,profiles:this.analysis.profiles.toArray()}),({selectedFeature:t,profiles:e},i)=>{this._highlightSelectedFeature(this.highlightEnabled?t:void 0),this.analysis.viewOptions.geometryVisualizationVisible=this.highlightEnabled&&t==null;let r=i?.selectedFeature;e.forEach(n=>{switch(n.type){case"scene":this._excludeSelectedFeatureFromProfile(n,t,r);break;case"input":n.chartOptions.lineVisible=t!=null,n.viewOptions.lineVisible=t!=null;break}})},{initial:!0})])}destroy(){this._removeSelectionHighlight()}async select(){let t=this.analysisView;if(!t)return;let e=super.start({operation:async i=>{let r=await t.pickFeature(i);i?.signal?.aborted||(t.interactive=!1,this._selectedFeature=r.feature)},clear:!1});e.finally(()=>{this._selectingPromise===e&&(this._selectingPromise=void 0)}),this._selectingPromise=e,await e.catch()}async place(t){await this.analysisView?.place(t)}clearAnalysis(){this.geometry=null,this.elevationInfo=null,this._selectedFeature=void 0}constructAnalysis(){return new V}_highlightSelectedFeature(t){this._removeSelectionHighlight();let e=this.view;!e||!t||(this._selectionHighlightTask=f(async i=>await R(e,t,{signal:i})))}_removeSelectionHighlight(){this._selectionHighlightTask?.value?.remove(),this._selectionHighlightTask=O(this._selectionHighlightTask)}_excludeSelectedFeatureFromProfile(t,e,i){let r=new Set(t.exclude??[]);i&&r.delete(i),e&&r.add(e),t.exclude=Array.from(r)}};s([a()],o.prototype,"_userUnitOptionsDistance",2);s([a()],o.prototype,"_userUnitOptionsElevation",2);s([a()],o.prototype,"_userUnitDistance",2);s([a()],o.prototype,"_userUnitElevation",2);s([a({readOnly:!0})],o.prototype,"_measurementSystem",1);s([a()],o.prototype,"_selectingPromise",2);s([a()],o.prototype,"_selectedFeature",2);s([a()],o.prototype,"_selectionHighlightTask",2);s([a()],o.prototype,"_hasSamples",1);s([a()],o.prototype,"doneButtonAvailable",1);s([a({readOnly:!0})],o.prototype,"effectiveDisplayUnits",1);s([a({readOnly:!0})],o.prototype,"errorState",1);s([a()],o.prototype,"featureSelected",1);s([a({readOnly:!0})],o.prototype,"hasVertices",1);s([a()],o.prototype,"highlightEnabled",2);s([a()],o.prototype,"hoveredPosition",1);s([a()],o.prototype,"geometry",1);s([a()],o.prototype,"elevationInfo",1);s([a()],o.prototype,"profiles",1);s([a({readOnly:!0})],o.prototype,"progress",1);s([a({readOnly:!0})],o.prototype,"results",1);s([a({readOnly:!0})],o.prototype,"selectButtonAvailable",1);s([a({readOnly:!0})],o.prototype,"state",1);s([a()],o.prototype,"uniformChartScaling",2);s([a()],o.prototype,"unitDistance",1);s([a()],o.prototype,"unitElevation",1);s([a()],o.prototype,"unitOptionsDistance",1);s([a()],o.prototype,"unitOptionsElevation",1);o=s([A("components.elevation-profile.ElevationProfileViewModel")],o);function U(t,e,i){return t&&e.includes(t)?t:i&&e.includes(i)?i:e[0]}function P(t){let e=t?.filter(i=>_.includes(i));return e&&e.length>0?e:_.slice()}var Q=B(o),y=class extends C{constructor(){super(...arguments),this.viewModel=Q(this),this._messages=M(),this._hideZoomOutButton=!0,this.analysis=this.viewModel.analysis,this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.effectiveDisplayUnits=this.viewModel.effectiveDisplayUnits,this.hideChart=!1,this.hideClearButton=!1,this.hideLegend=!1,this.hideSelectButton=!1,this.hideSettingsButton=!1,this.hideSketchButton=!1,this.hideUniformChartScalingToggle=!1,this.hideUnitSelector=!1,this.highlightEnabled=this.viewModel.highlightEnabled,this.hoveredPosition=this.viewModel.hoveredPosition,this.icon="altitude",this.geometry=this.viewModel.geometry,this.elevationInfo=this.viewModel.elevationInfo,this.profiles=this.viewModel.profiles,this.progress=this.viewModel.progress,this.state=this.viewModel.state,this.uniformChartScaling=this.viewModel.uniformChartScaling,this.unitDistance=this.viewModel.unitDistance,this.unitElevation=this.viewModel.unitElevation,this.unitOptionsDistance=this.viewModel.unitOptionsDistance,this.unitOptionsElevation=this.viewModel.unitOptionsElevation,this.arcgisPropertyChange=k()("geometry","effectiveDisplayUnits","progress","state"),this.arcgisReady=b()}static{this.properties={_hideZoomOutButton:16,_chartContainer:16,analysis:0,view:0,autoDestroyDisabled:5,effectiveDisplayUnits:32,hideChart:5,hideClearButton:5,hideLegend:5,hideSelectButton:5,hideSettingsButton:5,hideSketchButton:5,hideUniformChartScalingToggle:5,hideUnitSelector:5,highlightEnabled:5,hoveredPosition:9,icon:3,geometry:0,elevationInfo:0,label:1,messageOverrides:0,position:1,referenceElement:1,profiles:0,progress:40,state:3,uniformChartScaling:5,unitDistance:1,unitElevation:1,unitOptionsDistance:0,unitOptionsElevation:0}}static{this.styles=L}get _selectButtonVisible(){return!this.hideSelectButton&&this.viewModel.selectButtonAvailable}get _chart(){return this._chartInitializationTask?.value}async destroy(){await this.manager.destroy()}async select(){z(this.viewModel.select())}async start(){z(this.viewModel.start())}async stop(){this.viewModel.stop()}load(){this.manager.onLifecycle(()=>[m(()=>({container:this._chartContainer}),({container:e})=>{this._destroyChart(),e&&(this._chartInitializationTask=f(async i=>await T({view:this.viewModel.view,analysisView:this.viewModel.analysisView,container:e,messages:this._messages,signal:i,uniformScaling:this.viewModel.uniformChartScaling,onRangeChange:(r,n)=>{this._hideZoomOutButton=r===1&&n===1},onCursorPositionChange:(r,n)=>{let{analysisView:c}=this.viewModel;c&&(c.hoveredPosition=r)}})))},{sync:!0,initial:!0}),m(()=>({chart:this._chart,view:this.viewModel.view,analysisView:this.viewModel.analysisView,uniformScaling:this.viewModel.uniformChartScaling}),({chart:e,view:i,analysisView:r,uniformScaling:n})=>{e&&(e.view=i,e.analysisView=r,e.uniformScaling=n)},{sync:!0,initial:!0}),{remove:()=>this._destroyChart()}])}_destroyChart(){let e=this._chart;this._chartInitializationTask?.abort(),this._chartInitializationTask=void 0,e?.destroy()}_onCancelButtonClick(){this.viewModel.stop()}_onDoneButtonClick(){this.viewModel.stop()}_getErrorMessage(){let e=W[this.viewModel.errorState];return e?this._messages?.errors?.[e]:void 0}_onClearButtonClick(){this.viewModel.clear()}_onZoomOutButtonClick(){this._chart?.zoomOut()}_onChartContainerRef(e){this._chartContainer=e}render(){return l`<div aria-label=${this._messages.componentLabel??g} class=${v({container:!0,[u.widget]:!0,[u.widgetDisabled]:this.viewModel.state==="disabled",[u.panel]:!0})} role=presentation>${this._renderContentForState()}</div>`}_renderContentForState(){switch(this.viewModel.state){case"ready":return this._renderContentForReadyState();case"selecting":return this._renderContentForSelectingState();case"creating":return this._renderContentForCreatingState();case"selected":return this._renderContentForSelectedState();case"created":return this._renderContentForCreatedState();case"disabled":return this._renderContentForReadyState()}}_renderContentForReadyState(){let{_messages:e,hideSelectButton:i,hideSketchButton:r}=this,{selectButtonAvailable:n}=this.viewModel,c=!i&&n,d;return!r&&c?d=e.readyPrompt:r?c?d=e.readyPromptSelectOnly:d=e.errors?.noProfile:d=e.readyPromptCreateOnly,this._renderContent({prompt:d,chart:!1,actions:p})}_renderContentForSelectingState(){let{view:e}=this.viewModel;if(!e)return;let i=this._messages[`selectingPrompt-${e.type}`];return this._renderContent({prompt:i,chart:!1,actions:[{type:"select-cancel"}]})}_renderContentForCreatingState(){let{viewModel:e}=this,{view:i}=e;if(!i)return;let r=e.hasVertices?[{type:"sketch-cancel"},{type:"sketch-done",disabled:!e.doneButtonAvailable}]:[{type:"select"},{type:"sketch",disabled:!0}];if(e.errorState==="no-valid-input"){let c=this._messages[`creatingPrompt-${i.type}`];return this._renderContent({chart:!1,actions:r,prompt:c})}let n=this._getErrorMessage();return n?this._renderContent({chart:!1,actions:r,prompt:n}):this._renderContent({chart:!0,actions:r})}_renderContentForSelectedState(){let e=this._getErrorMessage();return e?this._renderContent({chart:!1,actions:p,prompt:e}):this._renderContent({chart:!0,actions:p})}_renderContentForCreatedState(){let e=this._getErrorMessage();return e?this._renderContent({chart:!1,actions:p,prompt:e}):this._renderContent({chart:!0,actions:p})}_renderContent(e){let{viewModel:i}=this,r=i.geometry!=null;return l`<header class="header">${h({hidden:this._hideZoomOutButton,children:this._renderZoomOutButton()})}${h({hidden:this.hideClearButton||!r,children:this._renderClearButton()})}${h({hidden:this.hideSettingsButton,children:this._renderSettingsButton()})}</header><div class="main-container">${e.prompt!=null?this._renderPrompt(e.prompt):e.chart?this._renderChart():void 0}</div>${h({hidden:this.hideLegend,children:this._renderLegend()})}${this._renderActions(e)}`}_renderPrompt(e){return[l`<div class="prompt-container"><p class="prompt-message">${e}</p></div>`]}_renderZoomOutButton(){let e=this._messages.zoomOut??"";return l`<calcite-action appearance=transparent icon=magnifying-glass-minus @click=${this._onZoomOutButtonClick} scale=s .text=${e} title=${e??g}></calcite-action>`}_renderChart(){if(this.hideChart)return;let e=this._chart;return l`${this._renderSpinner({size:e?.chartVisible?"small":"large",visible:e?.spinnerVisible??!1})}<div class="chart-container" ${x(this._onChartContainerRef)}></div>`}_renderSpinner(e){let i=e.size==="small",r=e.visible??!0;return l`<calcite-loader class=${v({spinner:!0,small:i,visible:r})} .inline=${i} label scale=s></calcite-loader>`}_renderClearButton(){let e=this._messages.clearProfile??"";return l`<calcite-action appearance=transparent icon=trash @click=${this._onClearButtonClick} scale=s .text=${e} title=${e??g}></calcite-action>`}_renderLegend(){return l`<arcgis-elevation-profile-legend .effectiveDisplayUnits=${this.viewModel.effectiveDisplayUnits} .featureSelected=${this.viewModel.featureSelected} .messages=${this._messages} .results=${this.viewModel.results}></arcgis-elevation-profile-legend>`}_renderSettingsButton(){return l`<arcgis-elevation-profile-settings .analysis=${this.viewModel.analysis} .hideUniformChartScalingToggle=${this.hideUniformChartScalingToggle} .hideUnitSelector=${this.hideUnitSelector} .messages=${this._messages} .uniformChartScaling=${this.viewModel.uniformChartScaling} .unitOptionsDistance=${this.viewModel.unitOptionsDistance} .unitOptionsElevation=${this.viewModel.unitOptionsElevation} @arcgisElevationProfileSettingsUniformChartScalingChange=${e=>{this.viewModel.uniformChartScaling=e.detail}}></arcgis-elevation-profile-settings>`}_renderActions({actions:e}){let i=this._messages,r=e.map(n=>{switch(n.type){case"sketch":return h({hidden:this.hideSketchButton,children:this._renderAction({action:n,label:i.sketchButtonLabel,primary:!0,onClick:()=>void this.start()})});case"sketch-cancel":return h({hidden:this.hideSketchButton,children:this._renderAction({action:n,label:i.cancelButtonLabel,primary:!1,onClick:this._onCancelButtonClick})});case"sketch-done":return h({hidden:this.hideSketchButton,children:this._renderAction({action:n,label:i.doneButtonLabel,primary:!0,onClick:this._onDoneButtonClick})});case"select":return h({hidden:!this._selectButtonVisible,children:this._renderAction({action:n,label:i.selectButtonLabel,primary:!1,onClick:()=>void this.select()})});case"select-cancel":return h({hidden:!this._selectButtonVisible,children:this._renderAction({action:n,label:i.cancelButtonLabel,primary:!1,onClick:this._onCancelButtonClick})});default:return}}).filter(Boolean);return r.length?l`<footer class="actions">${r}</footer>`:void 0}_renderAction({action:e,label:i,onClick:r,primary:n}){return l`<calcite-button .appearance=${n?"solid":"outline-fill"} class="action-button" .disabled=${e.disabled||void 0} @click=${r}>${i}</calcite-button>`}};function h(t){return t.hidden?void 0:t.children}var p=[{type:"select"},{type:"sketch"}],W={none:void 0,"no-valid-input":"noProfile","no-available-profiles":"noProfile","too-complex":"tooComplex",unknown:"unknown","invalid-geometry":"invalidGeometry"};S("arcgis-elevation-profile-next",y);return y},"core/promiseUtils","analysis/ElevationProfileAnalysis","applications/Components/getDefaultUnits","core/accessorSupport/decorators","core/reactiveUtils","applications/Components/analysisUtils",a,c,d,e,f)
+v4.34.0-next.165 */
+import{b as _}from"./UFQPNKAM.js";import f from"./2Y4LSCLG.js";import{a as D}from"./A2KFCWSS.js";import e from"./VKYCZ7OI.js";import{a as O}from"./T2HJJOKD.js";import d from"./BRPUBXXZ.js";import{a as M}from"./MWKIUB4M.js";import{a as u}from"./2V2DXEWY.js";import c from"./TZ5AT32O.js";import a from"./LYMKBRZ5.js";import{g as k}from"./GXKKD2LY.js";import"./ICN3VNHY.js";import"./ZXK3RJP7.js";import{I as x,J as C,K as v,M as g,P as S,a as w,b as l,s as b}from"./JXV3JKIC.js";import"./VTDZDJBT.js";export default $arcgis.t(([{ignoreAbortErrors:z},V,{getDefaultUnitForView:F},{property:a,subclass:A},{watch:m},{createChart:T},,,B,{a:E,d:f},$])=>{var L=w`.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}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--esri-widget-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{--internal-chart-height: 180px;--internal-gap: var(--calcite-spacing-sm-plus);width:550px;isolation:isolate;padding:var(--esri-widget-padding);position:relative;container-type:inline-size;resize:horizontal}.container{display:flex;flex-direction:column;width:100%;min-width:0;gap:var(--internal-gap)}.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-bottom:calc(var(--internal-gap) * -1)}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--calcite-spacing-xs)}.action-button{width:auto;min-height:32px}.main-container{display:flex;position:relative;flex-flow:column;width:100%;height:var(--internal-chart-height)}.chart-container{position:relative;width:100%;height:100%}.prompt-container{box-sizing:border-box;display:grid;place-content:center;padding-inline:var(--calcite-spacing-md);height:100%;text-align:center}.prompt-message{margin:0;width:100%}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .15s ease-in-out;transition-delay:0;opacity:0;&.visible{transition-delay:50ms;opacity:1}&.small{inset-inline-start:0;top:-22px;left:unset;transform:none;color:var(--calcite-color-brand)}}@container (max-width: 400px){.esri-widget--panel{height:auto}.actions{flex-direction:column}.action-button{align-self:stretch}}`;function I({geometry:t}){return t!=null&&t.type==="polyline"&&t.paths.length>0&&t.paths.every(e=>e.length>=2)}function Z({geometry:t}){return t?.type==="polyline"&&t.paths.reduce((e,i)=>e+i.length,0)>0}function H(t){return t?.samples?.some(e=>e.z!=null)??!1}function j(t){return t?.type==="polyline"}async function R(t,e,i){let r=await q(t,e);return E(i),G(r)?r.highlight(e):D()}async function q(t,e){let i=e?.layer;if(!(!i||i.type==="subtype-sublayer"||i.type==="sublayer"||i.type==="building-component"))return await t.whenLayerView(i)}function G(t){return t!=null&&"highlight"in t&&typeof t.highlight=="function"}var N=Object.defineProperty,J=Object.getOwnPropertyDescriptor,s=(t,e,i,r)=>{for(var n=r>1?void 0:r?J(e,i):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(n=(r?d(e,i,n):d(n))||n);return r&&n&&N(e,i,n),n},o=class extends ${constructor(){super(...arguments),this.highlightEnabled=!0,this.uniformChartScaling=!1,this.shouldForceInteractive=!1,this.supportedViewType="both",this.unsupportedErrorMessage=""}get _measurementSystem(){return this.view?F(this.view):void 0}get _hasSamples(){let{progress:t}=this;return this._analysisView?.results?.some(e=>e.available&&(t<1||H(e)))??!1}get doneButtonAvailable(){if(this.featureSelected)return!1;let{geometry:t}=this.analysis;return j(t)&&t.paths.length>0&&t.paths[0].length>2}get effectiveDisplayUnits(){return this.analysisView?.effectiveDisplayUnits}get errorState(){if(!I(this.analysis))return"no-valid-input";let t=this.analysisView?.error;if(t)switch(t.name){case"too-complex":return"too-complex";case"invalid-geometry":return"invalid-geometry";case"elevation-query-error":return"no-valid-input";default:return"unknown"}return this._hasSamples?"none":"no-available-profiles"}get featureSelected(){return this._selectedFeature!=null}get hasVertices(){return Z(this.analysis)}get hoveredPosition(){return this.analysisView?.hoveredPosition??void 0}get geometry(){return this.analysis.geometry}set geometry(t){this.analysis.geometry=t}get elevationInfo(){return this.analysis.elevationInfo}set elevationInfo(t){this.analysis.elevationInfo=t}get profiles(){return this.analysis.profiles}set profiles(t){this.analysis.profiles=t}get progress(){return this.analysisView?.progress??0}get results(){return this.analysisView?.results??[]}get selectButtonAvailable(){for(let t of this.view?.map?.allLayers.toArray()??[])if(t.type==="graphics"&&!("internal"in t&&t.internal)&&t.graphics.some(e=>e.geometry?.type==="polyline")||"geometryType"in t&&t.geometryType==="polyline")return!0;return!!this.view?.graphics?.some(t=>t.geometry?.type==="polyline")}get state(){return this.disabled||!this.ready?"disabled":this._selectingPromise?"selecting":this.operationState==="active"?"creating":this.analysis.valid?this.featureSelected?"selected":"created":"ready"}get unitDistance(){return U(this._userUnitDistance??this.analysis.displayUnits?.distance??void 0,this.unitOptionsDistance,this._measurementSystem)}set unitDistance(t){this._userUnitDistance=t}get unitElevation(){return U(this._userUnitElevation??this.analysis.displayUnits?.elevation??void 0,this.unitOptionsElevation,this._measurementSystem)}set unitElevation(t){this._userUnitElevation=t}get unitOptionsDistance(){return P(this._userUnitOptionsDistance)}set unitOptionsDistance(t){this._userUnitOptionsDistance=t}get unitOptionsElevation(){return P(this._userUnitOptionsElevation)}set unitOptionsElevation(t){this._userUnitOptionsElevation=t}initialize(){this.addHandles([m(()=>({analysis:this.analysis,unitDistance:this.unitDistance,unitElevation:this.unitElevation}),({analysis:t,unitDistance:e,unitElevation:i})=>{if(t!=null){let r=t.displayUnits;r.elevation=i,r.distance=e}},{sync:!0,initial:!0}),m(()=>({selectedFeature:this._selectedFeature,profiles:this.analysis.profiles.toArray()}),({selectedFeature:t,profiles:e},i)=>{this._highlightSelectedFeature(this.highlightEnabled?t:void 0),this.analysis.viewOptions.geometryVisualizationVisible=this.highlightEnabled&&t==null;let r=i?.selectedFeature;e.forEach(n=>{switch(n.type){case"scene":this._excludeSelectedFeatureFromProfile(n,t,r);break;case"input":n.chartOptions.lineVisible=t!=null,n.viewOptions.lineVisible=t!=null;break}})},{initial:!0})])}destroy(){this._removeSelectionHighlight()}async select(){let t=this.analysisView;if(!t)return;let e=super.start({operation:async i=>{let r=await t.pickFeature(i);i?.signal?.aborted||(t.interactive=!1,this._selectedFeature=r.feature)},clear:!1});e.finally(()=>{this._selectingPromise===e&&(this._selectingPromise=void 0)}),this._selectingPromise=e,await e.catch()}async place(t){await this.analysisView?.place(t)}clearAnalysis(){this.geometry=null,this.elevationInfo=null,this._selectedFeature=void 0}constructAnalysis(){return new V}_highlightSelectedFeature(t){this._removeSelectionHighlight();let e=this.view;!e||!t||(this._selectionHighlightTask=f(async i=>await R(e,t,{signal:i})))}_removeSelectionHighlight(){this._selectionHighlightTask?.value?.remove(),this._selectionHighlightTask=O(this._selectionHighlightTask)}_excludeSelectedFeatureFromProfile(t,e,i){let r=new Set(t.exclude??[]);i&&r.delete(i),e&&r.add(e),t.exclude=Array.from(r)}};s([a()],o.prototype,"_userUnitOptionsDistance",2);s([a()],o.prototype,"_userUnitOptionsElevation",2);s([a()],o.prototype,"_userUnitDistance",2);s([a()],o.prototype,"_userUnitElevation",2);s([a({readOnly:!0})],o.prototype,"_measurementSystem",1);s([a()],o.prototype,"_selectingPromise",2);s([a()],o.prototype,"_selectedFeature",2);s([a()],o.prototype,"_selectionHighlightTask",2);s([a()],o.prototype,"_hasSamples",1);s([a()],o.prototype,"doneButtonAvailable",1);s([a({readOnly:!0})],o.prototype,"effectiveDisplayUnits",1);s([a({readOnly:!0})],o.prototype,"errorState",1);s([a()],o.prototype,"featureSelected",1);s([a({readOnly:!0})],o.prototype,"hasVertices",1);s([a()],o.prototype,"highlightEnabled",2);s([a()],o.prototype,"hoveredPosition",1);s([a()],o.prototype,"geometry",1);s([a()],o.prototype,"elevationInfo",1);s([a()],o.prototype,"profiles",1);s([a({readOnly:!0})],o.prototype,"progress",1);s([a({readOnly:!0})],o.prototype,"results",1);s([a({readOnly:!0})],o.prototype,"selectButtonAvailable",1);s([a({readOnly:!0})],o.prototype,"state",1);s([a()],o.prototype,"uniformChartScaling",2);s([a()],o.prototype,"unitDistance",1);s([a()],o.prototype,"unitElevation",1);s([a()],o.prototype,"unitOptionsDistance",1);s([a()],o.prototype,"unitOptionsElevation",1);o=s([A("components.elevation-profile.ElevationProfileViewModel")],o);function U(t,e,i){return t&&e.includes(t)?t:i&&e.includes(i)?i:e[0]}function P(t){let e=t?.filter(i=>_.includes(i));return e&&e.length>0?e:_.slice()}var Q=B(o),y=class extends C{constructor(){super(...arguments),this.viewModel=Q(this),this._messages=M(),this._hideZoomOutButton=!0,this.analysis=this.viewModel.analysis,this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.effectiveDisplayUnits=this.viewModel.effectiveDisplayUnits,this.hideChart=!1,this.hideClearButton=!1,this.hideLegend=!1,this.hideSelectButton=!1,this.hideSettingsButton=!1,this.hideSketchButton=!1,this.hideUniformChartScalingToggle=!1,this.hideUnitSelector=!1,this.highlightEnabled=this.viewModel.highlightEnabled,this.hoveredPosition=this.viewModel.hoveredPosition,this.icon="altitude",this.geometry=this.viewModel.geometry,this.elevationInfo=this.viewModel.elevationInfo,this.profiles=this.viewModel.profiles,this.progress=this.viewModel.progress,this.state=this.viewModel.state,this.uniformChartScaling=this.viewModel.uniformChartScaling,this.unitDistance=this.viewModel.unitDistance,this.unitElevation=this.viewModel.unitElevation,this.unitOptionsDistance=this.viewModel.unitOptionsDistance,this.unitOptionsElevation=this.viewModel.unitOptionsElevation,this.arcgisPropertyChange=k()("geometry","effectiveDisplayUnits","progress","state"),this.arcgisReady=b()}static{this.properties={_hideZoomOutButton:16,_chartContainer:16,analysis:0,view:0,autoDestroyDisabled:5,effectiveDisplayUnits:32,hideChart:5,hideClearButton:5,hideLegend:5,hideSelectButton:5,hideSettingsButton:5,hideSketchButton:5,hideUniformChartScalingToggle:5,hideUnitSelector:5,highlightEnabled:5,hoveredPosition:9,icon:3,geometry:0,elevationInfo:0,label:1,messageOverrides:0,position:1,referenceElement:1,profiles:0,progress:40,state:3,uniformChartScaling:5,unitDistance:1,unitElevation:1,unitOptionsDistance:0,unitOptionsElevation:0}}static{this.styles=L}get _selectButtonVisible(){return!this.hideSelectButton&&this.viewModel.selectButtonAvailable}get _chart(){return this._chartInitializationTask?.value}async destroy(){await this.manager.destroy()}async select(){z(this.viewModel.select())}async start(){z(this.viewModel.start())}async stop(){this.viewModel.stop()}load(){this.manager.onLifecycle(()=>[m(()=>({container:this._chartContainer}),({container:e})=>{this._destroyChart(),e&&(this._chartInitializationTask=f(async i=>await T({view:this.viewModel.view,analysisView:this.viewModel.analysisView,container:e,messages:this._messages,signal:i,uniformScaling:this.viewModel.uniformChartScaling,onRangeChange:(r,n)=>{this._hideZoomOutButton=r===1&&n===1},onCursorPositionChange:(r,n)=>{let{analysisView:c}=this.viewModel;c&&(c.hoveredPosition=r)}})))},{sync:!0,initial:!0}),m(()=>({chart:this._chart,view:this.viewModel.view,analysisView:this.viewModel.analysisView,uniformScaling:this.viewModel.uniformChartScaling}),({chart:e,view:i,analysisView:r,uniformScaling:n})=>{e&&(e.view=i,e.analysisView=r,e.uniformScaling=n)},{sync:!0,initial:!0}),{remove:()=>this._destroyChart()}])}_destroyChart(){let e=this._chart;this._chartInitializationTask?.abort(),this._chartInitializationTask=void 0,e?.destroy()}_onCancelButtonClick(){this.viewModel.stop()}_onDoneButtonClick(){this.viewModel.stop()}_getErrorMessage(){let e=W[this.viewModel.errorState];return e?this._messages?.errors?.[e]:void 0}_onClearButtonClick(){this.viewModel.clear()}_onZoomOutButtonClick(){this._chart?.zoomOut()}_onChartContainerRef(e){this._chartContainer=e}render(){return l`<div aria-label=${this._messages.componentLabel??g} class=${v({container:!0,[u.widget]:!0,[u.widgetDisabled]:this.viewModel.state==="disabled",[u.panel]:!0})} role=presentation>${this._renderContentForState()}</div>`}_renderContentForState(){switch(this.viewModel.state){case"ready":return this._renderContentForReadyState();case"selecting":return this._renderContentForSelectingState();case"creating":return this._renderContentForCreatingState();case"selected":return this._renderContentForSelectedState();case"created":return this._renderContentForCreatedState();case"disabled":return this._renderContentForReadyState()}}_renderContentForReadyState(){let{_messages:e,hideSelectButton:i,hideSketchButton:r}=this,{selectButtonAvailable:n}=this.viewModel,c=!i&&n,d;return!r&&c?d=e.readyPrompt:r?c?d=e.readyPromptSelectOnly:d=e.errors?.noProfile:d=e.readyPromptCreateOnly,this._renderContent({prompt:d,chart:!1,actions:p})}_renderContentForSelectingState(){let{view:e}=this.viewModel;if(!e)return;let i=this._messages[`selectingPrompt-${e.type}`];return this._renderContent({prompt:i,chart:!1,actions:[{type:"select-cancel"}]})}_renderContentForCreatingState(){let{viewModel:e}=this,{view:i}=e;if(!i)return;let r=e.hasVertices?[{type:"sketch-cancel"},{type:"sketch-done",disabled:!e.doneButtonAvailable}]:[{type:"select"},{type:"sketch",disabled:!0}];if(e.errorState==="no-valid-input"){let c=this._messages[`creatingPrompt-${i.type}`];return this._renderContent({chart:!1,actions:r,prompt:c})}let n=this._getErrorMessage();return n?this._renderContent({chart:!1,actions:r,prompt:n}):this._renderContent({chart:!0,actions:r})}_renderContentForSelectedState(){let e=this._getErrorMessage();return e?this._renderContent({chart:!1,actions:p,prompt:e}):this._renderContent({chart:!0,actions:p})}_renderContentForCreatedState(){let e=this._getErrorMessage();return e?this._renderContent({chart:!1,actions:p,prompt:e}):this._renderContent({chart:!0,actions:p})}_renderContent(e){let{viewModel:i}=this,r=i.geometry!=null;return l`<header class="header">${h({hidden:this._hideZoomOutButton,children:this._renderZoomOutButton()})}${h({hidden:this.hideClearButton||!r,children:this._renderClearButton()})}${h({hidden:this.hideSettingsButton,children:this._renderSettingsButton()})}</header><div class="main-container">${e.prompt!=null?this._renderPrompt(e.prompt):e.chart?this._renderChart():void 0}</div>${h({hidden:this.hideLegend,children:this._renderLegend()})}${this._renderActions(e)}`}_renderPrompt(e){return[l`<div class="prompt-container"><p class="prompt-message">${e}</p></div>`]}_renderZoomOutButton(){let e=this._messages.zoomOut??"";return l`<calcite-action appearance=transparent icon=magnifying-glass-minus @click=${this._onZoomOutButtonClick} scale=s .text=${e} title=${e??g}></calcite-action>`}_renderChart(){if(this.hideChart)return;let e=this._chart;return l`${this._renderSpinner({size:e?.chartVisible?"small":"large",visible:e?.spinnerVisible??!1})}<div class="chart-container" ${x(this._onChartContainerRef)}></div>`}_renderSpinner(e){let i=e.size==="small",r=e.visible??!0;return l`<calcite-loader class=${v({spinner:!0,small:i,visible:r})} .inline=${i} label scale=s></calcite-loader>`}_renderClearButton(){let e=this._messages.clearProfile??"";return l`<calcite-action appearance=transparent icon=trash @click=${this._onClearButtonClick} scale=s .text=${e} title=${e??g}></calcite-action>`}_renderLegend(){return l`<arcgis-elevation-profile-legend .effectiveDisplayUnits=${this.viewModel.effectiveDisplayUnits} .featureSelected=${this.viewModel.featureSelected} .messages=${this._messages} .results=${this.viewModel.results}></arcgis-elevation-profile-legend>`}_renderSettingsButton(){return l`<arcgis-elevation-profile-settings .analysis=${this.viewModel.analysis} .hideUniformChartScalingToggle=${this.hideUniformChartScalingToggle} .hideUnitSelector=${this.hideUnitSelector} .messages=${this._messages} .uniformChartScaling=${this.viewModel.uniformChartScaling} .unitOptionsDistance=${this.viewModel.unitOptionsDistance} .unitOptionsElevation=${this.viewModel.unitOptionsElevation} @arcgisElevationProfileSettingsUniformChartScalingChange=${e=>{this.viewModel.uniformChartScaling=e.detail}}></arcgis-elevation-profile-settings>`}_renderActions({actions:e}){let i=this._messages,r=e.map(n=>{switch(n.type){case"sketch":return h({hidden:this.hideSketchButton,children:this._renderAction({action:n,label:i.sketchButtonLabel,primary:!0,onClick:()=>void this.start()})});case"sketch-cancel":return h({hidden:this.hideSketchButton,children:this._renderAction({action:n,label:i.cancelButtonLabel,primary:!1,onClick:this._onCancelButtonClick})});case"sketch-done":return h({hidden:this.hideSketchButton,children:this._renderAction({action:n,label:i.doneButtonLabel,primary:!0,onClick:this._onDoneButtonClick})});case"select":return h({hidden:!this._selectButtonVisible,children:this._renderAction({action:n,label:i.selectButtonLabel,primary:!1,onClick:()=>void this.select()})});case"select-cancel":return h({hidden:!this._selectButtonVisible,children:this._renderAction({action:n,label:i.cancelButtonLabel,primary:!1,onClick:this._onCancelButtonClick})});default:return}}).filter(Boolean);return r.length?l`<footer class="actions">${r}</footer>`:void 0}_renderAction({action:e,label:i,onClick:r,primary:n}){return l`<calcite-button .appearance=${n?"solid":"outline-fill"} class="action-button" .disabled=${e.disabled||void 0} @click=${r}>${i}</calcite-button>`}};function h(t){return t.hidden?void 0:t.children}var p=[{type:"select"},{type:"sketch"}],W={none:void 0,"no-valid-input":"noProfile","no-available-profiles":"noProfile","too-complex":"tooComplex",unknown:"unknown","invalid-geometry":"invalidGeometry"};S("arcgis-elevation-profile-next",y);return y},"core/promiseUtils","analysis/ElevationProfileAnalysis","applications/Components/getDefaultUnits","core/accessorSupport/decorators","core/reactiveUtils","applications/Components/analysisUtils",a,c,d,e,f)

package/dist/cdn/{TYWIRJ2M.js → C4XWQYWB.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.164 */
-import{a as m}from"./4HY424FG.js";import"./6M2YGI7Y.js";import"./YLY6MRIK.js";import{b as o}from"./BRWRDMRM.js";import{J as d,K as s,P as g,a as c,b as i}from"./X5N325X3.js";import"./FMQKS6LT.js";var f=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)}:host{display:block}.arcgis-legend__no-legend{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md)}.arcgis-legend__layer{border-bottom:1px solid var(--calcite-color-border-2);padding:var(--calcite-spacing-sm);word-wrap:break-word}.arcgis-legend__layer:last-child{border-bottom:none}.arcgis-legend__layer--elements{margin-left:var(--calcite-spacing-sm);overflow:auto}.arcgis-legend__layer-child{margin-left:var(--calcite-spacing-sm);padding-right:0;padding-left:0}:dir(rtl) .arcgis-legend__layer--elements,:dir(rtl) .arcgis-legend__layer-child{margin-right:var(--calcite-spacing-sm);margin-left:0;overflow:auto}`,a={layer:"arcgis-legend__layer",layerElements:"arcgis-legend__layer--elements",layerChild:"arcgis-legend__layer-child",noLegend:"arcgis-legend__no-legend"},n=class extends d{constructor(){super(...arguments),this.headingLevel=3,this.type="classic"}static{this.properties={activeLayerInfos:0,headingLevel:9,type:32,messages:0}}static{this.styles=f}render(){let e=this.activeLayerInfos?.toArray().map(r=>this._renderLegendForLayer(r)).filter(Boolean);return e?.length?i`<section>${e}</section>`:i`<div class=${s(a.noLegend)}>${this.messages.noLegend}</div>`}_renderLegendForLayer(e){if(!e.ready)return null;let r=e.title?m({level:this.headingLevel,children:e.title}):null;if(e.children.length){let t=e.children.toArray().map(l=>this._renderLegendForLayer(l));return i`<section class=${s(a.layer)}>${r}${t}</section>`}return this._renderLegendElementsForLayer(e,r)}_renderLegendElementsForLayer(e,r){let t=e.legendElements?.filter(Boolean);if(!t?.length)return null;let l=t.map(_=>i`<arcgis-legend-classic-element .cssEffectFilter=${e.cssEffectFilter??void 0} .layer=${e.layer} .legendElement=${_} .messages=${this.messages}></arcgis-legend-classic-element>`),h={[a.layerChild]:!!e.parent};return i`<section class=${s(o(a.layer,h))}>${r}<div class=${s(a.layerElements)}>${l}</div></section>`}};g("arcgis-legend-classic-view",n);export{n as LegendClassicView};
+v4.34.0-next.165 */
+import{a as m}from"./BLRMDPFV.js";import"./G6VYM55L.js";import"./2V2DXEWY.js";import{b as o}from"./ZXK3RJP7.js";import{J as d,K as s,P as g,a as c,b as i}from"./JXV3JKIC.js";import"./VTDZDJBT.js";var f=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)}:host{display:block}.arcgis-legend__no-legend{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md)}.arcgis-legend__layer{border-bottom:1px solid var(--calcite-color-border-2);padding:var(--calcite-spacing-sm);word-wrap:break-word}.arcgis-legend__layer:last-child{border-bottom:none}.arcgis-legend__layer--elements{margin-left:var(--calcite-spacing-sm);overflow:auto}.arcgis-legend__layer-child{margin-left:var(--calcite-spacing-sm);padding-right:0;padding-left:0}:dir(rtl) .arcgis-legend__layer--elements,:dir(rtl) .arcgis-legend__layer-child{margin-right:var(--calcite-spacing-sm);margin-left:0;overflow:auto}`,a={layer:"arcgis-legend__layer",layerElements:"arcgis-legend__layer--elements",layerChild:"arcgis-legend__layer-child",noLegend:"arcgis-legend__no-legend"},n=class extends d{constructor(){super(...arguments),this.headingLevel=3,this.type="classic"}static{this.properties={activeLayerInfos:0,headingLevel:9,type:32,messages:0}}static{this.styles=f}render(){let e=this.activeLayerInfos?.toArray().map(r=>this._renderLegendForLayer(r)).filter(Boolean);return e?.length?i`<section>${e}</section>`:i`<div class=${s(a.noLegend)}>${this.messages.noLegend}</div>`}_renderLegendForLayer(e){if(!e.ready)return null;let r=e.title?m({level:this.headingLevel,children:e.title}):null;if(e.children.length){let t=e.children.toArray().map(l=>this._renderLegendForLayer(l));return i`<section class=${s(a.layer)}>${r}${t}</section>`}return this._renderLegendElementsForLayer(e,r)}_renderLegendElementsForLayer(e,r){let t=e.legendElements?.filter(Boolean);if(!t?.length)return null;let l=t.map(_=>i`<arcgis-legend-classic-element .cssEffectFilter=${e.cssEffectFilter??void 0} .layer=${e.layer} .legendElement=${_} .messages=${this.messages}></arcgis-legend-classic-element>`),h={[a.layerChild]:!!e.parent};return i`<section class=${s(o(a.layer,h))}>${r}<div class=${s(a.layerElements)}>${l}</div></section>`}};g("arcgis-legend-classic-view",n);export{n as LegendClassicView};

package/dist/cdn/{4FGBQBTN.js → C7FOMXH7.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.164 */
+v4.34.0-next.165 */
 export default $arcgis.t(([{replace:a}])=>{function u(e){return e!=null&&typeof e=="object"&&"type"in e&&e.type==="feature"}function g(e){return u(e)&&e?.type==="feature"&&e.source?.type==="feature-layer"}function l(e){return u(e)&&g(e)}var s=/^\s*expression\//iu,y=/href=(""|'')/giu,h=/(\{([^{\r\n]+)\})/gu,N=/href\s*=\s*(?:"([^"]+)"|'([^']+)')/giu,I=/'/gu,C="relationships/",w=/^(?:mailto:|tel:)/u;function T(e,n){let r=new Map;if(!e)return r;for(let t of e){if(!t.fieldName)continue;let o=c(t.fieldName,n);t.fieldName=o,r.set(o.toLowerCase(),t)}return r}function q(e){let n=[];if(!e)return n;let{fieldInfos:r,content:t}=e;return r&&n.push(...r),!t||!Array.isArray(t)||t.forEach(o=>{if(o.type==="fields"){let i=o?.fieldInfos;i&&n.push(...i)}}),n}function O(e,n){return e?.getEffectivePopupTemplate(n)??void 0}function P(e){if(e!=null)return"sourceLayer"in e&&e.sourceLayer?e.sourceLayer:e.layer??void 0}function L(e=""){return e?e.includes(C):!1}function R(e=""){if(e)return!w.test(e.trim().toLowerCase())}function c(e,n){let r=m(n,e);return r?r.name:e}function U(e,n){return e?.map(r=>c(r,n))}function d(e){return e?s.test(e):!1}function A(e,n){if(!n||!d(n)||!e)return;let r=n.replace(s,"").toLowerCase();return e.find(({name:t})=>t.toLowerCase()===r)}function W(e,n){if(!(!e?.length||!n))return e.find(r=>r.fieldName?.toLowerCase()===n.toLowerCase())}function F({fieldInfo:e,graphic:n}){return!!e?.fieldName&&!d(e.fieldName)&&!L(e.fieldName)&&!n?.isAggregate&&!n?.popupTemplate}function z({expressionInfos:e,fieldInfo:n,graphic:r,isContentFieldInfos:t,layer:o}){if(!n?.fieldName)return null;let i=A(e,n?.fieldName);if(i)return i.title||null;if(l(o)&&F({fieldInfo:n,graphic:r})){let f=o.getFieldAlias(n.fieldName);return t?n.label||f||n.fieldName:f||n.fieldName}return n.label||n.fieldName}function H({fieldInfo:e,isContentFieldInfos:n,layer:r}){if(!e?.fieldName)return null;if(l(r)){let t=r?.getFieldConfiguration?.(e.fieldName)?.fieldFormat;return n&&e.fieldFormat||t}return null}function p(e){return e.trim()}function v(e){return e.replaceAll(y,"")}function b(e,n){return`{${n.get(e.toLowerCase())?.fieldName||e}}`}function x({formattedValues:e,template:n,fieldInfoMap:r}){return p(v(a(a(n,t=>b(t,r)),e)))}function m(e,n){return!(e&&"getField"in e&&typeof e.getField=="function")||!n?null:e.getField(n)??null}function M(e,n){return e.replaceAll(h,(r,t,o)=>{let i=m(n,o);return i?`{${i.name}}`:t})}function j(e,n,r=!1){let t=n[e];if(typeof t=="string"){let o=(r?encodeURIComponent(t):t).replaceAll(I,"%27");n[e]=o}}function E(e,n=!1){let r={...e};return Object.keys(r).forEach(t=>j(t,r,n)),r}function V(e,n,r){n=p(n);let t=n&&!n.startsWith("{");return a(e,E(r,t||!1))}function $(e,n,r){let t=M(e,r);return t&&t.replaceAll(N,(o,i,f)=>V(o,i||f,n))}function _({values:e,globalValues:n,layer:r,text:t,fieldInfoMap:o}){return t?x({formattedValues:n,template:$(t,{...n,...e},r),fieldInfoMap:o}):""}async function B({type:e,value:n,event:r}){try{return typeof n=="function"?n(r):await n}catch(t){console.error(`[arcgis-feature] An error occurred when calling the "${e}" function`,{error:t,graphic:r.graphic,value:n});return}}return{a:l,b:T,c:q,d:O,e:P,f:L,g:R,h:c,i:U,j:d,k:W,l:F,m:z,n:H,o:x,p:M,q:_,r:B}},"applications/Components/stringUtils")

package/dist/cdn/{RPMAT7LG.js → CDSZYACB.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.164 */
-import{a as r}from"./PSARP625.js";import{u as c}from"./X5N325X3.js";export default $arcgis.t(([{watch:s},e])=>{var a=class extends c{constructor(o){super(o),this.exports=void 0}hostLoaded(){this.component.manager.onLifecycle(()=>s(()=>{let{view:o,trackLocation:t,location:n}=this.component;return t&&o&&n?[t,n,o.size,o.type==="3d"?o.camera:o.viewpoint]:null},()=>void this._updateScreenLocation(),{initial:!0}))}async _updateScreenLocation(){{e.isLoaded()||await e.load();let{location:o,view:t}=this.component,n=t?.spatialReference,i=n&&o?e.execute(o,n):null;this.exports=this.component.trackLocation&&i&&t?.ready?t.toScreen(i):null}}},d=r(a);return d},"core/reactiveUtils","geometry/operators/projectOperator")
+v4.34.0-next.165 */
+import{a as r}from"./GXKKD2LY.js";import{u as c}from"./JXV3JKIC.js";export default $arcgis.t(([{watch:s},e])=>{var a=class extends c{constructor(o){super(o),this.exports=void 0}hostLoaded(){this.component.manager.onLifecycle(()=>s(()=>{let{view:o,trackLocation:t,location:n}=this.component;return t&&o&&n?[t,n,o.size,o.type==="3d"?o.camera:o.viewpoint]:null},()=>void this._updateScreenLocation(),{initial:!0}))}async _updateScreenLocation(){{e.isLoaded()||await e.load();let{location:o,view:t}=this.component,n=t?.spatialReference,i=n&&o?e.execute(o,n):null;this.exports=this.component.trackLocation&&i&&t?.ready?t.toScreen(i):null}}},d=r(a);return d},"core/reactiveUtils","geometry/operators/projectOperator")

package/dist/cdn/{TJREHAAR.js → CGA7H4A7.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.164 */
+v4.34.0-next.165 */
 export default $arcgis.t(([{formatNumber:r}])=>{var p=new Map([["a3-landscape","a3-landscape"],["a3-portrait","a3-portrait"],["a4-landscape","a4-landscape"],["a4-portrait","a4-portrait"],["letter-ansi-a-landscape","ansi-a-landscape"],["letter-ansi-a-portrait","ansi-a-portrait"],["tabloid-ansi-b-landscape","ansi-b-landscape"],["tabloid-ansi-b-portrait","ansi-b-portrait"]]),c=/^https:\/\/([a-z\d-]+)(\.maps([^.]*))?\.arcgis\.com/iu;function u(a){if(!a)return;let t=a.layoutTemplateInfo;if(!t)return;let[e,n]=t.pageSize;return`${r(e)} \xD7 ${r(n)} ${a.pageUnits}`}function d(a,t){let{label:e,layout:n,layoutItem:i,type:s}=a;return s==="print-service-template"&&t[n]?t[n]:(e??n??i?.id)?.replaceAll("_"," ")??t.untitled}function f(a){return p.get(a)}var g=new Map([["AIX","aix"],["EPS","eps"],["GIF","gif"],["JPG","jpg"],["PDF","pdf"],["PNG32","png32"],["PNG8","png8"],["SVG","svg"],["SVGZ","svgz"],["TIFF","tiff"]]),o="map-only";function m(a){return a?.toLowerCase()===o}return{a:c,b:u,c:d,d:f,e:g,f:m}},"intl")

package/dist/cdn/{CD36RFCE.js → CIECM2RE.js}

@@ -1,5 +1,5 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.164 */
-import a from"./4FGBQBTN.js";import{a as W}from"./Q76AU6AC.js";import{d as G,e as K}from"./PSARP625.js";import{e as O}from"./BRWRDMRM.js";import{I as H,J as j,K as y,M as b,P as D,a as B,b as C}from"./X5N325X3.js";import"./FMQKS6LT.js";export default $arcgis.t(([{getColorsFromRenderer:se},{substitute:oe},{watch:le},de,ee,{renderingSanitizer:te},{f:$,g:q,h:F,i:J,j:Q,k:Z,m:z,o:N,p:P,q:L}])=>{var ce=B`.arcgis-feature-media__container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.arcgis-feature-media__container .arcgis-feature-media__pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.arcgis-feature-media__container .arcgis-feature-media__pagination-button:hover,.arcgis-feature-media__container .arcgis-feature-media__pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.arcgis-feature-media__item-title{margin:0;font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-snug)}.arcgis-feature-media__item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-snug)}.arcgis-feature-media__item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.arcgis-feature-media__item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.arcgis-feature-media__item-text{margin-inline-end:var(--calcite-spacing-xs)}.arcgis-feature-media__pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.arcgis-feature-media__pagination:only-child{margin-inline-start:auto}.arcgis-feature-media__pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.arcgis-feature-media__item-container{flex:0 1 auto;width:100%}.arcgis-feature-media__item-container img{max-width:100%}.arcgis-feature-media__item-container img[src$=".SVG"],.arcgis-feature-media__item-container img[src$=".svg"]{width:100%}.arcgis-feature-media__chart{width:100%;height:155px}`;function X(V){if(!$(V))return null;let[e,t]=V.split("/").slice(1);return{layerId:e,fieldName:t}}var M="arcgis-feature-media",v={base:M,mediaContainer:`${M}__container`,mediaItemContainer:`${M}__item-container`,mediaItem:`${M}__item`,mediaItemText:`${M}__item-text`,mediaItemTitle:`${M}__item-title`,mediaItemCaption:`${M}__item-caption`,mediaNavigation:`${M}__item-navigation`,mediaPagination:`${M}__pagination`,mediaPaginationText:`${M}__pagination-text`,mediaChart:`${M}__chart`,mediaPaginationButton:`${M}__pagination-button`,mediaPaginationIcon:`${M}__pagination-icon`,mediaChartRendered:`${M}__chart--rendered`},Y=15,w="category",T="value",me="rgba(50, 50, 50, 1)",he=250,ue=500,fe=200,E=class extends j{constructor(){super(...arguments),this._direction=K(),this._prefersReducedMotion=G("(prefers-reduced-motion)"),this.activeMediaInfoIndex=0,this.chartAnimationDisabled=!1,this.headingLevel=2}static{this.properties={_refreshIntervalInfo:16,messages:0,values:0,activeMediaInfoIndex:9,chartAnimationDisabled:5,activeMediaInfo:32,formattedMediaInfos:32,description:1,fieldInfoMap:0,layer:0,mediaInfos:0,popupTemplate:0,relatedInfos:0,formattedValues:0,heading:1,graphic:0,formattedMediaInfoCount:32,headingLevel:9}}static{this.styles=ce}get activeMediaInfo(){return this.formattedMediaInfos[this.activeMediaInfoIndex]||null}get formattedMediaInfos(){return this._formatMediaInfos()||[]}get formattedMediaInfoCount(){return this.formattedMediaInfos.length}next(){this._pageContentElementMedia(1)}previous(){this._pageContentElementMedia(-1)}setActiveMedia(e){this._setContentElementMedia(e)}loaded(){this.manager.onLifecycle(()=>[le(()=>[this.activeMediaInfo,this.activeMediaInfoIndex],()=>this._setupMediaRefreshTimer(),{initial:!0}),{remove:()=>this._clearMediaRefreshTimer()}])}_setContentElementMedia(e){let{formattedMediaInfoCount:t}=this,a=(e+t)%t;this.activeMediaInfoIndex=a}_pageContentElementMedia(e){let{activeMediaInfoIndex:t}=this,a=t+e;this._setContentElementMedia(a)}_formatMediaInfos(){let{mediaInfos:e,layer:t}=this,a=this.values??{},i=this.formattedValues??{},r=this.fieldInfoMap??new Map;return e?.map(s=>{let n=s?.clone();if(!n)return null;if(n.title=L({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.title}),n.caption=L({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.caption}),n.altText=L({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.altText}),n.type==="image"){if(!n.value)return null;let o=n.value;return this._setImageValue({value:o,formattedValues:i,layer:t}),o.sourceURL?n:void 0}if(n.type==="pie-chart"||n.type==="line-chart"||n.type==="column-chart"||n.type==="bar-chart"){if(!n.value)return null;let o=n.value;return this._setChartValue({value:o,chartType:n.type,values:a,formattedValues:i,layer:t}),n}return null}).filter(s=>s!=null)??[]}_setImageValue(e){let t=this.fieldInfoMap??new Map,{value:a,formattedValues:i,layer:r}=e,{linkURL:s,sourceURL:n}=a;if(n){let o=P(n,r);a.sourceURL=N({formattedValues:i,template:o,fieldInfoMap:t})}if(s){let o=P(s,r);a.linkURL=N({formattedValues:i,template:o,fieldInfoMap:t})}}_setChartValue(e){let{value:t,values:a,formattedValues:i,chartType:r,layer:s}=e,{popupTemplate:n,relatedInfos:o}=this,{fields:d,normalizeField:g}=t,m=s;if(t.fields=J(d,m),g&&(t.normalizeField=F(g,m)),!d.some(c=>!!(i[c]!=null||$(c)&&o?.size)))return;let l=n?.fieldInfos??[];t.series=[],d.forEach((c,u)=>{let h=t.colors?.[u];if($(c)){t.series=[...t.series,...this._getRelatedChartInfos({fieldInfos:l,fieldName:c,formattedValues:i,chartType:r,value:t,color:h})];return}let f=this._getChartOption({value:t,values:a,chartType:r,formattedValues:i,fieldName:c,fieldInfos:l,color:h});t.series.push(f)})}_getRelatedChartInfos(e){let{fieldInfos:t,fieldName:a,formattedValues:i,chartType:r,value:s,color:n}=e,o=[],d=X(a),g=d&&this.relatedInfos?.get(d.layerId);if(!g)return o;let{relatedFeatures:m,relation:l}=g;if(!l||!m)return o;let{cardinality:c}=l;return m.forEach(u=>{let h=u.attributes;h&&Object.keys(h).forEach(f=>{f===d.fieldName&&o.push(this._getChartOption({value:s,values:h,formattedValues:i,fieldName:a,chartType:r,relatedFieldName:f,hasMultipleRelatedFeatures:m?.length>1,fieldInfos:t,color:n}))})}),c&&(c==="one-to-many"||c==="many-to-many")?o:[o[0]]}_getTooltip({label:e,value:t,chartType:a}){return a==="pie-chart"?`${e}`:`${e}: ${t}`}_getChartOption(e){let{value:t,values:a,formattedValues:i,fieldName:r,relatedFieldName:s,fieldInfos:n,chartType:o,hasMultipleRelatedFeatures:d,color:g}=e,{layer:m,graphic:l}=this,c=this.fieldInfoMap??new Map,{normalizeField:u,tooltipField:h}=t,f=u?$(u)?a[X(u).fieldName]:a[u]:null,_=Q(r)&&i?.[r]!==void 0?i[r]:s&&a[s]!==void 0?a[s]:a[r]!==void 0?a[r]:i[r],I=_===void 0?null:_&&f&&typeof _=="number"&&typeof f=="number"?_/f:_,x=Z(n,r),p=F(r,m),A=(h&&i[h]!==void 0?i[h]:z({fieldInfo:x||new de({fieldName:p}),expressionInfos:this.popupTemplate?.expressionInfos,graphic:l,layer:m}))??"",R=i[p]??"",U=I!=null?typeof I=="number"?I:Number(I):null;if($(r)){let S=c.get(r.toLowerCase()),ae=h?c.get(h.toLowerCase()):null,ie=S?.fieldName??r,k=d&&h?X(h).fieldName:ae?.fieldName??h,re=(d&&k?a[k]:i[k]??(S&&z({fieldInfo:S,layer:m,graphic:l}))??S?.fieldName??s)??"",ne=(d&&s?a[s]:i[ie])??"";return new ee({fieldName:r,tooltip:this._getTooltip({label:re,value:ne,chartType:o}),color:g,value:U})}return new ee({fieldName:r,tooltip:this._getTooltip({label:A,value:R,chartType:o}),color:g,value:U})}_getRenderer(){let e=this.layer;return this.graphic?.isAggregate&&e?.featureReduction&&"renderer"in e.featureReduction?e.featureReduction.renderer:e?.renderer}async _getSeriesColors(e){let{color:t}=await import("./IZ6OSS5M.js"),a=new Map;return e.forEach(i=>{i.color&&a.set(i,t(i.color.toCss(!0)))}),a}async _getRendererColors(){let{color:e}=await import("./IZ6OSS5M.js"),t=new Map,a=this._getRenderer(),i="default";if(!a)return t;let r=await se(a);return r.delete(i),Array.from(r.values()).every(s=>s?.length===1)&&Array.from(r.keys()).forEach(s=>{let n=r.get(s)?.[0]?.toCss(!0);n&&t.set(s,e(n))}),t}async _createChart(e){let{activeMediaInfo:t}=this;if(!e||!t)return;let{createRoot:a}=await import("./EK4ZDHE6.js").then(m=>m.default.then(e=>({createRoot:e}))),i=await a(e);this._chartRoot=i,this._renderChart({mediaInfo:t,root:i})}_handleMediaKeyup(e){let{key:t}=e;t==="ArrowLeft"&&(e.stopPropagation(),this.previous()),t==="ArrowRight"&&(e.stopPropagation(),this.next())}_canAnimateChart(){return!this.chartAnimationDisabled&&!this._prefersReducedMotion}_getChartAnimationMS(){return this._canAnimateChart()?he:0}_getChartSeriesAnimationMS(){return this._canAnimateChart()?ue:0}async _customizeChartTooltip(e,t="horizontal"){let{color:a}=await import("./IZ6OSS5M.js");e.setAll({pointerOrientation:t}),e.get("background")?.setAll({stroke:a(me)}),e.label.setAll({direction:this._direction,oversizedBehavior:"wrap",maxWidth:fe})}async _createPieChart(e,t){let[{Tooltip:a},{PieChart:i,PieSeries:r}]=await Promise.all([import("./IZ6OSS5M.js"),import("./SAECFOII.js")]),{mediaInfo:s,root:n}=e,{title:o}=s,d=5,g=s?.altText||s?.title||"",m=n.container.children.push(i.new(n,{role:"figure",ariaLabel:g,focusable:!0,paddingBottom:d,paddingTop:d,paddingLeft:d,paddingRight:d})),l=`{category}: {valuePercentTotal.formatNumber('0.00')}%
- ({value})`,c=a.new(n,{labelText:l}),u=m.series.push(r.new(n,{name:o,valueField:T,categoryField:w,tooltip:c}));u.ticks.template.set("forceHidden",!0),u.labels.template.set("forceHidden",!0),u.slices.template.states.create("active",{shiftRadius:d}),this._customizeChartTooltip(c),u.slices.template.setAll({ariaLabel:l,focusable:!0,templateField:"columnSettings"}),u.data.setAll(t),u.appear(this._getChartSeriesAnimationMS()),m.appear(this._getChartAnimationMS()),m.root.dom.classList.toggle(v.mediaChartRendered,!0)}_getMinSeriesValue(e){let t=0;return e.forEach(a=>t=Math.min(a.value,t)),t}async _createColumnChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,ColumnSeries:g}]=await Promise.all([import("./IZ6OSS5M.js"),import("./SXFJMAJU.js")]),{mediaInfo:m,root:l}=t,{value:c,title:u}=m,{_direction:h}=this;e.setAll({wheelX:"panX",wheelY:"zoomX"});let f=e.xAxes.push(s.new(l,{renderer:n.new(l,{inversed:h==="rtl"}),categoryField:w}));f.get("renderer").labels.template.setAll({forceHidden:!0});let _=e.yAxes.push(d.new(l,{renderer:o.new(l,{inside:!1}),min:this._getMinSeriesValue(c.series)}));_.get("renderer").labels.template.setAll({direction:h});let I="{categoryX}",x=i.new(l,{labelText:I}),p=e.series.push(g.new(l,{name:u,xAxis:f,yAxis:_,valueYField:T,categoryXField:w,tooltip:x}));this._customizeChartTooltip(x),p.columns.template.setAll({ariaLabel:I,focusable:!0,templateField:"columnSettings"}),c.series.length>Y&&e.set("scrollbarX",r.new(l,{orientation:"horizontal"})),f.data.setAll(a),p.data.setAll(a),p.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createBarChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,ColumnSeries:g}]=await Promise.all([import("./IZ6OSS5M.js"),import("./SXFJMAJU.js")]),{mediaInfo:m,root:l}=t,{value:c,title:u}=m,{_direction:h}=this;e.setAll({wheelX:"panY",wheelY:"zoomY"});let f=e.yAxes.push(s.new(l,{renderer:o.new(l,{inversed:!0}),categoryField:w}));f.get("renderer").labels.template.setAll({forceHidden:!0});let _=e.xAxes.push(d.new(l,{renderer:n.new(l,{inside:!1,inversed:h==="rtl"}),min:this._getMinSeriesValue(c.series)}));_.get("renderer").labels.template.setAll({direction:h});let I="{categoryY}",x=i.new(l,{labelText:I}),p=e.series.push(g.new(l,{name:u,xAxis:_,yAxis:f,valueXField:T,categoryYField:w,tooltip:x}));this._customizeChartTooltip(x,"vertical"),p.columns.template.setAll({ariaLabel:I,focusable:!0,templateField:"columnSettings"}),c.series.length>Y&&e.set("scrollbarY",r.new(l,{orientation:"vertical"})),f.data.setAll(a),p.data.setAll(a),p.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createLineChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,LineSeries:g}]=await Promise.all([import("./IZ6OSS5M.js"),import("./SXFJMAJU.js")]),{root:m,mediaInfo:l}=t,{value:c,title:u}=l,{_direction:h}=this;e.setAll({wheelX:"panX",wheelY:"zoomX"});let f=e.xAxes.push(s.new(m,{renderer:n.new(m,{inversed:h==="rtl"}),categoryField:w}));f.get("renderer").labels.template.setAll({forceHidden:!0});let _=e.yAxes.push(d.new(m,{renderer:o.new(m,{inside:!1}),min:this._getMinSeriesValue(c.series)}));_.get("renderer").labels.template.setAll({direction:h});let I="{categoryX}",x=a[0]?.lineSettings?.stroke,p=i.new(m,{getFillFromSprite:!x,labelText:I});x&&p.get("background")?.setAll({fill:x});let A=e.series.push(g.new(m,{name:u,xAxis:f,yAxis:_,valueYField:T,categoryXField:w,tooltip:p}));A.strokes.template.setAll({templateField:"lineSettings"}),this._customizeChartTooltip(p,"vertical"),c.series.length>Y&&e.set("scrollbarX",r.new(m,{orientation:"horizontal"})),f.data.setAll(a),A.data.setAll(a),A.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createXYChart(e,t){let{XYChart:a,XYCursor:i}=await import("./SXFJMAJU.js"),{root:r,mediaInfo:s}=e,{type:n}=s,o=s?.altText||s?.title||"",d=r.container.children.push(a.new(r,{role:"figure",ariaLabel:o,focusable:!0,panX:!0,panY:!0}));d.set("cursor",i.new(r,{})),n==="column-chart"&&await this._createColumnChart(d,e,t),n==="bar-chart"&&await this._createBarChart(d,e,t),n==="line-chart"&&await this._createLineChart(d,e,t),d.root.dom.classList.toggle(v.mediaChartRendered,!0)}_clearMediaRefreshTimer(){let{_refreshTimer:e}=this;e&&(clearTimeout(e),this._refreshTimer=void 0)}_updateMediaInfoTimestamp(e){let t=Date.now();this._refreshIntervalInfo={timestamp:t,sourceURL:e&&this._getImageSource(e,t)}}_setupMediaRefreshTimer(){this._clearMediaRefreshTimer();let{activeMediaInfo:e}=this;e?.type==="image"&&e.refreshInterval>0&&this._setRefreshTimeout(e)}_setRefreshTimeout(e){let{refreshInterval:t,value:a}=e,i=t*6e4;this._updateMediaInfoTimestamp(a.sourceURL);let r=window.setInterval(()=>{this._updateMediaInfoTimestamp(a.sourceURL)},i);this._refreshTimer=r}_getImageSource(e,t){let a=e.includes("?")?"&":"?",[i,r=""]=e.split("#");return`${i}${a}timestamp=${t}${r?"#":""}${r}`}_updateChartElement(e){this._chartRoot?.dispose(),this._chartRoot=void 0,e&&this._createChart(e)}render(){return C`<div class=${y(v.base)} @keyup=${this._handleMediaKeyup}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderMedia()}</div>`}_renderMedia(){let{formattedMediaInfoCount:e,activeMediaInfoIndex:t}=this,a=this._renderMediaText();return e?C`<div class=${y(v.mediaContainer)}>${this._renderMediaInfo()}<div class=${y(v.mediaNavigation)}>${a}${e>1?C`<div class=${y(v.mediaPagination)}>${this._renderMediaPageButton("previous")}<span class=${y(v.mediaPaginationText)}>${oe(this.messages?.pageText??"",{index:t+1,total:e})}</span>${this._renderMediaPageButton("next")}</div>`:null}</div></div>`:null}_renderMediaText(){let{activeMediaInfo:e}=this;if(!e)return null;let t=e?.title?C`<div class=${y(v.mediaItemTitle)} .innerHTML=${te.sanitize(e.title)??""}></div>`:null,a=e?.caption?C`<div class=${y(v.mediaItemCaption)} .innerHTML=${te.sanitize(e.caption)??""}></div>`:null;return t||a?C`<div class=${y(v.mediaItemText)}>${t}${a}</div>`:null}_renderImageMediaInfo(e){if(!e.value)return null;let{_refreshIntervalInfo:t}=this,{value:a,refreshInterval:i,altText:r,title:s}=e,{sourceURL:n,linkURL:o}=a,d=q(o??void 0)?"_blank":"_self",g=d==="_blank"?"noreferrer":"",m=i?t:null,l=m?m.sourceURL:n,c=C`<img alt=${(r||s)??b} src=${l??void 0??b}>`;return(o?C`<a href=${o??b} rel=${g??b} target=${d} title=${s??b}>${c}</a>`:null)??c}_renderChartMediaInfo(e){let{activeMediaInfoIndex:t,formattedMediaInfoCount:a}=this;return W(`media-${e.type}-${t}-${a}`,C`<div class=${y(v.mediaChart)} ${H(this._updateChartElement)}></div>`)}_renderMediaInfoType(){let{activeMediaInfo:e}=this;return e?e.type==="image"?this._renderImageMediaInfo(e):e.type.includes("chart")?this._renderChartMediaInfo(e):null:null}_renderMediaInfo(){let{activeMediaInfo:e}=this;return e?C`<div class=${y(v.mediaItemContainer)}><div class=${y(v.mediaItem)}>${this._renderMediaInfoType()}</div></div>`:null}_renderMediaPageButton(e){if(this.formattedMediaInfoCount<2)return null;let t=e==="previous",a=t?this.messages?.previous??"":this.messages?.next??"",i=t?"chevron-left":"chevron-right",r=t?this.previous:this.next;return C`<button .ariaLabel=${a} class=${y(v.mediaPaginationButton)} @click=${r} tabindex=0 title=${a??b} type=button><calcite-icon flip-rtl class=${y(v.mediaPaginationIcon)} .icon=${i} scale=s></calcite-icon></button>`}async _renderChart(e){let{root:t,mediaInfo:a}=e,{value:i,type:r}=a,[{default:s},{default:n},{default:o},{esriChartColorSet:d},{ColorSet:g,Theme:m}]=await Promise.all([import("./4PMIC3FO.js"),import("./UY5S67EO.js"),import("./EP5WILRO.js"),import("./BGXMUMEI.js"),import("./IZ6OSS5M.js")]),l=m.new(t);l.rule("ColorSet").set("colors",d),l.rule("ColorSet").set("reuse",!0);let c=[o.new(t),l];O(this.el)==="dark"&&c.push(n.new(t)),this._canAnimateChart()&&c.push(s.new(t)),t.setThemes(c);let u=await this._getRendererColors(),h=await this._getSeriesColors(i.series),f=g.new(t,{}),_=h.get(i.series[0]),I=_?{lineSettings:{stroke:_}}:void 0,x=i.series.map((p,A)=>{let R=h.get(p)||u.get(p.fieldName)||f.getIndex(A);return{[w]:p.tooltip,[T]:p.value,columnSettings:{fill:R,stroke:R},...I}}).filter(p=>r==="pie-chart"?p.value!=null&&p.value>0:!0);r==="pie-chart"?this._createPieChart(e,x):this._createXYChart(e,x)}};D("arcgis-feature-media",E);return E},"renderers/support/utils","intl","core/reactiveUtils","popup/FieldInfo","popup/content/support/ChartMediaInfoValueSeries","applications/Components/sanitizerUtils",a)
+v4.34.0-next.165 */
+import a from"./C7FOMXH7.js";import{a as W}from"./ZM6JXXYE.js";import{d as G,e as K}from"./GXKKD2LY.js";import{e as O}from"./ZXK3RJP7.js";import{I as H,J as j,K as y,M as b,P as D,a as B,b as C}from"./JXV3JKIC.js";import"./VTDZDJBT.js";export default $arcgis.t(([{getColorsFromRenderer:se},{substitute:oe},{watch:le},de,ee,{renderingSanitizer:te},{f:$,g:q,h:F,i:J,j:Q,k:Z,m:z,o:N,p:P,q:L}])=>{var ce=B`.arcgis-feature-media__container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.arcgis-feature-media__container .arcgis-feature-media__pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.arcgis-feature-media__container .arcgis-feature-media__pagination-button:hover,.arcgis-feature-media__container .arcgis-feature-media__pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.arcgis-feature-media__item-title{margin:0;font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-snug)}.arcgis-feature-media__item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-snug)}.arcgis-feature-media__item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.arcgis-feature-media__item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.arcgis-feature-media__item-text{margin-inline-end:var(--calcite-spacing-xs)}.arcgis-feature-media__pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.arcgis-feature-media__pagination:only-child{margin-inline-start:auto}.arcgis-feature-media__pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.arcgis-feature-media__item-container{flex:0 1 auto;width:100%}.arcgis-feature-media__item-container img{max-width:100%}.arcgis-feature-media__item-container img[src$=".SVG"],.arcgis-feature-media__item-container img[src$=".svg"]{width:100%}.arcgis-feature-media__chart{width:100%;height:155px}`;function X(V){if(!$(V))return null;let[e,t]=V.split("/").slice(1);return{layerId:e,fieldName:t}}var M="arcgis-feature-media",v={base:M,mediaContainer:`${M}__container`,mediaItemContainer:`${M}__item-container`,mediaItem:`${M}__item`,mediaItemText:`${M}__item-text`,mediaItemTitle:`${M}__item-title`,mediaItemCaption:`${M}__item-caption`,mediaNavigation:`${M}__item-navigation`,mediaPagination:`${M}__pagination`,mediaPaginationText:`${M}__pagination-text`,mediaChart:`${M}__chart`,mediaPaginationButton:`${M}__pagination-button`,mediaPaginationIcon:`${M}__pagination-icon`,mediaChartRendered:`${M}__chart--rendered`},Y=15,w="category",T="value",me="rgba(50, 50, 50, 1)",he=250,ue=500,fe=200,E=class extends j{constructor(){super(...arguments),this._direction=K(),this._prefersReducedMotion=G("(prefers-reduced-motion)"),this.activeMediaInfoIndex=0,this.chartAnimationDisabled=!1,this.headingLevel=2}static{this.properties={_refreshIntervalInfo:16,messages:0,values:0,activeMediaInfoIndex:9,chartAnimationDisabled:5,activeMediaInfo:32,formattedMediaInfos:32,description:1,fieldInfoMap:0,layer:0,mediaInfos:0,popupTemplate:0,relatedInfos:0,formattedValues:0,heading:1,graphic:0,formattedMediaInfoCount:32,headingLevel:9}}static{this.styles=ce}get activeMediaInfo(){return this.formattedMediaInfos[this.activeMediaInfoIndex]||null}get formattedMediaInfos(){return this._formatMediaInfos()||[]}get formattedMediaInfoCount(){return this.formattedMediaInfos.length}next(){this._pageContentElementMedia(1)}previous(){this._pageContentElementMedia(-1)}setActiveMedia(e){this._setContentElementMedia(e)}loaded(){this.manager.onLifecycle(()=>[le(()=>[this.activeMediaInfo,this.activeMediaInfoIndex],()=>this._setupMediaRefreshTimer(),{initial:!0}),{remove:()=>this._clearMediaRefreshTimer()}])}_setContentElementMedia(e){let{formattedMediaInfoCount:t}=this,a=(e+t)%t;this.activeMediaInfoIndex=a}_pageContentElementMedia(e){let{activeMediaInfoIndex:t}=this,a=t+e;this._setContentElementMedia(a)}_formatMediaInfos(){let{mediaInfos:e,layer:t}=this,a=this.values??{},i=this.formattedValues??{},r=this.fieldInfoMap??new Map;return e?.map(s=>{let n=s?.clone();if(!n)return null;if(n.title=L({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.title}),n.caption=L({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.caption}),n.altText=L({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.altText}),n.type==="image"){if(!n.value)return null;let o=n.value;return this._setImageValue({value:o,formattedValues:i,layer:t}),o.sourceURL?n:void 0}if(n.type==="pie-chart"||n.type==="line-chart"||n.type==="column-chart"||n.type==="bar-chart"){if(!n.value)return null;let o=n.value;return this._setChartValue({value:o,chartType:n.type,values:a,formattedValues:i,layer:t}),n}return null}).filter(s=>s!=null)??[]}_setImageValue(e){let t=this.fieldInfoMap??new Map,{value:a,formattedValues:i,layer:r}=e,{linkURL:s,sourceURL:n}=a;if(n){let o=P(n,r);a.sourceURL=N({formattedValues:i,template:o,fieldInfoMap:t})}if(s){let o=P(s,r);a.linkURL=N({formattedValues:i,template:o,fieldInfoMap:t})}}_setChartValue(e){let{value:t,values:a,formattedValues:i,chartType:r,layer:s}=e,{popupTemplate:n,relatedInfos:o}=this,{fields:d,normalizeField:g}=t,m=s;if(t.fields=J(d,m),g&&(t.normalizeField=F(g,m)),!d.some(c=>!!(i[c]!=null||$(c)&&o?.size)))return;let l=n?.fieldInfos??[];t.series=[],d.forEach((c,u)=>{let h=t.colors?.[u];if($(c)){t.series=[...t.series,...this._getRelatedChartInfos({fieldInfos:l,fieldName:c,formattedValues:i,chartType:r,value:t,color:h})];return}let f=this._getChartOption({value:t,values:a,chartType:r,formattedValues:i,fieldName:c,fieldInfos:l,color:h});t.series.push(f)})}_getRelatedChartInfos(e){let{fieldInfos:t,fieldName:a,formattedValues:i,chartType:r,value:s,color:n}=e,o=[],d=X(a),g=d&&this.relatedInfos?.get(d.layerId);if(!g)return o;let{relatedFeatures:m,relation:l}=g;if(!l||!m)return o;let{cardinality:c}=l;return m.forEach(u=>{let h=u.attributes;h&&Object.keys(h).forEach(f=>{f===d.fieldName&&o.push(this._getChartOption({value:s,values:h,formattedValues:i,fieldName:a,chartType:r,relatedFieldName:f,hasMultipleRelatedFeatures:m?.length>1,fieldInfos:t,color:n}))})}),c&&(c==="one-to-many"||c==="many-to-many")?o:[o[0]]}_getTooltip({label:e,value:t,chartType:a}){return a==="pie-chart"?`${e}`:`${e}: ${t}`}_getChartOption(e){let{value:t,values:a,formattedValues:i,fieldName:r,relatedFieldName:s,fieldInfos:n,chartType:o,hasMultipleRelatedFeatures:d,color:g}=e,{layer:m,graphic:l}=this,c=this.fieldInfoMap??new Map,{normalizeField:u,tooltipField:h}=t,f=u?$(u)?a[X(u).fieldName]:a[u]:null,_=Q(r)&&i?.[r]!==void 0?i[r]:s&&a[s]!==void 0?a[s]:a[r]!==void 0?a[r]:i[r],I=_===void 0?null:_&&f&&typeof _=="number"&&typeof f=="number"?_/f:_,x=Z(n,r),p=F(r,m),A=(h&&i[h]!==void 0?i[h]:z({fieldInfo:x||new de({fieldName:p}),expressionInfos:this.popupTemplate?.expressionInfos,graphic:l,layer:m}))??"",R=i[p]??"",U=I!=null?typeof I=="number"?I:Number(I):null;if($(r)){let S=c.get(r.toLowerCase()),ae=h?c.get(h.toLowerCase()):null,ie=S?.fieldName??r,k=d&&h?X(h).fieldName:ae?.fieldName??h,re=(d&&k?a[k]:i[k]??(S&&z({fieldInfo:S,layer:m,graphic:l}))??S?.fieldName??s)??"",ne=(d&&s?a[s]:i[ie])??"";return new ee({fieldName:r,tooltip:this._getTooltip({label:re,value:ne,chartType:o}),color:g,value:U})}return new ee({fieldName:r,tooltip:this._getTooltip({label:A,value:R,chartType:o}),color:g,value:U})}_getRenderer(){let e=this.layer;return this.graphic?.isAggregate&&e?.featureReduction&&"renderer"in e.featureReduction?e.featureReduction.renderer:e?.renderer}async _getSeriesColors(e){let{color:t}=await import("./S4RKTLWJ.js"),a=new Map;return e.forEach(i=>{i.color&&a.set(i,t(i.color.toCss(!0)))}),a}async _getRendererColors(){let{color:e}=await import("./S4RKTLWJ.js"),t=new Map,a=this._getRenderer(),i="default";if(!a)return t;let r=await se(a);return r.delete(i),Array.from(r.values()).every(s=>s?.length===1)&&Array.from(r.keys()).forEach(s=>{let n=r.get(s)?.[0]?.toCss(!0);n&&t.set(s,e(n))}),t}async _createChart(e){let{activeMediaInfo:t}=this;if(!e||!t)return;let{createRoot:a}=await import("./IXZNSVB5.js").then(m=>m.default.then(e=>({createRoot:e}))),i=await a(e);this._chartRoot=i,this._renderChart({mediaInfo:t,root:i})}_handleMediaKeyup(e){let{key:t}=e;t==="ArrowLeft"&&(e.stopPropagation(),this.previous()),t==="ArrowRight"&&(e.stopPropagation(),this.next())}_canAnimateChart(){return!this.chartAnimationDisabled&&!this._prefersReducedMotion}_getChartAnimationMS(){return this._canAnimateChart()?he:0}_getChartSeriesAnimationMS(){return this._canAnimateChart()?ue:0}async _customizeChartTooltip(e,t="horizontal"){let{color:a}=await import("./S4RKTLWJ.js");e.setAll({pointerOrientation:t}),e.get("background")?.setAll({stroke:a(me)}),e.label.setAll({direction:this._direction,oversizedBehavior:"wrap",maxWidth:fe})}async _createPieChart(e,t){let[{Tooltip:a},{PieChart:i,PieSeries:r}]=await Promise.all([import("./S4RKTLWJ.js"),import("./6ELNDSTO.js")]),{mediaInfo:s,root:n}=e,{title:o}=s,d=5,g=s?.altText||s?.title||"",m=n.container.children.push(i.new(n,{role:"figure",ariaLabel:g,focusable:!0,paddingBottom:d,paddingTop:d,paddingLeft:d,paddingRight:d})),l=`{category}: {valuePercentTotal.formatNumber('0.00')}%
+ ({value})`,c=a.new(n,{labelText:l}),u=m.series.push(r.new(n,{name:o,valueField:T,categoryField:w,tooltip:c}));u.ticks.template.set("forceHidden",!0),u.labels.template.set("forceHidden",!0),u.slices.template.states.create("active",{shiftRadius:d}),this._customizeChartTooltip(c),u.slices.template.setAll({ariaLabel:l,focusable:!0,templateField:"columnSettings"}),u.data.setAll(t),u.appear(this._getChartSeriesAnimationMS()),m.appear(this._getChartAnimationMS()),m.root.dom.classList.toggle(v.mediaChartRendered,!0)}_getMinSeriesValue(e){let t=0;return e.forEach(a=>t=Math.min(a.value,t)),t}async _createColumnChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,ColumnSeries:g}]=await Promise.all([import("./S4RKTLWJ.js"),import("./L7FX2FLQ.js")]),{mediaInfo:m,root:l}=t,{value:c,title:u}=m,{_direction:h}=this;e.setAll({wheelX:"panX",wheelY:"zoomX"});let f=e.xAxes.push(s.new(l,{renderer:n.new(l,{inversed:h==="rtl"}),categoryField:w}));f.get("renderer").labels.template.setAll({forceHidden:!0});let _=e.yAxes.push(d.new(l,{renderer:o.new(l,{inside:!1}),min:this._getMinSeriesValue(c.series)}));_.get("renderer").labels.template.setAll({direction:h});let I="{categoryX}",x=i.new(l,{labelText:I}),p=e.series.push(g.new(l,{name:u,xAxis:f,yAxis:_,valueYField:T,categoryXField:w,tooltip:x}));this._customizeChartTooltip(x),p.columns.template.setAll({ariaLabel:I,focusable:!0,templateField:"columnSettings"}),c.series.length>Y&&e.set("scrollbarX",r.new(l,{orientation:"horizontal"})),f.data.setAll(a),p.data.setAll(a),p.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createBarChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,ColumnSeries:g}]=await Promise.all([import("./S4RKTLWJ.js"),import("./L7FX2FLQ.js")]),{mediaInfo:m,root:l}=t,{value:c,title:u}=m,{_direction:h}=this;e.setAll({wheelX:"panY",wheelY:"zoomY"});let f=e.yAxes.push(s.new(l,{renderer:o.new(l,{inversed:!0}),categoryField:w}));f.get("renderer").labels.template.setAll({forceHidden:!0});let _=e.xAxes.push(d.new(l,{renderer:n.new(l,{inside:!1,inversed:h==="rtl"}),min:this._getMinSeriesValue(c.series)}));_.get("renderer").labels.template.setAll({direction:h});let I="{categoryY}",x=i.new(l,{labelText:I}),p=e.series.push(g.new(l,{name:u,xAxis:_,yAxis:f,valueXField:T,categoryYField:w,tooltip:x}));this._customizeChartTooltip(x,"vertical"),p.columns.template.setAll({ariaLabel:I,focusable:!0,templateField:"columnSettings"}),c.series.length>Y&&e.set("scrollbarY",r.new(l,{orientation:"vertical"})),f.data.setAll(a),p.data.setAll(a),p.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createLineChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,LineSeries:g}]=await Promise.all([import("./S4RKTLWJ.js"),import("./L7FX2FLQ.js")]),{root:m,mediaInfo:l}=t,{value:c,title:u}=l,{_direction:h}=this;e.setAll({wheelX:"panX",wheelY:"zoomX"});let f=e.xAxes.push(s.new(m,{renderer:n.new(m,{inversed:h==="rtl"}),categoryField:w}));f.get("renderer").labels.template.setAll({forceHidden:!0});let _=e.yAxes.push(d.new(m,{renderer:o.new(m,{inside:!1}),min:this._getMinSeriesValue(c.series)}));_.get("renderer").labels.template.setAll({direction:h});let I="{categoryX}",x=a[0]?.lineSettings?.stroke,p=i.new(m,{getFillFromSprite:!x,labelText:I});x&&p.get("background")?.setAll({fill:x});let A=e.series.push(g.new(m,{name:u,xAxis:f,yAxis:_,valueYField:T,categoryXField:w,tooltip:p}));A.strokes.template.setAll({templateField:"lineSettings"}),this._customizeChartTooltip(p,"vertical"),c.series.length>Y&&e.set("scrollbarX",r.new(m,{orientation:"horizontal"})),f.data.setAll(a),A.data.setAll(a),A.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createXYChart(e,t){let{XYChart:a,XYCursor:i}=await import("./L7FX2FLQ.js"),{root:r,mediaInfo:s}=e,{type:n}=s,o=s?.altText||s?.title||"",d=r.container.children.push(a.new(r,{role:"figure",ariaLabel:o,focusable:!0,panX:!0,panY:!0}));d.set("cursor",i.new(r,{})),n==="column-chart"&&await this._createColumnChart(d,e,t),n==="bar-chart"&&await this._createBarChart(d,e,t),n==="line-chart"&&await this._createLineChart(d,e,t),d.root.dom.classList.toggle(v.mediaChartRendered,!0)}_clearMediaRefreshTimer(){let{_refreshTimer:e}=this;e&&(clearTimeout(e),this._refreshTimer=void 0)}_updateMediaInfoTimestamp(e){let t=Date.now();this._refreshIntervalInfo={timestamp:t,sourceURL:e&&this._getImageSource(e,t)}}_setupMediaRefreshTimer(){this._clearMediaRefreshTimer();let{activeMediaInfo:e}=this;e?.type==="image"&&e.refreshInterval>0&&this._setRefreshTimeout(e)}_setRefreshTimeout(e){let{refreshInterval:t,value:a}=e,i=t*6e4;this._updateMediaInfoTimestamp(a.sourceURL);let r=window.setInterval(()=>{this._updateMediaInfoTimestamp(a.sourceURL)},i);this._refreshTimer=r}_getImageSource(e,t){let a=e.includes("?")?"&":"?",[i,r=""]=e.split("#");return`${i}${a}timestamp=${t}${r?"#":""}${r}`}_updateChartElement(e){this._chartRoot?.dispose(),this._chartRoot=void 0,e&&this._createChart(e)}render(){return C`<div class=${y(v.base)} @keyup=${this._handleMediaKeyup}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderMedia()}</div>`}_renderMedia(){let{formattedMediaInfoCount:e,activeMediaInfoIndex:t}=this,a=this._renderMediaText();return e?C`<div class=${y(v.mediaContainer)}>${this._renderMediaInfo()}<div class=${y(v.mediaNavigation)}>${a}${e>1?C`<div class=${y(v.mediaPagination)}>${this._renderMediaPageButton("previous")}<span class=${y(v.mediaPaginationText)}>${oe(this.messages?.pageText??"",{index:t+1,total:e})}</span>${this._renderMediaPageButton("next")}</div>`:null}</div></div>`:null}_renderMediaText(){let{activeMediaInfo:e}=this;if(!e)return null;let t=e?.title?C`<div class=${y(v.mediaItemTitle)} .innerHTML=${te.sanitize(e.title)??""}></div>`:null,a=e?.caption?C`<div class=${y(v.mediaItemCaption)} .innerHTML=${te.sanitize(e.caption)??""}></div>`:null;return t||a?C`<div class=${y(v.mediaItemText)}>${t}${a}</div>`:null}_renderImageMediaInfo(e){if(!e.value)return null;let{_refreshIntervalInfo:t}=this,{value:a,refreshInterval:i,altText:r,title:s}=e,{sourceURL:n,linkURL:o}=a,d=q(o??void 0)?"_blank":"_self",g=d==="_blank"?"noreferrer":"",m=i?t:null,l=m?m.sourceURL:n,c=C`<img alt=${(r||s)??b} src=${l??void 0??b}>`;return(o?C`<a href=${o??b} rel=${g??b} target=${d} title=${s??b}>${c}</a>`:null)??c}_renderChartMediaInfo(e){let{activeMediaInfoIndex:t,formattedMediaInfoCount:a}=this;return W(`media-${e.type}-${t}-${a}`,C`<div class=${y(v.mediaChart)} ${H(this._updateChartElement)}></div>`)}_renderMediaInfoType(){let{activeMediaInfo:e}=this;return e?e.type==="image"?this._renderImageMediaInfo(e):e.type.includes("chart")?this._renderChartMediaInfo(e):null:null}_renderMediaInfo(){let{activeMediaInfo:e}=this;return e?C`<div class=${y(v.mediaItemContainer)}><div class=${y(v.mediaItem)}>${this._renderMediaInfoType()}</div></div>`:null}_renderMediaPageButton(e){if(this.formattedMediaInfoCount<2)return null;let t=e==="previous",a=t?this.messages?.previous??"":this.messages?.next??"",i=t?"chevron-left":"chevron-right",r=t?this.previous:this.next;return C`<button .ariaLabel=${a} class=${y(v.mediaPaginationButton)} @click=${r} tabindex=0 title=${a??b} type=button><calcite-icon flip-rtl class=${y(v.mediaPaginationIcon)} .icon=${i} scale=s></calcite-icon></button>`}async _renderChart(e){let{root:t,mediaInfo:a}=e,{value:i,type:r}=a,[{default:s},{default:n},{default:o},{esriChartColorSet:d},{ColorSet:g,Theme:m}]=await Promise.all([import("./2LHCMKYC.js"),import("./NI4FECZ5.js"),import("./P6MHSI3A.js"),import("./VLJG7DP5.js"),import("./S4RKTLWJ.js")]),l=m.new(t);l.rule("ColorSet").set("colors",d),l.rule("ColorSet").set("reuse",!0);let c=[o.new(t),l];O(this.el)==="dark"&&c.push(n.new(t)),this._canAnimateChart()&&c.push(s.new(t)),t.setThemes(c);let u=await this._getRendererColors(),h=await this._getSeriesColors(i.series),f=g.new(t,{}),_=h.get(i.series[0]),I=_?{lineSettings:{stroke:_}}:void 0,x=i.series.map((p,A)=>{let R=h.get(p)||u.get(p.fieldName)||f.getIndex(A);return{[w]:p.tooltip,[T]:p.value,columnSettings:{fill:R,stroke:R},...I}}).filter(p=>r==="pie-chart"?p.value!=null&&p.value>0:!0);r==="pie-chart"?this._createPieChart(e,x):this._createXYChart(e,x)}};D("arcgis-feature-media",E);return E},"renderers/support/utils","intl","core/reactiveUtils","popup/FieldInfo","popup/content/support/ChartMediaInfoValueSeries","applications/Components/sanitizerUtils",a)

package/dist/cdn/{JFB2YPWL.js → CWUFYU32.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.164 */
-import g from"./SLRJISSI.js";import f from"./4FGBQBTN.js";import{a as b}from"./Q76AU6AC.js";import e from"./ORLBHTZF.js";import"./OAAHIAXN.js";import"./6M2YGI7Y.js";import d from"./DVKTLRZS.js";import{a as N}from"./XXC3UGB5.js";import c from"./NRPKNJFE.js";import a from"./7DC6AEZI.js";import{g as D}from"./PSARP625.js";import"./KV4VSO26.js";import{b as $}from"./BRWRDMRM.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"./X5N325X3.js";import"./FMQKS6LT.js";export default $arcgis.t(([G,{substitute:g,formatNumber:C},{watch:v},{stripHTML:I},H,{renderingSanitizer:S},,,E,,{e:L},{a:R,d:P,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=R.clone();function q(p){return p?.declaredClass.startsWith("esri.layers.")??!1}var Q=E(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=N(),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=${()=>P(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 .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)
+v4.34.0-next.165 */
+import g from"./PCPVUKN7.js";import f from"./C7FOMXH7.js";import{a as b}from"./ZM6JXXYE.js";import e from"./VKYCZ7OI.js";import"./T2HJJOKD.js";import"./G6VYM55L.js";import d from"./BRPUBXXZ.js";import{a as N}from"./MWKIUB4M.js";import c from"./TZ5AT32O.js";import a from"./LYMKBRZ5.js";import{g as D}from"./GXKKD2LY.js";import"./ICN3VNHY.js";import{b as $}from"./ZXK3RJP7.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"./JXV3JKIC.js";import"./VTDZDJBT.js";export default $arcgis.t(([G,{substitute:g,formatNumber:C},{watch:v},{stripHTML:I},H,{renderingSanitizer:S},,,E,,{e:L},{a:R,d:P,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=R.clone();function q(p){return p?.declaredClass.startsWith("esri.layers.")??!1}var Q=E(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=N(),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=${()=>P(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 .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/{FW5ZV2FJ.js → D24YUYO6.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.164 */
-import{a as O}from"./Q76AU6AC.js";import{a as N}from"./4HY424FG.js";import"./6M2YGI7Y.js";import e from"./DVKTLRZS.js";import{a as z}from"./XXC3UGB5.js";import"./YLY6MRIK.js";import d from"./NRPKNJFE.js";import c from"./7DC6AEZI.js";import{g as M}from"./PSARP625.js";import"./KV4VSO26.js";import{b as A}from"./BRWRDMRM.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"./X5N325X3.js";import"./FMQKS6LT.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)
+v4.34.0-next.165 */
+import{a as O}from"./ZM6JXXYE.js";import{a as N}from"./BLRMDPFV.js";import"./G6VYM55L.js";import e from"./BRPUBXXZ.js";import{a as z}from"./MWKIUB4M.js";import"./2V2DXEWY.js";import d from"./TZ5AT32O.js";import c from"./LYMKBRZ5.js";import{g as M}from"./GXKKD2LY.js";import"./ICN3VNHY.js";import{b as A}from"./ZXK3RJP7.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"./JXV3JKIC.js";import"./VTDZDJBT.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)