@arcgis/map-components 5.2.0-next.23 → 5.2.0-next.25

package/dist/cdn/BXDVZQ2A.js

@@ -0,0 +1,3 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import{a as Q}from"./KTXZR4IK.js";import b from"./SJIHZIXG.js";import a from"./MZWO5JYA.js";import{b as q,c as J}from"./32XG4IQO.js";import{e as D,f as O}from"./JCTU3MST.js";import"./BXKNMJRR.js";import{g as H}from"./IJQZON2Z.js";import{N as P,O as U,R as M,U as B,a as E,b as I}from"./IXZEUVT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{getColorsFromRenderer:se},{substitute:oe},{watch:le},ce,Z,{renderingSanitizer:ee},,{e:w,f:j,g:V,h:G,i:K,j:W,l:L,n:F,o:k,p:R}])=>{var de=E`.container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.container .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)}.container .pagination-button:hover,.container .pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.item-title{margin:0;font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-snug)}.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)}.item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.item-text{margin-inline-end:var(--calcite-spacing-xs)}.pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.pagination:only-child{margin-inline-start:auto}.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)}.item-container{flex:0 1 auto;width:100%}.item-container img{max-width:100%}.item-container img[src$=".SVG"],.item-container img[src$=".svg"]{width:100%}.chart{width:100%;height:155px}`;function z(S){if(!w(S))return null;let[e,t]=S.split("/").slice(1);return{layerId:e,fieldName:t}}var X=15,C="category",b="value",he="rgba(50, 50, 50, 1)",ue=250,pe=500,me=200,N=class extends U{constructor(){super(...arguments),this._direction=O(),this._prefersReducedMotion=D("(prefers-reduced-motion)"),this.activeMediaInfoIndex=0,this.chartAnimationDisabled=!1,this.headingLevel=2}static{this.properties={_refreshIntervalInfo:16,messages:0,values:0,expressionValues: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=de}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,i=(e+t)%t;this.activeMediaInfoIndex=i}_pageContentElementMedia(e){let{activeMediaInfoIndex:t}=this,i=t+e;this._setContentElementMedia(i)}_formatMediaInfos(){let{mediaInfos:e,layer:t}=this,i=this.values??{},a=this.formattedValues??{},s=this.fieldInfoMap??new Map,r=this.expressionValues??{};return e?.map(o=>{let n=o?.clone();if(!n)return null;if(n.title=R({values:i,fieldInfoMap:s,globalValues:a,layer:t,text:n.title}),n.caption=R({values:i,fieldInfoMap:s,globalValues:a,layer:t,text:n.caption}),n.altText=R({values:i,fieldInfoMap:s,globalValues:a,layer:t,text:n.altText}),n.type==="image"){if(!n.value)return null;let l=n.value;return this._setImageValue({value:l,formattedValues:a,layer:t}),l.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 l=n.value;return this._setChartValue({value:l,chartType:n.type,values:i,expressionValues:r,formattedValues:a,layer:t}),n}return null}).filter(o=>o!=null)??[]}_setImageValue(e){let t=this.fieldInfoMap??new Map,{value:i,formattedValues:a,layer:s}=e,{linkURL:r,sourceURL:o}=i;if(o){let n=k(o,s);i.sourceURL=F({formattedValues:a,template:n,fieldInfoMap:t})}if(r){let n=k(r,s);i.linkURL=F({formattedValues:a,template:n,fieldInfoMap:t})}}_setChartValue(e){let{value:t,values:i,expressionValues:a,formattedValues:s,chartType:r,layer:o}=e,{popupTemplate:n,relatedInfos:l}=this,{fields:m,normalizeField:d}=t,c=o;if(t.fields=G(m,c),d&&(t.normalizeField=V(d,c)),!m.some(u=>!!(s[u]!=null||w(u)&&l?.size)))return;let p=n?.fieldInfos??[];t.series=[],m.forEach((u,g)=>{let h=t.colors?.[g];if(w(u)){t.series=[...t.series,...this._getRelatedChartInfos({fieldInfos:p,fieldName:u,formattedValues:s,expressionValues:a,chartType:r,value:t,color:h})];return}let v=this._getChartOption({value:t,values:i,chartType:r,formattedValues:s,expressionValues:a,fieldName:u,fieldInfos:p,color:h});t.series.push(v)})}_getRelatedChartInfos(e){let{fieldInfos:t,fieldName:i,formattedValues:a,chartType:s,value:r,color:o,expressionValues:n}=e,l=[],m=z(i),d=m&&this.relatedInfos?.get(m.layerId);if(!d)return l;let{relatedFeatures:c,relation:p}=d;if(!p||!c)return l;let{cardinality:u}=p;return c.forEach(g=>{let h=g.attributes;h&&Object.keys(h).forEach(v=>{v===m.fieldName&&l.push(this._getChartOption({value:r,values:h,formattedValues:a,expressionValues:n,fieldName:i,chartType:s,relatedFieldName:v,hasMultipleRelatedFeatures:c?.length>1,fieldInfos:t,color:o}))})}),u&&(u==="one-to-many"||u==="many-to-many")?l:[l[0]]}_getTooltip({label:e,value:t,chartType:i}){return i==="pie-chart"?`${e}`:`${e}: ${t}`}_getChartOption(e){let{value:t,values:i,formattedValues:a,expressionValues:s,fieldName:r,relatedFieldName:o,fieldInfos:n,chartType:l,hasMultipleRelatedFeatures:m,color:d}=e,{layer:c,graphic:p}=this,u=this.fieldInfoMap??new Map,{normalizeField:g,tooltipField:h}=t,v=g?w(g)?i[z(g).fieldName]:i[g]:null,x=K(r)&&s?.[r]!==void 0?s[r]:o&&i[o]!==void 0?i[o]:i[r]!==void 0?i[r]:a[r],_=x===void 0?null:x&&v&&typeof x=="number"&&typeof v=="number"?x/v:x,f=W(n,r),y=V(r,c),A=(h&&a[h]!==void 0?a[h]:L({fieldInfo:f||new ce({fieldName:y}),expressionInfos:this.popupTemplate?.expressionInfos,graphic:p,layer:c}))??"",te=a[y]??"",Y=_!=null?typeof _=="number"?_:Number(_):null;if(w(r)){let T=u.get(r.toLowerCase()),ie=h?u.get(h.toLowerCase()):null,ae=T?.fieldName??r,$=m&&h?z(h).fieldName:ie?.fieldName??h,re=(m&&$?i[$]:a[$]??(T&&L({fieldInfo:T,layer:c,graphic:p}))??T?.fieldName??o)??"",ne=(m&&o?i[o]:a[ae])??"";return new Z({fieldName:r,tooltip:this._getTooltip({label:re,value:ne,chartType:l}),color:d,value:Y})}return new Z({fieldName:r,tooltip:this._getTooltip({label:A,value:te,chartType:l}),color:d,value:Y})}_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("./RQNFEF4Y.js"),i=new Map;return e.forEach(a=>{a.color&&i.set(a,t(a.color.toCss(!0)))}),i}async _getRendererColors(){let{color:e}=await import("./RQNFEF4Y.js"),t=new Map,i=this._getRenderer(),a="default";if(!i)return t;let s=await se(i);return s.delete(a),Array.from(s.values()).every(r=>r?.length===1)&&Array.from(s.keys()).forEach(r=>{let o=s.get(r)?.[0]?.toCss(!0);o&&t.set(r,e(o))}),t}async _createChart(e){let{activeMediaInfo:t}=this;if(!e||!t)return;let{createRoot:i}=await import("./OTZMVWAB.js").then(m=>m.default.then(e=>({createRoot:e}))),a=await i(e);this._chartRoot=a,this._renderChart({mediaInfo:t,root:a})}_handleMediaKeyup(e){let{key:t}=e;J(t,this._direction)&&(e.stopPropagation(),this.previous()),q(t,this._direction)&&(e.stopPropagation(),this.next())}_canAnimateChart(){return!this.chartAnimationDisabled&&!this._prefersReducedMotion}_getChartAnimationMS(){return this._canAnimateChart()?ue:0}_getChartSeriesAnimationMS(){return this._canAnimateChart()?pe:0}async _customizeChartTooltip(e,t="horizontal"){let{color:i}=await import("./RQNFEF4Y.js");e.setAll({pointerOrientation:t}),e.get("background")?.setAll({stroke:i(he)}),e.label.setAll({direction:this._direction,oversizedBehavior:"wrap",maxWidth:me})}async _createPieChart(e,t){let[{Tooltip:i},{PieChart:a,PieSeries:s}]=await Promise.all([import("./RQNFEF4Y.js"),import("./6PH76ATO.js")]),{mediaInfo:r,root:o}=e,{title:n}=r,l=5,m=r?.altText||r?.title||"",d=o.container.children.push(a.new(o,{role:"figure",ariaLabel:m,focusable:!0,paddingBottom:l,paddingTop:l,paddingLeft:l,paddingRight:l})),c=`{category}: {valuePercentTotal.formatNumber('0.00')}%
+ ({value})`,p=i.new(o,{labelText:c}),u=d.series.push(s.new(o,{name:n,valueField:b,categoryField:C,tooltip:p}));u.ticks.template.set("forceHidden",!0),u.labels.template.set("forceHidden",!0),u.slices.template.states.create("active",{shiftRadius:l}),this._customizeChartTooltip(p),u.slices.template.setAll({ariaLabel:c,focusable:!0,templateField:"columnSettings"}),u.data.setAll(t),u.appear(this._getChartSeriesAnimationMS()),d.appear(this._getChartAnimationMS()),d.root.dom.classList.toggle("chart-rendered",!0)}_getMinSeriesValue(e){let t=0;return e.forEach(i=>t=Math.min(i.value,t)),t}async _createColumnChart(e,t,i){let[{Tooltip:a,Scrollbar:s},{CategoryAxis:r,AxisRendererX:o,AxisRendererY:n,ValueAxis:l,ColumnSeries:m}]=await Promise.all([import("./RQNFEF4Y.js"),import("./37CSW5WZ.js")]),{mediaInfo:d,root:c}=t,{value:p,title:u}=d,{_direction:g}=this;e.setAll({wheelX:"panX",wheelY:"zoomX"});let h=e.xAxes.push(r.new(c,{renderer:o.new(c,{inversed:g==="rtl"}),categoryField:C}));h.get("renderer").labels.template.setAll({forceHidden:!0});let v=e.yAxes.push(l.new(c,{renderer:n.new(c,{inside:!1}),min:this._getMinSeriesValue(p.series)}));v.get("renderer").labels.template.setAll({direction:g});let x="{categoryX}",_=a.new(c,{labelText:x}),f=e.series.push(m.new(c,{name:u,xAxis:h,yAxis:v,valueYField:b,categoryXField:C,tooltip:_}));this._customizeChartTooltip(_),f.columns.template.setAll({ariaLabel:x,focusable:!0,templateField:"columnSettings"}),p.series.length>X&&e.set("scrollbarX",s.new(c,{orientation:"horizontal"})),h.data.setAll(i),f.data.setAll(i),f.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createBarChart(e,t,i){let[{Tooltip:a,Scrollbar:s},{CategoryAxis:r,AxisRendererX:o,AxisRendererY:n,ValueAxis:l,ColumnSeries:m}]=await Promise.all([import("./RQNFEF4Y.js"),import("./37CSW5WZ.js")]),{mediaInfo:d,root:c}=t,{value:p,title:u}=d,{_direction:g}=this;e.setAll({wheelX:"panY",wheelY:"zoomY"});let h=e.yAxes.push(r.new(c,{renderer:n.new(c,{inversed:!0}),categoryField:C}));h.get("renderer").labels.template.setAll({forceHidden:!0});let v=e.xAxes.push(l.new(c,{renderer:o.new(c,{inside:!1,inversed:g==="rtl"}),min:this._getMinSeriesValue(p.series)}));v.get("renderer").labels.template.setAll({direction:g});let x="{categoryY}",_=a.new(c,{labelText:x}),f=e.series.push(m.new(c,{name:u,xAxis:v,yAxis:h,valueXField:b,categoryYField:C,tooltip:_}));this._customizeChartTooltip(_,"vertical"),f.columns.template.setAll({ariaLabel:x,focusable:!0,templateField:"columnSettings"}),p.series.length>X&&e.set("scrollbarY",s.new(c,{orientation:"vertical"})),h.data.setAll(i),f.data.setAll(i),f.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createLineChart(e,t,i){let[{Tooltip:a,Scrollbar:s},{CategoryAxis:r,AxisRendererX:o,AxisRendererY:n,ValueAxis:l,LineSeries:m}]=await Promise.all([import("./RQNFEF4Y.js"),import("./37CSW5WZ.js")]),{root:d,mediaInfo:c}=t,{value:p,title:u}=c,{_direction:g}=this;e.setAll({wheelX:"panX",wheelY:"zoomX"});let h=e.xAxes.push(r.new(d,{renderer:o.new(d,{inversed:g==="rtl"}),categoryField:C}));h.get("renderer").labels.template.setAll({forceHidden:!0});let v=e.yAxes.push(l.new(d,{renderer:n.new(d,{inside:!1}),min:this._getMinSeriesValue(p.series)}));v.get("renderer").labels.template.setAll({direction:g});let x="{categoryX}",_=i[0]?.lineSettings?.stroke,f=a.new(d,{getFillFromSprite:!_,labelText:x});_&&f.get("background")?.setAll({fill:_});let y=e.series.push(m.new(d,{name:u,xAxis:h,yAxis:v,valueYField:b,categoryXField:C,tooltip:f}));y.strokes.template.setAll({templateField:"lineSettings"}),this._customizeChartTooltip(f,"vertical"),p.series.length>X&&e.set("scrollbarX",s.new(d,{orientation:"horizontal"})),h.data.setAll(i),y.data.setAll(i),y.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createXYChart(e,t){let{XYChart:i,XYCursor:a}=await import("./37CSW5WZ.js"),{root:s,mediaInfo:r}=e,{type:o}=r,n=r?.altText||r?.title||"",l=s.container.children.push(i.new(s,{role:"figure",ariaLabel:n,focusable:!0,panX:!0,panY:!0}));l.set("cursor",a.new(s,{})),o==="column-chart"&&await this._createColumnChart(l,e,t),o==="bar-chart"&&await this._createBarChart(l,e,t),o==="line-chart"&&await this._createLineChart(l,e,t),l.root.dom.classList.toggle("chart-rendered",!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:i}=e,a=t*6e4;this._updateMediaInfoTimestamp(i.sourceURL);let s=window.setInterval(()=>{this._updateMediaInfoTimestamp(i.sourceURL)},a);this._refreshTimer=s}_getImageSource(e,t){let i=e.includes("?")?"&":"?",[a,s=""]=e.split("#");return`${a}${i}timestamp=${t}${s?"#":""}${s}`}_updateChartElement(e){this._chartRoot?.dispose(),this._chartRoot=void 0,e&&this._createChart(e)}render(){return I`<div class="root" @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,i=this._renderMediaText();return e?I`<div class="container">${this._renderMediaInfo()}<div class="item-navigation">${i}${e>1?I`<div class="pagination">${this._renderMediaPageButton("previous")}<span class="pagination-text">${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?I`<div class="item-title" .innerHTML=${ee.sanitize(e.title)??""}></div>`:null,i=e?.caption?I`<div class="item-caption" .innerHTML=${ee.sanitize(e.caption)??""}></div>`:null;return t||i?I`<div class="item-text">${t}${i}</div>`:null}_renderImageMediaInfo(e){if(!e.value)return null;let{_refreshIntervalInfo:t}=this,{value:i,refreshInterval:a,altText:s,title:r}=e,{sourceURL:o,linkURL:n}=i,l=j(n??void 0)?"_blank":"_self",m=l==="_blank"?"noreferrer":"",d=a?t:null,c=d?d.sourceURL:o,p=I`<img alt=${(s||r)??M} src=${c??void 0??M}>`;return(n?I`<a href=${n??M} rel=${m??M} target=${l??M} title=${r??M}>${p}</a>`:null)??p}_renderChartMediaInfo(e){let{activeMediaInfoIndex:t,formattedMediaInfoCount:i}=this;return Q(`media-${e.type}-${t}-${i}`,I`<div class="chart" ${P(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?I`<div class="item-container"><div class="item">${this._renderMediaInfoType()}</div></div>`:null}_renderMediaPageButton(e){if(this.formattedMediaInfoCount<2)return null;let t=e==="previous",i=t?this.messages?.previous??"":this.messages?.next??"",a=t?"chevron-left":"chevron-right",s=t?this.previous:this.next;return I`<button .ariaLabel=${i} class="pagination-button" @click=${s} tabindex=0 title=${i??M} type=button><calcite-icon flip-rtl class="pagination-icon" .icon=${a} scale=s></calcite-icon></button>`}async _renderChart(e){let{root:t,mediaInfo:i}=e,{value:a,type:s}=i,[{default:r},{default:o},{default:n},{esriChartColorSet:l},{ColorSet:m,Theme:d}]=await Promise.all([import("./EFRTVN3U.js"),import("./SIZFSGGL.js"),import("./BMYM5GUH.js"),import("./CEQVLPP2.js"),import("./RQNFEF4Y.js")]),c=d.new(t);c.rule("ColorSet").set("colors",l),c.rule("ColorSet").set("reuse",!0);let p=[n.new(t),c];H(this.el)==="dark"&&p.push(o.new(t)),this._canAnimateChart()&&p.push(r.new(t)),t.setThemes(p);let u=await this._getRendererColors(),g=await this._getSeriesColors(a.series),h=m.new(t,{}),v=g.get(a.series[0]),x=v?{lineSettings:{stroke:v}}:void 0,_=a.series.map((f,y)=>{let A=g.get(f)||u.get(f.fieldName)||h.getIndex(y);return{[C]:f.tooltip,[b]:f.value,columnSettings:{fill:A,stroke:A},...x}}).filter(f=>s==="pie-chart"?f.value!=null&&f.value>0:!0);s==="pie-chart"?this._createPieChart(e,_):this._createXYChart(e,_)}};B("arcgis-feature-media",N);return N},"renderers/support/utils","intl","core/reactiveUtils","popup/FieldInfo","popup/content/support/ChartMediaInfoValueSeries","applications/Components/sanitizerUtils",a,b)

package/dist/cdn/CXHORYLL.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import{a,b as i}from"./TN5C3MSL.js";import{M as r,N as t,P as e,R as n,a as o,b as l}from"./IXZEUVT2.js";var y=o`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:block;position:relative;height:100%;width:100%;padding:var(--calcite-spacing-none);margin:var(--calcite-spacing-none);container:arcgis-map-container/size;contain:layout;--arcgis-layout-overlay-center-max-width: var(--arcgis-internal-top-max-width);--arcgis-internal-attribution-space-top: 0px}::slotted(:is([closed],[closed="true"])){display:none}:dir(rtl) ::slotted(:not(arcgis-swipe)){direction:rtl}::slotted(*){--esri-widget-padding-x: var(--calcite-spacing-lg);--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-attachments,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-coordinate-conversion,arcgis-coordinate-conversion-next,arcgis-daylight,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-elevation-profile,arcgis-expand,arcgis-feature-form,arcgis-features,arcgis-feature-table,arcgis-fullscreen,arcgis-grid-controls,arcgis-home,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-link-chart-layout-switcher,arcgis-locate,arcgis-measurement,arcgis-navigation-toggle,arcgis-oriented-imagery-viewer,arcgis-print,arcgis-search,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-time-slider,arcgis-time-zone-label,arcgis-track,arcgis-utility-network-associations,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-utility-network-validate-topology,arcgis-version-management,arcgis-video-player,arcgis-volume-measurement,arcgis-weather,arcgis-zoom)){box-shadow:var(--arcgis-internal-box-shadow);--arcgis-internal-padding: var(--esri-widget-padding);--arcgis-internal-padding-md: var(--calcite-spacing-md)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend:not([card-style-layout]),arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width);min-width:var(--calcite-spacing-xxxl);min-height:var(--calcite-spacing-xxxl);transition:max-height .25s ease-in-out;overflow-y:auto;--arcgis-internal-panel-overflow: hidden;--arcgis-internal-panel-min-width: 0}.arcgis-map{position:relative;z-index:0}.arcgis-map-container-ui{position:absolute;inset:var(--calcite-spacing-none);padding:var(--calcite-spacing-none);z-index:var(--calcite-z-index);pointer-events:none;background:none}.arcgis-map-container-ui__element{display:flex;flex-direction:column;pointer-events:none;width:max-content;max-width:100%}.arcgis-map-container-ui__element .esri-widget--panel{min-width:var(--arcgis-internal-panel-width)}.arcgis-map-container-ui__element-popup,.arcgis-map-container-ui__element-default{pointer-events:none;max-width:100%;position:absolute;display:block;inset:var(--calcite-spacing-none);width:100%;::slotted(:not(arcgis-swipe,arcgis-presentation)){pointer-events:auto}}.arcgis-map-container-ui__top-left-column{position:absolute;top:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:var(--calcite-spacing-lg);margin-left:var(--calcite-spacing-lg);padding-top:var(--arcgis-internal-layout-overlay-space-top);padding-left:var(--arcgis-internal-layout-overlay-space-left);::slotted(*){max-width:var(--arcgis-internal-top-max-width)}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap}}.arcgis-map-container-ui__top-left-column:dir(rtl){align-items:flex-end;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}}.arcgis-map-container-ui__top-center-column{position:absolute;top:var(--calcite-spacing-none);left:50%;transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--calcite-spacing-lg);padding-top:var(--arcgis-internal-layout-overlay-space-top);::slotted(*){max-width:var(--arcgis-layout-overlay-center-max-width)}}.arcgis-map-container-ui__top-right-column{position:absolute;top:var(--calcite-spacing-none);right:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:flex-end;margin-top:var(--calcite-spacing-lg);margin-right:var(--calcite-spacing-lg);padding-top:var(--arcgis-internal-layout-overlay-space-top);padding-right:var(--arcgis-internal-layout-overlay-space-right);::slotted(*){max-width:var(--arcgis-internal-top-max-width)}::slotted(arcgis-expand){--arcgis-internal-sketch-justify-content: flex-end}}.arcgis-map-container-ui__top-right-column:dir(rtl){align-items:flex-start;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row}}.arcgis-map-container-ui__element-top-left{top:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;justify-content:flex-start;align-items:flex-start;::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(arcgis-sketch){--sketch-pad-flex-flow: wrap}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-left:dir(rtl){align-items:flex-end}.arcgis-map-container-ui__element-top-right{position:relative;justify-content:flex-start;align-items:flex-end;margin-left:auto;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap-reverse}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-right:dir(rtl){align-items:flex-start}.arcgis-map-container-ui__element-top-start{position:relative;justify-content:flex-start;align-items:flex-start;::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-start:dir(rtl){align-items:flex-end;--arcgis-internal-sketch-justify-content: flex-start;::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap-reverse}}.arcgis-map-container-ui__element-top-end{position:relative;justify-content:flex-start;align-items:flex-end;::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap-reverse}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-end:dir(rtl){align-items:flex-start;--arcgis-internal-sketch-justify-content: flex-end}.arcgis-map-container-ui__bottom-left-row{position:absolute;bottom:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:row;align-items:flex-end;max-width:100%;margin-left:var(--calcite-spacing-lg);margin-bottom:calc(var(--arcgis-internal-attribution-space-top) + var(--calcite-spacing-lg));padding-left:var(--arcgis-internal-layout-overlay-space-left);padding-bottom:var(--arcgis-internal-layout-overlay-space-bottom);::slotted(:last-child){margin-right:var(--calcite-spacing-xxl)}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-column-direction: column-reverse;--arcgis-internal-floor-filter-button-border-width: 0 0 1px}::slotted(*){max-width:var(--arcgis-internal-top-max-width)}}.arcgis-map-container-ui__bottom-left-row:dir(rtl){flex-direction:row-reverse;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}}.arcgis-map-container-ui__bottom-center-row{position:absolute;bottom:var(--calcite-spacing-none);left:50%;transform:translate(-50%);display:flex;flex-direction:row-reverse;align-items:flex-end;max-width:100%;margin-bottom:calc(var(--arcgis-internal-attribution-space-top) + var(--calcite-spacing-lg));::slotted(*){max-width:var(--arcgis-layout-overlay-center-max-width)}}.arcgis-map-container-ui__bottom-right-row{position:absolute;bottom:var(--calcite-spacing-none);right:var(--calcite-spacing-none);display:flex;flex-direction:row-reverse;align-items:flex-end;max-width:100%;margin-right:var(--calcite-spacing-lg);margin-bottom:calc(var(--arcgis-internal-attribution-space-top) + var(--calcite-spacing-lg));padding-right:var(--arcgis-internal-layout-overlay-space-right);padding-bottom:var(--arcgis-internal-layout-overlay-space-bottom);::slotted(:last-child){margin-left:var(--calcite-spacing-xxl)}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-column-direction: column-reverse;--arcgis-internal-floor-filter-button-border-width: 0 0 1px}::slotted(*){max-width:var(--arcgis-internal-top-max-width)}::slotted(arcgis-expand){--arcgis-internal-sketch-justify-content: flex-end}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap-reverse}}.arcgis-map-container-ui__bottom-right-row:dir(rtl){flex-direction:row;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row}}.arcgis-map-container-ui__element-bottom-left{bottom:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;flex-flow:row;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(arcgis-sketch){--sketch-pad-flex-flow: wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end}::slotted(*){margin-right:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-bottom-right{bottom:var(--calcite-spacing-none);right:var(--calcite-spacing-none);align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-flow:row-reverse;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap-reverse}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end;--arcgis-internal-row-direction: row-reverse}::slotted(*){margin-left:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-bottom-start{bottom:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;flex-flow:row;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(arcgis-sketch){--sketch-pad-flex-flow: wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end}::slotted(*){margin-right:var(--calcite-spacing-sm-plus)}::slotted(:dir(rtl)){margin-right:var(--calcite-spacing-none);--arcgis-internal-sketch-justify-content: flex-start}}.arcgis-map-container-ui__element-bottom-end{bottom:var(--calcite-spacing-none);right:var(--calcite-spacing-none);align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-flow:row-reverse;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap-reverse}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end;--arcgis-internal-row-direction: row-reverse}::slotted(*){margin-left:var(--calcite-spacing-sm-plus)}::slotted(:dir(rtl)){margin-left:var(--calcite-spacing-none);--arcgis-internal-sketch-justify-content: flex-end}}.arcgis-map-container-ui__element>*{pointer-events:auto}@container arcgis-map-container (height >= 0){::slotted(arcgis-sketch){--responsive-toolbar-vert-width: var(--calcite-spacing-none);--responsive-toolbar-vert-height: min(100vh - 120px, 100cqh - 120px);--responsive-toolbar-horiz-width: min(100vw - 60px, 100cqw - 60px);--responsive-toolbar-horiz-height: var(--calcite-spacing-none)}}@container arcgis-map-container (max-height: 544px) or (max-width: 544px){::slotted(:is(arcgis-floor-filter)){--arcgis-internal-floor-filter-button-display: none;--arcgis-internal-floor-filter-menu-width: 225px}}@container arcgis-map-container (max-height: 499.99px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-sm);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-sm)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-sm)}}@container arcgis-map-container (min-height: 500px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-md);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-md)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-md)}::slotted(:is(arcgis-floor-filter)){--arcgis-internal-floor-filter-menu-max-height: 320px;--arcgis-internal-floor-filter-levels-max-height: 320px}}@container arcgis-map-container (min-height: 768px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-lg);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-floor-filter)){--arcgis-internal-floor-filter-menu-max-height: 420px;--arcgis-internal-floor-filter-levels-max-height: 420px}}@container arcgis-map-container (min-height: 992px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-lg);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-lg)}}@container arcgis-map-container (min-height: 1200px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-xl);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-xl)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-xl)}}@container arcgis-map-container (min-width: 544px){::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 768px){::slotted(:is(arcgis-legend[card-style-layout="auto"])){--arcgis-internal-legend-width: auto}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 992px){::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 1200px){::slotted(:is(arcgis-basemap-gallery)){width:var(--arcgis-internal-basemap-gallery-width-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}`;function w(){return{topCenter:r(),topLeft:r(),topRight:r(),bottomCenter:r(),bottomLeft:r(),bottomRight:r()}}function b(g){let{direction:c,popupComponentEnabled:d=!1,handlePopupSlotChange:p,webGLErrorElement:m,popupElement:f,slotGroupRefs:s}=g;return l`<div class=${e({[a.containerElementPopupSlot]:!0})}>${d?l`<arcgis-popup ${t(f)}></arcgis-popup>`:null}<slot name=${i.popup} @slotchange=${p}></slot></div><div class=${e({[a.containerElementDefaultSlot]:!0})}>${m}<slot></slot></div><div class=${e({[a.containerTopLeftColumn]:!0})} ${t(s?.topLeft)}><div class=${e({[a.containerElement]:!0,[a.containerElementTopLeft]:!0})}><slot name=${i.topLeft}></slot></div><div class=${e({[a.containerElement]:!0,[a.containerElementTopStart]:!0})}><slot name=${(c==="ltr"?i.topStart:i.topEnd)??n}></slot></div></div><div class=${e({[a.containerTopCenterColumn]:!0})} ${t(s?.topCenter)}><div class=${e({[a.containerElement]:!0,[a.containerElementTopCenter]:!0})}><slot name=${i.topCenter}></slot></div></div><div class=${e({[a.containerTopRightColumn]:!0})} ${t(s?.topRight)}><div class=${e({[a.containerElement]:!0,[a.containerElementTopRight]:!0})}><slot name=${i.topRight}></slot></div><div class=${e({[a.containerElement]:!0,[a.containerElementTopEnd]:!0})}><slot name=${(c==="ltr"?i.topEnd:i.topStart)??n}></slot></div></div><div class=${e({[a.containerBottomLeftRow]:!0})} ${t(s?.bottomLeft)}><div class=${e({[a.containerElement]:!0,[a.containerElementBottomLeft]:!0})}><slot name=${i.bottomLeft}></slot></div><div class=${e({[a.containerElement]:!0,[a.containerElementBottomStart]:!0})}><slot name=${(c==="ltr"?i.bottomStart:i.bottomEnd)??n}></slot></div></div><div class=${e({[a.containerBottomCenterRow]:!0})} ${t(s?.bottomCenter)}><div class=${e({[a.containerElement]:!0,[a.containerElementBottomCenter]:!0})}><slot name=${i.bottomCenter}></slot></div></div><div class=${e({[a.containerBottomRightRow]:!0})} ${t(s?.bottomRight)}><div class=${e({[a.containerElement]:!0,[a.containerElementBottomRight]:!0})}><slot name=${i.bottomRight}></slot></div><div class=${e({[a.containerElement]:!0,[a.containerElementBottomEnd]:!0})}><slot name=${(c==="ltr"?i.bottomEnd:i.bottomStart)??n}></slot></div></div>`}export{y as a,w as b,b as c};

package/dist/cdn/DKG4Q4BC.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import j from"./SLTQSWGA.js";import{a as k}from"./KTXZR4IK.js";import i from"./SJIHZIXG.js";import h from"./MZWO5JYA.js";import g from"./OKHEBRQW.js";import"./VJVKFKSG.js";import{b as U,c as Z}from"./32XG4IQO.js";import f from"./ACMQRVHQ.js";import{a as P}from"./H47NPYUM.js";import e from"./M2MJH2FX.js";import d from"./ZUXQKICJ.js";import{f as L,h as H}from"./JCTU3MST.js";import"./BXKNMJRR.js";import b from"./FT7ETWDM.js";import{d as x}from"./IJQZON2Z.js";import{M,N as v,O as N,P as A,R as c,S as R,U as B,a as O,b as a,o as C,p as T,x as $}from"./IXZEUVT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([X,{substitute:u,formatNumber:y},{watch:r},{stripHTML:D},G,{renderingSanitizer:b},{initializeProjection:q},J,,,,z,,,{d:S},{c:j,d:K}])=>{var Q=O`:host{display:flex;overflow:hidden;flex:1 1 auto}.root{--calcite-color-background: var(--calcite-color-foreground-1);display:flex;overflow:hidden;flex:1 1 auto;flex-direction:column}.root img{image-orientation:from-image}.flow-item-collapsed{--calcite-flow-item-header-border-block-end: none}.container{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1)}.container calcite-list{width:100%}.container:not(:empty,.content-hidden){padding:var(--arcgis-internal-padding-md, var(--calcite-spacing-md))}.root .arcgis-feature,.root .arcgis-feature-relationship,.root .arcgis-feature-utility-network-associations{background-color:transparent}.heading{word-break:break-word;word-wrap:break-word}.header,.footer{display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1)}.footer{flex:1}.pagination-text{padding-inline:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.loader{align-self:center;padding-inline:var(--calcite-spacing-lg)}.pagination-action-bar{flex:1}.pagination-menu-button{padding-inline:var(--calcite-spacing-xxs);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.icon{display:inline-block;flex:0 0 var(--calcite-spacing-lg);width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.action-image{flex:0 0 var(--calcite-spacing-lg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.header{border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.content-feature{--calcite-flow-item-footer-padding: 0}.feature-menu-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.action-exit{transform:scaleX(-1)}`,Y=new J({icon:"magnifying-glass-plus",id:"zoom-to-feature",title:"{messages.zoom}"}),_=Y.clone();function ee(E){return E?.declaredClass.startsWith("esri.layers.")??!1}var te=z(X),V=class extends N{constructor(){super(...arguments),this._direction=L(),this._fetchFeaturesController=null,this._featureMenuIntersectionObserverCallback=([e])=>{e?.isIntersecting&&this.viewModel.featurePage!=null&&this.viewModel.featurePage++},this._featureMenuIntersectionObserver=new IntersectionObserver(this._featureMenuIntersectionObserverCallback,{root:window.document}),this._featureMenuIntersectionObserverNode=null,this._rootFlowItemNode=M(),this._featureMenuViewportNode=M(),this._actionBarMenuNode=M(),this._flowContainerNode=M(),this.messages=P(),this._selectedFeatureComponent=M(),this._cancelOpenRelatedFeature=()=>{let{_openRelatedFeatureAbortController:e}=this;e&&e.abort(),this._openRelatedFeatureAbortController=null},this._openRelatedFeatureAbortController=null,this.flowItems=new G,this.viewModel=te(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 G,this.heading=this.viewModel.title,this.headingLevel=2,this.hideActionBar=!1,this.hideCloseButton=!1,this.hideFeatureMenuHeading=!1,this.hideFeatureNavigation=!1,this.hideFeatureListLayerTitle=!1,this.hideHeading=!1,this.hideSelectFeature=!1,this.hideSpinner=!1,this.hideContent=!1,this.hideExpressionContent=!1,this.hideLastEditedInfo=!1,this.highlightDisabled=this.viewModel.highlightEnabled,this.includeDefaultActionsDisabled=this.viewModel.includeDefaultActions,this.initialDisplayMode=this.viewModel.initialDisplayMode,this.location=this.viewModel.location,this.map=this.viewModel.map,this.open=this.viewModel.visible,this.promises=this.viewModel.promises,this.responsiveActionsEnabled=!1,this.selectedFeature=this.viewModel.selectedFeature,this.selectedFeatureIndex=this.viewModel.selectedFeatureIndex,this.showCollapseButton=!1,this.spatialReference=this.viewModel.spatialReference,this.state=this.viewModel.state,this.timeZone=this.viewModel.timeZone,this.updateLocationEnabled=this.viewModel.updateLocationEnabled,this.view=this.viewModel.view,this.arcgisPropertyChange=H()("active","collapsed","effectiveHeading","featureCount","featureMenuOpen","features","promises","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","open"),this.arcgisReady=$(),this.arcgisClose=$(),this.arcgisTriggerAction=$()}static{this.properties={_openRelatedFeatureAbortController:16,flowItems:16,_hideActionText:16,_featureNavigationVisible:16,_isCollapsed:16,_collapseEnabled:16,_featureFlowItemSelected:16,viewModel:0,actions:0,active:0,autoDestroyDisabled:5,collapseDirection:1,collapsed:5,content:1,defaultPopupTemplateEnabled:5,effectiveHeading:32,featureCount:9,featureMenuOpen:5,featureMenuTitle:1,featureNavigationTop:5,features:0,featuresPerPage:9,featureViewModelAbilities:0,goToOverride:0,headerActions:0,heading:1,headingLevel:9,hideActionBar:5,hideCloseButton:5,hideFeatureMenuHeading:5,hideFeatureNavigation:5,hideFeatureListLayerTitle:5,hideHeading:5,hideSelectFeature:5,hideSpinner:5,hideContent:5,chartAnimationDisabled:5,hideAttachmentsContent:5,hideCustomContent:5,hideExpressionContent:5,hideFieldsContent:5,hideMediaContent:5,hideRelationshipContent:5,hideTextContent:5,hideUtilityNetworkContent:5,hideLastEditedInfo:5,highlightDisabled:5,icon:1,includeDefaultActionsDisabled:5,initialDisplayMode:1,label:1,location:0,map:0,messageOverrides:0,open:5,referenceElement:1,promises:0,responsiveActionsEnabled:5,selectedDrillInFeature:32,selectedFeature:0,selectedFeatureComponent:32,selectedFeatureIndex:9,showCollapseButton:5,spatialReference:0,state:32,timeZone:1,updateLocationEnabled:5,view:0}}static{this.styles=Q}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 _featureFlowItemSelected(){return this.initialDisplayMode==="list"?!!this.selectedFeature:!this.featureMenuOpen}get chartAnimationDisabled(){return!(this.viewModel.featureViewModelAbilities?.chartAnimation??!0)}set chartAnimationDisabled(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.chartAnimation=!e}get hideAttachmentsContent(){return!(this.viewModel.featureViewModelAbilities?.attachmentsContent??!0)}set hideAttachmentsContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.attachmentsContent=!e}get hideCustomContent(){return!(this.viewModel.featureViewModelAbilities?.customContent??!0)}set hideCustomContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.customContent=!e}get hideFieldsContent(){return!(this.viewModel.featureViewModelAbilities?.fieldsContent??!0)}set hideFieldsContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.fieldsContent=!e}get hideMediaContent(){return!(this.viewModel.featureViewModelAbilities?.mediaContent??!0)}set hideMediaContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.mediaContent=!e}get hideRelationshipContent(){return!(this.viewModel.featureViewModelAbilities?.relationshipContent??!0)}set hideRelationshipContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.relationshipContent=!e}get hideTextContent(){return!(this.viewModel.featureViewModelAbilities?.textContent??!0)}set hideTextContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.textContent=!e}get hideUtilityNetworkContent(){return!(this.viewModel.featureViewModelAbilities?.utilityNetworkAssociationsContent??!0)}set hideUtilityNetworkContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.utilityNetworkAssociationsContent=!e}async clear(){return this.viewModel.clear()}async close(){this.open=!1}async destroy(){await this.manager.destroy(),this._removeSpinner(this.referenceElement),this._cancelOpenRelatedFeature(),this._removeFlowItems(),this._unobserveFeatureMenuObserver(),this._cancelFetchingFeatures(),this._featureMenuIntersectionObserver?.disconnect()}async fetchFeatures(e,t){this._cancelFetchingFeatures();let{signal:s}=t??{},i=new AbortController,{signal:n}=i,o=s?AbortSignal.any([n,s]):n;if(this._fetchFeaturesController=i,!e&&this.view&&this.location&&(await q(this.location.spatialReference,this.view.spatialReference,null,{signal:o}),e=this.view.toScreen(this.location)??void 0),!e)return;let l=await this.viewModel.fetchFeatures(e,{...t,signal:o});this.location=l.location,this.promises=l.pendingFeatures}async next(){return T("warn",this,"The return type of FeaturesViewModel on the next() method is deprecated. At 6.0, this method will return void."),this.viewModel.next()}async previous(){return T("warn",this,"The return type of FeaturesViewModel on the previous() method is deprecated. At 6.0, this method will return void."),this.viewModel.previous()}async setFocus(){this._flowContainerNode.value?.setFocus()}async triggerAction(e){if(!e.disabled)return e?.type==="toggle"&&(e.value=!e.value),await K(e,this.viewModel)}connectedCallback(){super.connectedCallback(),this._createSpinner()}disconnectedCallback(){super.disconnectedCallback(),this._removeSpinner(this.referenceElement)}loaded(){this.manager.onLifecycle(()=>[r(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),r(()=>this.viewModel?.view,(e,t)=>t&&this._viewChange()),r(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),r(()=>this.selectedFeatureComponent?.viewModel,()=>this._removeFlowItems()),r(()=>this.viewModel?.featureViewModels,()=>this._featureMenuViewportScrollTop()),r(()=>this.flowItems.length,()=>this._syncSelectedDrillInFeature()),r(()=>[this.viewModel?.title,this.viewModel?.selectedFeatureViewModel?.title,this.viewModel?.selectedFeatureViewModel?.state],()=>this._syncEffectiveHeading(),{initial:!0}),r(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),r(()=>this.referenceElement,(e,t)=>{this._removeSpinner(t),this._createSpinner()},{initial:!0}),r(()=>[this.hideSpinner,this.viewModel?.view,this.viewModel?.location,this.viewModel?.waitingForResult,this.viewModel?.visible],()=>this._createSpinner(),{initial:!0})])}updated(){let e=this._selectedFeatureComponent.value??void 0;this.selectedFeatureComponent!==e&&C(()=>this.selectedFeatureComponent=e)}_syncSelectedDrillInFeature(){let e=this.flowItems.getItemAt(this.flowItems.length-1);C(()=>this.selectedDrillInFeature=e?.graphic??void 0)}_syncEffectiveHeading(){let e=this._calculateEffectiveHeading();this.effectiveHeading!==e&&C(()=>this.effectiveHeading=e)}_cancelFetchingFeatures(){this._fetchFeaturesController?.abort(),this._fetchFeaturesController=null}_handleClose(){this.close(),this.arcgisClose.emit()}_groupResultsByLayer(){let{featureViewModels:e}=this.viewModel,t=new Map;return e.forEach(s=>{let i=s?.graphic;if(!i)return;let n=S(i),o=ee(n)?n:null,l=t.get(o)??[];t.set(o,[...l,s])}),t}_handleCollapseToggle(){this.collapsed=!this.collapsed}async _openRelatedFeature(e){this._cancelOpenRelatedFeature();let t=new AbortController;if(this._openRelatedFeatureAbortController=t,await e.updateGeometry(),this._openRelatedFeatureAbortController!==t)return;let s=e.graphic,i=s?.geometry;if(i==null||s==null){this._openRelatedFeatureAbortController===t&&(this._openRelatedFeatureAbortController=null);return}if(this._removeFlowItems(),await this.viewModel.zoomTo({target:i}),this._openRelatedFeatureAbortController!==t)return;let n=await $arcgis.t(m=>m[0],"geometry/operators/labelPointOperator");if(this._openRelatedFeatureAbortController!==t)return;let o=n.execute(i);o!=null&&(this.location=o),this.features=[s],this.open=!0,await this.setFocus(),this._openRelatedFeatureAbortController===t&&(this._openRelatedFeatureAbortController=null)}_handlePaginationMenuButton(){this._updateFeatureMenu()}_openFeatureMenu(){this._updateFeatureMenu(!0)}_closeFeatureMenu(){this._updateFeatureMenu(!1)}_updateFeatureMenu(e=!this.featureMenuOpen){this.featureMenuOpen=e}_previousFeature(){this.viewModel.previous()}_nextFeature(){this.viewModel.next()}_handleFeatureBack(){this.initialDisplayMode==="list"?(this.selectedFeatureIndex=-1,this.setFocus()):this._openFeatureMenu()}_handleFeatureMenuBack(){this.initialDisplayMode==="list"?(this.selectedFeatureIndex=-1,this.setFocus()):this.featureMenuOpen&&this._closeFeatureMenu()}_setActiveFeature(e){let{viewModel:t}=this;t.activeFeature=t.features?.[e]||null}_removeActiveFeature(){this.viewModel.activeFeature=null}_selectFeature(e){this.viewModel.selectedFeatureIndex=e,this.initialDisplayMode==="feature"?this._handleFeatureMenuBack():this.setFocus()}_unobserveFeatureMenuObserver(){this._featureMenuIntersectionObserverNode&&this._featureMenuIntersectionObserver.unobserve(this._featureMenuIntersectionObserverNode)}_featureMenuIntersectionObserverCreated(e){this._unobserveFeatureMenuObserver(),e&&this._featureMenuIntersectionObserver.observe(e),this._featureMenuIntersectionObserverNode=e}_getActionTitle(e){let{messages:t,selectedFeature:s}=this,{id:i}=e,n=s?.attributes,o=e.title??"",l=i==="zoom-to-feature"?u(o,{messages:t}):i==="remove-selected-feature"?u(o,{messages:t}):i==="zoom-to-clustered-features"?u(o,{messages:t}):i==="browse-clustered-features"?u(o,{messages:t}):e.title;return l&&n?u(l,n):l??""}_onMainKeydown(e){let{key:t}=e;Z(t,this._direction)&&(e.stopPropagation(),this._handleFeatureMenuBack(),this.previous(),this.setFocus()),U(t,this._direction)&&(e.stopPropagation(),this._handleFeatureMenuBack(),this.next(),this.setFocus())}_featureMenuViewportScrollTop(){this._featureMenuViewportNode.value?.scrollContentTo({top:0})}_selectedFeatureIndexUpdated(e,t){let{featureCount:s,waitingForResult:i}=this.viewModel;i||!s||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.open=!1}_closeOpenActionMenu(){let{_actionBarMenuNode:e}=this;e.value&&(e.value.menuOpen=!1)}_removeFlowItems(){this.flowItems?.destroyAll()}_getDrillInFlowItemDescription(e){switch(e.flowType){case"feature":case"feature-association":case"feature-utility-network-associations":case"feature-utility-network-association-type":return e.description;case"feature-relationship":return e.allItemsDescription}}_handleDrillInBackClick(){this.flowItems?.pop()?.destroy()}_calculateEffectiveHeading(){let{title:e,selectedFeatureViewModel:t}=this.viewModel;return t?t?.state==="error"?this.messages?.errorMessage??"":t?.title||"":e??""}_getHeading(){return!this.hideHeading&&this.effectiveHeading?this.effectiveHeading:""}_removeSpinner(e){e?.manager?.component?.extraContent?.remove(this._spinnerEl),this._spinnerEl=void 0}_createSpinner(){let e=this.referenceElement;e&&(this._removeSpinner(e),this._spinnerEl=R(a`<arcgis-spinner .label=${this.messages.loading??""} .trackLocation=${!this.hideSpinner&&this.viewModel.visible&&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 a`<div class="root" @keydown=${this._onMainKeydown}>${this._renderHeader()}${this._renderContentContainer()}</div>`}_renderFeatureNavigation(){return[this._renderPagination(),this.initialDisplayMode==="list"?this._renderFeaturePaginationText():this._renderFeatureMenuButton()]}_renderHeader(){return this.featureNavigationTop&&this._featureNavigationVisible?a`<div class="header">${this._renderFeatureNavigation()}</div>`:null}_renderFooter(){return!this.featureNavigationTop&&this._featureNavigationVisible?a`<div class="footer" slot=footer>${this._renderFeatureNavigation()}</div>`:null}_renderFeaturePaginationText(){let{messages:e,viewModel:t}=this,{featureCount:s,selectedFeatureIndex:i}=t;return a`<div class="pagination-text">${u(e.pageText??"",{index:y(i+1),total:y(s)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:s,selectedFeatureIndex:i,pendingPromisesCount:n}=t;return a`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${n>0} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText??"",{index:y(i+1),total:y(s)})} text-enabled title=${e.selectFeature??c}></calcite-action>`}_renderPagination(){let{previous:e,next:t}=this.messages;return a`<calcite-action-bar class="pagination-action-bar" expand-disabled layout=horizontal overflow-actions-disabled scale=s><calcite-action-group scale=s><calcite-action class="pagination-previous" icon=chevron-left icon-flip-rtl .label=${e??""} @click=${this._previousFeature} .text=${e??""} title=${e??""??c}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${t??""} @click=${this._nextFeature} .text=${t??""} title=${t??""??c}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e){let{initialDisplayMode:t}=this,{selectedFeatureViewModel:s,featureViewModels:i}=this.viewModel,n=e===s,o=i.indexOf(e);return a`<calcite-list-item @blur=${this._removeActiveFeature} @focus=${()=>this._setActiveFeature(o)} @mouseleave=${this._removeActiveFeature} @mouseover=${()=>this._setActiveFeature(o)} .selected=${n} @calciteListItemSelect=${()=>this._selectFeature(o)}><span .innerHTML=${(b.sanitize(e.title)||this.messages.untitled)??""} slot=content></span>${t==="list"?a`<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,s=this._groupResultsByLayer(),i=this.initialDisplayMode==="list"?"none":"single";return t.featureViewModels.length?a`<calcite-list display-mode=flat .label=${e?.featuresList??""} selection-appearance=icon .selectionMode=${i}>${Array.from(s.keys(),n=>{let o=s.get(n)?.map(d=>this._renderFeatureMenuItem(d)),l=n?n.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&l!==null?k(n??"map-graphics",a`<calcite-list-item-group .heading=${l}>${o}</calcite-list-item-group>`):o})}</calcite-list>`:null}_renderHeaderAction(e){let t=e.title||"";return e.visible?a`<calcite-action .active=${e.type==="toggle"?e.value:!1} .disabled=${e.disabled} .icon=${e.icon??void 0} .indicator=${e.active} .loading=${e.active} @click=${()=>this._triggerAction(e)} slot=header-actions-end .text=${t} title=${t??c}></calcite-action>`:null}_renderHeaderActions(){return this.headerActions.map(e=>this._renderHeaderAction(e)).toArray()}_renderContentFeature(){let{headingLevel:e,hideCloseButton:t,_isCollapsed:s,_collapseEnabled:i,_featureFlowItemSelected:n,featureNavigationTop:o,flowItems:l,initialDisplayMode:d,selectedFeature:g,hideHeading:f}=this,{active:w,selectedFeatureViewModel:p,content:m}=this.viewModel,h=this._getHeading();if(d==="list"&&!g)return null;let F=l.length===0&&n,I=p?!p.content:!m;return a`<calcite-flow-item class=${A(x({"content-feature":!0,"flow-item-collapsed":s}))} .closable=${!t} .closed=${!w} .collapsed=${s} .collapseDirection=${this.collapseDirection??(o?"down":"up")} .collapsible=${i} .headingLevel=${e} .selected=${F} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${!f&&h?D(h):void 0} ${v(this._rootFlowItemNode)}>${!f&&h?a`<div slot=heading><div .innerHTML=${b.sanitize(h??"")??""}></div></div>`:null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${A(x("container","content-container",{"content-hidden":I}))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`}_renderFeatureMenuContainer(){let{viewModel:e,hideCloseButton:t,featureMenuTitle:s,messages:i,initialDisplayMode:n,featureMenuOpen:o,_featureFlowItemSelected:l,_collapseEnabled:d,_isCollapsed:g,featureNavigationTop:f,headingLevel:w}=this,{active:p,featureViewModels:m,pendingPromisesCount:h}=e,F=s??i.selectFeature;if(n==="feature"&&!o)return null;let I=!l;return a`<calcite-flow-item class=${A(x({"flow-item-collapsed":g}))} .closable=${n==="list"&&!t} .closed=${!p} .collapsed=${n==="list"&&g} .collapseDirection=${this.collapseDirection??(f?"down":"up")} .collapsible=${n==="list"&&d} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} .description=${this.hideFeatureMenuHeading?void 0:u(i.total??"",{total:m.length})} .heading=${this.hideFeatureMenuHeading?void 0:F} .headingLevel=${w} .loading=${e.waitingForContents} .selected=${I} @calciteFlowItemBack=${W=>{W.preventDefault(),this._handleFeatureMenuBack()}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${v(this._featureMenuViewportNode)}>${n==="list"?this._renderHeaderActions():null}${h>0?a`<calcite-loader class="loader" inline .label=${i.loading??""} slot=header-actions-end></calcite-loader>`:null}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" ${v(this._featureMenuIntersectionObserverCreated)}></div>${n==="feature"?a`<calcite-button appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full>${i.back}</calcite-button>`:null}</calcite-flow-item>`}_renderFlowItem(e,t){let{messages:s,hideCloseButton:i,hideSelectFeature:n,active:o,hideHeading:l}=this,d="graphic"in e&&"isFeatureFromTable"in e&&!e.isFeatureFromTable,g=d&&!n,f=e.flowType==="feature-association",w=s.returnToInitialFeature??"",p=s?.selectFeature,m=this._getActionTitle(_),h=!this.hideActionBar&&f&&d;return a`<calcite-flow-item .closable=${!i} .closed=${!o} .description=${D(this._getDrillInFlowItemDescription(e)??"")} .heading=${l?void 0:D(e.heading??"")} .selected=${t} @calciteFlowItemBack=${F=>{F.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${l?null:a`<div slot=heading><div .innerHTML=${b.sanitize(e.heading??"")??""}></div></div>`}<div slot=description><div .innerHTML=${b.sanitize(this._getDrillInFlowItemDescription(e)??"")??""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${w??""} title=${w??""??c}></calcite-action>${g?a`<calcite-action icon=zoom-to-object @click=${()=>this._openRelatedFeature(e)} slot=header-actions-end .text=${p??""} title=${p??c}></calcite-action>`:null}${h?a`<calcite-action-bar expand-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${_.disabled} .icon=${_.icon??void 0} .loading=${_.active} scale=s text-enabled .text=${m} title=${m??c} @click=${()=>j(this.viewModel,_,e)}></calcite-action></calcite-action-group></calcite-action-bar>`:null}<div class="container">${e}</div></calcite-flow-item>`}_renderContentContainer(){let e=this.flowItems?.toArray(),t=e?.map((i,n)=>this._renderFlowItem(i,this._featureFlowItemSelected&&n===e.length-1)),s=this.initialDisplayMode==="list"?[this._renderFeatureMenuContainer(),this._renderContentFeature(),t]:[this._renderContentFeature(),t,this._renderFeatureMenuContainer()];return a`<calcite-flow ${v(this._flowContainerNode)}>${s}</calcite-flow>`}_renderActionBar(){let e=this.viewModel.selectedFeatureViewModel?.isFeatureFromTable&&!this.location?this.viewModel.allActions.filter(t=>t.id!==_.id):this.viewModel.allActions;return!this._isCollapsed&&!this.hideActionBar&&e.length?a`<calcite-action-bar expand-disabled .expanded=${!this._hideActionText} scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s ${v(this._actionBarMenuNode)}>${this._renderActions()}</calcite-action-group></calcite-action-bar>`:null}_renderActions(){return this.viewModel.allActions.toArray().map(e=>{let t=this._getActionTitle(e);return a`<calcite-action .active=${e.type==="toggle"?e.value:!1} .disabled=${e.disabled} .icon=${e.icon??void 0} .loading=${e.active} scale=s .textEnabled=${!this._hideActionText} .text=${t??""} title=${t??c} .hidden=${!e.visible} @click=${()=>this._triggerAction(e)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeatureViewModel:t}=this.viewModel;return t?a`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel+1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${v(this._selectedFeatureComponent)}></arcgis-feature>`:typeof e=="string"?k(e,a`<div .innerHTML=${b.sanitize(e)??""}></div>`):e??null}};B("arcgis-features",V);return V},"widgets/Features/FeaturesViewModel","intl","core/reactiveUtils","applications/Components/stringUtils","core/Collection","applications/Components/sanitizerUtils","applications/Components/featureUtils","support/actions/ActionButton",b,d,e,f,g,h,i,j)

package/dist/cdn/{MJ2AUX7N.js → F7ZQA7S5.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import f from"./BXK5DVDN.js";import{a as y}from"./BMJ6NYIZ.js";import{a as p}from"./TN5C3MSL.js";import{a as d}from"./TCQVDAIJ.js";import e from"./M2MJH2FX.js";import"./JCTU3MST.js";import"./BXKNMJRR.js";import b from"./FT7ETWDM.js";import"./IJQZON2Z.js";import{M as n,N as o,O as c,P as h,U as v,b as a,x as r}from"./IXZEUVT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{watch:s},C,E,A,{d:u,e:g},{a:e,b:w,f:m},{a:f,b:b,c:V}])=>{var R=w(E,{}),_=w(C,{}),l=class extends c{constructor(){super(),this._containerRef=n(),this._mapRef=n(),this._uiController=new f(this),this.extraContent=new A,this.arcgisLoadError=b(this),this.arcgisViewReadyError=V(this),this._map=R(this),this.view=_(this),this.animationsDisabled=this.view.animationsEnabled,this.allLayerViews=this.view.allLayerViews,this.analyses=this.view.analyses,this.attributionMode=this.view.attributionMode,this.autoDestroyDisabled=!1,this.background=this.view.background,this.basemap=this._map.basemap,this.basemapView=this.view.basemapView,this.canZoomIn=this.view.canZoomIn,this.canZoomOut=this.view.canZoomOut,this.constraints=this.view.constraints,this.displayFilterDisabled=this.view.displayFilterEnabled,this.fatalError=this.view.fatalError,this.floors=this.view.floors,this.graphics=this.view.graphics,this.ground=this._map.ground,this.highlights=this.view.highlights,this.ipsInfo=this._map.ipsInfo,this.layerViews=this.view.layerViews,this.magnifier=this.view.magnifier,this.map=this.view.map,this.navigation=this.view.navigation,this.padding=this.view.padding,this.popup=this.view.popup,this.popupDisabled=this.view.popupEnabled,this.popupComponentEnabled=!1,this.ready=this.view.ready,this.resizeAlign=this.view.resizeAlign,this.resolution=this.view.resolution,this.rotation=this.view.rotation,this.selectionManager=this.view.selectionManager,this.slotGroupRefs=this._uiController.slotGroupRefs,this.spatialReference=this.view.spatialReference,this.spatialReferenceLocked=this.view.spatialReferenceLocked,this.suspended=this.view.suspended,this.theme=this.view.theme,this.timeExtent=this.view.timeExtent,this.timeZone=this.view.timeZone,this.updating=this.view.updating,this.visibleArea=this.view.visibleArea,this.arcgisViewAnalysisViewCreate=e(()=>this.view,"analysis-view-create"),this.arcgisViewAnalysisViewCreateError=e(()=>this.view,"analysis-view-create-error"),this.arcgisViewAnalysisViewDestroy=e(()=>this.view,"analysis-view-destroy"),this.arcgisViewChange=r(),this.arcgisViewClick=e(()=>this.view,"click"),this.arcgisViewDoubleClick=e(()=>this.view,"double-click"),this.arcgisViewDoubleTapDrag=e(()=>this.view,"double-tap-drag"),this.arcgisViewDrag=e(()=>this.view,"drag"),this.arcgisViewHold=e(()=>this.view,"hold"),this.arcgisViewImmediateClick=e(()=>this.view,"immediate-click"),this.arcgisViewImmediateDoubleClick=e(()=>this.view,"immediate-double-click"),this.arcgisViewKeyDown=e(()=>this.view,"key-down"),this.arcgisViewKeyUp=e(()=>this.view,"key-up"),this.arcgisViewLayerviewCreate=e(()=>this.view,"layerview-create"),this.arcgisViewLayerviewCreateError=e(()=>this.view,"layerview-create-error"),this.arcgisViewLayerviewDestroy=e(()=>this.view,"layerview-destroy"),this.arcgisViewMouseWheel=e(()=>this.view,"mouse-wheel"),this.arcgisViewPointerDown=e(()=>this.view,"pointer-down"),this.arcgisViewPointerEnter=e(()=>this.view,"pointer-enter"),this.arcgisViewPointerLeave=e(()=>this.view,"pointer-leave"),this.arcgisViewPointerMove=e(()=>this.view,"pointer-move"),this.arcgisViewPointerUp=e(()=>this.view,"pointer-up"),this.arcgisViewReadyChange=r(),this.arcgisViewVerticalTwoFingerDrag=e(()=>this.view,"vertical-two-finger-drag"),this.view.ui={components:[]}}static{this.properties={_map:16,view:32,animationsDisabled:5,aria:0,allLayerViews:32,analyses:0,attributionItems:32,attributionMode:1,autoDestroyDisabled:5,background:0,basemap:1,basemapView:0,canZoomIn:36,canZoomOut:36,center:1,constraints:0,displayFilterDisabled:5,extent:0,fatalError:0,floors:0,focusAreas:0,gamepad:32,graphics:0,ground:1,hideAttribution:5,highlights:0,interacting:32,ipsInfo:0,itemId:3,layerViews:32,magnifier:32,map:0,navigating:32,navigation:0,padding:0,popup:0,popupElement:32,popupDisabled:5,popupComponentEnabled:5,ready:36,resizeAlign:1,resolution:40,rotation:9,scale:9,selectionManager:32,slotGroupRefs:32,spatialReference:0,spatialReferenceLocked:5,stationary:32,suspended:39,theme:0,timeExtent:0,timeZone:1,updating:36,viewpoint:0,visibleArea:32,zoom:9,loadErrorSources:0}}static{this.styles=[d,y]}get aria(){return this.view?.aria}set aria(i){this.view&&(this.view.aria=i)}get attributionItems(){return this.view?.attributionItems??[]}get center(){return this.view.center}set center(i){let t=g(i,this.view);t&&(this.view.center=t)}get extent(){return this.view.extent}set extent(i){i&&!this.extent?.equals(i)&&(this.view.extent=i)}get focusAreas(){return this.map?this.map.focusAreas:{areas:[],style:"bright"}}set focusAreas(i){this.map&&(this.map.focusAreas=i)}get gamepad(){return this.view.input.gamepad}get hideAttribution(){return!this.view.attributionVisible}set hideAttribution(i){this.view.attributionVisible=!i}get interacting(){return this.view.interacting}get itemId(){return this._map.portalItem?.id}set itemId(i){m(this._map,this),this._map.portalItem={id:i},this.view.map=this._map}get navigating(){return this.view.navigating}get popupElement(){return this._uiController.popupElement||null}get scale(){return this.view.scale}set scale(i){this.view.scale=i}get stationary(){return this.view.stationary}get viewpoint(){return this.view.viewpoint}set viewpoint(i){u(this.viewpoint,i)&&(this.view.viewpoint=i)}get zoom(){return this.view.zoom}set zoom(i){this.view.zoom=i}async closePopup(){this._uiController.closePopup()}async fetchPopupFeatures(i,t){return this.view.fetchPopupFeatures(i,t)}async destroy(){await this.manager.destroy()}async goTo(i,t){return await this.view.goTo(i,t)}async hitTest(i,t){return await this.view.hitTest(i,t)}async openPopup(i){this._uiController.openPopup(i)}async takeScreenshot(i){return await this.view.takeScreenshot(i)}toMap(i){return this.view.toMap(i)}toScreen(i,t){return this.view.toScreen(i,t)}async tryFatalErrorRecovery(){this.view.tryFatalErrorRecovery()}async viewOnReady(i,t){return await this.componentOnReady(),await this.view.whenReady().then(()=>i?.()).catch(t)}async whenAnalysisView(i){return await this.view.whenAnalysisView(i)}async whenLayerView(i){return await this.view?.whenLayerView(i)}async zoomIn(){this.view.zoomIn()}async zoomOut(){this.view.zoomOut()}loaded(){let i=this;i.el.childElem=this._mapRef.value,this.view.container??=i.el.childElem,this.map||=this._map,this.manager.onLifecycle(()=>[s(()=>this.map,t=>{t&&(this._map=t)},{initial:!0,sync:!0}),s(()=>this.view.stationary,()=>this.arcgisViewChange.emit(),{initial:!0}),s(()=>this.view.ready,()=>this.arcgisViewReadyChange.emit(),{initial:this.view.ready}),s(()=>this.view.attributionHeight,t=>{this._uiController.handleAttributionHeightChange(t)},{initial:!0})])}renderMain(){return a`<div class=${h(p.base)} ${o(this._mapRef)}></div>`}render(){return a`${this.renderMain()}<section class=${h(p.containerUI)} ${o(this._containerRef)}>${this._uiController.render()}${this.extraContent}</section>`}};v("arcgis-map",l);return l},"core/reactiveUtils","views/MapView","WebMap","core/Collection",b,e,f)
+import f from"./4BJSMXKG.js";import{a as y}from"./CXHORYLL.js";import{a as p}from"./TN5C3MSL.js";import{a as d}from"./TCQVDAIJ.js";import e from"./M2MJH2FX.js";import"./JCTU3MST.js";import"./BXKNMJRR.js";import b from"./FT7ETWDM.js";import"./IJQZON2Z.js";import{M as n,N as o,O as c,P as h,U as v,b as a,x as r}from"./IXZEUVT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{watch:s},C,E,A,{d:u,e:g},{a:e,b:w,f:m},{a:f,b:b,c:V}])=>{var R=w(E,{}),_=w(C,{}),l=class extends c{constructor(){super(),this._containerRef=n(),this._mapRef=n(),this._uiController=new f(this),this.extraContent=new A,this.arcgisLoadError=b(this),this.arcgisViewReadyError=V(this),this._map=R(this),this.view=_(this),this.animationsDisabled=this.view.animationsEnabled,this.allLayerViews=this.view.allLayerViews,this.analyses=this.view.analyses,this.attributionMode=this.view.attributionMode,this.autoDestroyDisabled=!1,this.background=this.view.background,this.basemap=this._map.basemap,this.basemapView=this.view.basemapView,this.canZoomIn=this.view.canZoomIn,this.canZoomOut=this.view.canZoomOut,this.constraints=this.view.constraints,this.displayFilterDisabled=this.view.displayFilterEnabled,this.fatalError=this.view.fatalError,this.floors=this.view.floors,this.graphics=this.view.graphics,this.ground=this._map.ground,this.highlights=this.view.highlights,this.ipsInfo=this._map.ipsInfo,this.layerViews=this.view.layerViews,this.magnifier=this.view.magnifier,this.map=this.view.map,this.navigation=this.view.navigation,this.padding=this.view.padding,this.popup=this.view.popup,this.popupDisabled=this.view.popupEnabled,this.popupComponentEnabled=!1,this.ready=this.view.ready,this.resizeAlign=this.view.resizeAlign,this.resolution=this.view.resolution,this.rotation=this.view.rotation,this.selectionManager=this.view.selectionManager,this.slotGroupRefs=this._uiController.slotGroupRefs,this.spatialReference=this.view.spatialReference,this.spatialReferenceLocked=this.view.spatialReferenceLocked,this.suspended=this.view.suspended,this.theme=this.view.theme,this.timeExtent=this.view.timeExtent,this.timeZone=this.view.timeZone,this.updating=this.view.updating,this.visibleArea=this.view.visibleArea,this.arcgisViewAnalysisViewCreate=e(()=>this.view,"analysis-view-create"),this.arcgisViewAnalysisViewCreateError=e(()=>this.view,"analysis-view-create-error"),this.arcgisViewAnalysisViewDestroy=e(()=>this.view,"analysis-view-destroy"),this.arcgisViewChange=r(),this.arcgisViewClick=e(()=>this.view,"click"),this.arcgisViewDoubleClick=e(()=>this.view,"double-click"),this.arcgisViewDoubleTapDrag=e(()=>this.view,"double-tap-drag"),this.arcgisViewDrag=e(()=>this.view,"drag"),this.arcgisViewHold=e(()=>this.view,"hold"),this.arcgisViewImmediateClick=e(()=>this.view,"immediate-click"),this.arcgisViewImmediateDoubleClick=e(()=>this.view,"immediate-double-click"),this.arcgisViewKeyDown=e(()=>this.view,"key-down"),this.arcgisViewKeyUp=e(()=>this.view,"key-up"),this.arcgisViewLayerviewCreate=e(()=>this.view,"layerview-create"),this.arcgisViewLayerviewCreateError=e(()=>this.view,"layerview-create-error"),this.arcgisViewLayerviewDestroy=e(()=>this.view,"layerview-destroy"),this.arcgisViewMouseWheel=e(()=>this.view,"mouse-wheel"),this.arcgisViewPointerDown=e(()=>this.view,"pointer-down"),this.arcgisViewPointerEnter=e(()=>this.view,"pointer-enter"),this.arcgisViewPointerLeave=e(()=>this.view,"pointer-leave"),this.arcgisViewPointerMove=e(()=>this.view,"pointer-move"),this.arcgisViewPointerUp=e(()=>this.view,"pointer-up"),this.arcgisViewReadyChange=r(),this.arcgisViewVerticalTwoFingerDrag=e(()=>this.view,"vertical-two-finger-drag"),this.view.ui={components:[]}}static{this.properties={_map:16,view:32,animationsDisabled:5,aria:0,allLayerViews:32,analyses:0,attributionItems:32,attributionMode:1,autoDestroyDisabled:5,background:0,basemap:1,basemapView:0,canZoomIn:36,canZoomOut:36,center:1,constraints:0,displayFilterDisabled:5,extent:0,fatalError:0,floors:0,focusAreas:0,gamepad:32,graphics:0,ground:1,hideAttribution:5,highlights:0,interacting:32,ipsInfo:0,itemId:3,layerViews:32,magnifier:32,map:0,navigating:32,navigation:0,padding:0,popup:0,popupElement:32,popupDisabled:5,popupComponentEnabled:5,ready:36,resizeAlign:1,resolution:40,rotation:9,scale:9,selectionManager:32,slotGroupRefs:32,spatialReference:0,spatialReferenceLocked:5,stationary:32,suspended:39,theme:0,timeExtent:0,timeZone:1,updating:36,viewpoint:0,visibleArea:32,zoom:9,loadErrorSources:0}}static{this.styles=[d,y]}get aria(){return this.view?.aria}set aria(i){this.view&&(this.view.aria=i)}get attributionItems(){return this.view?.attributionItems??[]}get center(){return this.view.center}set center(i){let t=g(i,this.view);t&&(this.view.center=t)}get extent(){return this.view.extent}set extent(i){i&&!this.extent?.equals(i)&&(this.view.extent=i)}get focusAreas(){return this.map?this.map.focusAreas:{areas:[],style:"bright"}}set focusAreas(i){this.map&&(this.map.focusAreas=i)}get gamepad(){return this.view.input.gamepad}get hideAttribution(){return!this.view.attributionVisible}set hideAttribution(i){this.view.attributionVisible=!i}get interacting(){return this.view.interacting}get itemId(){return this._map.portalItem?.id}set itemId(i){m(this._map,this),this._map.portalItem={id:i},this.view.map=this._map}get navigating(){return this.view.navigating}get popupElement(){return this._uiController.popupElement||null}get scale(){return this.view.scale}set scale(i){this.view.scale=i}get stationary(){return this.view.stationary}get viewpoint(){return this.view.viewpoint}set viewpoint(i){u(this.viewpoint,i)&&(this.view.viewpoint=i)}get zoom(){return this.view.zoom}set zoom(i){this.view.zoom=i}async closePopup(){this._uiController.closePopup()}async fetchPopupFeatures(i,t){return this.view.fetchPopupFeatures(i,t)}async destroy(){await this.manager.destroy()}async goTo(i,t){return await this.view.goTo(i,t)}async hitTest(i,t){return await this.view.hitTest(i,t)}async openPopup(i){this._uiController.openPopup(i)}async takeScreenshot(i){return await this.view.takeScreenshot(i)}toMap(i){return this.view.toMap(i)}toScreen(i,t){return this.view.toScreen(i,t)}async tryFatalErrorRecovery(){this.view.tryFatalErrorRecovery()}async viewOnReady(i,t){return await this.componentOnReady(),await this.view.whenReady().then(()=>i?.()).catch(t)}async whenAnalysisView(i){return await this.view.whenAnalysisView(i)}async whenLayerView(i){return await this.view?.whenLayerView(i)}async zoomIn(){this.view.zoomIn()}async zoomOut(){this.view.zoomOut()}loaded(){let i=this;i.el.childElem=this._mapRef.value,this.view.container??=i.el.childElem,this.map||=this._map,this.manager.onLifecycle(()=>[s(()=>this.map,t=>{t&&(this._map=t)},{initial:!0,sync:!0}),s(()=>this.view.stationary,()=>this.arcgisViewChange.emit(),{initial:!0}),s(()=>this.view.ready,()=>this.arcgisViewReadyChange.emit(),{initial:this.view.ready}),s(()=>this.view.attributionHeight,t=>{this._uiController.handleAttributionHeightChange(t)},{initial:!0})])}renderMain(){return a`<div class=${h(p.base)} ${o(this._mapRef)}></div>`}render(){return a`${this.renderMain()}<section class=${h(p.containerUI)} ${o(this._containerRef)}>${this._uiController.render()}${this.extraContent}</section>`}};v("arcgis-map",l);return l},"core/reactiveUtils","views/MapView","WebMap","core/Collection",b,e,f)

package/dist/cdn/{HFDHHI2B.js → FHL4L2ZY.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as V}from"./4MJJOPAL.js";import{a as N}from"./PDXPDGIN.js";import{a as R}from"./KTXZR4IK.js";import{a as L}from"./AC3GTCHJ.js";import{a as z}from"./H47NPYUM.js";import"./JD74LG7K.js";import c from"./ZUXQKICJ.js";import{h as A}from"./JCTU3MST.js";import"./BXKNMJRR.js";import a from"./FT7ETWDM.js";import{d as F}from"./IJQZON2Z.js";import{B as I,N as b,O as C,P as D,R as w,U,a as T,b as o,x as v}from"./IXZEUVT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([Z,E,x,j,H,,M,{property:p,subclass:G},{isHTTPSProtocol:f,isDataProtocol:y},{formatDate:P,convertDateFormatToIntlOptions:q},{watch:B},,{a:O}])=>{var J=Object.defineProperty,K=Object.getOwnPropertyDescriptor,k=(s,e,t,i)=>{for(var r=i>1?void 0:i?K(e,t):e,a=s.length-1,n;a>=0;a--)(n=s[a])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&J(e,t,r),r},h=class extends M{constructor(s){super(s)}get editedBookmark(){let{bookmark:s}=this;return s?this._get("editedBookmark")||s.clone():null}get customUrl(){if(this._customUrl)return this._customUrl;let s=this.editedBookmark?.thumbnail?.url??"";return s??(f(s)?s:null)}set customUrl(s){this._customUrl=s}get screenshotUrl(){if(this._screenshotUrl)return this._screenshotUrl;let s=this.editedBookmark?.thumbnail?.url??"";return s??(y(s)?s:null)}set screenshotUrl(s){this._screenshotUrl=s}get state(){return this._get("state")}set state(s){this.validationState=void 0,this.creatingBookmark=void 0,this._set("state",s)}get thumbnailState(){if(this._thumbnailState)return this._thumbnailState;let s=this.editedBookmark?.thumbnail?.url;return s?f(s)?"url":"screenshot":"none"}set thumbnailState(s){this._thumbnailState=s}};k([p()],h.prototype,"bookmark",2);k([p({readOnly:!0})],h.prototype,"editedBookmark",1);k([p()],h.prototype,"_customUrl",2);k([p()],h.prototype,"customUrl",1);k([p()],h.prototype,"_screenshotUrl",2);k([p()],h.prototype,"screenshotUrl",1);k([p()],h.prototype,"state",1);k([p()],h.prototype,"_thumbnailState",2);k([p()],h.prototype,"thumbnailState",1);k([p()],h.prototype,"validationState",2);k([p()],h.prototype,"creatingBookmark",2);h=k([G("UserState")],h);var Q=T`.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{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__heading{word-break:break-word}.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}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}:host([closed]) .root{display:none}.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)}.root .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.root calcite-flow-item[loading]{min-height:150px}.loader{margin-inline-end:0}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.bookmark-image-container .bookmark-image{max-width:64px;overflow:hidden}.drag-enabled .bookmark-image-container{margin-inline-start:0}.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)}.authoring{display:flex;flex-direction:column}.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}.authoring-image-container .bookmark-image{max-width:128px;max-height:128px}.form{display:flex;height:100%}.form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.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)}.bookmark-content calcite-table{margin-inline-start:-.25rem}.bookmark-content calcite-table,.bookmark-content calcite-table-row{--calcite-table-border-color: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-table-row-background-color: transparent;pointer-events:none}`,W=E.ofType(Z),X={width:128,height:128,format:"png"},$={takeScreenshot:!0,captureViewpoint:!0,captureRotation:!0,captureScale:!0,captureTimeExtent:!0},S=class extends C{constructor(){super(...arguments),this._bookmarks=null,this._defaultCreateOptions={...$},this._defaultEditOptions={...$},this._defaultBookmarks=new W,this._guid=I(),this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._lastDragDetail=null,this.messages=z({}),this._storeEditFlowItemNode=e=>{this._editFlowItemEl=e},this._storeRootFlowItem=e=>{this._rootFlowItemEl=e},this._storeAddFlowItemNode=e=>{this._addFlowItemEl=e},this._updateTimeExtentLayout=e=>{let t=e[0]?.contentRect.width;this._useStackedTimeExtentRows=(t??0)<300},this._activeBookmark=null,this._userState=null,this._userCreatingBookmark=!1,this.editIncludeTimeExtent=!1,this._useStackedTimeExtentRows=!1,this.view=O(this),this.icon="bookmark",this.closed=!1,this.disabled=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.showAddBookmarkButton=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showEditBookmarkButton=!1,this.showFilter=!1,this.showHeading=!1,this.hideThumbnail=!1,this.hideTime=!1,this.timeDisabled=!1,this.autoDestroyDisabled=!1,this.state=this._state,this.arcgisBookmarkEdit=v(),this.arcgisBookmarkSelect=v(),this.arcgisPropertyChange=A()("state"),this.arcgisReady=v(),this.arcgisClose=v()}static{this.properties={_bookmarkSelectedMessage:16,_activeBookmark:16,_userState:16,_userStateValue:16,_userValidationState:16,_userThumbnailState:16,_userCreatingBookmark:16,editIncludeTimeExtent:16,_useStackedTimeExtentRows:16,_state:16,view:0,referenceElement:1,icon:1,closed:7,defaultCreateOptions:0,defaultEditOptions:0,bookmarks:[1,{type:E}],disabled:5,dragEnabled:5,filterPlaceholder:1,filterText:1,headingLevel:9,goToOverride:0,showAddBookmarkButton:5,showCloseButton:5,showCollapseButton:5,showEditBookmarkButton:5,showFilter:5,showHeading:5,hideThumbnail:5,hideTime:5,timeDisabled:5,autoDestroyDisabled:5,messageOverrides:0,label:1,state:32}}static{this.styles=[Q,N]}get _state(){let{view:e}=this;return e&&!e.ready?"loading":"ready"}get defaultCreateOptions(){return this._defaultCreateOptions}set defaultCreateOptions(e){this._defaultCreateOptions={...$,...e}}get defaultEditOptions(){return this._defaultEditOptions}set defaultEditOptions(e){this._defaultEditOptions={...$,...e}}get bookmarks(){return this._bookmarks??this.view?.map?.bookmarks??this._defaultBookmarks}set bookmarks(e){this._bookmarks=E.isCollection(e)?e:new E(e)}async destroy(){await this.manager.destroy(),this._activeBookmark=null}goTo(e){let{view:t}=this;if(!t)throw new x("go-to:invalid-view","Cannot go to a bookmark without a view");let i=e?.viewpoint;if(!i)throw new x("go-to:invalid-bookmark","Cannot go to a bookmark that does not contain a 'viewpoint'.",{bookmark:e});this._activeBookmark=e;let r=V({target:i},t,this.goToOverride),a=e?.timeExtent;return!this.timeDisabled&&a&&(t.timeExtent=a),this.arcgisBookmarkSelect.emit({bookmark:e}),this._bookmarkSelectedMessage=this.messages?.bookmarkSelected?.replace("{bookmarkName}",e.name),r.catch(()=>{}).then(()=>this._activeBookmark=null),r}connectedCallback(){super.connectedCallback(),this._resizeObserver=new ResizeObserver(this._updateTimeExtentLayout),this._resizeObserver.observe(this.el)}loaded(){this.manager.onLifecycle(()=>[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})])}disconnectedCallback(){this._resizeObserver?.disconnect(),this._resizeObserver=void 0,super.disconnectedCallback()}async _createBookmark(e){let{view:t,defaultCreateOptions:i}=this;if(!t)throw new x("create-bookmark:invalid-view","Cannot create a bookmark without a view.");let{takeScreenshot:r,screenshotSettings:a,captureViewpoint:n,captureRotation:l,captureScale:u,captureTimeExtent:d}={...i,...e},c=r?await this._createThumbnail(a):void 0,m=!this.timeDisabled&&d&&t.timeExtent!=null?t.timeExtent.clone():void 0;return new Z({...c&&{thumbnail:c},...d&&{timeExtent:m},...n&&{viewpoint:this._createViewpoint({view:t,captureScale:u,captureRotation:l})}})}async _editBookmark(e,t){if(!e)return e;let{view:i,defaultEditOptions:r}=this;if(!i)throw new x("edit-bookmark:invalid-view","Cannot edit a bookmark without a view.");let{takeScreenshot:a,screenshotSettings:n,captureViewpoint:l,captureRotation:u,captureScale:d,captureTimeExtent:c}={...r,...t},m=a?await this._createThumbnail(n):void 0;return m&&(e.thumbnail=m),l&&(e.viewpoint=this._createViewpoint({view:i,captureScale:d,captureRotation:u})),c&&i.timeExtent!=null&&(e.timeExtent=i.timeExtent.clone()),this.arcgisBookmarkEdit.emit({bookmark:e}),e}async _createThumbnail(e){let{view:t}=this;if(!t)throw new x("bookmark:invalid-view","Cannot create slide thumbnail without a view");let i=await t.takeScreenshot({...X,...e});return new j({url:i.dataUrl})}_createViewpoint({view:e,captureRotation:t,captureScale:i}){let r=e.viewpoint?.clone();return new H({targetGeometry:e.extent?.clone(),rotation:(t?r?.rotation:null)??0,scale:(i?r?.scale:null)??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:a}=i,n=a!=null&&r?.getTime()!==a.getTime(),l=r?this._formatDate(r):"",u=r&&!t?this._formatTime(r):"";if(!n)return{startDate:l,startTime:u};let d=this._formatDate(a),c=t?"":this._formatTime(a);return{startDate:l,startTime:u,endDate:d,endTime:c}}_handleUrlEditInputChange(){let{_userState:e,_urlEditInputNode:t}=this,i=t?.value;if(!e?.editedBookmark||!i)return;e.validationState=void 0,y(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.view,i=t&&"timeZone"in t?t.timeZone:"system";return P(e,{...q("short-date"),timeZone:i})}_formatTime(e){if(!e)return"";let t=this.view,i=t&&"timeZone"in t?t.timeZone:"system";return P(e,{...q("long-time"),timeZone:i})}_onCalciteListOrderChange(e){let{_lastDragDetail:t,bookmarks:i}=this,{toEl:r,fromEl:a,dragEl:n,newIndex:l}=e;if(!i.length)return;let u=t?.newIndex===l&&t?.dragEl===n&&t?.toEl===r&&t?.fromEl===a;if(!a||!r||u)return;this._lastDragDetail=e;let d=Array.from(a.children).filter(c=>c?.matches("calcite-list-item")).map(c=>c.value);i.sort((c,m)=>{let _=d.indexOf(c.uid),g=d.indexOf(m.uid);return _>g?1:_<g?-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.goTo(e))}async _createNewScreenshotUrl(){return(await this._createBookmark()).thumbnail?.url??null}_storeCurrentUrl(){let{_userState:e}=this,t=e?.editedBookmark?.thumbnail?.url;t&&(f(t)?e.customUrl=t:y(t)&&(e.screenshotUrl=t))}async _handleThumbnailTypeSelect(e){let{_userState:t}=this;if(!t)return;let{screenshotUrl:i,customUrl:r,editedBookmark:a}=t,n=e==="screenshot"?i??await this._createNewScreenshotUrl():e==="url"&&r?r:null;this._storeCurrentUrl(),a&&n&&(a.thumbnail={url:n}),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,bookmarks:i}=this;if(!t)return;let r=e?e.value.trim():null;if(!r){t.validationState="name-required";return}t.creatingBookmark=!0;let a=await this._createBookmark();a.name=r,i.add(a),this._endAddBookmark()}async _editBookmarkAndClose(e,t){let{defaultEditOptions:i}=this;await this._editBookmark(e,{...i,...t}),this._closeEditBookmarkForm()}_editBookmarkSubmit(e){e.preventDefault();let{_userState:t,_editInputNode:i,editIncludeTimeExtent:r,_urlEditInputNode:a}=this;if(!t?.bookmark||!t.editedBookmark)return;t.validationState=void 0,t.customUrl=void 0,t.screenshotUrl=void 0;let n=i?.value.trim();if(!n){t.validationState="name-required";return}if(t.bookmark.name=n,t.bookmark.thumbnail=t.editedBookmark.thumbnail,r||(t.bookmark.timeExtent=null),t.thumbnailState==="url"&&a){let l={url:a.value};if(!f(l.url)){t.validationState="absolute-url-required";return}t.bookmark.thumbnail=l}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.bookmarks.remove(e),e.destroy())}_goToBookmark(e){this._clearState(),this.goTo(e)}async _updateThumbnail(){let{_userState:e}=this;e&&(e.validationState=void 0,await this._editBookmark(e.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}))}_handleCalciteListDragEnd(e){let{fromEl:t,dragEl:i,oldIndex:r}=e;r==null||!t||!i||t.insertBefore(i,t.children[r])}render(){return o`<div class="root"><div class="sr-only" aria-live=polite>${this._bookmarkSelectedMessage}</div>${this._renderBookmarksContainer()}</div>`}_renderNoBookmarksContainer(e){let{messages:t,_state:i}=this;return!e.length&&i!=="loading"?o`<div class="empty"><calcite-icon .icon=${this.icon} scale=l></calcite-icon>${L({class:"no-bookmarks-heading",level:this.headingLevel,children:t.noBookmarksHeading})}<p class="no-bookmarks-description">${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{_state:e,bookmarks:t,dragEnabled:i,messages:r,disabled:a,filterPlaceholder:n,filterText:l,closed:u,headingLevel:d}=this,c=t.filter(g=>g!=null),m=c.length?o`<calcite-list class="list" display-mode=flat .dragEnabled=${i} .filterEnabled=${this.showFilter} .filterPlaceholder=${n} .filterProps=${["label","description","metadata"]} .filterText=${l} .group=${`bookmarks-${this._guid}`} .label=${r.componentLabel??""} selection-appearance=border selection-mode=none @calciteListDragEnd=${g=>this._handleCalciteListDragEnd(g.detail)} @calciteListFilter=${g=>this.filterText=g.currentTarget?.filterText??""} @calciteListOrderChange=${g=>this._onCalciteListOrderChange(g.detail)}>${this._renderBookmarkItems(c)}${this.showFilter?o`<div class="filter-no-results" slot=filter-no-results><calcite-notice kind=info open width=full><div slot=message>${r.noBookmarksHeading}</div>;</calcite-notice></div>`:null}</calcite-list>`:null,_=[o`<calcite-flow-item .closable=${this.showCloseButton} .closed=${u} .collapsible=${this.showCollapseButton} .disabled=${a} .heading=${this.showHeading?r.componentLabel:void 0} .headingLevel=${d} .loading=${e==="loading"} .selected=${!this._userStateValue} @calciteFlowItemClose=${this._handleClose} ${b(this._storeRootFlowItem)}>${this._renderNoBookmarksContainer(c)}${m}${this._renderAddBookmarkButton()}</calcite-flow-item>`,this._renderAddingBookmark(),this._renderEditBookmarkFlowItems()];return u?null:o`<calcite-flow>${_}</calcite-flow>`}_renderAddBookmarkButton(){let{messages:e,disabled:t,view:i,_state:r}=this,a=this._userCreatingBookmark;return i&&r!=="loading"&&this.showAddBookmarkButton?o`<calcite-fab appearance=outline-fill class="add-bookmark-button" .disabled=${t||a} icon=plus kind=neutral .loading=${a} @click=${this.startAddBookmark} slot=fab .text=${e.addBookmark} text-enabled title=${e.addBookmark??w}></calcite-fab>`:null}_renderEditContainer(e){let{messages:t}=this,i=`${t.edit} ${this._getBookmarkTitle(e)}`;return this.showEditBookmarkButton?o`<calcite-action icon=pencil @click=${()=>this._showEditBookmarkForm(e)} slot=actions-end .text=${i} title=${i??w}></calcite-action>`:null}_renderBookmarkImage(e,t){return t?o`<img alt class="bookmark-image" src=${e.thumbnail?.url??w}>`:null}_renderBookmarkTimeSwitch(e){let{messages:t,view:i}=this,{timeExtent:r}=e;return i?.timeExtent??r?o`<calcite-label layout=inline-space-between>${t.includeTimeExtent}<calcite-switch .checked=${!!r} @calciteSwitchChange=${a=>{this.editIncludeTimeExtent=a.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:a}=this._getTimeExtentStrings(e);if(!t)return"";let n=`${t} ${i}`,l=`${r} ${a}`;return r?`${n} - ${l}`:n}_renderBookmarkTimeExtent(e,t=!1){let{messages:i}=this,{startDate:r,startTime:a,endDate:n,endTime:l}=this._getTimeExtentStrings(e),u=this._useStackedTimeExtentRows&&!!n,d=(m,_,g)=>o`<calcite-table-cell title=${g??""??w}>${m} ${_?[o`<br>`,_]:null}</calcite-table-cell>`,c=[];return r&&c.push({heading:i.startDate,date:r,time:a}),n&&c.push({heading:i.endDate,date:n,time:l}),r?o`<calcite-table .caption=${i.timeExtent??""} scale=s>${u?c.map(m=>o`<calcite-table-row>${t?null:o`<calcite-table-header .heading=${m.heading}></calcite-table-header>`}${d(m.date,m.time,m.heading)}</calcite-table-row>`):[t?null:o`<calcite-table-row slot=table-header><calcite-table-header .heading=${i.startDate}></calcite-table-header>${n?o`<calcite-table-header .heading=${i.endDate}></calcite-table-header>`:null}</calcite-table-row>`,o`<calcite-table-row>${d(r,a,i.startDate)}${n?d(n,l,i.endDate):null}</calcite-table-row>`]}</calcite-table>`:null}_renderBookmarkActiveScrim(e,t){return this._activeBookmark===e&&t?o`<calcite-scrim loading></calcite-scrim>`:null}_renderBookmarkActiveLoader(e,t){return this._activeBookmark===e&&!t?o`<calcite-loader class="loader" inline .label=${this.messages.loading??""}></calcite-loader>`:null}_renderBookmarkImageIcon(e,t){return this._activeBookmark!==e&&!t?o`<calcite-icon icon=bookmark scale=s></calcite-icon>`:null}_renderBookmarkThumbnail(e){let t=!this.hideThumbnail&&!!e.thumbnail?.url;return o`<div class="bookmark-image-container" slot=content-start>${this._renderBookmarkActiveScrim(e,t)}${this._renderBookmarkImage(e,t)}${this._renderBookmarkActiveLoader(e,t)}${this._renderBookmarkImageIcon(e,t)}</div>`}_renderBookmark(e){return R(e.uid,o`<calcite-list-item class=${D(F({"drag-enabled":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 o`<div class="bookmark-content" slot=content><span class="bookmark-content-label">${this._getBookmarkTitle(e)}</span>${this._renderBookmarkTimeExtent(e,!0)}</div>`}_renderEditingBookmarkName(e){let{messages:t}=this,i=this._userValidationState==="name-required";return o`<calcite-label>${t.title}<calcite-input class="edit-bookmark-input" name=bookmark-name .placeholder=${t.titlePlaceholder} required type=text .value=${e.name} ${b(this._storeEditInput)}></calcite-input>${i?o`<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[o`<calcite-button appearance=transparent kind=danger @click=${()=>this._deleteBookmark(i)} slot=footer type=button width=full>${e.delete}</calcite-button>`,o`<calcite-button appearance=outline @click=${this._closeEditBookmarkForm} slot=footer type=button width=full>${e.cancel}</calcite-button>`,o`<calcite-button slot=footer type=submit width=full>${e.save}</calcite-button>`]}_renderEditingTimeExtent(e){let{view:t}=this,{timeExtent:i}=e;return!this.timeDisabled&&(t?.timeExtent??i)?o`<div>${this._renderBookmarkTimeSwitch(e)}${this._renderEditBookmarkTimeExtent(e)}</div>`:null}_renderEditingBookmarkImage(e){let{_userThumbnailState:t}=this,i=e.thumbnail?.url??"",r=f(i)?t==="url":y(i)?t==="screenshot":null;if(r)return this._renderBookmarkImage(e,r)}_renderEditingThumbnail(e){let{_userThumbnailState:t,hideThumbnail:i}=this;return!i&&t!=="none"?o`<div class="authoring-image-container">${this._renderEditingBookmarkImage(e)}</div>`:null}_renderUpdateThumbnailButton(){let{hideThumbnail:e,messages:t,_userThumbnailState:i}=this;return!e&&i==="screenshot"?o`<calcite-button appearance=outline class="authoring-refresh-thumbnail-button" icon-start=refresh kind=neutral @click=${()=>{this._updateThumbnail()}} width=full>${t.updateThumbnail}</calcite-button>`:null}_renderEditingBookmarkUrlInput(e){let{messages:t,_userValidationState:i,_userThumbnailState:r}=this,a=e.thumbnail?.url??"",n=f(a)?a:void 0,l=a&&i==="absolute-url-required";return r==="url"?o`<calcite-label><calcite-input name=bookmark-thumbnail-url pattern=https://.* .placeholder=${t?`https://<${t.imageUrlPlaceholder}>`:void 0} required title=${t.imageUrlTooltip??w} type=text .value=${n} @calciteInputChange=${this._handleUrlEditInputChange} @calciteInputInput=${this._handleUrlEditInputChange} ${b(this._storeUrlEditInput)}></calcite-input>${l?o`<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:o`<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?o`<form class="form" @submit=${this._editBookmarkSubmit}><calcite-flow-item .disabled=${t} .heading=${i.edit??""} .headingLevel=${r} .selected=${this._userStateValue==="edit"} @calciteFlowItemBack=${a=>{a.preventDefault(),this._closeEditBookmarkForm()}} ${b(this._storeEditFlowItemNode)}><div class="form-content"><div class="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 o`<calcite-label>${e.title}<calcite-input class="add-bookmark-input" name=bookmark-name .placeholder=${e.titlePlaceholder} required type=text value ${b(this._storeAddInput)}></calcite-input>${t?o`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${e.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderAddingBookmarkActions(){let{messages:e}=this;return[o`<calcite-button appearance=outline @click=${this._endAddBookmark} slot=footer type=button width=full>${e.cancel}</calcite-button>`,o`<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"?o`<form class="form" @submit=${this._addBookmarkSubmitClick}><calcite-flow-item .disabled=${e} .heading=${t.addBookmark} .headingLevel=${i} selected @calciteFlowItemBack=${a=>{a.preventDefault(),this._endAddBookmark()}} ${b(this._storeAddFlowItemNode)}><div class="form-content">${this._renderAddingBookmarkName()}</div>${this._renderAddingBookmarkActions()}</calcite-flow-item></form>`:null}};U("arcgis-bookmarks",S);return S},"webmap/Bookmark","core/Collection","core/Error","webdoc/support/SlideThumbnail","Viewpoint","WebMap","core/Accessor","core/accessorSupport/decorators","core/urlUtils","intl","core/reactiveUtils",a,c)
+import{a as V}from"./4MJJOPAL.js";import{a as R}from"./PDXPDGIN.js";import{a as N}from"./KTXZR4IK.js";import{a as L}from"./AC3GTCHJ.js";import{a as z}from"./H47NPYUM.js";import"./JD74LG7K.js";import c from"./ZUXQKICJ.js";import{h as A}from"./JCTU3MST.js";import"./BXKNMJRR.js";import a from"./FT7ETWDM.js";import{d as F}from"./IJQZON2Z.js";import{B as I,N as b,O as C,P as D,R as w,U,a as T,b as o,x as v}from"./IXZEUVT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([Z,E,x,j,H,,M,{property:p,subclass:G},{isHTTPSProtocol:f,isDataProtocol:y},{formatDate:P,convertDateFormatToIntlOptions:q},{watch:B},,{a:O}])=>{var J=Object.defineProperty,K=Object.getOwnPropertyDescriptor,k=(s,e,t,i)=>{for(var r=i>1?void 0:i?K(e,t):e,a=s.length-1,n;a>=0;a--)(n=s[a])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&J(e,t,r),r},h=class extends M{constructor(s){super(s)}get editedBookmark(){let{bookmark:s}=this;return s?this._get("editedBookmark")||s.clone():null}get customUrl(){if(this._customUrl)return this._customUrl;let s=this.editedBookmark?.thumbnail?.url??"";return s??(f(s)?s:null)}set customUrl(s){this._customUrl=s}get screenshotUrl(){if(this._screenshotUrl)return this._screenshotUrl;let s=this.editedBookmark?.thumbnail?.url??"";return s??(y(s)?s:null)}set screenshotUrl(s){this._screenshotUrl=s}get state(){return this._get("state")}set state(s){this.validationState=void 0,this.creatingBookmark=void 0,this._set("state",s)}get thumbnailState(){if(this._thumbnailState)return this._thumbnailState;let s=this.editedBookmark?.thumbnail?.url;return s?f(s)?"url":"screenshot":"none"}set thumbnailState(s){this._thumbnailState=s}};k([p()],h.prototype,"bookmark",2);k([p({readOnly:!0})],h.prototype,"editedBookmark",1);k([p()],h.prototype,"_customUrl",2);k([p()],h.prototype,"customUrl",1);k([p()],h.prototype,"_screenshotUrl",2);k([p()],h.prototype,"screenshotUrl",1);k([p()],h.prototype,"state",1);k([p()],h.prototype,"_thumbnailState",2);k([p()],h.prototype,"thumbnailState",1);k([p()],h.prototype,"validationState",2);k([p()],h.prototype,"creatingBookmark",2);h=k([G("UserState")],h);var Q=T`.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{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__heading{word-break:break-word}.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}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}:host([closed]) .root{display:none}.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)}.root .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.root calcite-flow-item[loading]{min-height:150px}.loader{margin-inline-end:0}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.bookmark-image-container .bookmark-image{max-width:64px;overflow:hidden}.drag-enabled .bookmark-image-container{margin-inline-start:0}.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)}.authoring{display:flex;flex-direction:column}.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}.authoring-image-container .bookmark-image{max-width:128px;max-height:128px}.form{display:flex;height:100%}.form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.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)}.bookmark-content calcite-table{margin-inline-start:-.25rem}.bookmark-content calcite-table,.bookmark-content calcite-table-row{--calcite-table-border-color: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-table-row-background-color: transparent;pointer-events:none}`,W=E.ofType(Z),X={width:128,height:128,format:"png"},$={takeScreenshot:!0,captureViewpoint:!0,captureRotation:!0,captureScale:!0,captureTimeExtent:!0},S=class extends C{constructor(){super(...arguments),this._bookmarks=null,this._defaultCreateOptions={...$},this._defaultEditOptions={...$},this._defaultBookmarks=new W,this._guid=I(),this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._lastDragDetail=null,this.messages=z({}),this._storeEditFlowItemNode=e=>{this._editFlowItemEl=e},this._storeRootFlowItem=e=>{this._rootFlowItemEl=e},this._storeAddFlowItemNode=e=>{this._addFlowItemEl=e},this._updateTimeExtentLayout=e=>{let t=e[0]?.contentRect.width;this._useStackedTimeExtentRows=(t??0)<300},this._activeBookmark=null,this._userState=null,this._userCreatingBookmark=!1,this.editIncludeTimeExtent=!1,this._useStackedTimeExtentRows=!1,this.view=O(this),this.icon="bookmark",this.closed=!1,this.disabled=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.showAddBookmarkButton=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showEditBookmarkButton=!1,this.showFilter=!1,this.showHeading=!1,this.hideThumbnail=!1,this.hideTime=!1,this.timeDisabled=!1,this.autoDestroyDisabled=!1,this.state=this._state,this.arcgisBookmarkEdit=v(),this.arcgisBookmarkSelect=v(),this.arcgisPropertyChange=A()("state"),this.arcgisReady=v(),this.arcgisClose=v()}static{this.properties={_bookmarkSelectedMessage:16,_activeBookmark:16,_userState:16,_userStateValue:16,_userValidationState:16,_userThumbnailState:16,_userCreatingBookmark:16,editIncludeTimeExtent:16,_useStackedTimeExtentRows:16,_state:16,view:0,referenceElement:1,icon:1,closed:7,defaultCreateOptions:0,defaultEditOptions:0,bookmarks:[1,{type:E}],disabled:5,dragEnabled:5,filterPlaceholder:1,filterText:1,headingLevel:9,goToOverride:0,showAddBookmarkButton:5,showCloseButton:5,showCollapseButton:5,showEditBookmarkButton:5,showFilter:5,showHeading:5,hideThumbnail:5,hideTime:5,timeDisabled:5,autoDestroyDisabled:5,messageOverrides:0,label:1,state:32}}static{this.styles=[Q,R]}get _state(){let{view:e}=this;return e&&!e.ready?"loading":"ready"}get defaultCreateOptions(){return this._defaultCreateOptions}set defaultCreateOptions(e){this._defaultCreateOptions={...$,...e}}get defaultEditOptions(){return this._defaultEditOptions}set defaultEditOptions(e){this._defaultEditOptions={...$,...e}}get bookmarks(){return this._bookmarks??this.view?.map?.bookmarks??this._defaultBookmarks}set bookmarks(e){this._bookmarks=E.isCollection(e)?e:new E(e)}async destroy(){await this.manager.destroy(),this._activeBookmark=null}goTo(e){let{view:t}=this;if(!t)throw new x("go-to:invalid-view","Cannot go to a bookmark without a view");let i=e?.viewpoint;if(!i)throw new x("go-to:invalid-bookmark","Cannot go to a bookmark that does not contain a 'viewpoint'.",{bookmark:e});this._activeBookmark=e;let r=V({target:i},t,this.goToOverride),a=e?.timeExtent;return!this.timeDisabled&&a&&(t.timeExtent=a),this.arcgisBookmarkSelect.emit({bookmark:e}),this._bookmarkSelectedMessage=this.messages?.bookmarkSelected?.replace("{bookmarkName}",e.name),r.catch(()=>{}).then(()=>this._activeBookmark=null),r}connectedCallback(){super.connectedCallback(),this._resizeObserver=new ResizeObserver(this._updateTimeExtentLayout),this._resizeObserver.observe(this.el)}loaded(){this.manager.onLifecycle(()=>[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})])}disconnectedCallback(){this._resizeObserver?.disconnect(),this._resizeObserver=void 0,super.disconnectedCallback()}async _createBookmark(e){let{view:t,defaultCreateOptions:i}=this;if(!t)throw new x("create-bookmark:invalid-view","Cannot create a bookmark without a view.");let{takeScreenshot:r,screenshotSettings:a,captureViewpoint:n,captureRotation:l,captureScale:u,captureTimeExtent:d}={...i,...e},c=r?await this._createThumbnail(a):void 0,m=!this.timeDisabled&&d&&t.timeExtent!=null?t.timeExtent.clone():void 0;return new Z({...c&&{thumbnail:c},...d&&{timeExtent:m},...n&&{viewpoint:this._createViewpoint({view:t,captureScale:u,captureRotation:l})}})}async _editBookmark(e,t){if(!e)return e;let{view:i,defaultEditOptions:r}=this;if(!i)throw new x("edit-bookmark:invalid-view","Cannot edit a bookmark without a view.");let{takeScreenshot:a,screenshotSettings:n,captureViewpoint:l,captureRotation:u,captureScale:d,captureTimeExtent:c}={...r,...t},m=a?await this._createThumbnail(n):void 0;return m&&(e.thumbnail=m),l&&(e.viewpoint=this._createViewpoint({view:i,captureScale:d,captureRotation:u})),c&&i.timeExtent!=null&&(e.timeExtent=i.timeExtent.clone()),this.arcgisBookmarkEdit.emit({bookmark:e}),e}async _createThumbnail(e){let{view:t}=this;if(!t)throw new x("bookmark:invalid-view","Cannot create slide thumbnail without a view");let i=await t.takeScreenshot({...X,...e});return new j({url:i.dataUrl})}_createViewpoint({view:e,captureRotation:t,captureScale:i}){let r=e.viewpoint?.clone();return new H({targetGeometry:e.extent?.clone(),rotation:(t?r?.rotation:null)??0,scale:(i?r?.scale:null)??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:a}=i,n=a!=null&&r?.getTime()!==a.getTime(),l=r?this._formatDate(r):"",u=r&&!t?this._formatTime(r):"";if(!n)return{startDate:l,startTime:u};let d=this._formatDate(a),c=t?"":this._formatTime(a);return{startDate:l,startTime:u,endDate:d,endTime:c}}_handleUrlEditInputChange(){let{_userState:e,_urlEditInputNode:t}=this,i=t?.value;if(!e?.editedBookmark||!i)return;e.validationState=void 0,y(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.view,i=t&&"timeZone"in t?t.timeZone:"system";return P(e,{...q("short-date"),timeZone:i})}_formatTime(e){if(!e)return"";let t=this.view,i=t&&"timeZone"in t?t.timeZone:"system";return P(e,{...q("long-time"),timeZone:i})}_onCalciteListOrderChange(e){let{_lastDragDetail:t,bookmarks:i}=this,{toEl:r,fromEl:a,dragEl:n,newIndex:l}=e;if(!i.length)return;let u=t?.newIndex===l&&t?.dragEl===n&&t?.toEl===r&&t?.fromEl===a;if(!a||!r||u)return;this._lastDragDetail=e;let d=Array.from(a.children).filter(c=>c?.matches("calcite-list-item")).map(c=>c.value);i.sort((c,m)=>{let _=d.indexOf(c.uid),g=d.indexOf(m.uid);return _>g?1:_<g?-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.goTo(e))}async _createNewScreenshotUrl(){return(await this._createBookmark()).thumbnail?.url??null}_storeCurrentUrl(){let{_userState:e}=this,t=e?.editedBookmark?.thumbnail?.url;t&&(f(t)?e.customUrl=t:y(t)&&(e.screenshotUrl=t))}async _handleThumbnailTypeSelect(e){let{_userState:t}=this;if(!t)return;let{screenshotUrl:i,customUrl:r,editedBookmark:a}=t,n=e==="screenshot"?i??await this._createNewScreenshotUrl():e==="url"&&r?r:null;this._storeCurrentUrl(),a&&n&&(a.thumbnail={url:n}),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,bookmarks:i}=this;if(!t)return;let r=e?e.value.trim():null;if(!r){t.validationState="name-required";return}t.creatingBookmark=!0;let a=await this._createBookmark();a.name=r,i.add(a),this._endAddBookmark()}async _editBookmarkAndClose(e,t){let{defaultEditOptions:i}=this;await this._editBookmark(e,{...i,...t}),this._closeEditBookmarkForm()}_editBookmarkSubmit(e){e.preventDefault();let{_userState:t,_editInputNode:i,editIncludeTimeExtent:r,_urlEditInputNode:a}=this;if(!t?.bookmark||!t.editedBookmark)return;t.validationState=void 0,t.customUrl=void 0,t.screenshotUrl=void 0;let n=i?.value.trim();if(!n){t.validationState="name-required";return}if(t.bookmark.name=n,t.bookmark.thumbnail=t.editedBookmark.thumbnail,r||(t.bookmark.timeExtent=null),t.thumbnailState==="url"&&a){let l={url:a.value};if(!f(l.url)){t.validationState="absolute-url-required";return}t.bookmark.thumbnail=l}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.bookmarks.remove(e),e.destroy())}_goToBookmark(e){this._clearState(),this.goTo(e)}async _updateThumbnail(){let{_userState:e}=this;e&&(e.validationState=void 0,await this._editBookmark(e.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}))}_handleCalciteListDragEnd(e){let{fromEl:t,dragEl:i,oldIndex:r}=e;r==null||!t||!i||t.insertBefore(i,t.children[r])}render(){return o`<div class="root"><div class="sr-only" aria-live=polite>${this._bookmarkSelectedMessage}</div>${this._renderBookmarksContainer()}</div>`}_renderNoBookmarksContainer(e){let{messages:t,_state:i}=this;return!e.length&&i!=="loading"?o`<div class="empty"><calcite-icon .icon=${this.icon} scale=l></calcite-icon>${L({class:"no-bookmarks-heading",level:this.headingLevel,children:t.noBookmarksHeading})}<p class="no-bookmarks-description">${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{_state:e,bookmarks:t,dragEnabled:i,messages:r,disabled:a,filterPlaceholder:n,filterText:l,closed:u,headingLevel:d}=this,c=t.filter(g=>g!=null),m=c.length?o`<calcite-list class="list" display-mode=flat .dragEnabled=${i} .filterEnabled=${this.showFilter} .filterPlaceholder=${n} .filterProps=${["label","description","metadata"]} .filterText=${l} .group=${`bookmarks-${this._guid}`} .label=${r.componentLabel??""} selection-appearance=border selection-mode=none @calciteListDragEnd=${g=>this._handleCalciteListDragEnd(g.detail)} @calciteListFilter=${g=>this.filterText=g.currentTarget?.filterText??""} @calciteListOrderChange=${g=>this._onCalciteListOrderChange(g.detail)}>${this._renderBookmarkItems(c)}${this.showFilter?o`<div class="filter-no-results" slot=filter-no-results><calcite-notice kind=info open width=full><div slot=message>${r.noBookmarksHeading}</div>;</calcite-notice></div>`:null}</calcite-list>`:null,_=[o`<calcite-flow-item .closable=${this.showCloseButton} .closed=${u} .collapsible=${this.showCollapseButton} .disabled=${a} .heading=${this.showHeading?r.componentLabel:void 0} .headingLevel=${d} .loading=${e==="loading"} .selected=${!this._userStateValue} @calciteFlowItemClose=${this._handleClose} ${b(this._storeRootFlowItem)}>${this._renderNoBookmarksContainer(c)}${m}${this._renderAddBookmarkButton()}</calcite-flow-item>`,this._renderAddingBookmark(),this._renderEditBookmarkFlowItems()];return u?null:o`<calcite-flow>${_}</calcite-flow>`}_renderAddBookmarkButton(){let{messages:e,disabled:t,view:i,_state:r}=this,a=this._userCreatingBookmark;return i&&r!=="loading"&&this.showAddBookmarkButton?o`<calcite-fab appearance=outline-fill class="add-bookmark-button" .disabled=${t||a} icon=plus kind=neutral .loading=${a} @click=${this.startAddBookmark} slot=fab .text=${e.addBookmark} text-enabled title=${e.addBookmark??w}></calcite-fab>`:null}_renderEditContainer(e){let{messages:t}=this,i=`${t.edit} ${this._getBookmarkTitle(e)}`;return this.showEditBookmarkButton?o`<calcite-action icon=pencil @click=${()=>this._showEditBookmarkForm(e)} slot=actions-end .text=${i} title=${i??w}></calcite-action>`:null}_renderBookmarkImage(e,t){return t?o`<img alt class="bookmark-image" src=${e.thumbnail?.url??w}>`:null}_renderBookmarkTimeSwitch(e){let{messages:t,view:i}=this,{timeExtent:r}=e;return i?.timeExtent??r?o`<calcite-label layout=inline-space-between>${t.includeTimeExtent}<calcite-switch .checked=${!!r} @calciteSwitchChange=${a=>{this.editIncludeTimeExtent=a.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:a}=this._getTimeExtentStrings(e);if(!t)return"";let n=`${t} ${i}`,l=`${r} ${a}`;return r?`${n} - ${l}`:n}_renderBookmarkTimeExtent(e,t=!1){let{messages:i}=this,{startDate:r,startTime:a,endDate:n,endTime:l}=this._getTimeExtentStrings(e),u=this._useStackedTimeExtentRows&&!!n,d=(m,_,g)=>o`<calcite-table-cell title=${g??""??w}>${m} ${_?[o`<br>`,_]:null}</calcite-table-cell>`,c=[];return r&&c.push({heading:i.startDate,date:r,time:a}),n&&c.push({heading:i.endDate,date:n,time:l}),r?o`<calcite-table .caption=${i.timeExtent??""} scale=s>${u?c.map(m=>o`<calcite-table-row>${t?null:o`<calcite-table-header .heading=${m.heading}></calcite-table-header>`}${d(m.date,m.time,m.heading)}</calcite-table-row>`):[t?null:o`<calcite-table-row slot=table-header><calcite-table-header .heading=${i.startDate}></calcite-table-header>${n?o`<calcite-table-header .heading=${i.endDate}></calcite-table-header>`:null}</calcite-table-row>`,o`<calcite-table-row>${d(r,a,i.startDate)}${n?d(n,l,i.endDate):null}</calcite-table-row>`]}</calcite-table>`:null}_renderBookmarkActiveScrim(e,t){return this._activeBookmark===e&&t?o`<calcite-scrim loading></calcite-scrim>`:null}_renderBookmarkActiveLoader(e,t){return this._activeBookmark===e&&!t?o`<calcite-loader class="loader" inline .label=${this.messages.loading??""}></calcite-loader>`:null}_renderBookmarkImageIcon(e,t){return this._activeBookmark!==e&&!t?o`<calcite-icon icon=bookmark scale=s></calcite-icon>`:null}_renderBookmarkThumbnail(e){let t=!this.hideThumbnail&&!!e.thumbnail?.url;return o`<div class="bookmark-image-container" slot=content-start>${this._renderBookmarkActiveScrim(e,t)}${this._renderBookmarkImage(e,t)}${this._renderBookmarkActiveLoader(e,t)}${this._renderBookmarkImageIcon(e,t)}</div>`}_renderBookmark(e){return N(e.uid,o`<calcite-list-item class=${D(F({"drag-enabled":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 o`<div class="bookmark-content" slot=content><span class="bookmark-content-label">${this._getBookmarkTitle(e)}</span>${this._renderBookmarkTimeExtent(e,!0)}</div>`}_renderEditingBookmarkName(e){let{messages:t}=this,i=this._userValidationState==="name-required";return o`<calcite-label>${t.title}<calcite-input class="edit-bookmark-input" name=bookmark-name .placeholder=${t.titlePlaceholder} required type=text .value=${e.name} ${b(this._storeEditInput)}></calcite-input>${i?o`<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[o`<calcite-button appearance=transparent kind=danger @click=${()=>this._deleteBookmark(i)} slot=footer type=button width=full>${e.delete}</calcite-button>`,o`<calcite-button appearance=outline @click=${this._closeEditBookmarkForm} slot=footer type=button width=full>${e.cancel}</calcite-button>`,o`<calcite-button slot=footer type=submit width=full>${e.save}</calcite-button>`]}_renderEditingTimeExtent(e){let{view:t}=this,{timeExtent:i}=e;return!this.timeDisabled&&(t?.timeExtent??i)?o`<div>${this._renderBookmarkTimeSwitch(e)}${this._renderEditBookmarkTimeExtent(e)}</div>`:null}_renderEditingBookmarkImage(e){let{_userThumbnailState:t}=this,i=e.thumbnail?.url??"",r=f(i)?t==="url":y(i)?t==="screenshot":null;if(r)return this._renderBookmarkImage(e,r)}_renderEditingThumbnail(e){let{_userThumbnailState:t,hideThumbnail:i}=this;return!i&&t!=="none"?o`<div class="authoring-image-container">${this._renderEditingBookmarkImage(e)}</div>`:null}_renderUpdateThumbnailButton(){let{hideThumbnail:e,messages:t,_userThumbnailState:i}=this;return!e&&i==="screenshot"?o`<calcite-button appearance=outline class="authoring-refresh-thumbnail-button" icon-start=refresh kind=neutral @click=${()=>{this._updateThumbnail()}} width=full>${t.updateThumbnail}</calcite-button>`:null}_renderEditingBookmarkUrlInput(e){let{messages:t,_userValidationState:i,_userThumbnailState:r}=this,a=e.thumbnail?.url??"",n=f(a)?a:void 0,l=a&&i==="absolute-url-required";return r==="url"?o`<calcite-label><calcite-input name=bookmark-thumbnail-url pattern=https://.* .placeholder=${t?`https://<${t.imageUrlPlaceholder}>`:void 0} required title=${t.imageUrlTooltip??w} type=text .value=${n} @calciteInputChange=${this._handleUrlEditInputChange} @calciteInputInput=${this._handleUrlEditInputChange} ${b(this._storeUrlEditInput)}></calcite-input>${l?o`<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:o`<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?o`<form class="form" @submit=${this._editBookmarkSubmit}><calcite-flow-item .disabled=${t} .heading=${i.edit??""} .headingLevel=${r} .selected=${this._userStateValue==="edit"} @calciteFlowItemBack=${a=>{a.preventDefault(),this._closeEditBookmarkForm()}} ${b(this._storeEditFlowItemNode)}><div class="form-content"><div class="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 o`<calcite-label>${e.title}<calcite-input class="add-bookmark-input" name=bookmark-name .placeholder=${e.titlePlaceholder} required type=text value ${b(this._storeAddInput)}></calcite-input>${t?o`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${e.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderAddingBookmarkActions(){let{messages:e}=this;return[o`<calcite-button appearance=outline @click=${this._endAddBookmark} slot=footer type=button width=full>${e.cancel}</calcite-button>`,o`<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"?o`<form class="form" @submit=${this._addBookmarkSubmitClick}><calcite-flow-item .disabled=${e} .heading=${t.addBookmark} .headingLevel=${i} selected @calciteFlowItemBack=${a=>{a.preventDefault(),this._endAddBookmark()}} ${b(this._storeAddFlowItemNode)}><div class="form-content">${this._renderAddingBookmarkName()}</div>${this._renderAddingBookmarkActions()}</calcite-flow-item></form>`:null}};U("arcgis-bookmarks",S);return S},"webmap/Bookmark","core/Collection","core/Error","webdoc/support/SlideThumbnail","Viewpoint","WebMap","core/Accessor","core/accessorSupport/decorators","core/urlUtils","intl","core/reactiveUtils",a,c)

package/dist/cdn/{2BESNRQI.js → FPX4MV2U.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as k}from"./GXVM7UPW.js";import{a as M,b as v}from"./2W65DCE5.js";import{a as w}from"./KTXZR4IK.js";import{M as P,N as L,O as $,P as c,Q as u,R as h,U as y,a as b,b as l,x}from"./IXZEUVT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{watch:B}])=>{var a=(t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(t,e,i),i);var H;function C(t){return(e,i)=>a(e,i,{get(){return(this.renderRoot??(H??=document.createDocumentFragment())).querySelectorAll(t)}})}var W=b`:host{transition:max-height .25s ease-in-out;--esri-widget-padding: 12px 15px;--level-picker-padding: var(--calcite-spacing-md);--level-label-color: var(--calcite-color-text-1);--level-label-color--empty: var(--calcite-color-text-2);--level-label-color--active: var(--calcite-color-brand);--level-border-width: 2px;--level-border-color: var(--calcite-color-border-2);--level-border-color--hover: var(--calcite-color-brand);--level-border-color--active: var(--calcite-color-brand);--level-background-color: rgb(from var(--calcite-color-foreground-1) r g b / 70%);--level-background-color--hover: rgb(from var(--calcite-color-foreground-1) r g b / 90%);--level-background-color--active: var(--calcite-color-brand);--focus-outline-width: 2px;--focus-outline-color: var(--calcite-color-brand);--focus-outline-offset: 2px}.container{height:max-content;display:flex;flex-direction:row;align-items:center;&.no-level{display:none}>*{height:max-content}}.clear-button{appearance:none;margin-inline-start:7px;display:none;position:absolute;inset-block-start:-4px}.label-container{--width: 90px;--height: 40px;flex-direction:column;justify-content:space-between;align-items:center;width:50%;margin-inline-end:var(--calcite-spacing-md);display:flex;&.active{color:var(--calcite-color-brand)}&.empty{cursor:default;color:var(--calcite-color-border-2);font-size:var(--calcite-font-size);font-weight:var(--calcite-font-weight-light)}&:focus{outline:none}&:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus)}}.level-label{position:relative;text-align:center;>span{pointer-events:none}&.active{font-size:var(--height);line-height:calc(var(--height) + 6px);>.clear-button{display:inline-block}}}.tiles-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transform:rotate(180deg);cursor:pointer;padding:20px 0;width:50%}.tiles-inner-container{transition:margin .3s}`,j=Object.defineProperty,F=(t,e,i,n)=>{for(var r=void 0,o=t.length-1,s;o>=0;o--)(s=t[o])&&(r=s(e,i,r)||r);return r&&j(e,i,r),r},d=class extends ${constructor(){super(...arguments),this.hovering=!1,this.onPointerMove=e=>{if(!this.hovering)return!1;if(window.getSelection()?.removeAllRanges(),this.containerPosTop!=null){let i=this.containerPosTop,n=40,r=this.expandedLevelsMargin,o=this.levelsHeight,s=i+n+r,m=this.levelHeight/2;s+=m,o-=m;let f=(e.clientY-s)/o;f+=.035,this.normalizedPointerPosition=f}return!1},this.onPointerEnter=()=>{let e=this.levelsContainer.value;this.hovering||e==null||(this.hovering=!0,this.containerPosTop=e.getBoundingClientRect().top??0)},this.levelsContainer=P(),this.onPointerLeave=()=>{if(this.hovering){window.getSelection()?.removeAllRanges();for(let e of this.levelItems)e.width=void 0;this.normalizedPointerPosition=0,this.hoveredLevel=null,this.hovering=!1}},this.onPointerUp=()=>{window.getSelection()?.removeAllRanges();let e=this.level;this.hoveredLevel==null||e==null||this.#o()},this.expandedLevelsHeight=void 0,this.normalizedPointerPosition=0,this.hoveredLevel=null,this.arcgisBuildingLevelChange=x({bubbles:!0,composed:!0})}static{this.properties={expandedLevelsHeight:16,normalizedPointerPosition:16,hoveredLevel:16,messages:0,level:0,numberOfLevels:32,levelHeight:32,levelsHeight:32}}static{this.styles=W}get levels(){return this.level?.allowedValues??[]}get levelWidth(){let{levelWidthNominator:e,levelWidthConstant:i}=M,n=e/Math.sqrt(this.numberOfLevels)+i;return Math.round(v(n,30,80))}get _gaussianFactor(){let e=this.numberOfLevels;return e/Math.log(30*e)*10}get expandedLevelsMargin(){return Math.round(((this.expandedLevelsHeight??0)-this.levelsHeight)/2)}get levelClosestToPointer(){if(!this.hovering)return null;let e=this.numberOfLevels-1,i=this.clampedNormalizedPointerPosition;return e>=0&&i!=null?this.levels[Math.round((1-i)*e)]:null}get clampedNormalizedPointerPosition(){return v(this.normalizedPointerPosition,0,1)}get numberOfLevels(){return this.levels.length}get levelHeight(){let e=14,i=e*2/Math.sqrt(this.numberOfLevels);return Math.round(v(i,2,e))}get levelsHeight(){return Math.round(this.levelHeight*this.numberOfLevels)}async loaded(){this.listen("keydown",this.#n.bind(this)),this.manager.onLifecycle(()=>[B(()=>[this.normalizedPointerPosition,this.hovering],()=>this.onPointerPositionChange(),{initial:!0})])}onPointerPositionChange(){let e=0;this.levelItems.forEach((n,r)=>{let{width:o,height:s}=this.getLevelWidgetSize(r);n.height=s,n.width=o,e+=s}),this.hoveredLevel=this.levelClosestToPointer;let i=this.expandedLevelsHeight;(i==null||Math.abs(i-e)>30)&&(this.expandedLevelsHeight=e)}getLevelWidgetSize(e){let i={width:this.levelWidth,height:this.levelHeight};if(this.hovering){let n=this.getGaussianFactor(e,this.clampedNormalizedPointerPosition);i.width+=20*n,i.height+=30*n}return i}getGaussianFactor(e,i){let n=this.numberOfLevels-1,r=(n-e)/n,o=this._gaussianFactor*(r-i);return Math.exp(-(o**2))}#n(e){switch(e.key){case"ArrowDown":case"ArrowLeft":e.preventDefault(),e.stopPropagation(),this.#i(),this.#e();break;case"ArrowUp":case"ArrowRight":e.preventDefault(),e.stopPropagation(),this.#t(),this.#e();break}}#e(){Array.from(this.levelItems).find(e=>e.level===this.level?.value)?.focus()}#t(){this.level&&(this.level.next(),this.arcgisBuildingLevelChange.emit())}#i(){this.level&&(this.level.previous(),this.arcgisBuildingLevelChange.emit())}#o(){this.level==null||this.hoveredLevel==null||(this.level.value===this.hoveredLevel&&!this.level.disabled?this.#r():(this.level.select(this.hoveredLevel),this.arcgisBuildingLevelChange.emit()))}#r(){this.level&&!this.level.disabled&&(this.level.clear(),this.arcgisBuildingLevelChange.emit())}render(){if(!this.messages)return null;let e=this.level;e?.value;let i=e&&!e.disabled,n=this.numberOfLevels>1?k(this.levels,r=>r,r=>l`<arcgis-building-level-item .level=${r} .baseWidth=${this.levelWidth} .hovered=${this.hoveredLevel===r} .active=${e&&!e.disabled&&e.value===r} class=${c({"animate-level":!this.hovering})} .messages=${this.messages}></arcgis-building-level-item>`):null;return l`<div class=${c({container:!0,"no-level":this.numberOfLevels<2,"animate-level":this.hovering})}>${T({messages:this.messages,active:i,hasNext:e?.hasNext,hasPrevious:e?.hasPrevious,onNext:()=>this.#t(),onPrevious:()=>this.#i(),children:U({messages:this.messages,level:this.hoveredLevel??e?.value,active:i,onClear:()=>this.#r()})})}${D({ref:this.levelsContainer,expandedLevelsMargin:this.expandedLevelsMargin,levelsHeight:this.levelsHeight,onPointerEnter:this.onPointerEnter,onPointerMove:this.onPointerMove,onPointerLeave:this.onPointerLeave,onPointerUp:this.onPointerUp,children:n})}</div>`}};F([C("arcgis-building-level-item")],d.prototype,"levelItems");function T(t){return l`<div class=${c({"label-container":!0,empty:!t.active,active:!0,hover:!0})} title=${t.messages.selectLevel??h} tabindex=0><calcite-action icon=chevron-up appearance=transparent .text=${t.messages.nextLevel} @click=${t.onNext} .disabled=${!t.hasNext}></calcite-action>${t.children}<calcite-action icon=chevron-down appearance=transparent .text=${t.messages.previousLevel} @click=${t.onPrevious} .disabled=${!t.hasPrevious}></calcite-action></div>`}function U(t){let e=t.messages;return l`<div aria-label=${e.clearLevel??h} class=${c({"level-label":!0,active:t.active&&t.level!=null})} @click=${t.onClear} title=${e.clearLevel??h}>${t.active?l`<span>${t.level}</span>${w("clear-button",l`<calcite-fab appearance=outline-fill class="clear-button" icon=x kind=neutral @click=${t.onClear} scale=s></calcite-fab>`)}`:l`<span>${e.selectLevel}</span>`}</div>`}function D(t){let e=40,i=-e/2,n=t.levelsHeight,r=n+e*2;return l`<div class="tiles-container" @pointerenter=${t.onPointerEnter} @pointerover=${t.onPointerEnter} @pointermove=${t.onPointerMove} @pointerleave=${t.onPointerLeave} @pointerup=${t.onPointerUp} @click=${t.onClick} style=${u({height:`${r}px`,marginBlockStart:`${i}px`,marginBlockEnd:`${i}px`})} ${L(t.ref)}><div class="tiles-inner-container" style=${u({height:`${n}px`,margin:"0",marginBlockStart:`${20-t.expandedLevelsMargin}px`})}>${t.children}</div></div>`}y("arcgis-building-level-picker",d);return d},"core/reactiveUtils")
+import{a as M,b as v}from"./2W65DCE5.js";import{a as k}from"./GXVM7UPW.js";import{a as w}from"./KTXZR4IK.js";import{M as P,N as L,O as $,P as c,Q as u,R as h,U as y,a as b,b as l,x}from"./IXZEUVT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{watch:B}])=>{var a=(t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(t,e,i),i);var H;function C(t){return(e,i)=>a(e,i,{get(){return(this.renderRoot??(H??=document.createDocumentFragment())).querySelectorAll(t)}})}var W=b`:host{transition:max-height .25s ease-in-out;--esri-widget-padding: 12px 15px;--level-picker-padding: var(--calcite-spacing-md);--level-label-color: var(--calcite-color-text-1);--level-label-color--empty: var(--calcite-color-text-2);--level-label-color--active: var(--calcite-color-brand);--level-border-width: 2px;--level-border-color: var(--calcite-color-border-2);--level-border-color--hover: var(--calcite-color-brand);--level-border-color--active: var(--calcite-color-brand);--level-background-color: rgb(from var(--calcite-color-foreground-1) r g b / 70%);--level-background-color--hover: rgb(from var(--calcite-color-foreground-1) r g b / 90%);--level-background-color--active: var(--calcite-color-brand);--focus-outline-width: 2px;--focus-outline-color: var(--calcite-color-brand);--focus-outline-offset: 2px}.container{height:max-content;display:flex;flex-direction:row;align-items:center;&.no-level{display:none}>*{height:max-content}}.clear-button{appearance:none;margin-inline-start:7px;display:none;position:absolute;inset-block-start:-4px}.label-container{--width: 90px;--height: 40px;flex-direction:column;justify-content:space-between;align-items:center;width:50%;margin-inline-end:var(--calcite-spacing-md);display:flex;&.active{color:var(--calcite-color-brand)}&.empty{cursor:default;color:var(--calcite-color-border-2);font-size:var(--calcite-font-size);font-weight:var(--calcite-font-weight-light)}&:focus{outline:none}&:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus)}}.level-label{position:relative;text-align:center;>span{pointer-events:none}&.active{font-size:var(--height);line-height:calc(var(--height) + 6px);>.clear-button{display:inline-block}}}.tiles-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transform:rotate(180deg);cursor:pointer;padding:20px 0;width:50%}.tiles-inner-container{transition:margin .3s}`,j=Object.defineProperty,F=(t,e,i,n)=>{for(var r=void 0,o=t.length-1,s;o>=0;o--)(s=t[o])&&(r=s(e,i,r)||r);return r&&j(e,i,r),r},d=class extends ${constructor(){super(...arguments),this.hovering=!1,this.onPointerMove=e=>{if(!this.hovering)return!1;if(window.getSelection()?.removeAllRanges(),this.containerPosTop!=null){let i=this.containerPosTop,n=40,r=this.expandedLevelsMargin,o=this.levelsHeight,s=i+n+r,m=this.levelHeight/2;s+=m,o-=m;let f=(e.clientY-s)/o;f+=.035,this.normalizedPointerPosition=f}return!1},this.onPointerEnter=()=>{let e=this.levelsContainer.value;this.hovering||e==null||(this.hovering=!0,this.containerPosTop=e.getBoundingClientRect().top??0)},this.levelsContainer=P(),this.onPointerLeave=()=>{if(this.hovering){window.getSelection()?.removeAllRanges();for(let e of this.levelItems)e.width=void 0;this.normalizedPointerPosition=0,this.hoveredLevel=null,this.hovering=!1}},this.onPointerUp=()=>{window.getSelection()?.removeAllRanges();let e=this.level;this.hoveredLevel==null||e==null||this.#o()},this.expandedLevelsHeight=void 0,this.normalizedPointerPosition=0,this.hoveredLevel=null,this.arcgisBuildingLevelChange=x({bubbles:!0,composed:!0})}static{this.properties={expandedLevelsHeight:16,normalizedPointerPosition:16,hoveredLevel:16,messages:0,level:0,numberOfLevels:32,levelHeight:32,levelsHeight:32}}static{this.styles=W}get levels(){return this.level?.allowedValues??[]}get levelWidth(){let{levelWidthNominator:e,levelWidthConstant:i}=M,n=e/Math.sqrt(this.numberOfLevels)+i;return Math.round(v(n,30,80))}get _gaussianFactor(){let e=this.numberOfLevels;return e/Math.log(30*e)*10}get expandedLevelsMargin(){return Math.round(((this.expandedLevelsHeight??0)-this.levelsHeight)/2)}get levelClosestToPointer(){if(!this.hovering)return null;let e=this.numberOfLevels-1,i=this.clampedNormalizedPointerPosition;return e>=0&&i!=null?this.levels[Math.round((1-i)*e)]:null}get clampedNormalizedPointerPosition(){return v(this.normalizedPointerPosition,0,1)}get numberOfLevels(){return this.levels.length}get levelHeight(){let e=14,i=e*2/Math.sqrt(this.numberOfLevels);return Math.round(v(i,2,e))}get levelsHeight(){return Math.round(this.levelHeight*this.numberOfLevels)}async loaded(){this.listen("keydown",this.#n.bind(this)),this.manager.onLifecycle(()=>[B(()=>[this.normalizedPointerPosition,this.hovering],()=>this.onPointerPositionChange(),{initial:!0})])}onPointerPositionChange(){let e=0;this.levelItems.forEach((n,r)=>{let{width:o,height:s}=this.getLevelWidgetSize(r);n.height=s,n.width=o,e+=s}),this.hoveredLevel=this.levelClosestToPointer;let i=this.expandedLevelsHeight;(i==null||Math.abs(i-e)>30)&&(this.expandedLevelsHeight=e)}getLevelWidgetSize(e){let i={width:this.levelWidth,height:this.levelHeight};if(this.hovering){let n=this.getGaussianFactor(e,this.clampedNormalizedPointerPosition);i.width+=20*n,i.height+=30*n}return i}getGaussianFactor(e,i){let n=this.numberOfLevels-1,r=(n-e)/n,o=this._gaussianFactor*(r-i);return Math.exp(-(o**2))}#n(e){switch(e.key){case"ArrowDown":case"ArrowLeft":e.preventDefault(),e.stopPropagation(),this.#i(),this.#e();break;case"ArrowUp":case"ArrowRight":e.preventDefault(),e.stopPropagation(),this.#t(),this.#e();break}}#e(){Array.from(this.levelItems).find(e=>e.level===this.level?.value)?.focus()}#t(){this.level&&(this.level.next(),this.arcgisBuildingLevelChange.emit())}#i(){this.level&&(this.level.previous(),this.arcgisBuildingLevelChange.emit())}#o(){this.level==null||this.hoveredLevel==null||(this.level.value===this.hoveredLevel&&!this.level.disabled?this.#r():(this.level.select(this.hoveredLevel),this.arcgisBuildingLevelChange.emit()))}#r(){this.level&&!this.level.disabled&&(this.level.clear(),this.arcgisBuildingLevelChange.emit())}render(){if(!this.messages)return null;let e=this.level;e?.value;let i=e&&!e.disabled,n=this.numberOfLevels>1?k(this.levels,r=>r,r=>l`<arcgis-building-level-item .level=${r} .baseWidth=${this.levelWidth} .hovered=${this.hoveredLevel===r} .active=${e&&!e.disabled&&e.value===r} class=${c({"animate-level":!this.hovering})} .messages=${this.messages}></arcgis-building-level-item>`):null;return l`<div class=${c({container:!0,"no-level":this.numberOfLevels<2,"animate-level":this.hovering})}>${T({messages:this.messages,active:i,hasNext:e?.hasNext,hasPrevious:e?.hasPrevious,onNext:()=>this.#t(),onPrevious:()=>this.#i(),children:U({messages:this.messages,level:this.hoveredLevel??e?.value,active:i,onClear:()=>this.#r()})})}${D({ref:this.levelsContainer,expandedLevelsMargin:this.expandedLevelsMargin,levelsHeight:this.levelsHeight,onPointerEnter:this.onPointerEnter,onPointerMove:this.onPointerMove,onPointerLeave:this.onPointerLeave,onPointerUp:this.onPointerUp,children:n})}</div>`}};F([C("arcgis-building-level-item")],d.prototype,"levelItems");function T(t){return l`<div class=${c({"label-container":!0,empty:!t.active,active:!0,hover:!0})} title=${t.messages.selectLevel??h} tabindex=0><calcite-action icon=chevron-up appearance=transparent .text=${t.messages.nextLevel} @click=${t.onNext} .disabled=${!t.hasNext}></calcite-action>${t.children}<calcite-action icon=chevron-down appearance=transparent .text=${t.messages.previousLevel} @click=${t.onPrevious} .disabled=${!t.hasPrevious}></calcite-action></div>`}function U(t){let e=t.messages;return l`<div aria-label=${e.clearLevel??h} class=${c({"level-label":!0,active:t.active&&t.level!=null})} @click=${t.onClear} title=${e.clearLevel??h}>${t.active?l`<span>${t.level}</span>${w("clear-button",l`<calcite-fab appearance=outline-fill class="clear-button" icon=x kind=neutral @click=${t.onClear} scale=s></calcite-fab>`)}`:l`<span>${e.selectLevel}</span>`}</div>`}function D(t){let e=40,i=-e/2,n=t.levelsHeight,r=n+e*2;return l`<div class="tiles-container" @pointerenter=${t.onPointerEnter} @pointerover=${t.onPointerEnter} @pointermove=${t.onPointerMove} @pointerleave=${t.onPointerLeave} @pointerup=${t.onPointerUp} @click=${t.onClick} style=${u({height:`${r}px`,marginBlockStart:`${i}px`,marginBlockEnd:`${i}px`})} ${L(t.ref)}><div class="tiles-inner-container" style=${u({height:`${n}px`,margin:"0",marginBlockStart:`${20-t.expandedLevelsMargin}px`})}>${t.children}</div></div>`}y("arcgis-building-level-picker",d);return d},"core/reactiveUtils")