@esri/solutions-components 5.1.0-next.13 → 5.1.0-next.131

package/dist/cdn/{2BJD5X34.js → TWJSFINX.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as x}from"./AA7X6GKH.js";import{a as L}from"./2D6XDWYA.js";import{a as S}from"./3TYPFWRB.js";import{b as I}from"./TAYHORLE.js";import"./DIKAKOU5.js";import"./S423P2GA.js";import{F as $,G as w,H as k,J as p,h as F,i as l,l as h,r as b}from"./P4KZ6OZF.js";import"./QPIMTXPL.js";export default $arcgis.t(([T,m,P,O])=>{var D="instant-apps-filter-list calcite-mode-light",M="instant-apps-filter-list calcite-mode-dark",g=["feature","geojson","wfs","csv","scene","subtype-group","point-cloud","map-image","sublayer"];function v(f){return f.replaceAll("'","''")}function y(f,e=!1){if(f){let t=new Date(f),i=`${t.getFullYear()}-${t.getMonth()+1}-${t.getDate()}`;if(e){let s=`${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`;return`${i} ${s}`}else return i}}function _(f){if(f!=null){f.value=["",""];let e=f.shadowRoot?.querySelectorAll("calcite-input");if(e!=null)for(let t of e)t.value=""}}var R=F`:host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block{--calcite-internal-block-actions-spacing: 0}.instant-apps-filter-list__container calcite-block calcite-action[slot=actions-end]{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:400}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100%;font-size:16px;--calcite-combobox-input-height: 24px}.instant-apps-filter-list__number-input-container{width:100%;display:flex;justify-content:center}.instant-apps-filter-list__number-input-container calcite-slider{width:90%}.instant-apps-filter-list__date-picker-input-container{display:flex;align-items:center;justify-content:unset;width:100%}.instant-apps-filter-list__date-picker-input-container calcite-action{height:65px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__time-picker-input-container{display:grid;grid-template-columns:auto 32px;width:100%}.instant-apps-filter-list__time-picker-input-container calcite-input-time-picker:first-child{grid-column:1;grid-row:1}.instant-apps-filter-list__time-picker-input-container calcite-input-time-picker:last-child{grid-column:1;grid-row:2}.instant-apps-filter-list__time-picker-input-container calcite-action{grid-column:2;grid-row:1/span 2;height:64px;width:33px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__title{margin-right:20px}.instant-apps-filter-list__title>p{font-size:14px;font-weight:400;margin:0}.instant-apps-filter-list__checkbox-container{display:flex}.instant-apps-filter-list__checkbox-container calcite-checkbox{height:18px}.instant-apps-filter-list__operator-description{margin:0;--calcite-font-size--1: 12px}.instant-apps-filter-list calcite-input-date-picker{--calcite-font-size--1: 16px}@media(prefers-reduced-motion){.instant-apps-filter-list calcite-loader{--calcite-internal-duration-factor: 2;--calcite-internal-animation-timing-slow: .6s }}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__header-container{background:#2b2b2b;color:#fff}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__operator-description{background:#353535}`,d={filterContainer:"instant-apps-filter-list__container",footer:"instant-apps-filter-list__footer",filterItemTitle:"instant-apps-filter-list__title",filterItemContainer:"instant-apps-filter-list__item-container",filterUIItemContainer:"instant-apps-filter-list__item-container--user-input",checkboxContainer:"instant-apps-filter-list__checkbox-container",numberInputContainer:"instant-apps-filter-list__number-input-container",dateInputContainer:"instant-apps-filter-list__date-picker-input-container",timeInputContainer:"instant-apps-filter-list__time-picker-input-container",operatorDesc:"instant-apps-filter-list__operator-description"},C=class extends k{constructor(){super(...arguments),this._messages=S({name:"instant-apps-filter-list",blocking:!0}),this.resetBtnEl=$(),this.panelEl=$(),this.isLayerExpUpdated=!1,this.isInitUpdateComplete=!1,this.baseClass=D,this.autoUpdateUrl=!1,this.closeBtn=!1,this.comboboxOverlayPositioning="absolute",this.openFilters=!1,this.extentSelector=!1,this.filterCount=0,this.zoomBtn=!0,this.resetBtn=!0,this.resetFiltersOnDisconnect=!0,this.filterListReset=b(),this.filterUpdate=b()}static{this.properties={loading:16,filterLayerExpressions:16,baseClass:16,initDefExpressions:16,initMapImageExpressions:16,initPointCloudFilters:16,layerExpressions:0,autoUpdateUrl:5,closeBtn:5,closeBtnOnClick:0,comboboxOverlayPositioning:1,closeBtnText:1,openFilters:5,extentSelector:5,extentSelectorConfig:0,urlParams:0,filterCount:9,view:0,zoomBtn:5,resetBtn:5,resetFiltersOnDisconnect:5}}static{this.styles=R}async forceReset(){return this.resetExpressions(),await Promise.resolve(!0)}async getCurrentLayerExpressions(){let e=structuredClone(this.filterLayerExpressions);return await Promise.resolve(e)}async getFilterInitState(){return await Promise.resolve({initDefExpressions:this.initDefExpressions,initMapImageExpressions:this.initMapImageExpressions,initPointCloudFilters:this.initPointCloudFilters})}async handleUpdatingT9nData(e){return e==null?await Promise.resolve(!0):(this.filterLayerExpressions?.forEach(t=>{let i=e?.find(s=>s.id===t.id);i!=null&&(t.title=i.title,t.expressions?.forEach(s=>{let n=i.expressions?.find(a=>a.id===s.id);n!=null&&(s.name=n.name)}))}),await Promise.resolve(!0))}async updateInitDefExpressions(e){return this.initDefExpressions=e.initDefExpressions,this.initMapImageExpressions=e.initMapImageExpressions,this.initPointCloudFilters=e.initPointCloudFilters,await Promise.resolve(!0)}connectedCallback(){super.connectedCallback(),!(this.layerExpressions==null&&this.view==null)&&(this.isLayerExpUpdated=!0,this.filterLayerExpressions=structuredClone(this.layerExpressions),this.isInitUpdateComplete=!1,this.handleLayerExpressionsUpdate())}async load(){this.baseClass=L(this.el)==="dark"?M:D,!this.isLayerExpUpdated&&(this.isLayerExpUpdated=!0,this.filterLayerExpressions=this.layerExpressions!=null?structuredClone(this.layerExpressions):[],this.view!=null&&this.handleLayerExpressionsUpdate())}willUpdate(e){e.has("view")&&this.handleWhenView(),e.has("layerExpressions")&&(this.isInitUpdateComplete=!1,this.resetAllFilters(),this.filterLayerExpressions=structuredClone(this.layerExpressions),this.handleLayerExpressionsUpdate())}updated(){this.resetBtnEl.value!=null&&(this.resetBtnEl.value.disabled=!(this.filterLayerExpressions&&this.filterLayerExpressions.length>0))}disconnectedCallback(){super.disconnectedCallback(),this.resetFiltersOnDisconnect&&(this.isLayerExpUpdated=!1,this.filterLayerExpressions=structuredClone(this.layerExpressions),this.resetAllFilters())}initFilterConfig(){if(this.filterLayerExpressions&&this.filterLayerExpressions.length>0){if(this.filterLayerExpressions.length===1){let{operator:e}=this.filterLayerExpressions[0],t=e?.trim()==="OR"?"orOperator":"andOperator",i=this.renderZoomTo(this.filterLayerExpressions[0]);return l`<calcite-block class=${p(d.operatorDesc)} .heading=${this._messages[t]} expanded>${i}${this.renderFilter(this.filterLayerExpressions[0])}</calcite-block>`}else if(this.filterLayerExpressions.length>1)return this.renderLayerBlock()}}handleResetDatePicker(e,t){let i=this.panelEl.value?.querySelector(`[id='${e.id}']`);i&&(_(i),e.active=!1,e.definitionExpression=void 0,e.range=void 0,this.generateOutput(t))}handleResetTimePicker(e,t){this.resetTimePicker(e),e.active=!1,e.definitionExpression=void 0,e.range=void 0,this.generateOutput(t)}resetTimePicker(e){let t=this.panelEl.value?.querySelector(`[id='${e.id}-min']`),i=this.panelEl.value?.querySelector(`[id='${e.id}-max']`);!t||!i||(t.value=e.min,i.value=e.max)}initInput(e,t){let{type:i,numDisplayOption:s,displayOption:n}=t;if(i==="string"||i==="coded-value"||(i==="number"||i==="range"||i==="date"||i==="time-only")&&(s==="drop-down"||n==="drop-down"))return this.renderCombobox(e,t);if(i==="number"||i==="range")return this.renderNumberSlider(e,t);if(i==="date")return this.renderDatePicker(e,t);if(i==="time-only")return this.renderTimePicker(e,t)}async initExpressions(){if(this.loading=!0,this.filterLayerExpressions==null||this.view==null){this.loading=!1;return}await this.processExpressions(),this.loading=!1}async processExpressions(){this.filterLayerExpressions&&await Promise.all(this.filterLayerExpressions.map(async e=>{await Promise.all((e.expressions||[]).map(async t=>await this.setInitExpression(e,t)))}))}handleResetFilter(){this.resetExpressions(),this.resetAllFilters(),this.generateURLParams(),this.filterListReset.emit()}resetExpressions(){this.filterLayerExpressions?.forEach(e=>{e.expressions?.forEach(t=>{let{type:i,numDisplayOption:s,displayOption:n}=t,a="";i==="string"||i==="coded-value"||(i==="number"||i==="range"||i==="date"||i==="time-only")&&(s==="drop-down"||n==="drop-down")?a="combobox":i==="date"?a="datePicker":i==="number"||i==="range"?a="numberRange":i==="time-only"&&(a="timePicker"),a?this.resetExpressionUI(a,t):this.resetCheckbox(t),t.active=!1})})}resetExpressionUI(e,t){let{id:i}=t;switch(e){case"combobox":{t.selectedFields=void 0;let s=this.panelEl.value?.querySelector(`[id='${i}']`);s&&Array.from(s.children).forEach(n=>{n.selected=!1});break}case"datePicker":{t.range=void 0;let s=this.panelEl.value?.querySelector(`[id='${i}']`);s&&_(s);break}case"numberRange":{t.range=void 0;let s=this.panelEl.value?.querySelector(`[id='${i}']`);s&&(s.minValue=t.min,s.maxValue=t.max);break}case"timePicker":t.range=void 0,this.resetTimePicker(t)}}resetCheckbox(e){let{id:t}=e,i=this.panelEl.value?.querySelector(`[id='${t}']`);i&&(i.checked=!1)}resetAllFilters(){this.view?.map?.allLayers?.concat(this.view?.map?.allTables.toArray()??[])?.forEach(e=>{if(!g.includes(e.type))return;let t=e;if(t.type==="point-cloud"){if(!this.initPointCloudFilters)return;t.filters=this.initPointCloudFilters[t.id]}else if(t.type==="map-image")t.allSublayers.forEach(i=>{i.definitionExpression=this.initMapImageExpressions?.[t.id]?.[i.id]??""});else{if(this.initDefExpressions==null)return;t.definitionExpression=this.initDefExpressions[t.id]}})}async updateStringExpression(e,t){let i=this.findFilterLayer(e);return i?(await this.getFeatureAttributes(i,t),this.handleDateField(i,t),t?.selectedFields?(t.definitionExpression=this.createDefinitionExpression(t),!0):!1):!1}handleDateField(e,t){t.type==="date"&&e.fields.find(({name:i})=>i===t.field)?.type==="date-only"&&(t.dateOnly=!0)}createDefinitionExpression(e){if(!e.selectedFields?.length)return"";let t=e.selectedFields.map(i=>typeof i=="number"?i:`'${v(i)}'`);return this.getSelectedFieldsDefExpression(e,t)}async updateNumberExpression(e,t){if(!t?.min&&t?.min!==0||!t?.max&&t?.max!==0){let i=this.findFilterLayer(e);if(!i)return!1;let{field:s}=t;if(s!=null)if(this.setExpressionFormat(i,t,s),t?.numDisplayOption==="drop-down"||t?.displayOption==="drop-down")await this.getFeatureAttributes(i,t);else{let n=(await this.calculateMinMaxStatistics(i,s))?.[0]?.attributes;if(t.format?.places!=null?(t.min=this.roundMinNumberDown(n[`min${s}`],t.format.places),t.max=this.roundMaxNumberUp(n[`max${s}`],t.format.places)):(t.min=n[`min${s}`],t.max=n[`max${s}`]),t?.range&&Object.keys(t.range).length){let{min:a,max:r}=t.range;return t.definitionExpression=`${t.field} BETWEEN ${a} AND ${r}`,!0}}}return!1}async updateDateExpression(e,t){let{field:i,range:s}=t,n=this.findFilterLayer(e);if(!n)return!1;let a=(await this.calculateMinMaxStatistics(n,i))?.[0]?.attributes;if(t.min=y(a[`min${i}`]),t.max=y(a[`max${i}`]),s!=null&&(s?.max!=null||s?.min!=null)){let{min:r,max:o}=s;if(r=r?.replace("+"," "),o=o?.replace("+"," "),r||o){let c=o&&!r?"<":!o&&r?">":null;return c?t.definitionExpression=`${i} ${c} '${r??o}'`:t.definitionExpression=`${i} BETWEEN '${r}' AND '${o}'`,!0}}return!1}async updateTimeExpression(e,t){let{field:i,range:s}=t,n=this.findFilterLayer(e);if(!n)return!1;let a=(await this.calculateMinMaxStatistics(n,i))?.[0]?.attributes;if(t.min=a[`min${i}`],t.max=a[`max${i}`],s!=null&&(s?.max!=null||s?.min!=null)){let{min:r,max:o}=s;if(r||o){let c=o&&!r?"<":!o&&r?">":null;return c?t.definitionExpression=`${i} ${c} TIME '${r??o}'`:t.definitionExpression=`${i} BETWEEN TIME '${r}' AND TIME '${o}'`,!0}}return!1}async updateCodedValueExpression(e,t,i){if(!i?.domain||i?.domain?.type!=="coded-value")return!1;let s=this.findFilterLayer(e);if(!s)return!1;await this.getFeatureAttributes(s,t);let n=i.domain.codedValues.reduce((a,{code:r,name:o})=>(a[r]=o,a),{});if(t.codedValues=n,this.sortCodedValues(t),t.selectedFields?.length){let a=t.selectedFields.map(r=>typeof r=="number"?r:`'${v(r)}'`).join(",");return t.definitionExpression=`${t.field} IN (${a})`,!0}return!1}updateRangeExpression(e,t){if(!t?.domain||t?.domain?.type!=="range")return!1;let{field:i,range:s}=e;return e.min=t.domain.minValue,e.max=t.domain.maxValue,s&&Object.keys(s).length?(e.definitionExpression=`${i} BETWEEN ${s.min} AND ${s.max}`,!0):!1}async getFeatureAttributes(e,t){if(!this.isLayerSupported(e)){t.fields=[];return}let i=await this.getQueryLayer(e),{maxRecordCount:s,supportsMaxRecordCountFactor:n}=this.extractQueryCapabilities(e),a=await i.queryFeatureCount(),r=this.createQuery(i,t);await this.queryDistinctFeatures(i,r,t),this.shouldPaginate(s,a,n)&&this.handlePagination(i,r,s,n,a,t)}isLayerSupported(e){return e&&g.includes(e.type)}extractQueryCapabilities(e){return{maxRecordCount:e.capabilities?.query?.maxRecordCount??e.sourceJSON?.maxRecordCount,supportsMaxRecordCountFactor:e.capabilities?.query?.supportsMaxRecordCountFactor}}createQuery(e,t){let i=e.createQuery();this.applyCacheHint(e,i);let s=t?.field;if(s){let n=this.getInitDefExprFromLayer(e);i.where=n||"1=1",i.outFields=[s],i.orderByFields=[`${s} ASC`],i.returnDistinctValues=!0,i.returnGeometry=!1,i.maxRecordCountFactor=5,this.applyQueryGeometryFromExtentSelector(i)}return i}async queryDistinctFeatures(e,t,i){if(!t.outFields)return;let s=await this.queryForFeatures(e,t,t.outFields[0]);s?.length&&(i.fields=[...new Set(s)],i.type==="string"?i.fields=i.fields.sort((n,a)=>n.localeCompare(a)):i.type==="number"&&(i.fields=i.fields.sort((n,a)=>n-a)))}getQueryCount(e,t){return t?e*5:e}shouldPaginate(e,t,i){let s=this.getQueryCount(e,i);return e!=null&&t>s}async handlePagination(e,t,i,s,n,a){let r=this.getQueryCount(i,s),o=[];for(let c=r;c<n;c+=r){let u=t.clone();u.num=i,u.start=c,o.push(this.queryForFeatures(e,u,t?.outFields?.[0]??""))}Promise.all(o).then(c=>{c.forEach(u=>{u?.length&&a.fields&&a.fields.push(...u)}),a.type==="string"?a.fields=[...new Set(a.fields)].sort((u,E)=>u.localeCompare(E)):a.type==="number"?a.fields=[...new Set(a.fields)].sort((u,E)=>u-E):a.type==="coded-value"&&a.codedValues?this.sortCodedValues(a):a.fields=[...new Set(a.fields)].sort()})}async queryForFeatures(e,t,i){return(await e.queryFeatures(t))?.features.filter(s=>{let n=s.attributes?.[i];return n!=null&&n!==""})?.map(s=>s.attributes?.[i])}async calculateMinMaxStatistics(e,t){if(!e||!g.includes(e.type)||!t)return[];let i=this.createStatisticsQuery(e,t);return(await e.queryFeatures(i))?.features||[]}createStatisticsQuery(e,t){let i=e.createQuery();return i.where=this.getInitDefExprFromLayer(e)||"1=1",this.applyCacheHint(e,i),i.outStatistics=[{onStatisticField:t,outStatisticFieldName:`max${t}`,statisticType:"max"},{onStatisticField:t,outStatisticFieldName:`min${t}`,statisticType:"min"}],this.applyQueryGeometryFromExtentSelector(i),i}getExtent(e,t){if(e&&t){let{constraints:i}=t,s={...i}.geometry;if(s){let n="extent"in s?s:T.fromJSON(s);if(n?.type==="extent"||n?.type==="polygon")return n}}}async setInitExpression(e,t){if(!t.field||!t.type){await this.updateExpression(e,t,void 0);return}let i=this.findFilterLayer(e);i&&((i.loadStatus==="not-loaded"||i.loadStatus==="failed")&&await i.load(),await i.when(async()=>{let s=i.fields?.find(({name:a})=>a===t.field),n=s?.domain?.type;t.type=n==="coded-value"||n==="range"?n:t.type,await this.updateExpression(e,t,s)}))}async updateExpression(e,t,i){let s=await this.handleExpressionType(e,t,i);this.requestUpdate(),s&&this.generateOutput(e)}async handleExpressionType(e,t,i){switch(t.type){case"string":return await this.updateStringExpression(e,t);case"number":return await this.updateNumberExpression(e,t);case"date":return await this.updateDateExpressionBasedOnDisplayOption(e,t);case"time-only":return await this.updateTimeExpressionBasedOnDisplayOption(e,t);case"coded-value":return await this.updateCodedValueExpression(e,t,i);case"range":return await this.updateRangeExpressionBasedOnDisplayOption(e,t,i);case"checkbox":case null:case void 0:return t.active??!1;default:return!1}}async updateDateExpressionBasedOnDisplayOption(e,t){return t.displayOption==="drop-down"?await this.updateStringExpression(e,t):await this.updateDateExpression(e,t)}async updateTimeExpressionBasedOnDisplayOption(e,t){return t.displayOption==="drop-down"?await this.updateStringExpression(e,t):await this.updateTimeExpression(e,t)}async updateRangeExpressionBasedOnDisplayOption(e,t,i){return t.displayOption==="drop-down"?await this.updateStringExpression(e,t):this.updateRangeExpression(t,i)}updateRangeExpressions(e,t,i,s){let n=this.getInitDefExprFromLayerExpression(t);(s||s===0)&&(i||i===0)&&(s===e?.min&&i===e?.max?(e.definitionExpression=void 0,e.active=!1):(e.definitionExpression=n?`(${n}) AND ${e?.field} BETWEEN ${s} AND ${i}`:`${e?.field} BETWEEN ${s} AND ${i}`,e.active=!0)),e.range={min:s,max:i}}handleCheckboxChange(e,t,i){let s=i.target;t.active=s.checked,this.generateOutput(e)}handleSliderChange(e,t,i){let{maxValue:s,minValue:n}=i.target;this.updateRangeExpressions(e,t,s,n),this.generateOutput(t)}handleComboSelect(e,t,i){let s=i.target.selectedItems,{field:n,type:a}=e;if(e.selectedFields=s.map(({value:r})=>r),s.length){let r=s.map(({value:o})=>typeof o=="number"?o:`'${v(o)}'`);e.definitionExpression=this.getSelectedFieldsDefExpression(e,r),e.active=!0}else e.definitionExpression=void 0,e.active=!1;this.generateOutput(t)}getSelectedFieldsDefExpression(e,t){let{field:i,type:s}=e;return s==="date"?t.map(n=>this.buildDateExpression(n,i)).join(" OR "):s==="time-only"?`${i} IN (${t.map(n=>`TIME ${n}`).join(",")})`:`${i} IN (${t.join(",")})`}handleDatePickerRangeChange(e,t,i){let s=i.target,[n,a]=s.valueAsDate,r=n?y(Math.floor(n.getTime()),!0):void 0,o=a?y(Math.floor(a.getTime()),!0):void 0;(r||o)&&(e.definitionExpression=this.constructDefinitionExpression(e.field,r,o),e.range={min:r,max:o},e.active=!0,this.generateOutput(t))}handleTimePickerRangeChange(e,t,i,s){let n=s.target,a=n.value;e.range==null&&(e.range={min:void 0,max:void 0}),i?e.max&&a>e.max?(e.range.min=e.max,n.value=e.range.min):e.min&&a<e.min?(e.range.min=e.min,n.value=e.range.min):e.range.min=a:e.max&&a>e.max?(e.range.max=e.max,n.value=e.range.max):e.min&&a<e.min?(e.range.max=e.min,n.value=e.range.max):e.range.max=a,(e.range.min||e.range.max)&&(e.definitionExpression=this.constructTimeDefinitionExpression(e.field,e.range.min,e.range.max),e.active=!0,this.generateOutput(t))}constructDefinitionExpression(e,t,i){return t?i?`${e} BETWEEN '${t}' AND '${i}'`:`${e} > '${t}'`:`${e} < '${i}'`}constructTimeDefinitionExpression(e,t,i){return t?i?`${e} BETWEEN TIME '${t}' AND TIME '${i}'`:`${e} > TIME '${t}'`:`${e} < TIME '${i}'`}handleURLParams(){if(!("URLSearchParams"in window))return;let e=new URLSearchParams(document.location.search).get("filter");if(!e){this.filterCount=0;return}let t=e.split(";").map(i=>JSON.parse(i));this.filterCount=this.applyFilters(t)}applyFilters(e){let t=0;return e.forEach(i=>{let s=this.filterLayerExpressions?.find(n=>n.id===i.layerId);s&&s.expressions?.forEach(n=>{n.id?.toString()===i.expressionId?.toString()&&(this.activateExpression(n,i),t++)})}),t}activateExpression(e,t){e.active=!0,t.type==="range"?e.range=t.range:t.type==="select"&&(e.selectedFields=t.selectedFields)}createURLParamExpression(e,t){let{id:i,range:s,selectedFields:n,type:a}=t;return a==="string"||a==="coded-value"||t?.numDisplayOption==="drop-down"||t?.displayOption==="drop-down"?{type:"select",layerId:e.id,expressionId:i.toString(),selectedFields:n}:a==="number"||a==="range"||a==="date"||a==="time-only"?{type:"range",layerId:e.id,expressionId:i.toString(),range:s}:{layerId:e.id,expressionId:i.toString()}}autoUpdateURLCheck(e){if(this.autoUpdateUrl){let t=e.toString()?`${window.location.pathname}?${e}`.trim():window.location.pathname;window.history.replaceState({},"",t)}}generateURLParams(){if(!("URLSearchParams"in window))return;let e=new URLSearchParams(window.location.search),t=this.filterLayerExpressions?.flatMap(i=>i?.expressions?.filter(s=>s.active).map(s=>JSON.stringify(this.createURLParamExpression(i,s)))||[])||[];this.filterCount=t.length,t.length>0?e.set("filter",t.join(";")):e.delete("filter"),this.autoUpdateURLCheck(e),this.urlParams=e}updateFilter(e,t,i){let{id:s}=e,n=this.view.map?.findLayerById(s)??this.view.map?.findTableById(s);if(n!=null)if(n.type==="point-cloud")this.updateFilterLayerPCLFilter(n,i);else if(n.type==="map-image"){let a=n.findSublayerById(e?.sublayerId);a!=null&&this.updateFilterLayerDefExpression(a,t,e)}else this.updateFilterLayerDefExpression(n,t,e)}updateFilterLayerDefExpression(e,t,i){let{operator:s}=i,n=this.getInitDefExprFromLayer(e),a=t?.length>0&&n!=null&&n!==""?`(${t.join(s)}) AND (${n})`:t.length>0?t.join(s):n;e.definitionExpression=a}updateFilterLayerPCLFilter(e,t){e.filters=t}async handleWhenView(){this.view!=null&&(await this.view.map.loadAll(),await this.handleLayerExpressionsUpdate())}async handleLayerExpressionsUpdate(){this.isInitUpdateComplete||(this.updateInitExpressions(),this.handleURLParams(),this.initExpressions())}async handleZoomTo(e){let t=e?.sublayerId?`#zoom-to-${e.id}-${e.sublayerId}`:`#zoom-to-${e.id}`,i=this.panelEl.value?.querySelector(t),s=(n,a)=>{i&&(i.loading=n,i.disabled=a)};if(s(!0,!0),await this.getZoomToExtent(e),this.zoomToExtent){let n=this.zoomToExtent.type==="point"&&this.zoomToExtent.count===1?{target:this.zoomToExtent.extent,zoom:10}:this.zoomToExtent.extent;await this.view.goTo(n)}s(!1,!1)}async getZoomToExtent(e){let t=this.view.allLayerViews.find(({layer:s})=>s.id===e.id).layer,i=t.type==="map-image"?t.findSublayerById(e.sublayerId):t;if(i&&i.type!=="point-cloud"&&g.includes(i?.type)){let s=await this.getQueryLayer(i),n=s.createQuery();n.where=s.definitionExpression??"1=1";let a=await s.queryExtent(n);this.zoomToExtent={...a,type:s.geometryType}}}generateOutput(e){if(this.view==null)return;let t=[],i=[];if(e){for(let s of e.expressions){let{active:n,definitionExpression:a,pointCloudFilters:r}=s;n&&a&&t.push(`(${a})`),n&&r!=null&&r.length>0&&(i=i.concat(r))}this.updateFilter(e,t,i),this.generateURLParams(),this.filterUpdate.emit()}}numberWithCommas(e){return e.toLocaleString("en-US",{maximumFractionDigits:20})}async getInitMap(){let e=this.view.map,t;return this.view.type==="2d"?t=new P({portalItem:{id:e.portalItem.id}}):t=new O({portalItem:{id:e.portalItem.id}}),await t.load(),t}scientificRounding(e,t,i){if(e==null)return;let s;if(!String(e).includes("e"))s=Math[i](e*Math.pow(10,t))/Math.pow(10,t);else{let[n,a]=String(e).split("e").map(o=>Number(o)),r=a+t;s=Math[i](+`${n}e${r}`)*Math.pow(10,-t)}return+s.toFixed(t)}roundMinNumberDown(e,t){return this.scientificRounding(e,t,"floor")}roundMaxNumberUp(e,t){return this.scientificRounding(e,t,"ceil")}roundNumber(e,t){return this.scientificRounding(e,t,"round")??e}setExpressionFormat(e,t,i){if(e?.popupTemplate!=null){let s=e?.popupTemplate.fieldInfos?.find(({fieldName:n})=>n===i);s?.format&&(t.format=s.format)}}getInitDefExprFromLayer(e){return e.type==="sublayer"?this.initMapImageExpressions?.[e?.layer?.id??""]?.[e.id]??"":this.initDefExpressions?.[e.id]??""}getInitDefExprFromLayerExpression(e){return e?.sublayerId!=null?this.initMapImageExpressions?.[e.id]?.[e.sublayerId]??"":this.initDefExpressions?.[e.id]??""}findFilterLayer(e){let t=this.view.map?.allLayers.concat(this.view.map?.allTables.toArray()??[])?.find(({id:i})=>i===e.id);return t?.type==="map-image"?t?.findSublayerById(e.sublayerId):t}createLabel(e,t){if(e.type==="coded-value")return e?.codedValues?.[t]??t;if(e.type==="number"&&typeof t=="number"){let i=t;return e.format?.places!=null&&(i=this.roundNumber(t,e.format.places)),e.format?.digitSeparator?this.numberWithCommas(i):i}if(e.type==="date"&&!e.dateOnly){let i=m.convertDateFormatToIntlOptions("short-date-long-time");return m.formatDate(t,i)}if(e.type==="time-only"){let i=m.convertDateFormatToIntlOptions("long-time");return m.formatTimeOnly(t,i)}return t}buildDateExpression(e,t){if(e){let i=new Date(e),s=new Date(e),n=new Date(s.setDate(i.getDate()+1)),a=`${i.getFullYear()}-${i.getMonth()+1}-${i.getDate()}`,r=`${i.getHours()}:${i.getMinutes()}:${i.getSeconds()}`,o=`${n.getHours()}:${n.getMinutes()}:${n.getSeconds()}`,c=`${n.getFullYear()}-${n.getMonth()+1}-${n.getDate()}`;return`${t} BETWEEN '${a} ${r}' AND '${c} ${o}'`}}async getQueryLayer(e){let t=e.type==="sublayer"?await e.createFeatureLayer():e;if(!t)throw new Error("Failed to create feature layer");return t}applyCacheHint(e,t){e?.capabilities?.query?.supportsCacheHint&&(t.cacheHint=!0)}applyQueryGeometryFromExtentSelector(e){if(!this.extentSelector||!this.extentSelectorConfig)return;let t=this.getExtent(this.extentSelector,this.extentSelectorConfig);t&&(e.geometry=t,e.spatialRelationship="intersects")}async updateInitExpressions(){if(!this.view?.map)return;let e=await this.getInitMap();this.initDefExpressions={},this.initPointCloudFilters={},this.initMapImageExpressions={},e.allLayers.concat(e.allTables.toArray()??[]).forEach(t=>{if(!g.includes(t.type))return;let i=t;if(i.type==="point-cloud")this.initPointCloudFilters||(this.initPointCloudFilters={}),this.initPointCloudFilters[i.id]=i.filters;else if(i.type==="map-image")this.initMapImageExpressions||(this.initMapImageExpressions={}),this.initMapImageExpressions[i.id]=i.allSublayers.reduce((s,n)=>(s[n.id]=n.definitionExpression??"",s),{});else{if(!this.initDefExpressions)return;this.initDefExpressions[i.id]=i.definitionExpression??""}}),this.isInitUpdateComplete=!0}sortCodedValues(e){typeof e.fields?.[0]=="number"?e.fields=[...new Set(e.fields)].sort((t,i)=>{let s=e.codedValues?.[t],n=e.codedValues?.[i];return(s??t)-(n??i)}):e.fields=[...new Set(e.fields)].sort((t,i)=>{let s=e.codedValues?.[t],n=e.codedValues?.[i],a=s??t,r=n??i;return a.localeCompare(r)})}render(){let e=this.loading?this.renderLoading():this.initFilterConfig(),t=this.renderFooter();return l`<calcite-panel class=${p(this.baseClass)} ${w(this.panelEl)}><slot slot=header-content name=filter-header-content></slot><slot slot=header-actions-end name=filter-header-actions-end></slot>${x("filter-container",l`<div class=${p(d.filterContainer)}>${e}${t}</div>`)}</calcite-panel>`}renderLoading(){return l`<calcite-loader label="Loading filters..."></calcite-loader>`}renderFilter(e){let{id:t}=e;return e.expressions.map((i,s)=>i.type==="checkbox"||i.type==null?x(`${t}-${s}`,l`<div class=${p(d.filterItemContainer)}><div class=${p(d.filterItemTitle)}><p>${i.name}</p></div><div class=${p(d.checkboxContainer)}><calcite-checkbox id=${i.id.toString()??h} scale=l .checked=${i?.active} @calciteCheckboxChange=${this.handleCheckboxChange.bind(this,e,i)}></calcite-checkbox></div></div>`):this.initInput(e,i))}renderLayerBlock(){return this.filterLayerExpressions?.map(e=>this.renderFilterBlocks(e))}renderFilterBlocks(e){let t=this.renderFilter(e),{operator:i}=e,s=i?.trim()==="OR"?"orOperator":"andOperator",n=this.renderZoomTo(e);return x(e.id,l`<calcite-block .heading=${e.title} .description=${this._messages[s]} .expanded=${this.openFilters?!0:void 0} collapsible>${n}${t}</calcite-block>`)}renderCombobox(e,t){return x("combo-select",l`<label class=${p(d.filterUIItemContainer)}><span>${t.name}</span><calcite-combobox id=${t.id.toString()??h} @calciteComboboxChange=${this.handleComboSelect.bind(this,t,e)} .label=${t.name} .placeholder=${t.placeholder} selection-mode=multiple max-items=6 scale=s .overlayPositioning=${this.comboboxOverlayPositioning}>${t.fields?.map((i,s)=>this.renderComboboxItem(t,i,s))}</calcite-combobox></label>`)}renderComboboxItem(e,t,i){let s=this.createLabel(e,t),n=e?.selectedFields?.includes(t)??!1;return x(`${s}-${i}`,l`<calcite-combobox-item .value=${t} .heading=${`${s}`} .selected=${n}></calcite-combobox-item>`)}renderNumberSlider(e,t){let i=t?.min,s=t?.max,n=t?.step?t.step:1,a=i!=null&&s!=null,r=t?.field??"",o=t?.range?.min!=null?t.range.min:i,c=t?.range?.max!=null?t.range.max:s,u=[o,c];return a?x(t?.id.toString(),l`<label class=${p(d.filterUIItemContainer)}><span>${t?.name}</span><div class=${p(d.numberInputContainer)}><calcite-slider id=${t?.id.toString()??h} @calciteSliderChange=${this.handleSliderChange.bind(this,t,e)} .min=${i} .max=${s} .minValue=${i} .maxValue=${s} .minLabel=${this._messages.minSlider?.replace("{field}",r)} .maxLabel=${this._messages.maxSlider?.replace("{field}",r)} .step=${n} label-handles snap .value=${u} .groupSeparator=${t?.format?.digitSeparator} precise></calcite-slider></div></label>`):void 0}renderDatePicker(e,t){let{min:i,max:s}=t,n=[t?.range?.min,t?.range?.max];return i!=null&&s!=null?l`<label class=${p(d.filterUIItemContainer)}><span>${t?.name}</span><div class=${p(d.dateInputContainer)}><calcite-input-date-picker id=${t?.id.toString()??h} @calciteInputDatePickerChange=${this.handleDatePickerRangeChange.bind(this,t,e)} .min=${i} .max=${s} calendars=1 overlay-positioning=fixed lang=${m.getLocale()??"en"??h} layout=vertical .value=${n} range></calcite-input-date-picker><calcite-action @click=${this.handleResetDatePicker.bind(this,t,e)} icon=reset .text=${this._messages.resetDatePicker} title=${this._messages.resetDatePicker??h} scale=s></calcite-action></div></label>`:void 0}renderTimePicker(e,t){let{min:i,max:s,range:n}=t,a=i!=null&&s!=null,r=n?.min!=null?n.min:i,o=n?.max!=null?n.max:s;return a?l`<label class=${p(d.filterUIItemContainer)}><span>${t?.name}</span><div class=${p(d.timeInputContainer)}><calcite-input-time-picker .id=${`${t?.id.toString()}-min`} .value=${r} overlay-positioning=fixed lang=${m.getLocale()??"en"??h} @calciteInputTimePickerChange=${this.handleTimePickerRangeChange.bind(this,t,e,!0)}></calcite-input-time-picker><calcite-input-time-picker .id=${`${t?.id.toString()}-max`} .value=${o} overlay-positioning=fixed lang=${m.getLocale()??"en"??h} @calciteInputTimePickerChange=${this.handleTimePickerRangeChange.bind(this,t,e,!1)}></calcite-input-time-picker><calcite-action @click=${this.handleResetTimePicker.bind(this,t,e)} icon=reset .text=${this._messages.resetTimePicker} title=${this._messages.resetTimePicker??h} scale=s></calcite-action></div></label>`:void 0}renderFooter(){let e=this.closeBtnText??this._messages.close,t=this.closeBtn&&this.resetBtn?"half":"full";return l`<div class=${p(d.footer)} slot=footer>${this.resetBtn?l`<calcite-button appearance=outline .width=${t} @click=${this.handleResetFilter} ${w(this.resetBtnEl)}>${this._messages.resetFilter}</calcite-button>`:void 0}${this.closeBtn?l`<calcite-button appearance=solid .width=${t} kind=brand @click=${this.closeBtnOnClick}>${e}</calcite-button>`:void 0}</div>`}renderZoomTo(e){let t=e?.sublayerId?`zoom-to-${e.id}-${e.sublayerId}`:`zoom-to-${e.id}`;return this.zoomBtn?l`<calcite-action id=${t??h} slot=actions-end appearance=transparent .text=${this._messages.zoomTo} title=${this._messages.zoomTo??h} scale=s icon=magnifying-glass-plus @click=${this.handleZoomTo.bind(this,e)}></calcite-action>`:void 0}};I("instant-apps-filter-list",C);return C},"geometry/support/jsonUtils","intl","WebMap","WebScene")
+import{a as x}from"./ONARC6AZ.js";import{a as L}from"./2D6XDWYA.js";import{a as S}from"./LHG6NOEP.js";import{b as I}from"./CVHXDPJO.js";import"./RMEDO4JC.js";import"./ISFTCFSJ.js";import{E as $,F as w,G as k,I as p,h as F,i as l,l as h,q as b}from"./FFF5HUPM.js";import"./QPIMTXPL.js";export default $arcgis.t(([T,m,P,O])=>{var D="instant-apps-filter-list calcite-mode-light",M="instant-apps-filter-list calcite-mode-dark",g=["feature","geojson","wfs","csv","scene","subtype-group","point-cloud","map-image","sublayer"];function v(f){return f.replaceAll("'","''")}function y(f,e=!1){if(f){let t=new Date(f),i=`${t.getFullYear()}-${t.getMonth()+1}-${t.getDate()}`;if(e){let s=`${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`;return`${i} ${s}`}else return i}}function _(f){if(f!=null){f.value=["",""];let e=f.shadowRoot?.querySelectorAll("calcite-input");if(e!=null)for(let t of e)t.value=""}}var R=F`:host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block{--calcite-internal-block-actions-spacing: 0}.instant-apps-filter-list__container calcite-block calcite-action[slot=actions-end]{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:400}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100%;font-size:16px;--calcite-combobox-input-height: 24px}.instant-apps-filter-list__number-input-container{width:100%;display:flex;justify-content:center}.instant-apps-filter-list__number-input-container calcite-slider{width:90%}.instant-apps-filter-list__date-picker-input-container{display:flex;align-items:center;justify-content:unset;width:100%}.instant-apps-filter-list__date-picker-input-container calcite-action{height:65px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__time-picker-input-container{display:grid;grid-template-columns:auto 32px;width:100%}.instant-apps-filter-list__time-picker-input-container calcite-input-time-picker:first-child{grid-column:1;grid-row:1}.instant-apps-filter-list__time-picker-input-container calcite-input-time-picker:last-child{grid-column:1;grid-row:2}.instant-apps-filter-list__time-picker-input-container calcite-action{grid-column:2;grid-row:1/span 2;height:64px;width:33px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__title{margin-right:20px}.instant-apps-filter-list__title>p{font-size:14px;font-weight:400;margin:0}.instant-apps-filter-list__checkbox-container{display:flex}.instant-apps-filter-list__checkbox-container calcite-checkbox{height:18px}.instant-apps-filter-list__operator-description{margin:0;--calcite-font-size--1: 12px}.instant-apps-filter-list calcite-input-date-picker{--calcite-font-size--1: 16px}@media(prefers-reduced-motion){.instant-apps-filter-list calcite-loader{--calcite-internal-duration-factor: 2;--calcite-internal-animation-timing-slow: .6s }}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__header-container{background:#2b2b2b;color:#fff}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__operator-description{background:#353535}`,d={filterContainer:"instant-apps-filter-list__container",footer:"instant-apps-filter-list__footer",filterItemTitle:"instant-apps-filter-list__title",filterItemContainer:"instant-apps-filter-list__item-container",filterUIItemContainer:"instant-apps-filter-list__item-container--user-input",checkboxContainer:"instant-apps-filter-list__checkbox-container",numberInputContainer:"instant-apps-filter-list__number-input-container",dateInputContainer:"instant-apps-filter-list__date-picker-input-container",timeInputContainer:"instant-apps-filter-list__time-picker-input-container",operatorDesc:"instant-apps-filter-list__operator-description"},C=class extends k{constructor(){super(...arguments),this._messages=S({name:"instant-apps-filter-list",blocking:!0}),this.resetBtnEl=$(),this.panelEl=$(),this.isLayerExpUpdated=!1,this.isInitUpdateComplete=!1,this.baseClass=D,this.autoUpdateUrl=!1,this.closeBtn=!1,this.comboboxOverlayPositioning="absolute",this.openFilters=!1,this.extentSelector=!1,this.filterCount=0,this.zoomBtn=!0,this.resetBtn=!0,this.resetFiltersOnDisconnect=!0,this.filterListReset=b(),this.filterUpdate=b()}static{this.properties={loading:16,filterLayerExpressions:16,baseClass:16,initDefExpressions:16,initMapImageExpressions:16,initPointCloudFilters:16,layerExpressions:0,autoUpdateUrl:5,closeBtn:5,closeBtnOnClick:0,comboboxOverlayPositioning:1,closeBtnText:1,openFilters:5,extentSelector:5,extentSelectorConfig:0,urlParams:0,filterCount:9,view:0,zoomBtn:5,resetBtn:5,resetFiltersOnDisconnect:5}}static{this.styles=R}async forceReset(){return this.resetExpressions(),await Promise.resolve(!0)}async getCurrentLayerExpressions(){let e=structuredClone(this.filterLayerExpressions);return await Promise.resolve(e)}async getFilterInitState(){return await Promise.resolve({initDefExpressions:this.initDefExpressions,initMapImageExpressions:this.initMapImageExpressions,initPointCloudFilters:this.initPointCloudFilters})}async handleUpdatingT9nData(e){return e==null?await Promise.resolve(!0):(this.filterLayerExpressions?.forEach(t=>{let i=e?.find(s=>s.id===t.id);i!=null&&(t.title=i.title,t.expressions?.forEach(s=>{let n=i.expressions?.find(a=>a.id===s.id);n!=null&&(s.name=n.name)}))}),await Promise.resolve(!0))}async updateInitDefExpressions(e){return this.initDefExpressions=e.initDefExpressions,this.initMapImageExpressions=e.initMapImageExpressions,this.initPointCloudFilters=e.initPointCloudFilters,await Promise.resolve(!0)}connectedCallback(){super.connectedCallback(),!(this.layerExpressions==null&&this.view==null)&&(this.isLayerExpUpdated=!0,this.filterLayerExpressions=structuredClone(this.layerExpressions),this.isInitUpdateComplete=!1,this.handleLayerExpressionsUpdate())}async load(){this.baseClass=L(this.el)==="dark"?M:D,!this.isLayerExpUpdated&&(this.isLayerExpUpdated=!0,this.filterLayerExpressions=this.layerExpressions!=null?structuredClone(this.layerExpressions):[],this.view!=null&&this.handleLayerExpressionsUpdate())}willUpdate(e){e.has("view")&&this.handleWhenView(),e.has("layerExpressions")&&(this.isInitUpdateComplete=!1,this.resetAllFilters(),this.filterLayerExpressions=structuredClone(this.layerExpressions),this.handleLayerExpressionsUpdate())}updated(){this.resetBtnEl.value!=null&&(this.resetBtnEl.value.disabled=!(this.filterLayerExpressions&&this.filterLayerExpressions.length>0))}disconnectedCallback(){super.disconnectedCallback(),this.resetFiltersOnDisconnect&&(this.isLayerExpUpdated=!1,this.filterLayerExpressions=structuredClone(this.layerExpressions),this.resetAllFilters())}initFilterConfig(){if(this.filterLayerExpressions&&this.filterLayerExpressions.length>0){if(this.filterLayerExpressions.length===1){let{operator:e}=this.filterLayerExpressions[0],t=e?.trim()==="OR"?"orOperator":"andOperator",i=this.renderZoomTo(this.filterLayerExpressions[0]);return l`<calcite-block class=${p(d.operatorDesc)} .heading=${this._messages[t]} expanded>${i}${this.renderFilter(this.filterLayerExpressions[0])}</calcite-block>`}else if(this.filterLayerExpressions.length>1)return this.renderLayerBlock()}}handleResetDatePicker(e,t){let i=this.panelEl.value?.querySelector(`[id='${e.id}']`);i&&(_(i),e.active=!1,e.definitionExpression=void 0,e.range=void 0,this.generateOutput(t))}handleResetTimePicker(e,t){this.resetTimePicker(e),e.active=!1,e.definitionExpression=void 0,e.range=void 0,this.generateOutput(t)}resetTimePicker(e){let t=this.panelEl.value?.querySelector(`[id='${e.id}-min']`),i=this.panelEl.value?.querySelector(`[id='${e.id}-max']`);!t||!i||(t.value=e.min,i.value=e.max)}initInput(e,t){let{type:i,numDisplayOption:s,displayOption:n}=t;if(i==="string"||i==="coded-value"||(i==="number"||i==="range"||i==="date"||i==="time-only")&&(s==="drop-down"||n==="drop-down"))return this.renderCombobox(e,t);if(i==="number"||i==="range")return this.renderNumberSlider(e,t);if(i==="date")return this.renderDatePicker(e,t);if(i==="time-only")return this.renderTimePicker(e,t)}async initExpressions(){if(this.loading=!0,this.filterLayerExpressions==null||this.view==null){this.loading=!1;return}await this.processExpressions(),this.loading=!1}async processExpressions(){this.filterLayerExpressions&&await Promise.all(this.filterLayerExpressions.map(async e=>{await Promise.all((e.expressions||[]).map(async t=>await this.setInitExpression(e,t)))}))}handleResetFilter(){this.resetExpressions(),this.resetAllFilters(),this.generateURLParams(),this.filterListReset.emit()}resetExpressions(){this.filterLayerExpressions?.forEach(e=>{e.expressions?.forEach(t=>{let{type:i,numDisplayOption:s,displayOption:n}=t,a="";i==="string"||i==="coded-value"||(i==="number"||i==="range"||i==="date"||i==="time-only")&&(s==="drop-down"||n==="drop-down")?a="combobox":i==="date"?a="datePicker":i==="number"||i==="range"?a="numberRange":i==="time-only"&&(a="timePicker"),a?this.resetExpressionUI(a,t):this.resetCheckbox(t),t.active=!1})})}resetExpressionUI(e,t){let{id:i}=t;switch(e){case"combobox":{t.selectedFields=void 0;let s=this.panelEl.value?.querySelector(`[id='${i}']`);s&&Array.from(s.children).forEach(n=>{n.selected=!1});break}case"datePicker":{t.range=void 0;let s=this.panelEl.value?.querySelector(`[id='${i}']`);s&&_(s);break}case"numberRange":{t.range=void 0;let s=this.panelEl.value?.querySelector(`[id='${i}']`);s&&(s.minValue=t.min,s.maxValue=t.max);break}case"timePicker":t.range=void 0,this.resetTimePicker(t)}}resetCheckbox(e){let{id:t}=e,i=this.panelEl.value?.querySelector(`[id='${t}']`);i&&(i.checked=!1)}resetAllFilters(){this.view?.map?.allLayers?.concat(this.view?.map?.allTables.toArray()??[])?.forEach(e=>{if(!g.includes(e.type))return;let t=e;if(t.type==="point-cloud"){if(!this.initPointCloudFilters)return;t.filters=this.initPointCloudFilters[t.id]}else if(t.type==="map-image")t.allSublayers.forEach(i=>{i.definitionExpression=this.initMapImageExpressions?.[t.id]?.[i.id]??""});else{if(this.initDefExpressions==null)return;t.definitionExpression=this.initDefExpressions[t.id]}})}async updateStringExpression(e,t){let i=this.findFilterLayer(e);return i?(await this.getFeatureAttributes(i,t),this.handleDateField(i,t),t?.selectedFields?(t.definitionExpression=this.createDefinitionExpression(t),!0):!1):!1}handleDateField(e,t){t.type==="date"&&e.fields.find(({name:i})=>i===t.field)?.type==="date-only"&&(t.dateOnly=!0)}createDefinitionExpression(e){if(!e.selectedFields?.length)return"";let t=e.selectedFields.map(i=>typeof i=="number"?i:`'${v(i)}'`);return this.getSelectedFieldsDefExpression(e,t)}async updateNumberExpression(e,t){if(!t?.min&&t?.min!==0||!t?.max&&t?.max!==0){let i=this.findFilterLayer(e);if(!i)return!1;let{field:s}=t;if(s!=null)if(this.setExpressionFormat(i,t,s),t?.numDisplayOption==="drop-down"||t?.displayOption==="drop-down")await this.getFeatureAttributes(i,t);else{let n=(await this.calculateMinMaxStatistics(i,s))?.[0]?.attributes;if(t.format?.places!=null?(t.min=this.roundMinNumberDown(n[`min${s}`],t.format.places),t.max=this.roundMaxNumberUp(n[`max${s}`],t.format.places)):(t.min=n[`min${s}`],t.max=n[`max${s}`]),t?.range&&Object.keys(t.range).length){let{min:a,max:r}=t.range;return t.definitionExpression=`${t.field} BETWEEN ${a} AND ${r}`,!0}}}return!1}async updateDateExpression(e,t){let{field:i,range:s}=t,n=this.findFilterLayer(e);if(!n)return!1;let a=(await this.calculateMinMaxStatistics(n,i))?.[0]?.attributes;if(t.min=y(a[`min${i}`]),t.max=y(a[`max${i}`]),s!=null&&(s?.max!=null||s?.min!=null)){let{min:r,max:o}=s;if(r=r?.replace("+"," "),o=o?.replace("+"," "),r||o){let c=o&&!r?"<":!o&&r?">":null;return c?t.definitionExpression=`${i} ${c} '${r??o}'`:t.definitionExpression=`${i} BETWEEN '${r}' AND '${o}'`,!0}}return!1}async updateTimeExpression(e,t){let{field:i,range:s}=t,n=this.findFilterLayer(e);if(!n)return!1;let a=(await this.calculateMinMaxStatistics(n,i))?.[0]?.attributes;if(t.min=a[`min${i}`],t.max=a[`max${i}`],s!=null&&(s?.max!=null||s?.min!=null)){let{min:r,max:o}=s;if(r||o){let c=o&&!r?"<":!o&&r?">":null;return c?t.definitionExpression=`${i} ${c} TIME '${r??o}'`:t.definitionExpression=`${i} BETWEEN TIME '${r}' AND TIME '${o}'`,!0}}return!1}async updateCodedValueExpression(e,t,i){if(!i?.domain||i?.domain?.type!=="coded-value")return!1;let s=this.findFilterLayer(e);if(!s)return!1;await this.getFeatureAttributes(s,t);let n=i.domain.codedValues.reduce((a,{code:r,name:o})=>(a[r]=o,a),{});if(t.codedValues=n,this.sortCodedValues(t),t.selectedFields?.length){let a=t.selectedFields.map(r=>typeof r=="number"?r:`'${v(r)}'`).join(",");return t.definitionExpression=`${t.field} IN (${a})`,!0}return!1}updateRangeExpression(e,t){if(!t?.domain||t?.domain?.type!=="range")return!1;let{field:i,range:s}=e;return e.min=t.domain.minValue,e.max=t.domain.maxValue,s&&Object.keys(s).length?(e.definitionExpression=`${i} BETWEEN ${s.min} AND ${s.max}`,!0):!1}async getFeatureAttributes(e,t){if(!this.isLayerSupported(e)){t.fields=[];return}let i=await this.getQueryLayer(e),{maxRecordCount:s,supportsMaxRecordCountFactor:n}=this.extractQueryCapabilities(e),a=await i.queryFeatureCount(),r=this.createQuery(i,t);await this.queryDistinctFeatures(i,r,t),this.shouldPaginate(s,a,n)&&this.handlePagination(i,r,s,n,a,t)}isLayerSupported(e){return e&&g.includes(e.type)}extractQueryCapabilities(e){return{maxRecordCount:e.capabilities?.query?.maxRecordCount??e.sourceJSON?.maxRecordCount,supportsMaxRecordCountFactor:e.capabilities?.query?.supportsMaxRecordCountFactor}}createQuery(e,t){let i=e.createQuery();this.applyCacheHint(e,i);let s=t?.field;if(s){let n=this.getInitDefExprFromLayer(e);i.where=n||"1=1",i.outFields=[s],i.orderByFields=[`${s} ASC`],i.returnDistinctValues=!0,i.returnGeometry=!1,i.maxRecordCountFactor=5,this.applyQueryGeometryFromExtentSelector(i)}return i}async queryDistinctFeatures(e,t,i){if(!t.outFields)return;let s=await this.queryForFeatures(e,t,t.outFields[0]);s?.length&&(i.fields=[...new Set(s)],i.type==="string"?i.fields=i.fields.sort((n,a)=>n.localeCompare(a)):i.type==="number"&&(i.fields=i.fields.sort((n,a)=>n-a)))}getQueryCount(e,t){return t?e*5:e}shouldPaginate(e,t,i){let s=this.getQueryCount(e,i);return e!=null&&t>s}async handlePagination(e,t,i,s,n,a){let r=this.getQueryCount(i,s),o=[];for(let c=r;c<n;c+=r){let u=t.clone();u.num=i,u.start=c,o.push(this.queryForFeatures(e,u,t?.outFields?.[0]??""))}Promise.all(o).then(c=>{c.forEach(u=>{u?.length&&a.fields&&a.fields.push(...u)}),a.type==="string"?a.fields=[...new Set(a.fields)].sort((u,E)=>u.localeCompare(E)):a.type==="number"?a.fields=[...new Set(a.fields)].sort((u,E)=>u-E):a.type==="coded-value"&&a.codedValues?this.sortCodedValues(a):a.fields=[...new Set(a.fields)].sort()})}async queryForFeatures(e,t,i){return(await e.queryFeatures(t))?.features.filter(s=>{let n=s.attributes?.[i];return n!=null&&n!==""})?.map(s=>s.attributes?.[i])}async calculateMinMaxStatistics(e,t){if(!e||!g.includes(e.type)||!t)return[];let i=this.createStatisticsQuery(e,t);return(await e.queryFeatures(i))?.features||[]}createStatisticsQuery(e,t){let i=e.createQuery();return i.where=this.getInitDefExprFromLayer(e)||"1=1",this.applyCacheHint(e,i),i.outStatistics=[{onStatisticField:t,outStatisticFieldName:`max${t}`,statisticType:"max"},{onStatisticField:t,outStatisticFieldName:`min${t}`,statisticType:"min"}],this.applyQueryGeometryFromExtentSelector(i),i}getExtent(e,t){if(e&&t){let{constraints:i}=t,s={...i}.geometry;if(s){let n="extent"in s?s:T.fromJSON(s);if(n?.type==="extent"||n?.type==="polygon")return n}}}async setInitExpression(e,t){if(!t.field||!t.type){await this.updateExpression(e,t,void 0);return}let i=this.findFilterLayer(e);i&&((i.loadStatus==="not-loaded"||i.loadStatus==="failed")&&await i.load(),await i.when(async()=>{let s=i.fields?.find(({name:a})=>a===t.field),n=s?.domain?.type;t.type=n==="coded-value"||n==="range"?n:t.type,await this.updateExpression(e,t,s)}))}async updateExpression(e,t,i){let s=await this.handleExpressionType(e,t,i);this.requestUpdate(),s&&this.generateOutput(e)}async handleExpressionType(e,t,i){switch(t.type){case"string":return await this.updateStringExpression(e,t);case"number":return await this.updateNumberExpression(e,t);case"date":return await this.updateDateExpressionBasedOnDisplayOption(e,t);case"time-only":return await this.updateTimeExpressionBasedOnDisplayOption(e,t);case"coded-value":return await this.updateCodedValueExpression(e,t,i);case"range":return await this.updateRangeExpressionBasedOnDisplayOption(e,t,i);case"checkbox":case null:case void 0:return t.active??!1;default:return!1}}async updateDateExpressionBasedOnDisplayOption(e,t){return t.displayOption==="drop-down"?await this.updateStringExpression(e,t):await this.updateDateExpression(e,t)}async updateTimeExpressionBasedOnDisplayOption(e,t){return t.displayOption==="drop-down"?await this.updateStringExpression(e,t):await this.updateTimeExpression(e,t)}async updateRangeExpressionBasedOnDisplayOption(e,t,i){return t.displayOption==="drop-down"?await this.updateStringExpression(e,t):this.updateRangeExpression(t,i)}updateRangeExpressions(e,t,i,s){let n=this.getInitDefExprFromLayerExpression(t);(s||s===0)&&(i||i===0)&&(s===e?.min&&i===e?.max?(e.definitionExpression=void 0,e.active=!1):(e.definitionExpression=n?`(${n}) AND ${e?.field} BETWEEN ${s} AND ${i}`:`${e?.field} BETWEEN ${s} AND ${i}`,e.active=!0)),e.range={min:s,max:i}}handleCheckboxChange(e,t,i){let s=i.target;t.active=s.checked,this.generateOutput(e)}handleSliderChange(e,t,i){let{maxValue:s,minValue:n}=i.target;this.updateRangeExpressions(e,t,s,n),this.generateOutput(t)}handleComboSelect(e,t,i){let s=i.target.selectedItems,{field:n,type:a}=e;if(e.selectedFields=s.map(({value:r})=>r),s.length){let r=s.map(({value:o})=>typeof o=="number"?o:`'${v(o)}'`);e.definitionExpression=this.getSelectedFieldsDefExpression(e,r),e.active=!0}else e.definitionExpression=void 0,e.active=!1;this.generateOutput(t)}getSelectedFieldsDefExpression(e,t){let{field:i,type:s}=e;return s==="date"?t.map(n=>this.buildDateExpression(n,i)).join(" OR "):s==="time-only"?`${i} IN (${t.map(n=>`TIME ${n}`).join(",")})`:`${i} IN (${t.join(",")})`}handleDatePickerRangeChange(e,t,i){let s=i.target,[n,a]=s.valueAsDate,r=n?y(Math.floor(n.getTime()),!0):void 0,o=a?y(Math.floor(a.getTime()),!0):void 0;(r||o)&&(e.definitionExpression=this.constructDefinitionExpression(e.field,r,o),e.range={min:r,max:o},e.active=!0,this.generateOutput(t))}handleTimePickerRangeChange(e,t,i,s){let n=s.target,a=n.value;e.range==null&&(e.range={min:void 0,max:void 0}),i?e.max&&a>e.max?(e.range.min=e.max,n.value=e.range.min):e.min&&a<e.min?(e.range.min=e.min,n.value=e.range.min):e.range.min=a:e.max&&a>e.max?(e.range.max=e.max,n.value=e.range.max):e.min&&a<e.min?(e.range.max=e.min,n.value=e.range.max):e.range.max=a,(e.range.min||e.range.max)&&(e.definitionExpression=this.constructTimeDefinitionExpression(e.field,e.range.min,e.range.max),e.active=!0,this.generateOutput(t))}constructDefinitionExpression(e,t,i){return t?i?`${e} BETWEEN '${t}' AND '${i}'`:`${e} > '${t}'`:`${e} < '${i}'`}constructTimeDefinitionExpression(e,t,i){return t?i?`${e} BETWEEN TIME '${t}' AND TIME '${i}'`:`${e} > TIME '${t}'`:`${e} < TIME '${i}'`}handleURLParams(){if(!("URLSearchParams"in window))return;let e=new URLSearchParams(document.location.search).get("filter");if(!e){this.filterCount=0;return}let t=e.split(";").map(i=>JSON.parse(i));this.filterCount=this.applyFilters(t)}applyFilters(e){let t=0;return e.forEach(i=>{let s=this.filterLayerExpressions?.find(n=>n.id===i.layerId);s&&s.expressions?.forEach(n=>{n.id?.toString()===i.expressionId?.toString()&&(this.activateExpression(n,i),t++)})}),t}activateExpression(e,t){e.active=!0,t.type==="range"?e.range=t.range:t.type==="select"&&(e.selectedFields=t.selectedFields)}createURLParamExpression(e,t){let{id:i,range:s,selectedFields:n,type:a}=t;return a==="string"||a==="coded-value"||t?.numDisplayOption==="drop-down"||t?.displayOption==="drop-down"?{type:"select",layerId:e.id,expressionId:i.toString(),selectedFields:n}:a==="number"||a==="range"||a==="date"||a==="time-only"?{type:"range",layerId:e.id,expressionId:i.toString(),range:s}:{layerId:e.id,expressionId:i.toString()}}autoUpdateURLCheck(e){if(this.autoUpdateUrl){let t=e.toString()?`${window.location.pathname}?${e}`.trim():window.location.pathname;window.history.replaceState({},"",t)}}generateURLParams(){if(!("URLSearchParams"in window))return;let e=new URLSearchParams(window.location.search),t=this.filterLayerExpressions?.flatMap(i=>i?.expressions?.filter(s=>s.active).map(s=>JSON.stringify(this.createURLParamExpression(i,s)))||[])||[];this.filterCount=t.length,t.length>0?e.set("filter",t.join(";")):e.delete("filter"),this.autoUpdateURLCheck(e),this.urlParams=e}updateFilter(e,t,i){let{id:s}=e,n=this.view.map?.findLayerById(s)??this.view.map?.findTableById(s);if(n!=null)if(n.type==="point-cloud")this.updateFilterLayerPCLFilter(n,i);else if(n.type==="map-image"){let a=n.findSublayerById(e?.sublayerId);a!=null&&this.updateFilterLayerDefExpression(a,t,e)}else this.updateFilterLayerDefExpression(n,t,e)}updateFilterLayerDefExpression(e,t,i){let{operator:s}=i,n=this.getInitDefExprFromLayer(e),a=t?.length>0&&n!=null&&n!==""?`(${t.join(s)}) AND (${n})`:t.length>0?t.join(s):n;e.definitionExpression=a}updateFilterLayerPCLFilter(e,t){e.filters=t}async handleWhenView(){this.view!=null&&(await this.view.map.loadAll(),await this.handleLayerExpressionsUpdate())}async handleLayerExpressionsUpdate(){this.isInitUpdateComplete||(this.updateInitExpressions(),this.handleURLParams(),this.initExpressions())}async handleZoomTo(e){let t=e?.sublayerId?`#zoom-to-${e.id}-${e.sublayerId}`:`#zoom-to-${e.id}`,i=this.panelEl.value?.querySelector(t),s=(n,a)=>{i&&(i.loading=n,i.disabled=a)};if(s(!0,!0),await this.getZoomToExtent(e),this.zoomToExtent){let n=this.zoomToExtent.type==="point"&&this.zoomToExtent.count===1?{target:this.zoomToExtent.extent,zoom:10}:this.zoomToExtent.extent;await this.view.goTo(n)}s(!1,!1)}async getZoomToExtent(e){let t=this.view.allLayerViews.find(({layer:s})=>s.id===e.id).layer,i=t.type==="map-image"?t.findSublayerById(e.sublayerId):t;if(i&&i.type!=="point-cloud"&&g.includes(i?.type)){let s=await this.getQueryLayer(i),n=s.createQuery();n.where=s.definitionExpression??"1=1";let a=await s.queryExtent(n);this.zoomToExtent={...a,type:s.geometryType}}}generateOutput(e){if(this.view==null)return;let t=[],i=[];if(e){for(let s of e.expressions){let{active:n,definitionExpression:a,pointCloudFilters:r}=s;n&&a&&t.push(`(${a})`),n&&r!=null&&r.length>0&&(i=i.concat(r))}this.updateFilter(e,t,i),this.generateURLParams(),this.filterUpdate.emit()}}numberWithCommas(e){return e.toLocaleString("en-US",{maximumFractionDigits:20})}async getInitMap(){let e=this.view.map,t;return this.view.type==="2d"?t=new P({portalItem:{id:e.portalItem.id}}):t=new O({portalItem:{id:e.portalItem.id}}),await t.load(),t}scientificRounding(e,t,i){if(e==null)return;let s;if(!String(e).includes("e"))s=Math[i](e*Math.pow(10,t))/Math.pow(10,t);else{let[n,a]=String(e).split("e").map(o=>Number(o)),r=a+t;s=Math[i](+`${n}e${r}`)*Math.pow(10,-t)}return+s.toFixed(t)}roundMinNumberDown(e,t){return this.scientificRounding(e,t,"floor")}roundMaxNumberUp(e,t){return this.scientificRounding(e,t,"ceil")}roundNumber(e,t){return this.scientificRounding(e,t,"round")??e}setExpressionFormat(e,t,i){if(e?.popupTemplate!=null){let s=e?.popupTemplate.fieldInfos?.find(({fieldName:n})=>n===i);s?.format&&(t.format=s.format)}}getInitDefExprFromLayer(e){return e.type==="sublayer"?this.initMapImageExpressions?.[e?.layer?.id??""]?.[e.id]??"":this.initDefExpressions?.[e.id]??""}getInitDefExprFromLayerExpression(e){return e?.sublayerId!=null?this.initMapImageExpressions?.[e.id]?.[e.sublayerId]??"":this.initDefExpressions?.[e.id]??""}findFilterLayer(e){let t=this.view.map?.allLayers.concat(this.view.map?.allTables.toArray()??[])?.find(({id:i})=>i===e.id);return t?.type==="map-image"?t?.findSublayerById(e.sublayerId):t}createLabel(e,t){if(e.type==="coded-value")return e?.codedValues?.[t]??t;if(e.type==="number"&&typeof t=="number"){let i=t;return e.format?.places!=null&&(i=this.roundNumber(t,e.format.places)),e.format?.digitSeparator?this.numberWithCommas(i):i}if(e.type==="date"&&!e.dateOnly){let i=m.convertDateFormatToIntlOptions("short-date-long-time");return m.formatDate(t,i)}if(e.type==="time-only"){let i=m.convertDateFormatToIntlOptions("long-time");return m.formatTimeOnly(t,i)}return t}buildDateExpression(e,t){if(e){let i=new Date(e),s=new Date(e),n=new Date(s.setDate(i.getDate()+1)),a=`${i.getFullYear()}-${i.getMonth()+1}-${i.getDate()}`,r=`${i.getHours()}:${i.getMinutes()}:${i.getSeconds()}`,o=`${n.getHours()}:${n.getMinutes()}:${n.getSeconds()}`,c=`${n.getFullYear()}-${n.getMonth()+1}-${n.getDate()}`;return`${t} BETWEEN '${a} ${r}' AND '${c} ${o}'`}}async getQueryLayer(e){let t=e.type==="sublayer"?await e.createFeatureLayer():e;if(!t)throw new Error("Failed to create feature layer");return t}applyCacheHint(e,t){e?.capabilities?.query?.supportsCacheHint&&(t.cacheHint=!0)}applyQueryGeometryFromExtentSelector(e){if(!this.extentSelector||!this.extentSelectorConfig)return;let t=this.getExtent(this.extentSelector,this.extentSelectorConfig);t&&(e.geometry=t,e.spatialRelationship="intersects")}async updateInitExpressions(){if(!this.view?.map)return;let e=await this.getInitMap();this.initDefExpressions={},this.initPointCloudFilters={},this.initMapImageExpressions={},e.allLayers.concat(e.allTables.toArray()??[]).forEach(t=>{if(!g.includes(t.type))return;let i=t;if(i.type==="point-cloud")this.initPointCloudFilters||(this.initPointCloudFilters={}),this.initPointCloudFilters[i.id]=i.filters;else if(i.type==="map-image")this.initMapImageExpressions||(this.initMapImageExpressions={}),this.initMapImageExpressions[i.id]=i.allSublayers.reduce((s,n)=>(s[n.id]=n.definitionExpression??"",s),{});else{if(!this.initDefExpressions)return;this.initDefExpressions[i.id]=i.definitionExpression??""}}),this.isInitUpdateComplete=!0}sortCodedValues(e){typeof e.fields?.[0]=="number"?e.fields=[...new Set(e.fields)].sort((t,i)=>{let s=e.codedValues?.[t],n=e.codedValues?.[i];return(s??t)-(n??i)}):e.fields=[...new Set(e.fields)].sort((t,i)=>{let s=e.codedValues?.[t],n=e.codedValues?.[i],a=s??t,r=n??i;return a.localeCompare(r)})}render(){let e=this.loading?this.renderLoading():this.initFilterConfig(),t=this.renderFooter();return l`<calcite-panel class=${p(this.baseClass)} ${w(this.panelEl)}><slot slot=header-content name=filter-header-content></slot><slot slot=header-actions-end name=filter-header-actions-end></slot>${x("filter-container",l`<div class=${p(d.filterContainer)}>${e}${t}</div>`)}</calcite-panel>`}renderLoading(){return l`<calcite-loader label="Loading filters..."></calcite-loader>`}renderFilter(e){let{id:t}=e;return e.expressions.map((i,s)=>i.type==="checkbox"||i.type==null?x(`${t}-${s}`,l`<div class=${p(d.filterItemContainer)}><div class=${p(d.filterItemTitle)}><p>${i.name}</p></div><div class=${p(d.checkboxContainer)}><calcite-checkbox id=${i.id.toString()??h} scale=l .checked=${i?.active} @calciteCheckboxChange=${this.handleCheckboxChange.bind(this,e,i)}></calcite-checkbox></div></div>`):this.initInput(e,i))}renderLayerBlock(){return this.filterLayerExpressions?.map(e=>this.renderFilterBlocks(e))}renderFilterBlocks(e){let t=this.renderFilter(e),{operator:i}=e,s=i?.trim()==="OR"?"orOperator":"andOperator",n=this.renderZoomTo(e);return x(e.id,l`<calcite-block .heading=${e.title} .description=${this._messages[s]} .expanded=${this.openFilters?!0:void 0} collapsible>${n}${t}</calcite-block>`)}renderCombobox(e,t){return x("combo-select",l`<label class=${p(d.filterUIItemContainer)}><span>${t.name}</span><calcite-combobox id=${t.id.toString()??h} @calciteComboboxChange=${this.handleComboSelect.bind(this,t,e)} .label=${t.name} .placeholder=${t.placeholder} selection-mode=multiple max-items=6 scale=s .overlayPositioning=${this.comboboxOverlayPositioning}>${t.fields?.map((i,s)=>this.renderComboboxItem(t,i,s))}</calcite-combobox></label>`)}renderComboboxItem(e,t,i){let s=this.createLabel(e,t),n=e?.selectedFields?.includes(t)??!1;return x(`${s}-${i}`,l`<calcite-combobox-item .value=${t} .heading=${`${s}`} .selected=${n}></calcite-combobox-item>`)}renderNumberSlider(e,t){let i=t?.min,s=t?.max,n=t?.step?t.step:1,a=i!=null&&s!=null,r=t?.field??"",o=t?.range?.min!=null?t.range.min:i,c=t?.range?.max!=null?t.range.max:s,u=[o,c];return a?x(t?.id.toString(),l`<label class=${p(d.filterUIItemContainer)}><span>${t?.name}</span><div class=${p(d.numberInputContainer)}><calcite-slider id=${t?.id.toString()??h} @calciteSliderChange=${this.handleSliderChange.bind(this,t,e)} .min=${i} .max=${s} .minValue=${i} .maxValue=${s} .minLabel=${this._messages.minSlider?.replace("{field}",r)} .maxLabel=${this._messages.maxSlider?.replace("{field}",r)} .step=${n} label-handles snap .value=${u} .groupSeparator=${t?.format?.digitSeparator} precise></calcite-slider></div></label>`):void 0}renderDatePicker(e,t){let{min:i,max:s}=t,n=[t?.range?.min,t?.range?.max];return i!=null&&s!=null?l`<label class=${p(d.filterUIItemContainer)}><span>${t?.name}</span><div class=${p(d.dateInputContainer)}><calcite-input-date-picker id=${t?.id.toString()??h} @calciteInputDatePickerChange=${this.handleDatePickerRangeChange.bind(this,t,e)} .min=${i} .max=${s} calendars=1 overlay-positioning=fixed lang=${m.getLocale()??"en"??h} layout=vertical .value=${n} range></calcite-input-date-picker><calcite-action @click=${this.handleResetDatePicker.bind(this,t,e)} icon=reset .text=${this._messages.resetDatePicker} title=${this._messages.resetDatePicker??h} scale=s></calcite-action></div></label>`:void 0}renderTimePicker(e,t){let{min:i,max:s,range:n}=t,a=i!=null&&s!=null,r=n?.min!=null?n.min:i,o=n?.max!=null?n.max:s;return a?l`<label class=${p(d.filterUIItemContainer)}><span>${t?.name}</span><div class=${p(d.timeInputContainer)}><calcite-input-time-picker .id=${`${t?.id.toString()}-min`} .value=${r} overlay-positioning=fixed lang=${m.getLocale()??"en"??h} @calciteInputTimePickerChange=${this.handleTimePickerRangeChange.bind(this,t,e,!0)}></calcite-input-time-picker><calcite-input-time-picker .id=${`${t?.id.toString()}-max`} .value=${o} overlay-positioning=fixed lang=${m.getLocale()??"en"??h} @calciteInputTimePickerChange=${this.handleTimePickerRangeChange.bind(this,t,e,!1)}></calcite-input-time-picker><calcite-action @click=${this.handleResetTimePicker.bind(this,t,e)} icon=reset .text=${this._messages.resetTimePicker} title=${this._messages.resetTimePicker??h} scale=s></calcite-action></div></label>`:void 0}renderFooter(){let e=this.closeBtnText??this._messages.close,t=this.closeBtn&&this.resetBtn?"half":"full";return l`<div class=${p(d.footer)} slot=footer>${this.resetBtn?l`<calcite-button appearance=outline .width=${t} @click=${this.handleResetFilter} ${w(this.resetBtnEl)}>${this._messages.resetFilter}</calcite-button>`:void 0}${this.closeBtn?l`<calcite-button appearance=solid .width=${t} kind=brand @click=${this.closeBtnOnClick}>${e}</calcite-button>`:void 0}</div>`}renderZoomTo(e){let t=e?.sublayerId?`zoom-to-${e.id}-${e.sublayerId}`:`zoom-to-${e.id}`;return this.zoomBtn?l`<calcite-action id=${t??h} slot=actions-end appearance=transparent .text=${this._messages.zoomTo} title=${this._messages.zoomTo??h} scale=s icon=magnifying-glass-plus @click=${this.handleZoomTo.bind(this,e)}></calcite-action>`:void 0}};I("instant-apps-filter-list",C);return C},"geometry/support/jsonUtils","intl","WebMap","WebScene")

package/dist/cdn/U4A4FLFF.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{a as _}from"./MGEDATQ7.js";import"./RMEDO4JC.js";import"./ISFTCFSJ.js";import{b as y}from"./2I5LGZNX.js";import{E as g,F as b,G as w,I as f,h as m,i as l,q as o,t as p}from"./FFF5HUPM.js";import"./QPIMTXPL.js";export default $arcgis.t(([c])=>{var v=m`@layer{:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar,.display-none{display:none!important}.esri-editor__panel-content{padding-block:10px!important}.notice-msg{padding:10px;width:calc(100% - 20px)}}`,h=class extends w{constructor(){super(...arguments),this.customizeSubmit=!1,this.enableSnapping=!1,this.showGuidingMsg=!0,this._editorLoading=!1,this._translations=_({name:"create-related-feature",blocking:!0}),this._addingAttachment=!1,this._editor=g(),this._isSubmitBtnClicked=!1,this.success=o(),this.fail=o(),this.isActionPending=o(),this.formReady=o(),this._onEditorPropertyChange=()=>{let t=this._editor.value;t&&(c.watch(()=>t.state,e=>{e==="adding-attachment"||e==="editing-attachment"?(this._addingAttachment=!0,this.isActionPending.emit(!0)):this._addingAttachment&&(this.isActionPending.emit(!1),this._addingAttachment=!1)}),c.watch(()=>t.activeWorkflow?.formViewModel?.state,e=>{e==="ready"&&this.formReady.emit()}))}}static{this.properties={customizeSubmit:5,enableSnapping:5,mapView:0,selectedFeature:0,showGuidingMsg:5,table:0,_editorLoading:16,_translations:16}}static{this.styles=v}static{this.shadowRootOptions=p}willUpdate(t){t.has("mapView")}async submit(){this._editor.value?.activeWorkflow&&(this._isSubmitBtnClicked=!0,this._editor.value.activeWorkflow?.formViewModel?.submit?.())}render(){let t=this._editorLoading?"":"display-none";return l`${this.showGuidingMsg&&l`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>`||""}<calcite-loader class=${f(t)} .label=${this._translations.loading} scale=s></calcite-loader>${this.mapView&&this._getEditor()||""}`}disconnectedCallback(){super.disconnectedCallback(),this._editor.value&&this._editor.value.destroy()}_getEditor(){return l`<arcgis-editor .view=${this.mapView} hide-edit-features-section .hideSettingsMenu=${!this.enableSnapping} hide-sketch .hideSnappingControlsElementsEnabledToggle=${!this.enableSnapping} @arcgisReady=${this._startCreate} @arcgisPropertyChange=${this._onEditorPropertyChange} ${b(this._editor)}></arcgis-editor>`}async _startCreate(){let t=this.selectedFeature?.layer,e=this.table;if(t.relationships&&e?.relationships&&this.selectedFeature&&e.templates){let s=t.relationships[0],i=e.relationships.find(r=>t.layerId===r.relatedTableId),a=Number(this.selectedFeature.getObjectId());if(!Number.isNaN(a)&&i){let r=(await t.queryFeatures({objectIds:[a],outFields:[t.objectIdField,s.keyField]})).features[0],n=e.templates[0],d={attributeOverrides:this.makeAttributesForRelatedFeature(r,s,i),layer:e,template:n};await this._editor.value?.startCreateFeaturesWorkflowAtFeatureCreation(d),await this.hideEditorsElements();let u=this._editor.value?.activeWorkflow?.formViewModel;u&&this._editor.value?.activeWorkflow?.formViewModel?.addHandles(u.on("submit",this.submitted.bind(this)))}}}async hideEditorsElements(){this.customizeSubmit&&(await this.timeout(700),this.el.querySelector("arcgis-editor")?.shadowRoot?.querySelectorAll("calcite-flow-item")?.forEach(t=>{let e=t.shadowRoot?.querySelector("calcite-panel")?.shadowRoot?.querySelector("article");e?.querySelector("header")?.setAttribute("style","display: none"),e?.querySelector("footer")?.setAttribute("style","display: none")}))}makeAttributesForRelatedFeature(t,e,s){let i=e.keyField,a;t.attributes.hasOwnProperty(i)?a=t.getAttribute(i):t.attributes.hasOwnProperty(i.toLowerCase())?a=t.getAttribute(i.toLowerCase()):t.attributes.hasOwnProperty(i.toUpperCase())&&(a=t.getAttribute(i.toUpperCase()));let r=s.keyField,n=this.table?.fields.find(d=>d.name.toLocaleLowerCase()===r.toLocaleLowerCase());if(n)return r=n.name,{[r]:a}}async submitted(t){if(t.invalid.length){this._isSubmitBtnClicked=!1;return}if(t.valid.length&&this._isSubmitBtnClicked){this._isSubmitBtnClicked=!1;try{if(this._editor.value?.activeWorkflow){await this._editor.value.activeWorkflow.commit();let e=this._editor.value.activeWorkflow.failures;e?.length&&e.some(s=>{if(s.error)throw s.error})}}catch(e){this.fail.emit(e);return}this.success.emit()}}async timeout(t){return await new Promise(e=>setTimeout(e,t))}};y("create-related-feature",h);return h},"core/reactiveUtils")

package/dist/cdn/{YMWYAWT6.js → UM3P3Q52.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as w}from"./AA7X6GKH.js";import{a as M}from"./PYBOC3DB.js";import{a as C}from"./3TYPFWRB.js";import{b as S}from"./TAYHORLE.js";import"./DIKAKOU5.js";import"./S423P2GA.js";import{H as D,J as y,h as E,i as p,l as x,r as k}from"./P4KZ6OZF.js";import"./QPIMTXPL.js";export default $arcgis.t(([m,P,$,B])=>{var o={Loading:"loading",Disabled:"disabled",Complete:"complete",Calculating:"calculating",Bottom:"bottom",Left:"left",Floating:"floating"},g={Up:"chevron-up",Down:"chevron-down",Left:"chevron-left",Right:"chevron-right",Blank:"blank"},U={Small:"s",Large:"l"},A={Transparent:"transparent"},F={Start:"start",Center:"center"},N=E`:host{display:block;--instant-apps-scoreboard-background-color: var(--calcite-color-foreground-1);--instant-apps-scoreboard-text-color: var(--calcite-color-text-1);--instant-apps-scoreboard-mobile-position-bottom: 0;background-color:var(--instant-apps-scoreboard-background-color);color:var(--instant-apps-scoreboard-text-color)}:host .instant-apps-scoreboard{box-sizing:border-box;border:1px solid var(--calcite-color-border-1);box-shadow:0 3px 15px #0003;border-radius:3px}:host .instant-apps-scoreboard calcite-loader{--calcite-loader-padding: 1rem}:host .instant-apps-scoreboard__items-container{display:flex}:host .instant-apps-scoreboard__items-container calcite-action{height:100%}:host .instant-apps-scoreboard__items,:host .instant-apps-scoreboard__item{box-sizing:border-box;display:flex}:host .instant-apps-scoreboard__items{list-style-type:none;padding-left:0;margin:0;padding-top:1.75%;padding-bottom:1.75%;width:100%}:host .instant-apps-scoreboard__item{flex-direction:column;justify-content:flex-end;align-items:center;padding:1%}:host .instant-apps-scoreboard__item-label{box-sizing:border-box;line-height:24px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;word-break:break-word}:host .instant-apps-scoreboard__item-label{font-size:1rem;font-weight:400;text-align:center}:host .instant-apps-scoreboard__item-value{display:flex;justify-content:center;align-items:center;min-width:32px;min-height:32px;margin-top:5px;font-size:1.5rem;font-weight:900}:host .instant-apps-scoreboard__item-value-placeholder{display:inline-block;width:32px;height:32px;background-color:var(--calcite-color-foreground-3);border-radius:4px}:host(.instant-apps-scoreboard__position--bottom){bottom:0}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard{display:flex;justify-content:center}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard__items{display:flex;justify-content:center}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard__item{min-width:10vw;vertical-align:top}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--floating){left:50%;max-width:calc(100% - 30px);transform:translate(-50%,-15px)}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--floating) .instant-apps-scoreboard{min-width:25vw}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned){left:unset;bottom:0;transform:unset;width:100%}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard{min-width:unset}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__items-container{width:100%;justify-content:space-between}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard{display:flex;justify-content:center;align-items:center;width:10vw;overflow-y:auto}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items-container{flex-direction:column;height:100%;box-sizing:border-box}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items-container calcite-action{height:unset;width:100%}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items{flex-direction:column;padding:10px}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__item{padding-top:.5vh;padding-bottom:.5vh}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--floating){top:15px;left:15px;max-height:calc(100% - 30px)}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--floating) .instant-apps-scoreboard{min-width:10vw;min-height:35vh}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned){top:unset;left:unset;transform:unset;height:100%}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard{height:100%}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__items-container{justify-content:space-between}:host(.instant-apps-scoreboard__position--left.instant-apps-scoreboard__mode--floating){left:15px}:host(.instant-apps-scoreboard__position--right.instant-apps-scoreboard__mode--floating){left:unset;right:15px}:host(.instant-apps-scoreboard__position--left.instant-apps-scoreboard__mode--pinned){left:0}:host(.instant-apps-scoreboard__position--right.instant-apps-scoreboard__mode--pinned){left:unset;right:0}@media only screen and (min-width:992px){:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned){bottom:var(--instant-apps-scoreboard-mobile-position-bottom)}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__item{justify-content:center;min-width:unset;flex-grow:1}}`,v="instant-apps-scoreboard",O=6,T=`${v}--`,h=`${v}__`,j=M.medium[1],n={itemsContainer:`${h}items-container`,items:`${h}items`,item:`${h}item`,label:`${h}item-label`,value:`${h}item-value`,valuePlaceholder:`${h}item-value-placeholder`,position:{bottom:`${h}position--bottom`,side:`${h}position--side`,left:`${h}position--left`,right:`${h}position--right`},mode:{floating:`${h}mode--floating`,pinned:`${h}mode--pinned`}},I=class extends D{constructor(){super(...arguments),this._messages=C({name:"instant-apps-scoreboard"}),this.state=o.Loading,this.itemIndex=0,this.isMobile=!1,this.position=o.Bottom,this.mode=o.Floating,this.itemLimit=6,this.autoDockEnabled=!0,this.geometry=null,this.queryType="layerView",this.scoreboardItemsUpdated=k()}static{this.properties={state:16,itemIndex:16,layers:16,layerViews:16,isMobile:16,view:0,items:0,position:1,mode:1,itemLimit:9,autoDockEnabled:5,geometry:0,queryType:1}}static{this.styles=N}get checkMobile(){let t=this.el?.parentElement?.offsetWidth;return t&&!Number.isNaN(t)&&t>0?t<j:!1}get getItemsToDisplay(){let t=this.getItemLimit();return this.items.filter(e=>e.visible).slice(this.itemIndex,t+this.itemIndex)}get isEnd(){let t=this.getItemLimit(),e=this.items.slice(this.items.length-t).map(s=>s.uid),a=this.items.slice(this.itemIndex,this.itemIndex+t).map(s=>s.uid);return e.every((s,l)=>s===a[l])}async load(){let t=new ResizeObserver(()=>{this.itemIndex=0,this.autoDockEnabled&&(this.isMobile=!!this.checkMobile)});if(this.el?.parentElement&&t.observe(this.el.parentElement),!this.view||!this.items)this.state=o.Disabled;else try{await this.initModules()}catch{this.state=o.Disabled}}willUpdate(t){t.has("items")&&this.generateUIDs(),t.has("items")&&this.storeLayers(),t.has("layers")&&this.storeLayerViews(),t.has("geometry")&&(this.hasUpdated||this.geometry!==null)&&this.calculateScoreboardItemValuesFromGeometry(),t.has("layerViews")&&this.calculateScoreboardItemValues()}async loaded(){if(this.state!==o.Disabled)try{await m?.whenOnce(()=>this.view?.ready),this.generateUIDs(),await this.loadMapResources(),this.storeLayers(),this.initViewUpdateWatcher()}catch{this.state=o.Disabled,console.error(`${v}: FAILED TO LOAD MAP RESOURCES`)}}disconnectedCallback(){super.disconnectedCallback(),this.state=o.Disabled,this.itemIndex=0,this.layers?.removeAll(),this.layers?.destroy(),this.layers=null,this.layerViews?.removeAll(),this.layerViews?.destroy(),this.layerViews=null,this.handles?.removeAll(),this.handles?.destroy(),this.handles=null}scoreboardItemsUpdatedHandler(){this.scoreboardItemsUpdated.emit(this.items)}generateUIDs(){this.itemIndex=0,this.items.forEach(this.generateUID())}async storeLayers(){this.state=o.Calculating,await(this.view?.map).loadAll();let t=this.items.map(i=>i?.layer?.id),e=i=>i.type!=="feature"||!i.isTable,a=i=>i.type==="feature"||i.type==="scene",s=i=>t.includes(i.id),l=i=>e(i)&&a(i)&&s(i);this.layers=this.view?.map?.allLayers?.filter(i=>l(i)),this.watchLayerVisibility()}async storeLayerViews(){if(this.layers&&this.layers.length>0){this.layers.forEach(s=>s.outFields=["*"]);let t=[];this.layers.forEach(s=>{let l=s,i=this.view?.whenLayerView(l);t.push(i)});let e=(await Promise.allSettled(t)).filter(s=>s.status==="fulfilled"&&s.value).map(s=>s.value),a=[];e.forEach(s=>a.push(m.whenOnce(()=>!s.updating))),await Promise.all(a),this.layerViews=new $([...e])}}calculateScoreboardItemValuesFromGeometry(){this.calculateScoreboardItemValues()}async calculateScoreboardItemValues(){if(this.layers&&this.layers.length===0||this.layerViews&&this.layerViews.length===0)return;this.state=o.Calculating;let t=[...this.items],e=[];this.queryStatDefinitions(t,e);let a=await Promise.all(e);this.handleQueryFeaturesResponses(a,t),this.items.length=0,t.forEach(s=>this.items.push(s)),this.state=o.Complete,this.scoreboardItemsUpdatedHandler(),this.initStationaryWatcher()}async initModules(){try{this.handles=new B,this.layers=new $([]),this.layerViews=new $([])}catch(t){throw console.error(t),this.state=o.Disabled,new Error("Failed to initialize modules")}}async loadMapResources(){if(this.view){let{map:t}=this.view,e=t;try{await e.loadAll()}catch(a){throw console.error(a),this.state=o.Disabled,new Error("Failed to load map resources")}}}generateUID(){return t=>{let e=Math.random(),a=Math.floor(Math.random()*10)+11,s=e.toString(a).replace("0.","");t.uid=s}}previousItem(){this.itemIndex=this.itemIndex-1}nextItem(){this.itemIndex=this.itemIndex+1}queryStatDefinitions(t,e){let a=i=>{let{field:r,operation:d}=i,c=r,b=`${r}_${d}`;return{onStatisticField:c,outStatisticFieldName:b,statisticType:d}},s=(i,r)=>{let d=this.queryType==="layer"?i.layer.createQuery():i.createQuery(),c=[r],b=this.geometry??this.view?.extent;d.outStatistics=c,d.geometry=b;let u=i?.filter?.timeExtent??i?.featureEffect?.filter?.timeExtent??null;return u&&(d.timeExtent=u),d},l=()=>async i=>{let r=this.layerViews?.find(u=>u.layer.id===i?.layer?.id);if(!r)return;let d=a(i),c=s(r,d),b=this.queryType==="layer"?r.layer.queryFeatures(c):r.queryFeatures(c);e.push(b)};t.forEach(l())}handleQueryFeaturesResponses(t,e){let a=i=>{let r=i.features[0],{attributes:d}=r;return Object.values(d)[0]},s=()=>({notation:"compact",compactDisplay:"short"}),l=()=>(i,r)=>{let d=a(i),c=s(),b=d!==null,u=b?P.formatNumber(d,c):null,_=b?`${u}`:"";e[r].displayValue=_,e[r].value=d};t.forEach(l())}initStationaryWatcher(){let t={once:!0,initial:!0},e=()=>m.when(()=>!this.view?.interacting,()=>{this.queryType==="layerView"&&this.calculateScoreboardItemValues()},t),a=()=>m.when(()=>this.view?.stationary,()=>e()),s="stationary-watcher-key";this.handles?.has(s)&&this.handles.remove(s),this.handles?.add(a(),s)}initViewUpdateWatcher(){return m.watch(()=>this.view?.updating,()=>{m.when(()=>!this.view?.updating,()=>{this.queryType==="layerView"&&this.calculateScoreboardItemValues()},{once:!0,initial:!0})},{initial:!0})}watchLayerVisibility(){if(!this.layers)return;let t="visbilityWatcherKey";this.handles?.remove(t);let e=[],a=s=>{let l=async()=>{let r=await this.view?.whenLayerView(s);await m.whenOnce(()=>!r?.updating),this.calculateScoreboardItemValues()},i=m.watch(()=>s?.visible,async()=>await l());e.push(i)};this.layers.forEach(a),this.handles?.add([...e],t)}getItemLimit(){return this.itemLimit<2||this.itemLimit>6?O:this.itemLimit}setHostClassNames(){this.isMobile||this.position===o.Bottom?(this.el.classList.remove(n.position.side,n.position.left,n.position.right),this.el.classList.add(n.position.bottom)):(this.el.classList.remove(n.position.bottom),this.el.classList.add(n.position.side),this.position===o.Left?(this.el.classList.remove(n.position.right),this.el.classList.add(n.position.left)):(this.el.classList.remove(n.position.left),this.el.classList.add(n.position.right))),this.isMobile?(this.el.classList.remove(n.mode.floating),this.el.classList.add(n.mode.pinned)):this.mode===o.Floating?(this.el.classList.remove(n.mode.pinned),this.el.classList.add(n.mode.floating)):this.el.classList.add(n.mode.pinned)}render(){let{state:t}=this,e=t===o.Loading,a=t===o.Calculating,s=t===o.Disabled,l=e||a||this.queryType==="layerView"&&this.view?.updating?this.renderProgress():null;return this.setHostClassNames(),s?null:[l,this.items?.length>0?this.renderBase():null]}renderBase(){return w("instant-apps-scoreboard-base",p`<div class=${y(v)}>${this.renderContent()}</div>`)}renderContent(){let{state:t}=this;return t===o.Loading?this.renderLoader():t===o.Calculating||t===o.Complete?this.renderItemsContainer():null}renderItemsContainer(){let[t,e]=this.renderPreviousNextButtons();return p`<div class=${y(n.itemsContainer)}>${t}${this.renderItems()}${e}</div>`}renderPreviousNextButtons(){let t=this.getItemLimit(),e=this.items.filter(q=>q.visible)?.length<=t,a=this.itemIndex===0,s=this.isEnd,l=this.isMobile?!0:this.position===o.Bottom,i=l?F.Start:F.Center,r=l?g.Left:g.Up,d=l?g.Right:g.Down,c={previous:r,next:d},b=a||e?g.Blank:c.previous,u=s||e?g.Blank:c.next,_={previous:a||e,next:s||e},L=A.Transparent,V=this.isMobile?U.Small:U.Large,f={previous:this._messages.previous,next:this._messages.next};return[p`<calcite-action @click=${this.previousItem} .icon=${b} .disabled=${_.previous} .alignment=${i} .scale=${V} .appearance=${L} .text=${f.previous??""} .label=${f.previous}></calcite-action>`,p`<calcite-action @click=${this.nextItem} .icon=${u} .disabled=${_.next} .alignment=${i} .scale=${V} .appearance=${L} .text=${f.next??""} .label=${f.next}></calcite-action>`]}renderItems(){let{items:t}=n,e=this.getItemsToDisplay.map(a=>this.renderItem(a));return p`<ul class=${y(t)}>${e}</ul>`}renderItem(t){let{label:e}=t;return p`<li class=${y(n.item)}><span class=${y(n.label)} title=${e??x}>${e}</span>${this.renderValue(t)}</li>`}renderValue(t){let{displayValue:e}=t,a=this.state===o.Calculating,s=this.state===o.Disabled,l=e===void 0&&a,i=e||this._messages.NA,r=!this.layers?.find(c=>t?.layer?.id===c.id)?.visible,d=l?this.renderValuePlaceholder():s?"":r?p`<calcite-icon icon=view-hide scale=l title=${this._messages.layerVisibilityOff??x}></calcite-icon>`:i;return p`<span class=${y(n.value)}>${d}</span>`}renderValuePlaceholder(){return p`<span class=${y(n.valuePlaceholder)}></span>`}renderProgress(){let t=`${T}calcite-`;return w(`${t}progress`,p`<calcite-progress type=indeterminate></calcite-progress>`)}renderLoader(){let t=`${T}calcite-`,e=this._messages.loading;return w(`${t}loader`,p`<calcite-loader .label=${e??""} .text=${e} scale=m></calcite-loader>`)}};S("instant-apps-scoreboard",I);return I},"core/reactiveUtils","intl","core/Collection","core/Handles")
+import{a as M}from"./PYBOC3DB.js";import{a as w}from"./ONARC6AZ.js";import{a as C}from"./LHG6NOEP.js";import{b as S}from"./CVHXDPJO.js";import"./RMEDO4JC.js";import"./ISFTCFSJ.js";import{G as D,I as y,h as E,i as p,l as x,q as k}from"./FFF5HUPM.js";import"./QPIMTXPL.js";export default $arcgis.t(([m,P,$,B])=>{var o={Loading:"loading",Disabled:"disabled",Complete:"complete",Calculating:"calculating",Bottom:"bottom",Left:"left",Floating:"floating"},g={Up:"chevron-up",Down:"chevron-down",Left:"chevron-left",Right:"chevron-right",Blank:"blank"},U={Small:"s",Large:"l"},A={Transparent:"transparent"},F={Start:"start",Center:"center"},N=E`:host{display:block;--instant-apps-scoreboard-background-color: var(--calcite-color-foreground-1);--instant-apps-scoreboard-text-color: var(--calcite-color-text-1);--instant-apps-scoreboard-mobile-position-bottom: 0;background-color:var(--instant-apps-scoreboard-background-color);color:var(--instant-apps-scoreboard-text-color)}:host .instant-apps-scoreboard{box-sizing:border-box;border:1px solid var(--calcite-color-border-1);box-shadow:0 3px 15px #0003;border-radius:3px}:host .instant-apps-scoreboard calcite-loader{--calcite-loader-padding: 1rem}:host .instant-apps-scoreboard__items-container{display:flex}:host .instant-apps-scoreboard__items-container calcite-action{height:100%}:host .instant-apps-scoreboard__items,:host .instant-apps-scoreboard__item{box-sizing:border-box;display:flex}:host .instant-apps-scoreboard__items{list-style-type:none;padding-left:0;margin:0;padding-top:1.75%;padding-bottom:1.75%;width:100%}:host .instant-apps-scoreboard__item{flex-direction:column;justify-content:flex-end;align-items:center;padding:1%}:host .instant-apps-scoreboard__item-label{box-sizing:border-box;line-height:24px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;word-break:break-word}:host .instant-apps-scoreboard__item-label{font-size:1rem;font-weight:400;text-align:center}:host .instant-apps-scoreboard__item-value{display:flex;justify-content:center;align-items:center;min-width:32px;min-height:32px;margin-top:5px;font-size:1.5rem;font-weight:900}:host .instant-apps-scoreboard__item-value-placeholder{display:inline-block;width:32px;height:32px;background-color:var(--calcite-color-foreground-3);border-radius:4px}:host(.instant-apps-scoreboard__position--bottom){bottom:0}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard{display:flex;justify-content:center}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard__items{display:flex;justify-content:center}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard__item{min-width:10vw;vertical-align:top}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--floating){left:50%;max-width:calc(100% - 30px);transform:translate(-50%,-15px)}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--floating) .instant-apps-scoreboard{min-width:25vw}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned){left:unset;bottom:0;transform:unset;width:100%}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard{min-width:unset}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__items-container{width:100%;justify-content:space-between}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard{display:flex;justify-content:center;align-items:center;width:10vw;overflow-y:auto}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items-container{flex-direction:column;height:100%;box-sizing:border-box}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items-container calcite-action{height:unset;width:100%}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items{flex-direction:column;padding:10px}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__item{padding-top:.5vh;padding-bottom:.5vh}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--floating){top:15px;left:15px;max-height:calc(100% - 30px)}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--floating) .instant-apps-scoreboard{min-width:10vw;min-height:35vh}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned){top:unset;left:unset;transform:unset;height:100%}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard{height:100%}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__items-container{justify-content:space-between}:host(.instant-apps-scoreboard__position--left.instant-apps-scoreboard__mode--floating){left:15px}:host(.instant-apps-scoreboard__position--right.instant-apps-scoreboard__mode--floating){left:unset;right:15px}:host(.instant-apps-scoreboard__position--left.instant-apps-scoreboard__mode--pinned){left:0}:host(.instant-apps-scoreboard__position--right.instant-apps-scoreboard__mode--pinned){left:unset;right:0}@media only screen and (min-width:992px){:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned){bottom:var(--instant-apps-scoreboard-mobile-position-bottom)}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__item{justify-content:center;min-width:unset;flex-grow:1}}`,v="instant-apps-scoreboard",O=6,T=`${v}--`,h=`${v}__`,j=M.medium[1],n={itemsContainer:`${h}items-container`,items:`${h}items`,item:`${h}item`,label:`${h}item-label`,value:`${h}item-value`,valuePlaceholder:`${h}item-value-placeholder`,position:{bottom:`${h}position--bottom`,side:`${h}position--side`,left:`${h}position--left`,right:`${h}position--right`},mode:{floating:`${h}mode--floating`,pinned:`${h}mode--pinned`}},I=class extends D{constructor(){super(...arguments),this._messages=C({name:"instant-apps-scoreboard"}),this.state=o.Loading,this.itemIndex=0,this.isMobile=!1,this.position=o.Bottom,this.mode=o.Floating,this.itemLimit=6,this.autoDockEnabled=!0,this.geometry=null,this.queryType="layerView",this.scoreboardItemsUpdated=k()}static{this.properties={state:16,itemIndex:16,layers:16,layerViews:16,isMobile:16,view:0,items:0,position:1,mode:1,itemLimit:9,autoDockEnabled:5,geometry:0,queryType:1}}static{this.styles=N}get checkMobile(){let t=this.el?.parentElement?.offsetWidth;return t&&!Number.isNaN(t)&&t>0?t<j:!1}get getItemsToDisplay(){let t=this.getItemLimit();return this.items.filter(e=>e.visible).slice(this.itemIndex,t+this.itemIndex)}get isEnd(){let t=this.getItemLimit(),e=this.items.slice(this.items.length-t).map(s=>s.uid),a=this.items.slice(this.itemIndex,this.itemIndex+t).map(s=>s.uid);return e.every((s,l)=>s===a[l])}async load(){let t=new ResizeObserver(()=>{this.itemIndex=0,this.autoDockEnabled&&(this.isMobile=!!this.checkMobile)});if(this.el?.parentElement&&t.observe(this.el.parentElement),!this.view||!this.items)this.state=o.Disabled;else try{await this.initModules()}catch{this.state=o.Disabled}}willUpdate(t){t.has("items")&&this.generateUIDs(),t.has("items")&&this.storeLayers(),t.has("layers")&&this.storeLayerViews(),t.has("geometry")&&(this.hasUpdated||this.geometry!==null)&&this.calculateScoreboardItemValuesFromGeometry(),t.has("layerViews")&&this.calculateScoreboardItemValues()}async loaded(){if(this.state!==o.Disabled)try{await m?.whenOnce(()=>this.view?.ready),this.generateUIDs(),await this.loadMapResources(),this.storeLayers(),this.initViewUpdateWatcher()}catch{this.state=o.Disabled,console.error(`${v}: FAILED TO LOAD MAP RESOURCES`)}}disconnectedCallback(){super.disconnectedCallback(),this.state=o.Disabled,this.itemIndex=0,this.layers?.removeAll(),this.layers?.destroy(),this.layers=null,this.layerViews?.removeAll(),this.layerViews?.destroy(),this.layerViews=null,this.handles?.removeAll(),this.handles?.destroy(),this.handles=null}scoreboardItemsUpdatedHandler(){this.scoreboardItemsUpdated.emit(this.items)}generateUIDs(){this.itemIndex=0,this.items.forEach(this.generateUID())}async storeLayers(){this.state=o.Calculating,await(this.view?.map).loadAll();let t=this.items.map(i=>i?.layer?.id),e=i=>i.type!=="feature"||!i.isTable,a=i=>i.type==="feature"||i.type==="scene",s=i=>t.includes(i.id),l=i=>e(i)&&a(i)&&s(i);this.layers=this.view?.map?.allLayers?.filter(i=>l(i)),this.watchLayerVisibility()}async storeLayerViews(){if(this.layers&&this.layers.length>0){this.layers.forEach(s=>s.outFields=["*"]);let t=[];this.layers.forEach(s=>{let l=s,i=this.view?.whenLayerView(l);t.push(i)});let e=(await Promise.allSettled(t)).filter(s=>s.status==="fulfilled"&&s.value).map(s=>s.value),a=[];e.forEach(s=>a.push(m.whenOnce(()=>!s.updating))),await Promise.all(a),this.layerViews=new $([...e])}}calculateScoreboardItemValuesFromGeometry(){this.calculateScoreboardItemValues()}async calculateScoreboardItemValues(){if(this.layers&&this.layers.length===0||this.layerViews&&this.layerViews.length===0)return;this.state=o.Calculating;let t=[...this.items],e=[];this.queryStatDefinitions(t,e);let a=await Promise.all(e);this.handleQueryFeaturesResponses(a,t),this.items.length=0,t.forEach(s=>this.items.push(s)),this.state=o.Complete,this.scoreboardItemsUpdatedHandler(),this.initStationaryWatcher()}async initModules(){try{this.handles=new B,this.layers=new $([]),this.layerViews=new $([])}catch(t){throw console.error(t),this.state=o.Disabled,new Error("Failed to initialize modules")}}async loadMapResources(){if(this.view){let{map:t}=this.view,e=t;try{await e.loadAll()}catch(a){throw console.error(a),this.state=o.Disabled,new Error("Failed to load map resources")}}}generateUID(){return t=>{let e=Math.random(),a=Math.floor(Math.random()*10)+11,s=e.toString(a).replace("0.","");t.uid=s}}previousItem(){this.itemIndex=this.itemIndex-1}nextItem(){this.itemIndex=this.itemIndex+1}queryStatDefinitions(t,e){let a=i=>{let{field:r,operation:d}=i,c=r,b=`${r}_${d}`;return{onStatisticField:c,outStatisticFieldName:b,statisticType:d}},s=(i,r)=>{let d=this.queryType==="layer"?i.layer.createQuery():i.createQuery(),c=[r],b=this.geometry??this.view?.extent;d.outStatistics=c,d.geometry=b;let u=i?.filter?.timeExtent??i?.featureEffect?.filter?.timeExtent??null;return u&&(d.timeExtent=u),d},l=()=>async i=>{let r=this.layerViews?.find(u=>u.layer.id===i?.layer?.id);if(!r)return;let d=a(i),c=s(r,d),b=this.queryType==="layer"?r.layer.queryFeatures(c):r.queryFeatures(c);e.push(b)};t.forEach(l())}handleQueryFeaturesResponses(t,e){let a=i=>{let r=i.features[0],{attributes:d}=r;return Object.values(d)[0]},s=()=>({notation:"compact",compactDisplay:"short"}),l=()=>(i,r)=>{let d=a(i),c=s(),b=d!==null,u=b?P.formatNumber(d,c):null,_=b?`${u}`:"";e[r].displayValue=_,e[r].value=d};t.forEach(l())}initStationaryWatcher(){let t={once:!0,initial:!0},e=()=>m.when(()=>!this.view?.interacting,()=>{this.queryType==="layerView"&&this.calculateScoreboardItemValues()},t),a=()=>m.when(()=>this.view?.stationary,()=>e()),s="stationary-watcher-key";this.handles?.has(s)&&this.handles.remove(s),this.handles?.add(a(),s)}initViewUpdateWatcher(){return m.watch(()=>this.view?.updating,()=>{m.when(()=>!this.view?.updating,()=>{this.queryType==="layerView"&&this.calculateScoreboardItemValues()},{once:!0,initial:!0})},{initial:!0})}watchLayerVisibility(){if(!this.layers)return;let t="visbilityWatcherKey";this.handles?.remove(t);let e=[],a=s=>{let l=async()=>{let r=await this.view?.whenLayerView(s);await m.whenOnce(()=>!r?.updating),this.calculateScoreboardItemValues()},i=m.watch(()=>s?.visible,async()=>await l());e.push(i)};this.layers.forEach(a),this.handles?.add([...e],t)}getItemLimit(){return this.itemLimit<2||this.itemLimit>6?O:this.itemLimit}setHostClassNames(){this.isMobile||this.position===o.Bottom?(this.el.classList.remove(n.position.side,n.position.left,n.position.right),this.el.classList.add(n.position.bottom)):(this.el.classList.remove(n.position.bottom),this.el.classList.add(n.position.side),this.position===o.Left?(this.el.classList.remove(n.position.right),this.el.classList.add(n.position.left)):(this.el.classList.remove(n.position.left),this.el.classList.add(n.position.right))),this.isMobile?(this.el.classList.remove(n.mode.floating),this.el.classList.add(n.mode.pinned)):this.mode===o.Floating?(this.el.classList.remove(n.mode.pinned),this.el.classList.add(n.mode.floating)):this.el.classList.add(n.mode.pinned)}render(){let{state:t}=this,e=t===o.Loading,a=t===o.Calculating,s=t===o.Disabled,l=e||a||this.queryType==="layerView"&&this.view?.updating?this.renderProgress():null;return this.setHostClassNames(),s?null:[l,this.items?.length>0?this.renderBase():null]}renderBase(){return w("instant-apps-scoreboard-base",p`<div class=${y(v)}>${this.renderContent()}</div>`)}renderContent(){let{state:t}=this;return t===o.Loading?this.renderLoader():t===o.Calculating||t===o.Complete?this.renderItemsContainer():null}renderItemsContainer(){let[t,e]=this.renderPreviousNextButtons();return p`<div class=${y(n.itemsContainer)}>${t}${this.renderItems()}${e}</div>`}renderPreviousNextButtons(){let t=this.getItemLimit(),e=this.items.filter(q=>q.visible)?.length<=t,a=this.itemIndex===0,s=this.isEnd,l=this.isMobile?!0:this.position===o.Bottom,i=l?F.Start:F.Center,r=l?g.Left:g.Up,d=l?g.Right:g.Down,c={previous:r,next:d},b=a||e?g.Blank:c.previous,u=s||e?g.Blank:c.next,_={previous:a||e,next:s||e},L=A.Transparent,V=this.isMobile?U.Small:U.Large,f={previous:this._messages.previous,next:this._messages.next};return[p`<calcite-action @click=${this.previousItem} .icon=${b} .disabled=${_.previous} .alignment=${i} .scale=${V} .appearance=${L} .text=${f.previous??""} .label=${f.previous}></calcite-action>`,p`<calcite-action @click=${this.nextItem} .icon=${u} .disabled=${_.next} .alignment=${i} .scale=${V} .appearance=${L} .text=${f.next??""} .label=${f.next}></calcite-action>`]}renderItems(){let{items:t}=n,e=this.getItemsToDisplay.map(a=>this.renderItem(a));return p`<ul class=${y(t)}>${e}</ul>`}renderItem(t){let{label:e}=t;return p`<li class=${y(n.item)}><span class=${y(n.label)} title=${e??x}>${e}</span>${this.renderValue(t)}</li>`}renderValue(t){let{displayValue:e}=t,a=this.state===o.Calculating,s=this.state===o.Disabled,l=e===void 0&&a,i=e||this._messages.NA,r=!this.layers?.find(c=>t?.layer?.id===c.id)?.visible,d=l?this.renderValuePlaceholder():s?"":r?p`<calcite-icon icon=view-hide scale=l title=${this._messages.layerVisibilityOff??x}></calcite-icon>`:i;return p`<span class=${y(n.value)}>${d}</span>`}renderValuePlaceholder(){return p`<span class=${y(n.valuePlaceholder)}></span>`}renderProgress(){let t=`${T}calcite-`;return w(`${t}progress`,p`<calcite-progress type=indeterminate></calcite-progress>`)}renderLoader(){let t=`${T}calcite-`,e=this._messages.loading;return w(`${t}loader`,p`<calcite-loader .label=${e??""} .text=${e} scale=m></calcite-loader>`)}};S("instant-apps-scoreboard",I);return I},"core/reactiveUtils","intl","core/Collection","core/Handles")

package/dist/cdn/UNBTFJYB.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{a as y}from"./BM666UZR.js";import{b as _}from"./I2NTSKBD.js";import{a as m}from"./MGEDATQ7.js";import"./RMEDO4JC.js";import"./ISFTCFSJ.js";import{b as g}from"./2I5LGZNX.js";import{E as l,F as p,G as d,I as o,h as r,i as c,q as s,t as n}from"./FFF5HUPM.js";import"./QPIMTXPL.js";export default $arcgis.t(([u])=>{var k=r`@layer{:host{display:block}.border{outline:1px solid var(--calcite-color-border-input)}.border-left{border-left:1px solid rgba(110,110,110,.3)}.border-left[dir=rtl]{border-right:1px solid rgba(110,110,110,.3)}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.3em;background-color:#fff;--esri-widget-padding-v: 12px;--esri-widget-padding-h: 15px;--esri-widget-padding: var(--esri-widget-padding-v) var(--esri-widget-padding-h)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row wrap;padding:0;justify-content:flex-start!important}.esri-sketch__section{align-items:center;display:flex;flex-flow:row wrap;padding:0 7px;margin:6px 0}.esri-responsive-toolbar__bar--horizontal{--calcite-action-group-border-color: var(--calcite-color-border-3) !important}}`,h=class extends d{constructor(){super(...arguments),this.active=!1,this.drawMode="SKETCH",this.editGraphicsEnabled=!0,this.graphics=[],this.redoEnabled=!1,this.undoEnabled=!1,this._translations=m({name:"map-draw-tools",blocking:!0}),this._pnContextConsumer=_({context:y,subscribe:!0}),this._sketchComponent=l(),this._forceCreate=!1,this.selectionLoadingChange=s(),this.sketchGraphicsChange=s(),this.drawUndo=s(),this.drawRedo=s(),this._onSketchReady=async()=>{await new Promise(e=>setTimeout(e,50)),this._sketchComponent.value?.getElementsByTagName("calcite-popover")[0]?.setAttribute("placement","auto")},this._onSketchCreate=e=>{let t=e.detail;t.state==="complete"&&(this.graphics=t.graphic?[t.graphic]:[],this.sketchGraphicsChange.emit({graphics:this.graphics,useOIDs:!1}),this.drawMode==="REFINE"&&(this._forceCreate=!0,this._sketchComponent.value?.create(t.tool))),t.state==="cancel"&&this.drawMode==="REFINE"&&this._forceCreate&&(this._forceCreate=!this._forceCreate,this._sketchComponent.value?.create(t.tool))},this._onSketchUpdate=e=>{if(!this.editGraphicsEnabled){this._sketchComponent.value?.cancel();return}let t=e.detail,i=t.toolEventInfo?.type;(t.state==="active"&&i==="update"||i==="move"||i==="reshape-stop"||i==="move-stop")&&(clearTimeout(this._debounceTimer),this._debounceTimer=window.setTimeout(()=>{this.graphics=t.graphics,this.sketchGraphicsChange.emit({graphics:this.graphics,useOIDs:!1})},1e3))},this._onSketchDelete=()=>{this.graphics=[],this.sketchGraphicsChange.emit({graphics:this.graphics,useOIDs:!1})},this._onSketchUndo=e=>{if(this._sketchComponent.value?.state==="active")return;let t=e.detail;this.graphics=t.graphics,this.sketchGraphicsChange.emit({graphics:this.graphics,useOIDs:!1})},this._onSketchRedo=e=>{if(this._sketchComponent.value?.state==="active")return;let t=e.detail;t.graphics[0].geometry&&(this.graphics=t.graphics,this.sketchGraphicsChange.emit({graphics:this.graphics,useOIDs:!1}))}}static{this.properties={active:5,drawMode:1,editGraphicsEnabled:5,graphics:0,mapView:0,pointSymbol:0,polylineSymbol:0,polygonSymbol:0,redoEnabled:5,undoEnabled:5,_translations:16,_selectionMode:16}}static{this.styles=k}static{this.shadowRootOptions=n}willUpdate(e){e.has("graphics")&&this.graphicsWatchHandler(this.graphics,e.get("graphics")),e.has("mapView")&&this.mapView&&this.mapViewWatchHandler(this.mapView,e.get("mapView"))}graphicsWatchHandler(e,t){e&&e.length>0&&JSON.stringify(e)!==JSON.stringify(t)&&this._sketchGraphicsLayer&&(this._updateGraphicsSymbols(e),this._sketchGraphicsLayer.removeAll(),this._sketchGraphicsLayer.addMany(e))}mapViewWatchHandler(e,t){e&&e!==t&&this._init()}async clear(){this._clearSketch()}async updateGraphics(){this._updateGraphics()}loaded(){this._init()}disconnectedCallback(){super.disconnectedCallback(),this._sketchComponent.value?.cancel(),this._clearSketch()}render(){let e=this.drawMode==="SKETCH"?"border":"border esri-widget esri-sketch__panel",t=this.drawMode==="SKETCH"?"display-none":"esri-widget esri-sketch__panel border-left esri-sketch__section";return c`<div class=${o(e)}><arcgis-sketch @arcgisReady=${this._onSketchReady} @arcgisCreate=${this._onSketchCreate} @arcgisUpdate=${this._onSketchUpdate} @arcgisDelete=${this._onSketchDelete} @arcgisUndo=${this._onSketchUndo} @arcgisRedo=${this._onSketchRedo} use-legacy-create-tools ${p(this._sketchComponent)}></arcgis-sketch><div class=${o(t)}><calcite-action .disabled=${!this.undoEnabled} icon=undo @click=${()=>this._undo()} scale=s .text=${this._translations.undo}></calcite-action><calcite-action .disabled=${!this.redoEnabled} icon=redo @click=${()=>this._redo()} scale=s .text=${this._translations.redo}></calcite-action></div></div>`}_init(){this.mapView&&(this._initGraphicsLayer(),this._initSketch())}_initGraphicsLayer(){let e=this._pnContextConsumer.value,t=this._translations.sketchLayer;if(this.mapView){let i=this.mapView.map.layers.findIndex(a=>a.title===t);i>-1?this._sketchGraphicsLayer=this.mapView.map.layers.getItemAt(i):(this._sketchGraphicsLayer=new u({title:t,listMode:"hide"}),this._sketchGraphicsLayer&&(e.managedLayers[t]="sketch",this.mapView.map.layers.add(this._sketchGraphicsLayer))),this.graphics&&this.graphics.length>0&&this._sketchGraphicsLayer&&this._sketchGraphicsLayer.addMany(this.graphics)}}_initSketch(){let e=this._sketchComponent.value;e&&(e.view=this.mapView,e.layer=this._sketchGraphicsLayer,e.creationMode="single",e.toolbarKind="docked",e.defaultCreateOptions={mode:"hybrid"},e.defaultUpdateOptions={preserveAspectRatio:!1,enableScaling:!1,enableRotation:!1,tool:"reshape",toggleToolOnClick:!1},e.hideDuplicateButton=!0,e.hideSelectionToolsLassoSelection=!0,e.hideSelectionToolsRectangleSelection=!0,e.hideCreateToolsCircle=!0,e.hideUndoRedoMenu=!0,e.hideSettingsMenu=this.drawMode!=="SKETCH",this.pointSymbol?e.pointSymbol=this.pointSymbol:this.polylineSymbol?e.polylineSymbol=this.polylineSymbol:this.polygonSymbol&&(e.polygonSymbol=this.polygonSymbol))}_clearSketch(){this._sketchComponent.value?.cancel(),this.graphics=[],this._sketchGraphicsLayer?.removeAll()}_undo(){this.drawUndo.emit()}_redo(){this.drawRedo.emit()}_updateGraphics(){setTimeout(()=>{this.graphics.length===1&&this.graphics[0].geometry&&this._sketchComponent.value&&this._sketchComponent.value.triggerUpdate(this.graphics)},100)}_updateGraphicsSymbols(e){let t=e[0]?.geometry?.type,i=t==="point"?this.pointSymbol:t==="polyline"?this.polylineSymbol:t==="polygon"?this.polygonSymbol:void 0;i&&e.forEach(a=>a.symbol=i)}};g("map-draw-tools",h);return h},"layers/GraphicsLayer")

package/dist/cdn/{5EBHORLK.js → UNJV2PKC.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as o}from"./26K4UTAF.js";import{d as r}from"./3FMOO3PJ.js";import"./4HFHJOS3.js";import"./45M33Q5G.js";import{a as s}from"./NEKIHEPY.js";import"./UKXDAOCN.js";import"./D3WYLHYH.js";import"./MPGXSCG5.js";import"./TT5Y2WZP.js";import"./JBGQX4DF.js";import"./OQWMBY4L.js";import"./MHD543E6.js";import"./N72IW5CX.js";import"./SNXCUFG4.js";import"./ZDGVCOLK.js";import"./FES7B3SJ.js";import"./4UBLWDFJ.js";import"./SBEC53RV.js";import"./LDQDYCD2.js";import"./RNAN4RW6.js";import"./W5V64SBG.js";import"./TTODV2R4.js";import"./CEZMBNEQ.js";import"./BJMJWUHS.js";import"./NPZQAHW4.js";import"./FKCIW6NV.js";import"./YF26KIY5.js";import"./QPIMTXPL.js";var p=async(e,l,t)=>({type:"Layout",elements:[{type:"Section",options:{section:"stepper",scale:"l"},elements:[{type:"Section",labelKey:`${e}.sections.details.label`,options:{section:"step"},elements:[{labelKey:`${e}.fields.name.label`,scope:"/properties/name",type:"Control",options:{messages:[{type:"ERROR",keyword:"required",icon:!0,labelKey:`${e}.fields.name.requiredError`},{type:"ERROR",keyword:"maxLength",icon:!0,labelKey:`${e}.fields.name.maxLengthError`},{type:"ERROR",keyword:"format",icon:!0,labelKey:`${e}.fields.name.entityTitleValidatorError`}]}},{labelKey:`${e}.fields.summary.label`,scope:"/properties/summary",type:"Control",options:{control:"hub-field-input-input",type:"textarea",rows:4,messages:[{type:"ERROR",keyword:"maxLength",icon:!0,labelKey:`${e}.fields.summary.maxLengthError`}]}}]},{type:"Section",labelKey:`${e}.sections.membershipAccess.label`,options:{section:"step"},rule:{effect:s.DISABLE,condition:{scope:"/properties/name",schema:{const:""}}},elements:[{scope:"/properties/isSharedUpdate",type:"Control",rule:{effect:s.HIDE,condition:{scope:"/properties/isSharedUpdate",schema:{const:!1}}}},{labelKey:`${e}.fields.membershipAccess.label`,scope:"/properties/membershipAccess",type:"Control",options:{control:"hub-field-input-radio",labels:[`{{${e}.fields.membershipAccess.org.description:translate}}`,`{{${e}.fields.membershipAccess.collab.description:translate}}`,`{{${e}.fields.membershipAccess.createAssociation.any:translate}}`],disabled:[!1,!r("platform:portal:user:addExternalMembersToGroup",t).access,!r("platform:portal:user:addExternalMembersToGroup",t).access]}},{labelKey:`${e}.fields.contributeContent.label`,scope:"/properties/isViewOnly",type:"Control",options:{control:"hub-field-input-radio",labels:[`{{${e}.fields.contributeContent.members.description:translate}}`,`{{${e}.fields.contributeContent.createAssociation.admins:translate}}`]}}]}]}]}),c=async(e,l,t)=>Object.assign({},o("hubAssociationsGroup",t));export{c as buildDefaults,p as buildUiSchema};
+import{a as o}from"./5IIGQVJO.js";import{d as r}from"./GF4QELNV.js";import"./5O53T3SW.js";import"./AJZDBHB6.js";import{a as s}from"./NEKIHEPY.js";import"./UKXDAOCN.js";import"./D3WYLHYH.js";import"./MPGXSCG5.js";import"./TT5Y2WZP.js";import"./JBGQX4DF.js";import"./OQWMBY4L.js";import"./MHD543E6.js";import"./N72IW5CX.js";import"./SNXCUFG4.js";import"./ZDGVCOLK.js";import"./FES7B3SJ.js";import"./4UBLWDFJ.js";import"./SBEC53RV.js";import"./LDQDYCD2.js";import"./RNAN4RW6.js";import"./W5V64SBG.js";import"./TTODV2R4.js";import"./CEZMBNEQ.js";import"./BJMJWUHS.js";import"./NPZQAHW4.js";import"./FKCIW6NV.js";import"./YF26KIY5.js";import"./QPIMTXPL.js";var p=async(e,l,t)=>({type:"Layout",elements:[{type:"Section",options:{section:"stepper",scale:"l"},elements:[{type:"Section",labelKey:`${e}.sections.details.label`,options:{section:"step"},elements:[{labelKey:`${e}.fields.name.label`,scope:"/properties/name",type:"Control",options:{messages:[{type:"ERROR",keyword:"required",icon:!0,labelKey:`${e}.fields.name.requiredError`},{type:"ERROR",keyword:"maxLength",icon:!0,labelKey:`${e}.fields.name.maxLengthError`},{type:"ERROR",keyword:"format",icon:!0,labelKey:`${e}.fields.name.entityTitleValidatorError`}]}},{labelKey:`${e}.fields.summary.label`,scope:"/properties/summary",type:"Control",options:{control:"hub-field-input-input",type:"textarea",rows:4,messages:[{type:"ERROR",keyword:"maxLength",icon:!0,labelKey:`${e}.fields.summary.maxLengthError`}]}}]},{type:"Section",labelKey:`${e}.sections.membershipAccess.label`,options:{section:"step"},rule:{effect:s.DISABLE,condition:{scope:"/properties/name",schema:{const:""}}},elements:[{scope:"/properties/isSharedUpdate",type:"Control",rule:{effect:s.HIDE,condition:{scope:"/properties/isSharedUpdate",schema:{const:!1}}}},{labelKey:`${e}.fields.membershipAccess.label`,scope:"/properties/membershipAccess",type:"Control",options:{control:"hub-field-input-radio",labels:[`{{${e}.fields.membershipAccess.org.description:translate}}`,`{{${e}.fields.membershipAccess.collab.description:translate}}`,`{{${e}.fields.membershipAccess.createAssociation.any:translate}}`],disabled:[!1,!r("platform:portal:user:addExternalMembersToGroup",t).access,!r("platform:portal:user:addExternalMembersToGroup",t).access]}},{labelKey:`${e}.fields.contributeContent.label`,scope:"/properties/isViewOnly",type:"Control",options:{control:"hub-field-input-radio",labels:[`{{${e}.fields.contributeContent.members.description:translate}}`,`{{${e}.fields.contributeContent.createAssociation.admins:translate}}`]}}]}]}]}),c=async(e,l,t)=>Object.assign({},o("hubAssociationsGroup",t));export{c as buildDefaults,p as buildUiSchema};

package/dist/cdn/{MZDSTI7I.js → UQDRAXO2.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import d from"./5KD4GK7Y.js";import c from"./P4FX4W2X.js";import b from"./KGUELU4O.js";import a from"./36HEIJAI.js";import{a as K}from"./AA7X6GKH.js";import{b as Se}from"./TAYHORLE.js";import"./S423P2GA.js";import{G as Ee,H as ze,J as _,K as E,h as ke,i as L,j as ue,l as fe,u as Re}from"./P4KZ6OZF.js";import"./QPIMTXPL.js";export default $arcgis.t(([Ge,D,ce,it,,,{a:B,b:W},{a:Ie,b:ve,d:Pe,e:Te,f:he,g:Fe,i:Me,o:pe,s:He,t:Z,u:me,v:Ue,w:Be}])=>{(function($,e){typeof exports=="object"&&typeof module<"u"?e(exports):typeof define=="function"&&define.amd?define(["exports"],e):($=typeof globalThis<"u"?globalThis:$||self,e($.maquette={}))})(void 0,(function($){"use strict";var e=function(){var t,i;return{invalidate:function(){i=void 0,t=void 0},result:function(a,l){if(t)for(var p=0;p<a.length;p++)t[p]!==a[p]&&(i=void 0);return i||(i=l(),t=a),i}}},s="http://www.w3.org/",c="".concat(s,"2000/svg"),n="".concat(s,"1999/xlink"),r=[],u=function(t,i){var a={};return Object.keys(t).forEach(function(l){a[l]=t[l]}),i&&Object.keys(i).forEach(function(l){a[l]=i[l]}),a},h=function(t,i){return t.vnodeSelector!==i.vnodeSelector?!1:t.properties&&i.properties?t.properties.key!==i.properties.key?!1:t.properties.bind===i.properties.bind:!t.properties&&!i.properties},w=function(t){if(typeof t!="string")throw new Error("Style values must be strings")},b=function(t,i,a){if(i.vnodeSelector!==""){for(var l=a;l<t.length;l++)if(h(t[l],i))return l}return-1},z=function(t,i,a,l){var p=t[i];if(p.vnodeSelector!==""){var o=p.properties,A=o?o.key===void 0?o.bind:o.key:void 0;if(!A){for(var v=0;v<t.length;v++)if(v!==i){var d=t[v];if(h(d,p))throw Object.assign(new Error("".concat(a.vnodeSelector," had a ").concat(p.vnodeSelector," child ").concat(l==="added"?l:"removed",", but there is now more than one. You must add unique key properties to make them distinguishable.")),{parentNode:a,childNode:p})}}}},k=function(t){if(t.properties){var i=t.properties.enterAnimation;i&&i(t.domNode,t.properties)}},x=[],S=!1,I=function(t){(t.children||[]).forEach(I),t.properties&&t.properties.afterRemoved&&t.properties.afterRemoved.apply(t.properties.bind||t.properties,[t.domNode])},P=function(){S=!1,x.forEach(I),x.length=0},R=function(t){x.push(t),S||(S=!0,typeof window<"u"&&"requestIdleCallback"in window?window.requestIdleCallback(P,{timeout:16}):setTimeout(P,16))},F=function(t){var i=t.domNode;if(t.properties){var a=t.properties.exitAnimation;if(a){i.style.pointerEvents="none";var l=function(){i.parentNode&&(i.parentNode.removeChild(i),R(t))};a(i,l,t.properties);return}}i.parentNode&&(i.parentNode.removeChild(i),R(t))},G=["on","afterCreate","afterUpdate","afterRemoved","enterAnimation","exitAnimation","updateAnimation"];function O(t){return!G.includes(t)}var j=function(t,i,a){if(i){for(var l=a.eventHandlerInterceptor,p=Object.keys(i).filter(O),o=p.length,A=0;A<o;A++){var v=p[A],d=i[v];if(v==="className")throw new Error('Property "className" is not supported, use "class".');if(v==="class")re(t,d,!0);else if(v==="classes")for(var f=Object.keys(d),C=f.length,y=0;y<C;y++){var m=f[y];d[m]&&t.classList.add(m)}else if(v==="styles")for(var M=Object.keys(d),T=M.length,y=0;y<T;y++){var J=M[y],ee=d[J];ee&&(w(ee),a.styleApplyer(t,J,ee))}else if(v!=="key"&&d!==null&&d!==void 0){var oe=typeof d;oe==="function"?(v.lastIndexOf("on",0)===0&&l&&(d=l(v,d,t,i)),t[v]=d):a.namespace===c?v==="href"?t.setAttributeNS(n,v,d):t.setAttribute(v,d):oe==="string"&&v!=="value"&&v!=="innerHTML"?t.setAttribute(v,d):t[v]=d}}if(i.on)for(var te=0,de=Object.entries(i.on);te<de.length;te++){var X=de[te],Y=X[0],Q=X[1],ie=typeof Q=="function"?Q:Q.listener;l&&(ie=l(Y,ie,t,i)),ie&&t.addEventListener(Y,ie,typeof Q=="function"?void 0:Q.options)}}},H=function(t,i,a){if(i)for(var l=0,p=i;l<p.length;l++){var o=p[l];q(o,t,void 0,a)}},U=function(t,i,a){H(t,i.children,a),i.text&&(t.textContent=i.text),j(t,i.properties,a),i.properties&&i.properties.afterCreate&&i.properties.afterCreate.apply(i.properties.bind||i.properties,[t,a,i.vnodeSelector,i.properties,i.children])},q=function(t,i,a,l){var p,o,A=0,v=t.vnodeSelector,d=i.ownerDocument;if(v==="")t.domNode?t.domNode.nodeValue=t.text:(o=t.domNode=d.createTextNode(t.text),a!==void 0?i.insertBefore(o,a):i.appendChild(o));else{for(var f=0;f<=v.length;++f){var C=v.charAt(f);if(f===v.length||C==="."||C==="#"){var y=v.charAt(A-1),m=v.slice(A,f);y==="."?o.classList.add(m):y==="#"?o.id=m:(m==="svg"&&(l=u(l,{namespace:c})),l.namespace!==void 0?o=t.domNode=d.createElementNS(l.namespace,m):(o=t.domNode=t.domNode||(!((p=t.properties)===null||p===void 0)&&p.is?d.createElement(m,{is:t.properties.is}):d.createElement(m)),m==="input"&&t.properties&&t.properties.type!==void 0&&o.setAttribute("type",t.properties.type)),a!==void 0?i.insertBefore(o,a):o.parentNode!==i&&i.appendChild(o)),A=f+1}}U(o,t,l)}},N,re=function(t,i,a){i&&i.split(" ").forEach(function(l){l&&t.classList.toggle(l,a)})},Xe=function(t,i,a,l){if(a){for(var p=!1,o=Object.keys(a).filter(O),A=o.length,v=0;v<A;v++){var d=o[v],f=a[d],C=i[d];if(d==="class")C!==f&&(re(t,C,!1),re(t,f,!0));else if(d==="classes")for(var y=t.classList,m=Object.keys(f),M=m.length,T=0;T<M;T++){var J=m[T],ee=!!f[J],oe=!!C[J];ee!==oe&&(p=!0,ee?y.add(J):y.remove(J))}else if(d==="styles")for(var te=Object.keys(f),de=te.length,T=0;T<de;T++){var X=te[T],Y=f[X],Q=C[X];Y!==Q&&(p=!0,Y?(w(Y),l.styleApplyer(t,X,Y)):l.styleApplyer(t,X,""))}else if(!f&&typeof C=="string"&&(f=""),d==="value"){var ie=t[d];ie!==f&&f!==C&&(t[d]=f),f!==C&&(p=!0)}else if(f!==C){var Ce=typeof f;(Ce!=="function"||!l.eventHandlerInterceptor)&&(l.namespace===c?d==="href"?t.setAttributeNS(n,d,f):t.setAttribute(d,f):Ce==="string"&&d!=="innerHTML"?d==="role"&&f===""?t.removeAttribute(d):t.setAttribute(d,f):t[d]!==f&&(t[d]=f),p=!0)}}return p}},Ye=function(t,i,a,l,p){if(a===l)return!1;a=a||r,l=l||r;for(var o=a.length,A=l.length,v=0,d=0,f,C=!1;d<A;){var y=v<o?a[v]:void 0,m=l[d];if(y!==void 0&&h(y,m))C=N(y,m,p,i,a)||C,v++;else{var M=b(a,m,v+1);if(M>=0){for(f=v;f<M;f++)F(a[f]),z(a,f,t,"removed");C=N(a[M],m,p,i,a)||C,v=M+1}else q(m,i,v<o?a[v].domNode:void 0,p),k(m),z(l,d,t,"added")}d++}if(o>v)for(f=v;f<o;f++)F(a[f]),z(a,f,t,"removed");return C};N=function(t,i,a,l,p){var o=t.domNode,A=!1;if(t===i)return!1;var v=!1;if(i.vnodeSelector===""){if(i.text!==t.text){var d=o.ownerDocument.createTextNode(i.text);try{l.replaceChild(d,o)}catch{l.replaceChild(d,l.childNodes[p.indexOf(t)])}return i.domNode=d,A=!0,A}i.domNode=o}else i.vnodeSelector.lastIndexOf("svg",0)===0&&(a=u(a,{namespace:c})),t.text!==i.text&&(v=!0,i.text===void 0?o.removeChild(o.firstChild):o.textContent=i.text),i.domNode=o,v=Ye(i,o,t.children,i.children,a)||v,v=Xe(o,t.properties,i.properties,a)||v,i.properties&&i.properties.afterUpdate&&i.properties.afterUpdate.apply(i.properties.bind||i.properties,[o,a,i.vnodeSelector,i.properties,i.children]);return v&&i.properties&&i.properties.updateAnimation&&i.properties.updateAnimation(o,i.properties,t.properties),A};var se=function(t,i){return{getLastRender:function(){return t},update:function(a){if(t.vnodeSelector!==a.vnodeSelector)throw new Error("The selector for the root VNode may not be changed. (consider using dom.merge and add one extra level to the virtual DOM)");var l=t;t=a,N(l,a,i,l.domNode.parentNode,[l])},domNode:t.domNode}},Qe={namespace:void 0,performanceLogger:function(){},eventHandlerInterceptor:void 0,styleApplyer:function(t,i,a){i.charAt(0)==="-"?t.style.setProperty(i,a):t.style[i]=a}},V=function(t){return u(Qe,t)},le={create:function(t,i){return i=V(i),q(t,document.createElement("div"),void 0,i),se(t,i)},append:function(t,i,a){return a=V(a),q(i,t,void 0,a),se(i,a)},insertBefore:function(t,i,a){return a=V(a),q(i,t.parentNode,t,a),se(i,a)},merge:function(t,i,a){return a=V(a),i.domNode=t,U(t,i,a),se(i,a)},replace:function(t,i,a){return a=V(a),q(i,t.parentNode,t,a),t.parentNode.removeChild(t),se(i,a)}},Ze=function(t){return{vnodeSelector:"",properties:void 0,children:void 0,text:t.toString(),domNode:null}},xe=function(t,i,a){for(var l=0,p=i.length;l<p;l++){var o=i[l];Array.isArray(o)?xe(t,o,a):o!=null&&o!==!1&&(typeof o=="string"&&(o=Ze(o)),a.push(o))}};function Oe(t,i,a){if(Array.isArray(i))a=i,i=void 0;else if(i&&(typeof i=="string"||i.vnodeSelector)||a&&(typeof a=="string"||a.vnodeSelector))throw new Error("h called with invalid arguments");var l,p;return a&&a.length===1&&typeof a[0]=="string"?l=a[0]:a&&(p=[],xe(t,a,p),p.length===0&&(p=void 0)),{vnodeSelector:t,properties:i,children:p,text:l===""?void 0:l,domNode:null}}var je=function(t,i,a){var l=[],p=[];return{results:p,map:function(o){for(var A=o.map(t),v=p.slice(),d=0,f=0;f<o.length;f++){var C=o[f],y=A[f];if(y===l[d])p[f]=v[d],a(C,v[d],f),d++;else{for(var m=!1,M=1;M<l.length+1;M++){var T=(d+M)%l.length;if(l[T]===y){p[f]=v[T],a(o[f],v[T],f),d=T+1,m=!0;break}}m||(p[f]=i(C,f))}}p.length=o.length,l=A}}},Ne=function(t,i){for(var a=[];t&&t!==i;)a.push(t),t=t.parentNode;return a},Ve=function(t,i){var a=t;return i.forEach(function(l){a=a&&a.children?a.children.find(function(p){return p.domNode===l}):void 0}),a},et=function(t,i,a){return function(p,o,A,v){return l};function l(p){var o,A;a("domEvent",p);var v=i(),d=Ne(p.currentTarget,v.domNode);d.reverse();var f=Ve(v.getLastRender(),d);t.scheduleRender();var C;if(f){var y=(A=(o=f.properties["on".concat(p.type)])!==null&&o!==void 0?o:f.properties.on[p.type].listener)!==null&&A!==void 0?A:f.properties.on[p.type];C=y.apply(f.properties.bind||this,arguments)}return a("domEventProcessed",p),C}},tt=function(t){var i,a=V(t),l=a.performanceLogger,p=!0,o,A=!1,v=[],d=[],f=function(y,m,M){var T,J=function(){return T};a.eventHandlerInterceptor=et(i,J,l),T=y(m,M(),a),v.push(T),d.push(M)},C=function(){if(o=void 0,!!p){p=!1,l("renderStart",void 0);for(var y=0;y<v.length;y++){var m=d[y]();l("rendered",void 0),v[y].update(m),l("patched",void 0)}l("renderDone",void 0),p=!0}};return i={renderNow:C,scheduleRender:function(){!o&&!A&&(o=requestAnimationFrame(C))},stop:function(){o&&(cancelAnimationFrame(o),o=void 0),A=!0},resume:function(){A=!1,p=!0,i.scheduleRender()},append:function(y,m){f(le.append,y,m)},insertBefore:function(y,m){f(le.insertBefore,y,m)},merge:function(y,m){f(le.merge,y,m)},replace:function(y,m){f(le.replace,y,m)},detach:function(y){for(var m=0;m<d.length;m++)if(d[m]===y)return d.splice(m,1),v.splice(m,1)[0];throw new Error("renderFunction was not found")}},i};$.createCache=e,$.createMapping=je,$.createProjector=tt,$.dom=le,$.h=Oe}));var at=96;function ne($){return $?$/72*at:0}var nt=(void 0)(),Je=10,_e=20,ge=10,Le=20,Ae={univariateAboveAndBelowSymbol:"esri-univariate-above-and-below-ramp__symbol",colorRamp:"esri-legend__color-ramp"};function rt($="vertical"){let e={stroke:"rgb(200, 200, 200)",strokeWidth:"1"};return $==="vertical"?L`<svg height=4 width=10>${ue`<line x1=0 y1=2 x2=10 y2=2 style=${E(e)} />`}</svg>`:L`<svg height=10 width=10>${ue`<line x1=5 y1=0 x2=5 y2=10 style=${E(e)} />`}</svg>`}function st($,e="vertical"){let s=document.createElement("div");return s.style.height=`${_e}px`,s.className=Ae.univariateAboveAndBelowSymbol,$!=null&&(s.style.opacity=$.toString()),nt.append(s,rt.bind(null,e)),s}function Ke($,e,s="vertical",c){$.infos.forEach((n,r)=>{if(c&&r===2)n.preview=st(e,s);else{let{size:u}=n,h=ne(u)+(s==="horizontal"?Le:ge),w=n.preview.tagName.toLowerCase()==="div",b=w?n.preview:document.createElement("div");b&&(b.className=Ae.univariateAboveAndBelowSymbol),s==="horizontal"?b&&(b.style.width=`${h}px`):b&&(b.style.height=`${h}px`),w||b&&b.appendChild(n.preview),n.preview=b}})}function De($,e="classic"){let s=$.infos,c=s[0].size,n=s[s.length-1].size;return e==="classic"?(ne(c)+ge)/2:(ne(c)-ne(n))/2}function ye($,e){if(!$)return null;let s=$.infos.map(n=>n.color),c=Ge.renderColorRampPreviewHTML(e.type==="full"?s:e.type==="above"?s.slice(0,3):s.slice(2,5),{width:e.width,height:e.height,align:e.rampAlignment,effectList:e.effectList});return c.className=Ae.colorRamp,e.opacity!=null&&(c.style.opacity=e.opacity.toString()),c}function lt($,e,s,c="vertical"){let n=0,r=$.infos,u=Math.floor(r.length/2),h=e==="full"||e==="above"?0:u,w=e==="full"||e==="below"?r.length-1:u;for(let b=h;b<=w;b++)if(s&&b===u)n+=c==="horizontal"?Je:_e;else{let z=r[b].size,k=ne(z)+(c==="horizontal"?Le:ge);n+=k}return Math.round(n)}function $e($,e,s,c="vertical"){let n=lt($,e,s,c),r=$.infos,u=Math.floor(r.length/2),h=e==="full"||e==="above"?0:u,w=e==="full"||e==="below"?r.length-1:u,b=e==="full"?r[h].size+r[w].size:e==="above"?r[h].size:r[w].size,z=s?c==="vertical"?_e:Je:0,k=c==="vertical"?ge*(e==="full"?2:1):Le*(e==="full"?2:1);return Math.round(n-(ne(b)/2+z/2+k/2))}function ct($,e,s="vertical"){let c=$.infos,n=c.find(({type:u})=>u==="size-ramp"),r=c.find(({type:u})=>u==="color-ramp");return n&&(n={...n},n.infos=[...n.infos],Ke(n,e,s,!0)),r&&(r={...r},r.infos=[...r.infos]),s==="horizontal"&&(n?.infos.reverse(),r?.infos.reverse()),{sizeRampElement:n,colorRampElement:r}}function ot($,e="vertical"){let s=$.infos,c=s.find(({type:r})=>r==="size-ramp"),n=s.find(({type:r})=>r==="color-ramp");return c&&(c={...c},c.infos=[...c.infos],Ke(c,null,e,!1)),n&&(n={...n},n.infos=[...n.infos]),e==="horizontal"&&(c?.infos.reverse(),n?.infos.reverse()),{sizeRampElement:c,colorRampElement:n}}function dt($,e){return!0}var ft=ke`@layer{instant-apps-interactive-legend-classic{display:block;--instant-apps-interactive-legend-heading-font-size: 1rem;--instant-apps-interactive-legend-heading-font-weight: normal;--instant-apps-interactive-legend-caption-font-weight: normal;--instant-apps-interactive-legend-secondary-color: var( --calcite-color-text-1 );--instant-apps-interactive-legend-field-name-font-size: 1rem;--instant-apps-interactive-legend-total-feature-count-font-size: .875rem;--instant-apps-interactive-legend-info-font-size: .875rem;--instant-apps-interactive-legend-info-item-background--selected: #c7ebff;--instant-apps-interactive-legend-info-item-background--selected--dark: #009af2;--instant-apps-interactive-legend-info-item-background--hover: #e9e9e9;--instant-apps-interactive-legend-info-item-background--hover--dark: #4a4a4a;--instant-apps-interactive-legend-info-item-color--selected: var( --calcite-color-text-2 );--instant-apps-interactive-legend-secondary-background-color: var( --calcite-color-background );--instant-apps-interactive-legend-ui-margin: 20px 15px;--instant-apps-interactive-legend-ui-padding: 20px 15px}instant-apps-interactive-legend-classic .esri-legend__service{padding:0}instant-apps-interactive-legend-classic .esri-legend__layer-body,instant-apps-interactive-legend-classic .esri-legend__layer,instant-apps-interactive-legend-classic .esri-legend__layer-table,instant-apps-interactive-legend-classic .esri-legend__group-layer-child,instant-apps-interactive-legend-classic .esri-legend__layer-child-table{margin:0;overflow:hidden}instant-apps-interactive-legend-classic .esri-legend__layer-caption calcite-action{margin-right:5px}instant-apps-interactive-legend-classic .esri-legend__layer-caption{display:flex;align-items:center;font-size:var(--instant-apps-interactive-legend-field-name-font-size);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-caption-btn-container{white-space:nowrap}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-caption-btn-container calcite-button{margin:2px}instant-apps-interactive-legend-classic .esri-legend__layer-caption{font-weight:var(--instant-apps-interactive-legend-caption-font-weight)}instant-apps-interactive-legend-classic .esri-legend__layer-cell.esri-legend__layer-cell--info{font-size:var(--instant-apps-interactive-legend-info-font-size);text-align:left}instant-apps-interactive-legend-classic .esri-legend__layer-cell,instant-apps-interactive-legend-classic .esri-legend__layer-row{display:flex;align-items:center}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-body{display:block;margin:var(--instant-apps-interactive-legend-ui-margin)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive.instant-apps-interactive-legend__nested-unique-symbol>.esri-legend__layer-body{margin:0}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-row{display:table-row}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-cell{display:table-cell}instant-apps-interactive-legend-classic .esri-legend__layer-cell--symbols{justify-content:center;width:20%}instant-apps-interactive-legend-classic .esri-legend__layer-cell--info{width:65%}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{margin:1px;background:transparent;border:none;width:100%}instant-apps-interactive-legend-classic .esri-legend__layer-cell--info{color:var(--instant-apps-interactive-legend-secondary-color)}instant-apps-interactive-legend-classic .esri-legend__layer-row,instant-apps-interactive-legend-classic .esri-legend__layer-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{position:relative}instant-apps-interactive-legend-classic .instant-apps-interactive-legend-element-info--selected{background-color:var(--instant-apps-interactive-legend-info-item-background--selected)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend-element-info--selected{cursor:pointer;background-color:var(--instant-apps-interactive-legend-info-item-background--selected--dark)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend-element-info--selected .esri-legend__layer-cell--info{color:var(--calcite-color-text-inverse)}instant-apps-interactive-legend-classic .hide{display:none}.instant-apps-interactive-legend__compact .esri-legend__layer-row{--instant-apps-interactive-legend-ui-padding: 10px 5px}.instant-apps-interactive-legend__compact .esri-legend__layer-row .esri-legend__layer-cell--info{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-clamp:2;line-height:1.3125rem;max-height:2.625rem}@media(min-width:992px){instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{cursor:pointer}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive:hover.instant-apps-interactive-legend-element-info--selected{background-color:#e2f2fe}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend__layer-row--interactive:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover--dark)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend__layer-row--interactive:hover.instant-apps-interactive-legend-element-info--selected{background-color:#26a9f4}}}`,g={layer:"esri-legend__layer",layerBody:"esri-legend__layer-body",layerRow:"esri-legend__layer-row",layerInfo:"esri-legend__layer-cell esri-legend__layer-cell--info",imageryLayerStretchedImage:"esri-legend__imagery-layer-image--stretched",symbolContainer:"esri-legend__layer-cell esri-legend__layer-cell--symbols",symbol:"esri-legend__symbol",rampContainer:"esri-legend__ramps",sizeRamp:"esri-legend__size-ramp",colorRamp:"esri-legend__color-ramp",opacityRamp:"esri-legend__opacity-ramp",rampLabelsContainer:"esri-legend__ramp-labels",rampLabel:"esri-legend__ramp-label",univariateAboveAndBelowLabel:"esri-univariate-above-and-below-ramp__label",message:"esri-legend__message",interactiveLayerRow:"instant-apps-interactive-legend__layer-row--interactive",infoSelected:"instant-apps-interactive-legend-element-info--selected",compact:"instant-apps-interactive-legend__compact"},vt=24,qe={display:"flex",alignItems:"flex-start"},be={marginLeft:"3px"},ae={display:"table-cell",verticalAlign:"middle"},we=class extends ze{constructor(){super(...arguments),this.calculatingFeatureCount=!1,this.isLoading=!0,this.zoomTo=!1,this.featureCount=!1,this.filterMode={type:"filter"}}static{this.properties={isLoading:16,legendvm:0,zoomTo:5,featureCount:5,filterMode:0,messages:0}}static{this.styles=ft}static{this.shadowRootOptions=Re}connectedCallback(){super.connectedCallback(),!this.handles&&(this.handles=new it)}async load(){new MutationObserver(()=>{this.requestUpdate()}).observe(this.el,{attributes:!0}),W.onChange("data",()=>this.requestUpdate())}willUpdate(e){e.has("filterMode")&&this.legendvm?.view&&(this.hasUpdated||this.filterMode.type!=="filter")&&Ue(this.filterMode,this.legendvm.view)}async loaded(){await this.initLegend()}disconnectedCallback(){super.disconnectedCallback(),this.handles?.removeAll(),this.handles?.destroy(),this.handles=null}async initLegend(){try{await D.whenOnce(()=>this.legendvm?.view);let e=async()=>{try{let s=this.legendvm?.view?.map;await s?.load(),await s?.basemap?.load();let c=s?.allLayers?.map(async h=>await h.load()),n=(await Promise.allSettled(c)).map(h=>h?.status==="fulfilled"&&h?.value?h.value:null).filter(h=>!!h),r=[];n.forEach(h=>{this.legendvm?.view&&r.push(this.legendvm.view.whenLayerView(h))}),await Promise.allSettled(r);let u=await ve(this.legendvm);W.set("data",{...B.data,...u}),this.isLoading=!1,await this.setupWatchersAndListeners()}catch(s){console.error(s),this.isLoading=!1}};this.legendvm?.view?.when(e),this.legendvm?.view?.map?.layers?.on("after-changes",e)}catch{this.isLoading=!1}}getStretchStopLabel(e){let s=this.messages[e.label];return e.label?`${s}: ${typeof e.value=="string"?e.value:ce.formatNumber(e.value,{style:"decimal",notation:e.value.toString().includes("e")?"scientific":"standard"})}`:""}getTitle(e,s){if(!e)return;if(typeof e=="string"||typeof e=="number")return e;if("value"in e||"unit"in e){let r=typeof this.messages?.dotValue=="string"?this.messages.dotValue:"";return ce.substitute(r,e)}if("colorName"in e||"bandName"in e){let{colorName:r,bandName:u}=e,h=this.messages[r],w=typeof this.messages[u]=="string"?this.messages[u]:u;return`${h}: ${w}`}if("showCount"in e)return e.showCount?this.messages.clusterCountTitle:null;let c=null;if(s){let r=e;c=r.ratioPercentTotal?"showRatioPercentTotal":r.ratioPercent?"showRatioPercent":r.ratio?"showRatio":e.normField?"showNormField":e.field?"showField":null}else if(this.isRendererTitle(s)){let r=e;c=r.normField?"showNormField":r.normByPct?"showNormPct":r.field?"showField":null}let n=c==="showField"?"{field}":typeof c=="string"?this.messages[c]:"";return c?ce.substitute(n,{field:e.field,normField:e.normField}):""}isRendererTitle(e){return!e}async setupWatchersAndListeners(){let e=this.legendvm?.view?.map?.allLayers?.filter(n=>n?.type==="feature"),s=[];for(let n of e)this.legendvm?.view&&s.push(this.legendvm?.view?.whenLayerView(n));let c=[];try{c=await Promise.all(s)}catch(n){console.error(n)}for(let n of c){let r=`fLayerViewScale-${n.layer.id}`;!this.handles?.has(r)&&n&&this.handles?.add(n.watch("visibleAtCurrentScale",()=>{this.createDataForLayer(n.layer).catch(u=>{console.error(u)})}),r)}e?.forEach(n=>{let r=`fLayer-${n?.id}`;this.handles?.has(r)||this.handles?.add(D?.watch(()=>n?.visible,()=>{this.createDataForLayer(n).catch(u=>{console.error(u)})}),r)}),this.handles?.add(D.when(()=>this.legendvm,()=>{D.watch(()=>this.legendvm?.view?.updating,()=>{this.calculatingFeatureCount||this.legendvm?.view?.updating&&(this.calculatingFeatureCount=!0,D.when(()=>!this.legendvm?.view?.updating,()=>{pe(this.legendvm,B.data).then(n=>{W.set("data",{...B.data,...n}),this.calculatingFeatureCount=!1}).catch(n=>{console.error(n)})},{once:!0,initial:!0}))},{initial:!0})},{initial:!0,once:!0})),this.handles?.add(D.on(()=>this.legendvm?.activeLayerInfos,"change",n=>{ve(this.legendvm).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).then(()=>{this.handles?.add(D.on(()=>n.children,"change",()=>{ve(this.legendvm).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).catch(r=>{console.error(r)})}))}).catch(r=>{console.error(r)})})),this.handles?.add(D.on(()=>this.legendvm?.view?.map?.layers,"after-changes",()=>{pe(this.legendvm,B.data).then(n=>{W.set("data",{...B.data,...n}),this.calculatingFeatureCount=!1}).catch(n=>{console.error(n)})}))}async createDataForLayer(e){let s=W.get("data")?.[e?.id],c=Be(this.legendvm?.activeLayerInfos)?.find(n=>n?.layer?.id===e?.id);if(!s&&c){let n=await Ie(this.legendvm,c);if(me({intLegendLayerData:n,layerId:e?.id}),this.featureCount){let r=await pe(this.legendvm,B.data);W.set("data",{...B.data,...r})}}}applyFilter(e,s,c,n){return async()=>{let r={...B.data?.[s?.id]};n?await he(r,e,c,this.filterMode,n):await he(r,e,c,this.filterMode),me({intLegendLayerData:r,layerId:s?.id})}}render(){let e=this.renderFilteredLayers(),s=W.get("compact")?` ${g.compact}`:"";return this.isLoading?K("interactive-legend-loader",L`<calcite-loader scale=m .label=${this.messages?.loading} .text=${this.messages?.loading}></calcite-loader>`):K("interactive-legend-classic-container",L`<div class=${`${Z(this.el)}${s}`}>${e?.length>0?e:L`<div class=${_(g.message)}>${this.messages?.noLegend}</div>`}</div>`)}renderFilteredLayers(){return(this.legendvm?.activeLayerInfos?.toArray()).map(e=>this.renderLegendForLayer(e)).filter(e=>!!e)}renderLegendForLayer(e,s){if(!e.ready)return null;if(e.children.length){let r=e.children.map(u=>this.renderLegendForLayer(u,!0)).toArray();return L`<instant-apps-interactive-legend-group-legend-element class=${_(Z(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${e} .isChild=${s}><div style=${E({paddingLeft:"20px"})} .id=${`${e?.layer?.id}-legend-layer`} slot=content>${r}</div></instant-apps-interactive-legend-group-legend-element>`}let c=e.legendElements;if(c&&!c.length)return null;let n=c.map((r,u)=>this.renderLegendForElement(r,e.layer,e.effectList,e,u)).filter(r=>!!r);return n.length?L`<instant-apps-interactive-legend-layer-element class=${_(Z(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${e} .isChild=${!!s}><div slot=content .id=${`${e?.layer?.id}-legend-layer`} class=${_(g.layer)}>${n}</div></instant-apps-interactive-legend-layer-element>`:null}renderLegendForElement(e,s,c,n,r,u,h){let w=e.type==="color-ramp",b=e.type==="opacity-ramp",z=e.type==="size-ramp",k=null,x=Me(n,e,r),S=e?.type==="relationship-ramp";if(e.type==="symbol-table"||z){let R=e.infos.map((F,G)=>this.renderLegendForElementInfo(F,s,c,z,e,n,r,G,x,h)).filter(F=>!!F);R.length&&(k=L`<div class=${_(g.layerBody)}>${R}</div>`)}else if(e.type==="color-ramp"||e.type==="opacity-ramp"||e.type==="heatmap-ramp"||e.type==="stretch-ramp"){let R=e;k=this.renderLegendForRamp(R,s.opacity)}else if(S)k=K("relationship-ramp",L`<instant-apps-interactive-legend-relationship class=${_(Z(this.el))} .filterMode=${this.filterMode} .activeLayerInfo=${n} .legendElement=${e}></instant-apps-interactive-legend-relationship>`);else if(e.type==="pie-chart-ramp"){let R=e;k=this.renderPieChartRamp(R)}else if(e.type==="univariate-above-and-below-ramp"){let R=e;k=this.renderUnivariateAboveAndBelowRamp(R,s.opacity,c)}else if(e.type==="univariate-color-size-ramp"){let R=e;k=this.renderUnivariateColorSizeRamp(R,s.opacity,c)}if(!k)return null;let I=e.title,P=null;if(typeof I=="string")P=I;else if(I){let R=I,F=this.getTitle(R,w||b);this.isRendererTitle(w||b)?"title"in I&&(P=`${I.title} (${F})`):P=F}return L`<instant-apps-interactive-legend-legend-element class=${_(Z(this.el))} .activeLayerInfo=${n} .isSizeRamp=${z} .isChild=${!!u} .isColorRamp=${w} .isRelationshipRamp=${S} .isInteractive=${x} .zoomTo=${this.zoomTo} .legendElement=${e} .titleText=${P} .legendvm=${this.legendvm} .legendElementIndex=${r}><div slot=content>${k}</div></instant-apps-interactive-legend-legend-element>`}renderPieChartRamp(e){return L`<div .innerHTML=${`${e.preview?.outerHTML}`}></div>`}renderUnivariateAboveAndBelowRamp(e,s,c){let{sizeRampElement:n,colorRampElement:r}=ct(e,s);if(!n)return null;let u=$e(n,"above",!0),h=$e(n,"below",!0),w=12,b=ye(r,{width:w,height:u,rampAlignment:"vertical",opacity:s,type:"above",effectList:c}),z=ye(r,{width:w,height:h,rampAlignment:"vertical",opacity:s,type:"below",effectList:c}),k=De(n),x=n.infos.map(H=>H.label),S=x.map((H,U)=>U===0?L`<div class=${_(H?b?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:U===2?L`<div></div>`:null),I=x.length-1,P=Math.floor(x.length/2),R=x.map((H,U)=>U===P||U===I?L`<div class=${_(H?b?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:null),F={display:"table-cell",verticalAlign:"middle"},G={marginTop:`${k}px`},O={height:`${u}px`},j={height:`${h}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(qe)}><div class=${_(g.layerBody)}>${n.infos.map((H,U)=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${_(g.symbol)} style=${E(F)} .innerHTML=${H?.preview?.outerHTML??""??""}></div>${!b&&U%2===0?L`<div class=${_(g.layerInfo)}>${x[U]}</div>`:null}</div>`)}</div>${b?K("color-ramp-preview",L`<div style=${E(G)}><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${b}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(O)}>${S}</div></div></div><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${z}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(j)}>${R}</div></div></div></div>`):null}</div>`)}renderUnivariateColorSizeRamp(e,s,c){let{sizeRampElement:n,colorRampElement:r}=ot(e);if(!n)return null;let u=De(n),h=12,w=$e(n,"full",!1),b=ye(r,{width:h,height:w,rampAlignment:"vertical",opacity:s,type:"full",effectList:c}),z=n.infos.length-1,k=n.infos.map((P,R)=>R===0||R===z?L`<div class=${_(P.label?r?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${P.label}</div>`:null),x={display:"table-cell",verticalAlign:"middle"},S={marginTop:`${u}px`},I={height:`${w}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(qe)}><div class=${_(g.layerBody)}>${n.infos.map(P=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${_(g.symbol)} style=${E(x)} .innerHTML=${P?.preview?.outerHTML??""??""}></div></div>`)}</div>${K("color-ramp-preview",L`<div style=${E(S)}><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${b}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(I)}>${k}</div></div></div></div>`)}</div>`)}renderLegendForRamp(e,s){let c=e.infos,n=e.type==="opacity-ramp",r=e.type==="heatmap-ramp",u=e.type==="stretch-ramp",h=e.preview,w=n?g.opacityRamp:"";h&&(h.classList.add(g.colorRamp),w&&h.classList.add(w)),s!=null&&h&&(h.style.opacity=s.toString());let b=c.map(x=>{let S;if(r){let I=this.messages[x.label];S=typeof I=="string"?I:x.label}else u?S="value"in x?this.getStretchStopLabel(x):x.label:S=x.label;return L`<div class=${_(x.label?g.rampLabel:"")}>${S}</div>`}),z={width:`${vt}px`},k={height:h?.style?.height};return L`<div class=${_(g.layerRow)}><div class=${_(g.symbolContainer)} style=${E({...z})}><div class=${_(g.rampContainer)} ${Ee(x=>{x?.firstChild&&x?.firstChild?.remove(),x?.appendChild(h)})}></div></div><div class=${_(g.layerInfo)}><div class=${_(g.rampLabelsContainer)} style=${E({...k})}>${b}</div></div></div>`}renderLegendForElementInfo(e,s,c,n,r,u,h,w,b,z){if("infos"in e)return this.renderLegendForElement(e,s,c,u,h,!0,e);let k=null,x=!dt(s,r.type);if("preview"in e){let{outerHTML:q}=e.preview;k=L`<div class=${_(g.symbol)} .innerHTML=${q??""}></div>`}else"src"in e&&(k=this.renderImage(e,s,x));if(!k)return null;let S="",I=n?` ${g.sizeRamp}`:"",P,R=Te(s),F=He(R,z);if(B.data){let q=Pe(R,s,e,F,w),N=F?F?.nestedInfos:R,re=Fe(N);P=R?.categories?.size===1?!q?.selected:re||q?.selected}let G="label"in e?e.label:null,O=F&&!("value"in e)?!1:b,j=W.get("compact"),H=this.getTitle(G,!1)||"",U=F?r.title:G??s?.id;return O?L`<button @click=${this.applyFilter(e,s,w,z)} class=${`${g.layerRow} ${g.interactiveLayerRow}${P?` ${g.infoSelected}`:""}`} title=${(j?`${H}`:void 0)??fe} .ariaPressed=${P?"true":"false"}><div class=${`${g.symbolContainer}${S}${I}`}>${k}</div><div class=${`${g.layerInfo}${S}`}>${this.getTitle(G,!1)||""}</div>${this.featureCount&&!j?L`<instant-apps-interactive-legend-count class=${_(Z(this.el))} .categoryId=${U} .activeLayerInfo=${u} .legendvm=${this.legendvm} .selected=${!!P} .legendElement=${r} .infoIndex=${w}></instant-apps-interactive-legend-count>`:null}</button>`:L`<div class=${_(g.layerRow)}><div class=${`${g.symbolContainer}${S}${I}`}>${k}</div><div class=${`${g.layerInfo}${S}`}>${H}</div></div>`}renderImage(e,s,c){let{label:n,src:r,opacity:u}=e,h=c?` ${g.imageryLayerStretchedImage}`:"",w=c?"":` ${g.symbol}`,b={opacity:`${u??s.opacity}`};return L`<img alt=${this.getTitle(n,!1)??fe} src=${r??fe} width=${e.width} height=${e.height} class=${`$${h}${w}`} style=${E(b)}>`}};Se("instant-apps-interactive-legend-classic",we);return we},"symbols/support/symbolUtils","core/reactiveUtils","intl","core/Handles",a,b,c,d)
+import d from"./WDRZR4N3.js";import c from"./SO27FVOH.js";import b from"./KGUELU4O.js";import a from"./4AFANEZZ.js";import{a as K}from"./ONARC6AZ.js";import{b as Se}from"./CVHXDPJO.js";import"./ISFTCFSJ.js";import{F as Ee,G as ze,I as _,J as E,h as ke,i as L,j as ue,l as fe,t as Re}from"./FFF5HUPM.js";import"./QPIMTXPL.js";export default $arcgis.t(([Ge,D,ce,it,,,{a:B,b:W},{a:Ie,b:ve,d:Pe,e:Te,f:he,g:Fe,i:Me,o:pe,s:He,t:Z,u:me,v:Ue,w:Be}])=>{(function($,e){typeof exports=="object"&&typeof module<"u"?e(exports):typeof define=="function"&&define.amd?define(["exports"],e):($=typeof globalThis<"u"?globalThis:$||self,e($.maquette={}))})(void 0,(function($){"use strict";var e=function(){var t,i;return{invalidate:function(){i=void 0,t=void 0},result:function(a,l){if(t)for(var p=0;p<a.length;p++)t[p]!==a[p]&&(i=void 0);return i||(i=l(),t=a),i}}},s="http://www.w3.org/",c="".concat(s,"2000/svg"),n="".concat(s,"1999/xlink"),r=[],u=function(t,i){var a={};return Object.keys(t).forEach(function(l){a[l]=t[l]}),i&&Object.keys(i).forEach(function(l){a[l]=i[l]}),a},h=function(t,i){return t.vnodeSelector!==i.vnodeSelector?!1:t.properties&&i.properties?t.properties.key!==i.properties.key?!1:t.properties.bind===i.properties.bind:!t.properties&&!i.properties},w=function(t){if(typeof t!="string")throw new Error("Style values must be strings")},b=function(t,i,a){if(i.vnodeSelector!==""){for(var l=a;l<t.length;l++)if(h(t[l],i))return l}return-1},z=function(t,i,a,l){var p=t[i];if(p.vnodeSelector!==""){var o=p.properties,A=o?o.key===void 0?o.bind:o.key:void 0;if(!A){for(var v=0;v<t.length;v++)if(v!==i){var d=t[v];if(h(d,p))throw Object.assign(new Error("".concat(a.vnodeSelector," had a ").concat(p.vnodeSelector," child ").concat(l==="added"?l:"removed",", but there is now more than one. You must add unique key properties to make them distinguishable.")),{parentNode:a,childNode:p})}}}},k=function(t){if(t.properties){var i=t.properties.enterAnimation;i&&i(t.domNode,t.properties)}},x=[],S=!1,I=function(t){(t.children||[]).forEach(I),t.properties&&t.properties.afterRemoved&&t.properties.afterRemoved.apply(t.properties.bind||t.properties,[t.domNode])},P=function(){S=!1,x.forEach(I),x.length=0},R=function(t){x.push(t),S||(S=!0,typeof window<"u"&&"requestIdleCallback"in window?window.requestIdleCallback(P,{timeout:16}):setTimeout(P,16))},F=function(t){var i=t.domNode;if(t.properties){var a=t.properties.exitAnimation;if(a){i.style.pointerEvents="none";var l=function(){i.parentNode&&(i.parentNode.removeChild(i),R(t))};a(i,l,t.properties);return}}i.parentNode&&(i.parentNode.removeChild(i),R(t))},G=["on","afterCreate","afterUpdate","afterRemoved","enterAnimation","exitAnimation","updateAnimation"];function O(t){return!G.includes(t)}var j=function(t,i,a){if(i){for(var l=a.eventHandlerInterceptor,p=Object.keys(i).filter(O),o=p.length,A=0;A<o;A++){var v=p[A],d=i[v];if(v==="className")throw new Error('Property "className" is not supported, use "class".');if(v==="class")re(t,d,!0);else if(v==="classes")for(var f=Object.keys(d),C=f.length,y=0;y<C;y++){var m=f[y];d[m]&&t.classList.add(m)}else if(v==="styles")for(var M=Object.keys(d),T=M.length,y=0;y<T;y++){var J=M[y],ee=d[J];ee&&(w(ee),a.styleApplyer(t,J,ee))}else if(v!=="key"&&d!==null&&d!==void 0){var oe=typeof d;oe==="function"?(v.lastIndexOf("on",0)===0&&l&&(d=l(v,d,t,i)),t[v]=d):a.namespace===c?v==="href"?t.setAttributeNS(n,v,d):t.setAttribute(v,d):oe==="string"&&v!=="value"&&v!=="innerHTML"?t.setAttribute(v,d):t[v]=d}}if(i.on)for(var te=0,de=Object.entries(i.on);te<de.length;te++){var X=de[te],Y=X[0],Q=X[1],ie=typeof Q=="function"?Q:Q.listener;l&&(ie=l(Y,ie,t,i)),ie&&t.addEventListener(Y,ie,typeof Q=="function"?void 0:Q.options)}}},H=function(t,i,a){if(i)for(var l=0,p=i;l<p.length;l++){var o=p[l];q(o,t,void 0,a)}},U=function(t,i,a){H(t,i.children,a),i.text&&(t.textContent=i.text),j(t,i.properties,a),i.properties&&i.properties.afterCreate&&i.properties.afterCreate.apply(i.properties.bind||i.properties,[t,a,i.vnodeSelector,i.properties,i.children])},q=function(t,i,a,l){var p,o,A=0,v=t.vnodeSelector,d=i.ownerDocument;if(v==="")t.domNode?t.domNode.nodeValue=t.text:(o=t.domNode=d.createTextNode(t.text),a!==void 0?i.insertBefore(o,a):i.appendChild(o));else{for(var f=0;f<=v.length;++f){var C=v.charAt(f);if(f===v.length||C==="."||C==="#"){var y=v.charAt(A-1),m=v.slice(A,f);y==="."?o.classList.add(m):y==="#"?o.id=m:(m==="svg"&&(l=u(l,{namespace:c})),l.namespace!==void 0?o=t.domNode=d.createElementNS(l.namespace,m):(o=t.domNode=t.domNode||(!((p=t.properties)===null||p===void 0)&&p.is?d.createElement(m,{is:t.properties.is}):d.createElement(m)),m==="input"&&t.properties&&t.properties.type!==void 0&&o.setAttribute("type",t.properties.type)),a!==void 0?i.insertBefore(o,a):o.parentNode!==i&&i.appendChild(o)),A=f+1}}U(o,t,l)}},N,re=function(t,i,a){i&&i.split(" ").forEach(function(l){l&&t.classList.toggle(l,a)})},Xe=function(t,i,a,l){if(a){for(var p=!1,o=Object.keys(a).filter(O),A=o.length,v=0;v<A;v++){var d=o[v],f=a[d],C=i[d];if(d==="class")C!==f&&(re(t,C,!1),re(t,f,!0));else if(d==="classes")for(var y=t.classList,m=Object.keys(f),M=m.length,T=0;T<M;T++){var J=m[T],ee=!!f[J],oe=!!C[J];ee!==oe&&(p=!0,ee?y.add(J):y.remove(J))}else if(d==="styles")for(var te=Object.keys(f),de=te.length,T=0;T<de;T++){var X=te[T],Y=f[X],Q=C[X];Y!==Q&&(p=!0,Y?(w(Y),l.styleApplyer(t,X,Y)):l.styleApplyer(t,X,""))}else if(!f&&typeof C=="string"&&(f=""),d==="value"){var ie=t[d];ie!==f&&f!==C&&(t[d]=f),f!==C&&(p=!0)}else if(f!==C){var Ce=typeof f;(Ce!=="function"||!l.eventHandlerInterceptor)&&(l.namespace===c?d==="href"?t.setAttributeNS(n,d,f):t.setAttribute(d,f):Ce==="string"&&d!=="innerHTML"?d==="role"&&f===""?t.removeAttribute(d):t.setAttribute(d,f):t[d]!==f&&(t[d]=f),p=!0)}}return p}},Ye=function(t,i,a,l,p){if(a===l)return!1;a=a||r,l=l||r;for(var o=a.length,A=l.length,v=0,d=0,f,C=!1;d<A;){var y=v<o?a[v]:void 0,m=l[d];if(y!==void 0&&h(y,m))C=N(y,m,p,i,a)||C,v++;else{var M=b(a,m,v+1);if(M>=0){for(f=v;f<M;f++)F(a[f]),z(a,f,t,"removed");C=N(a[M],m,p,i,a)||C,v=M+1}else q(m,i,v<o?a[v].domNode:void 0,p),k(m),z(l,d,t,"added")}d++}if(o>v)for(f=v;f<o;f++)F(a[f]),z(a,f,t,"removed");return C};N=function(t,i,a,l,p){var o=t.domNode,A=!1;if(t===i)return!1;var v=!1;if(i.vnodeSelector===""){if(i.text!==t.text){var d=o.ownerDocument.createTextNode(i.text);try{l.replaceChild(d,o)}catch{l.replaceChild(d,l.childNodes[p.indexOf(t)])}return i.domNode=d,A=!0,A}i.domNode=o}else i.vnodeSelector.lastIndexOf("svg",0)===0&&(a=u(a,{namespace:c})),t.text!==i.text&&(v=!0,i.text===void 0?o.removeChild(o.firstChild):o.textContent=i.text),i.domNode=o,v=Ye(i,o,t.children,i.children,a)||v,v=Xe(o,t.properties,i.properties,a)||v,i.properties&&i.properties.afterUpdate&&i.properties.afterUpdate.apply(i.properties.bind||i.properties,[o,a,i.vnodeSelector,i.properties,i.children]);return v&&i.properties&&i.properties.updateAnimation&&i.properties.updateAnimation(o,i.properties,t.properties),A};var se=function(t,i){return{getLastRender:function(){return t},update:function(a){if(t.vnodeSelector!==a.vnodeSelector)throw new Error("The selector for the root VNode may not be changed. (consider using dom.merge and add one extra level to the virtual DOM)");var l=t;t=a,N(l,a,i,l.domNode.parentNode,[l])},domNode:t.domNode}},Qe={namespace:void 0,performanceLogger:function(){},eventHandlerInterceptor:void 0,styleApplyer:function(t,i,a){i.charAt(0)==="-"?t.style.setProperty(i,a):t.style[i]=a}},V=function(t){return u(Qe,t)},le={create:function(t,i){return i=V(i),q(t,document.createElement("div"),void 0,i),se(t,i)},append:function(t,i,a){return a=V(a),q(i,t,void 0,a),se(i,a)},insertBefore:function(t,i,a){return a=V(a),q(i,t.parentNode,t,a),se(i,a)},merge:function(t,i,a){return a=V(a),i.domNode=t,U(t,i,a),se(i,a)},replace:function(t,i,a){return a=V(a),q(i,t.parentNode,t,a),t.parentNode.removeChild(t),se(i,a)}},Ze=function(t){return{vnodeSelector:"",properties:void 0,children:void 0,text:t.toString(),domNode:null}},xe=function(t,i,a){for(var l=0,p=i.length;l<p;l++){var o=i[l];Array.isArray(o)?xe(t,o,a):o!=null&&o!==!1&&(typeof o=="string"&&(o=Ze(o)),a.push(o))}};function Oe(t,i,a){if(Array.isArray(i))a=i,i=void 0;else if(i&&(typeof i=="string"||i.vnodeSelector)||a&&(typeof a=="string"||a.vnodeSelector))throw new Error("h called with invalid arguments");var l,p;return a&&a.length===1&&typeof a[0]=="string"?l=a[0]:a&&(p=[],xe(t,a,p),p.length===0&&(p=void 0)),{vnodeSelector:t,properties:i,children:p,text:l===""?void 0:l,domNode:null}}var je=function(t,i,a){var l=[],p=[];return{results:p,map:function(o){for(var A=o.map(t),v=p.slice(),d=0,f=0;f<o.length;f++){var C=o[f],y=A[f];if(y===l[d])p[f]=v[d],a(C,v[d],f),d++;else{for(var m=!1,M=1;M<l.length+1;M++){var T=(d+M)%l.length;if(l[T]===y){p[f]=v[T],a(o[f],v[T],f),d=T+1,m=!0;break}}m||(p[f]=i(C,f))}}p.length=o.length,l=A}}},Ne=function(t,i){for(var a=[];t&&t!==i;)a.push(t),t=t.parentNode;return a},Ve=function(t,i){var a=t;return i.forEach(function(l){a=a&&a.children?a.children.find(function(p){return p.domNode===l}):void 0}),a},et=function(t,i,a){return function(p,o,A,v){return l};function l(p){var o,A;a("domEvent",p);var v=i(),d=Ne(p.currentTarget,v.domNode);d.reverse();var f=Ve(v.getLastRender(),d);t.scheduleRender();var C;if(f){var y=(A=(o=f.properties["on".concat(p.type)])!==null&&o!==void 0?o:f.properties.on[p.type].listener)!==null&&A!==void 0?A:f.properties.on[p.type];C=y.apply(f.properties.bind||this,arguments)}return a("domEventProcessed",p),C}},tt=function(t){var i,a=V(t),l=a.performanceLogger,p=!0,o,A=!1,v=[],d=[],f=function(y,m,M){var T,J=function(){return T};a.eventHandlerInterceptor=et(i,J,l),T=y(m,M(),a),v.push(T),d.push(M)},C=function(){if(o=void 0,!!p){p=!1,l("renderStart",void 0);for(var y=0;y<v.length;y++){var m=d[y]();l("rendered",void 0),v[y].update(m),l("patched",void 0)}l("renderDone",void 0),p=!0}};return i={renderNow:C,scheduleRender:function(){!o&&!A&&(o=requestAnimationFrame(C))},stop:function(){o&&(cancelAnimationFrame(o),o=void 0),A=!0},resume:function(){A=!1,p=!0,i.scheduleRender()},append:function(y,m){f(le.append,y,m)},insertBefore:function(y,m){f(le.insertBefore,y,m)},merge:function(y,m){f(le.merge,y,m)},replace:function(y,m){f(le.replace,y,m)},detach:function(y){for(var m=0;m<d.length;m++)if(d[m]===y)return d.splice(m,1),v.splice(m,1)[0];throw new Error("renderFunction was not found")}},i};$.createCache=e,$.createMapping=je,$.createProjector=tt,$.dom=le,$.h=Oe}));var at=96;function ne($){return $?$/72*at:0}var nt=(void 0)(),Je=10,_e=20,ge=10,Le=20,Ae={univariateAboveAndBelowSymbol:"esri-univariate-above-and-below-ramp__symbol",colorRamp:"esri-legend__color-ramp"};function rt($="vertical"){let e={stroke:"rgb(200, 200, 200)",strokeWidth:"1"};return $==="vertical"?L`<svg height=4 width=10>${ue`<line x1=0 y1=2 x2=10 y2=2 style=${E(e)} />`}</svg>`:L`<svg height=10 width=10>${ue`<line x1=5 y1=0 x2=5 y2=10 style=${E(e)} />`}</svg>`}function st($,e="vertical"){let s=document.createElement("div");return s.style.height=`${_e}px`,s.className=Ae.univariateAboveAndBelowSymbol,$!=null&&(s.style.opacity=$.toString()),nt.append(s,rt.bind(null,e)),s}function Ke($,e,s="vertical",c){$.infos.forEach((n,r)=>{if(c&&r===2)n.preview=st(e,s);else{let{size:u}=n,h=ne(u)+(s==="horizontal"?Le:ge),w=n.preview.tagName.toLowerCase()==="div",b=w?n.preview:document.createElement("div");b&&(b.className=Ae.univariateAboveAndBelowSymbol),s==="horizontal"?b&&(b.style.width=`${h}px`):b&&(b.style.height=`${h}px`),w||b&&b.appendChild(n.preview),n.preview=b}})}function De($,e="classic"){let s=$.infos,c=s[0].size,n=s[s.length-1].size;return e==="classic"?(ne(c)+ge)/2:(ne(c)-ne(n))/2}function ye($,e){if(!$)return null;let s=$.infos.map(n=>n.color),c=Ge.renderColorRampPreviewHTML(e.type==="full"?s:e.type==="above"?s.slice(0,3):s.slice(2,5),{width:e.width,height:e.height,align:e.rampAlignment,effectList:e.effectList});return c.className=Ae.colorRamp,e.opacity!=null&&(c.style.opacity=e.opacity.toString()),c}function lt($,e,s,c="vertical"){let n=0,r=$.infos,u=Math.floor(r.length/2),h=e==="full"||e==="above"?0:u,w=e==="full"||e==="below"?r.length-1:u;for(let b=h;b<=w;b++)if(s&&b===u)n+=c==="horizontal"?Je:_e;else{let z=r[b].size,k=ne(z)+(c==="horizontal"?Le:ge);n+=k}return Math.round(n)}function $e($,e,s,c="vertical"){let n=lt($,e,s,c),r=$.infos,u=Math.floor(r.length/2),h=e==="full"||e==="above"?0:u,w=e==="full"||e==="below"?r.length-1:u,b=e==="full"?r[h].size+r[w].size:e==="above"?r[h].size:r[w].size,z=s?c==="vertical"?_e:Je:0,k=c==="vertical"?ge*(e==="full"?2:1):Le*(e==="full"?2:1);return Math.round(n-(ne(b)/2+z/2+k/2))}function ct($,e,s="vertical"){let c=$.infos,n=c.find(({type:u})=>u==="size-ramp"),r=c.find(({type:u})=>u==="color-ramp");return n&&(n={...n},n.infos=[...n.infos],Ke(n,e,s,!0)),r&&(r={...r},r.infos=[...r.infos]),s==="horizontal"&&(n?.infos.reverse(),r?.infos.reverse()),{sizeRampElement:n,colorRampElement:r}}function ot($,e="vertical"){let s=$.infos,c=s.find(({type:r})=>r==="size-ramp"),n=s.find(({type:r})=>r==="color-ramp");return c&&(c={...c},c.infos=[...c.infos],Ke(c,null,e,!1)),n&&(n={...n},n.infos=[...n.infos]),e==="horizontal"&&(c?.infos.reverse(),n?.infos.reverse()),{sizeRampElement:c,colorRampElement:n}}function dt($,e){return!0}var ft=ke`@layer{instant-apps-interactive-legend-classic{display:block;--instant-apps-interactive-legend-heading-font-size: 1rem;--instant-apps-interactive-legend-heading-font-weight: normal;--instant-apps-interactive-legend-caption-font-weight: normal;--instant-apps-interactive-legend-secondary-color: var( --calcite-color-text-1 );--instant-apps-interactive-legend-field-name-font-size: 1rem;--instant-apps-interactive-legend-total-feature-count-font-size: .875rem;--instant-apps-interactive-legend-info-font-size: .875rem;--instant-apps-interactive-legend-info-item-background--selected: #c7ebff;--instant-apps-interactive-legend-info-item-background--selected--dark: #009af2;--instant-apps-interactive-legend-info-item-background--hover: #e9e9e9;--instant-apps-interactive-legend-info-item-background--hover--dark: #4a4a4a;--instant-apps-interactive-legend-info-item-color--selected: var( --calcite-color-text-2 );--instant-apps-interactive-legend-secondary-background-color: var( --calcite-color-background );--instant-apps-interactive-legend-ui-margin: 20px 15px;--instant-apps-interactive-legend-ui-padding: 20px 15px}instant-apps-interactive-legend-classic .esri-legend__service{padding:0}instant-apps-interactive-legend-classic .esri-legend__layer-body,instant-apps-interactive-legend-classic .esri-legend__layer,instant-apps-interactive-legend-classic .esri-legend__layer-table,instant-apps-interactive-legend-classic .esri-legend__group-layer-child,instant-apps-interactive-legend-classic .esri-legend__layer-child-table{margin:0;overflow:hidden}instant-apps-interactive-legend-classic .esri-legend__layer-caption calcite-action{margin-right:5px}instant-apps-interactive-legend-classic .esri-legend__layer-caption{display:flex;align-items:center;font-size:var(--instant-apps-interactive-legend-field-name-font-size);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-caption-btn-container{white-space:nowrap}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-caption-btn-container calcite-button{margin:2px}instant-apps-interactive-legend-classic .esri-legend__layer-caption{font-weight:var(--instant-apps-interactive-legend-caption-font-weight)}instant-apps-interactive-legend-classic .esri-legend__layer-cell.esri-legend__layer-cell--info{font-size:var(--instant-apps-interactive-legend-info-font-size);text-align:left}instant-apps-interactive-legend-classic .esri-legend__layer-cell,instant-apps-interactive-legend-classic .esri-legend__layer-row{display:flex;align-items:center}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-body{display:block;margin:var(--instant-apps-interactive-legend-ui-margin)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive.instant-apps-interactive-legend__nested-unique-symbol>.esri-legend__layer-body{margin:0}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-row{display:table-row}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-cell{display:table-cell}instant-apps-interactive-legend-classic .esri-legend__layer-cell--symbols{justify-content:center;width:20%}instant-apps-interactive-legend-classic .esri-legend__layer-cell--info{width:65%}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{margin:1px;background:transparent;border:none;width:100%}instant-apps-interactive-legend-classic .esri-legend__layer-cell--info{color:var(--instant-apps-interactive-legend-secondary-color)}instant-apps-interactive-legend-classic .esri-legend__layer-row,instant-apps-interactive-legend-classic .esri-legend__layer-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{position:relative}instant-apps-interactive-legend-classic .instant-apps-interactive-legend-element-info--selected{background-color:var(--instant-apps-interactive-legend-info-item-background--selected)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend-element-info--selected{cursor:pointer;background-color:var(--instant-apps-interactive-legend-info-item-background--selected--dark)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend-element-info--selected .esri-legend__layer-cell--info{color:var(--calcite-color-text-inverse)}instant-apps-interactive-legend-classic .hide{display:none}.instant-apps-interactive-legend__compact .esri-legend__layer-row{--instant-apps-interactive-legend-ui-padding: 10px 5px}.instant-apps-interactive-legend__compact .esri-legend__layer-row .esri-legend__layer-cell--info{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-clamp:2;line-height:1.3125rem;max-height:2.625rem}@media(min-width:992px){instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{cursor:pointer}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive:hover.instant-apps-interactive-legend-element-info--selected{background-color:#e2f2fe}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend__layer-row--interactive:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover--dark)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend__layer-row--interactive:hover.instant-apps-interactive-legend-element-info--selected{background-color:#26a9f4}}}`,g={layer:"esri-legend__layer",layerBody:"esri-legend__layer-body",layerRow:"esri-legend__layer-row",layerInfo:"esri-legend__layer-cell esri-legend__layer-cell--info",imageryLayerStretchedImage:"esri-legend__imagery-layer-image--stretched",symbolContainer:"esri-legend__layer-cell esri-legend__layer-cell--symbols",symbol:"esri-legend__symbol",rampContainer:"esri-legend__ramps",sizeRamp:"esri-legend__size-ramp",colorRamp:"esri-legend__color-ramp",opacityRamp:"esri-legend__opacity-ramp",rampLabelsContainer:"esri-legend__ramp-labels",rampLabel:"esri-legend__ramp-label",univariateAboveAndBelowLabel:"esri-univariate-above-and-below-ramp__label",message:"esri-legend__message",interactiveLayerRow:"instant-apps-interactive-legend__layer-row--interactive",infoSelected:"instant-apps-interactive-legend-element-info--selected",compact:"instant-apps-interactive-legend__compact"},vt=24,qe={display:"flex",alignItems:"flex-start"},be={marginLeft:"3px"},ae={display:"table-cell",verticalAlign:"middle"},we=class extends ze{constructor(){super(...arguments),this.calculatingFeatureCount=!1,this.isLoading=!0,this.zoomTo=!1,this.featureCount=!1,this.filterMode={type:"filter"}}static{this.properties={isLoading:16,legendvm:0,zoomTo:5,featureCount:5,filterMode:0,messages:0}}static{this.styles=ft}static{this.shadowRootOptions=Re}connectedCallback(){super.connectedCallback(),!this.handles&&(this.handles=new it)}async load(){new MutationObserver(()=>{this.requestUpdate()}).observe(this.el,{attributes:!0}),W.onChange("data",()=>this.requestUpdate())}willUpdate(e){e.has("filterMode")&&this.legendvm?.view&&(this.hasUpdated||this.filterMode.type!=="filter")&&Ue(this.filterMode,this.legendvm.view)}async loaded(){await this.initLegend()}disconnectedCallback(){super.disconnectedCallback(),this.handles?.removeAll(),this.handles?.destroy(),this.handles=null}async initLegend(){try{await D.whenOnce(()=>this.legendvm?.view);let e=async()=>{try{let s=this.legendvm?.view?.map;await s?.load(),await s?.basemap?.load();let c=s?.allLayers?.map(async h=>await h.load()),n=(await Promise.allSettled(c)).map(h=>h?.status==="fulfilled"&&h?.value?h.value:null).filter(h=>!!h),r=[];n.forEach(h=>{this.legendvm?.view&&r.push(this.legendvm.view.whenLayerView(h))}),await Promise.allSettled(r);let u=await ve(this.legendvm);W.set("data",{...B.data,...u}),this.isLoading=!1,await this.setupWatchersAndListeners()}catch(s){console.error(s),this.isLoading=!1}};this.legendvm?.view?.when(e),this.legendvm?.view?.map?.layers?.on("after-changes",e)}catch{this.isLoading=!1}}getStretchStopLabel(e){let s=this.messages[e.label];return e.label?`${s}: ${typeof e.value=="string"?e.value:ce.formatNumber(e.value,{style:"decimal",notation:e.value.toString().includes("e")?"scientific":"standard"})}`:""}getTitle(e,s){if(!e)return;if(typeof e=="string"||typeof e=="number")return e;if("value"in e||"unit"in e){let r=typeof this.messages?.dotValue=="string"?this.messages.dotValue:"";return ce.substitute(r,e)}if("colorName"in e||"bandName"in e){let{colorName:r,bandName:u}=e,h=this.messages[r],w=typeof this.messages[u]=="string"?this.messages[u]:u;return`${h}: ${w}`}if("showCount"in e)return e.showCount?this.messages.clusterCountTitle:null;let c=null;if(s){let r=e;c=r.ratioPercentTotal?"showRatioPercentTotal":r.ratioPercent?"showRatioPercent":r.ratio?"showRatio":e.normField?"showNormField":e.field?"showField":null}else if(this.isRendererTitle(s)){let r=e;c=r.normField?"showNormField":r.normByPct?"showNormPct":r.field?"showField":null}let n=c==="showField"?"{field}":typeof c=="string"?this.messages[c]:"";return c?ce.substitute(n,{field:e.field,normField:e.normField}):""}isRendererTitle(e){return!e}async setupWatchersAndListeners(){let e=this.legendvm?.view?.map?.allLayers?.filter(n=>n?.type==="feature"),s=[];for(let n of e)this.legendvm?.view&&s.push(this.legendvm?.view?.whenLayerView(n));let c=[];try{c=await Promise.all(s)}catch(n){console.error(n)}for(let n of c){let r=`fLayerViewScale-${n.layer.id}`;!this.handles?.has(r)&&n&&this.handles?.add(n.watch("visibleAtCurrentScale",()=>{this.createDataForLayer(n.layer).catch(u=>{console.error(u)})}),r)}e?.forEach(n=>{let r=`fLayer-${n?.id}`;this.handles?.has(r)||this.handles?.add(D?.watch(()=>n?.visible,()=>{this.createDataForLayer(n).catch(u=>{console.error(u)})}),r)}),this.handles?.add(D.when(()=>this.legendvm,()=>{D.watch(()=>this.legendvm?.view?.updating,()=>{this.calculatingFeatureCount||this.legendvm?.view?.updating&&(this.calculatingFeatureCount=!0,D.when(()=>!this.legendvm?.view?.updating,()=>{pe(this.legendvm,B.data).then(n=>{W.set("data",{...B.data,...n}),this.calculatingFeatureCount=!1}).catch(n=>{console.error(n)})},{once:!0,initial:!0}))},{initial:!0})},{initial:!0,once:!0})),this.handles?.add(D.on(()=>this.legendvm?.activeLayerInfos,"change",n=>{ve(this.legendvm).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).then(()=>{this.handles?.add(D.on(()=>n.children,"change",()=>{ve(this.legendvm).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).catch(r=>{console.error(r)})}))}).catch(r=>{console.error(r)})})),this.handles?.add(D.on(()=>this.legendvm?.view?.map?.layers,"after-changes",()=>{pe(this.legendvm,B.data).then(n=>{W.set("data",{...B.data,...n}),this.calculatingFeatureCount=!1}).catch(n=>{console.error(n)})}))}async createDataForLayer(e){let s=W.get("data")?.[e?.id],c=Be(this.legendvm?.activeLayerInfos)?.find(n=>n?.layer?.id===e?.id);if(!s&&c){let n=await Ie(this.legendvm,c);if(me({intLegendLayerData:n,layerId:e?.id}),this.featureCount){let r=await pe(this.legendvm,B.data);W.set("data",{...B.data,...r})}}}applyFilter(e,s,c,n){return async()=>{let r={...B.data?.[s?.id]};n?await he(r,e,c,this.filterMode,n):await he(r,e,c,this.filterMode),me({intLegendLayerData:r,layerId:s?.id})}}render(){let e=this.renderFilteredLayers(),s=W.get("compact")?` ${g.compact}`:"";return this.isLoading?K("interactive-legend-loader",L`<calcite-loader scale=m .label=${this.messages?.loading} .text=${this.messages?.loading}></calcite-loader>`):K("interactive-legend-classic-container",L`<div class=${`${Z(this.el)}${s}`}>${e?.length>0?e:L`<div class=${_(g.message)}>${this.messages?.noLegend}</div>`}</div>`)}renderFilteredLayers(){return(this.legendvm?.activeLayerInfos?.toArray()).map(e=>this.renderLegendForLayer(e)).filter(e=>!!e)}renderLegendForLayer(e,s){if(!e.ready)return null;if(e.children.length){let r=e.children.map(u=>this.renderLegendForLayer(u,!0)).toArray();return L`<instant-apps-interactive-legend-group-legend-element class=${_(Z(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${e} .isChild=${s}><div style=${E({paddingLeft:"20px"})} .id=${`${e?.layer?.id}-legend-layer`} slot=content>${r}</div></instant-apps-interactive-legend-group-legend-element>`}let c=e.legendElements;if(c&&!c.length)return null;let n=c.map((r,u)=>this.renderLegendForElement(r,e.layer,e.effectList,e,u)).filter(r=>!!r);return n.length?L`<instant-apps-interactive-legend-layer-element class=${_(Z(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${e} .isChild=${!!s}><div slot=content .id=${`${e?.layer?.id}-legend-layer`} class=${_(g.layer)}>${n}</div></instant-apps-interactive-legend-layer-element>`:null}renderLegendForElement(e,s,c,n,r,u,h){let w=e.type==="color-ramp",b=e.type==="opacity-ramp",z=e.type==="size-ramp",k=null,x=Me(n,e,r),S=e?.type==="relationship-ramp";if(e.type==="symbol-table"||z){let R=e.infos.map((F,G)=>this.renderLegendForElementInfo(F,s,c,z,e,n,r,G,x,h)).filter(F=>!!F);R.length&&(k=L`<div class=${_(g.layerBody)}>${R}</div>`)}else if(e.type==="color-ramp"||e.type==="opacity-ramp"||e.type==="heatmap-ramp"||e.type==="stretch-ramp"){let R=e;k=this.renderLegendForRamp(R,s.opacity)}else if(S)k=K("relationship-ramp",L`<instant-apps-interactive-legend-relationship class=${_(Z(this.el))} .filterMode=${this.filterMode} .activeLayerInfo=${n} .legendElement=${e}></instant-apps-interactive-legend-relationship>`);else if(e.type==="pie-chart-ramp"){let R=e;k=this.renderPieChartRamp(R)}else if(e.type==="univariate-above-and-below-ramp"){let R=e;k=this.renderUnivariateAboveAndBelowRamp(R,s.opacity,c)}else if(e.type==="univariate-color-size-ramp"){let R=e;k=this.renderUnivariateColorSizeRamp(R,s.opacity,c)}if(!k)return null;let I=e.title,P=null;if(typeof I=="string")P=I;else if(I){let R=I,F=this.getTitle(R,w||b);this.isRendererTitle(w||b)?"title"in I&&(P=`${I.title} (${F})`):P=F}return L`<instant-apps-interactive-legend-legend-element class=${_(Z(this.el))} .activeLayerInfo=${n} .isSizeRamp=${z} .isChild=${!!u} .isColorRamp=${w} .isRelationshipRamp=${S} .isInteractive=${x} .zoomTo=${this.zoomTo} .legendElement=${e} .titleText=${P} .legendvm=${this.legendvm} .legendElementIndex=${r}><div slot=content>${k}</div></instant-apps-interactive-legend-legend-element>`}renderPieChartRamp(e){return L`<div .innerHTML=${`${e.preview?.outerHTML}`}></div>`}renderUnivariateAboveAndBelowRamp(e,s,c){let{sizeRampElement:n,colorRampElement:r}=ct(e,s);if(!n)return null;let u=$e(n,"above",!0),h=$e(n,"below",!0),w=12,b=ye(r,{width:w,height:u,rampAlignment:"vertical",opacity:s,type:"above",effectList:c}),z=ye(r,{width:w,height:h,rampAlignment:"vertical",opacity:s,type:"below",effectList:c}),k=De(n),x=n.infos.map(H=>H.label),S=x.map((H,U)=>U===0?L`<div class=${_(H?b?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:U===2?L`<div></div>`:null),I=x.length-1,P=Math.floor(x.length/2),R=x.map((H,U)=>U===P||U===I?L`<div class=${_(H?b?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:null),F={display:"table-cell",verticalAlign:"middle"},G={marginTop:`${k}px`},O={height:`${u}px`},j={height:`${h}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(qe)}><div class=${_(g.layerBody)}>${n.infos.map((H,U)=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${_(g.symbol)} style=${E(F)} .innerHTML=${H?.preview?.outerHTML??""??""}></div>${!b&&U%2===0?L`<div class=${_(g.layerInfo)}>${x[U]}</div>`:null}</div>`)}</div>${b?K("color-ramp-preview",L`<div style=${E(G)}><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${b}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(O)}>${S}</div></div></div><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${z}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(j)}>${R}</div></div></div></div>`):null}</div>`)}renderUnivariateColorSizeRamp(e,s,c){let{sizeRampElement:n,colorRampElement:r}=ot(e);if(!n)return null;let u=De(n),h=12,w=$e(n,"full",!1),b=ye(r,{width:h,height:w,rampAlignment:"vertical",opacity:s,type:"full",effectList:c}),z=n.infos.length-1,k=n.infos.map((P,R)=>R===0||R===z?L`<div class=${_(P.label?r?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${P.label}</div>`:null),x={display:"table-cell",verticalAlign:"middle"},S={marginTop:`${u}px`},I={height:`${w}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(qe)}><div class=${_(g.layerBody)}>${n.infos.map(P=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${_(g.symbol)} style=${E(x)} .innerHTML=${P?.preview?.outerHTML??""??""}></div></div>`)}</div>${K("color-ramp-preview",L`<div style=${E(S)}><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${b}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(I)}>${k}</div></div></div></div>`)}</div>`)}renderLegendForRamp(e,s){let c=e.infos,n=e.type==="opacity-ramp",r=e.type==="heatmap-ramp",u=e.type==="stretch-ramp",h=e.preview,w=n?g.opacityRamp:"";h&&(h.classList.add(g.colorRamp),w&&h.classList.add(w)),s!=null&&h&&(h.style.opacity=s.toString());let b=c.map(x=>{let S;if(r){let I=this.messages[x.label];S=typeof I=="string"?I:x.label}else u?S="value"in x?this.getStretchStopLabel(x):x.label:S=x.label;return L`<div class=${_(x.label?g.rampLabel:"")}>${S}</div>`}),z={width:`${vt}px`},k={height:h?.style?.height};return L`<div class=${_(g.layerRow)}><div class=${_(g.symbolContainer)} style=${E({...z})}><div class=${_(g.rampContainer)} ${Ee(x=>{x?.firstChild&&x?.firstChild?.remove(),x?.appendChild(h)})}></div></div><div class=${_(g.layerInfo)}><div class=${_(g.rampLabelsContainer)} style=${E({...k})}>${b}</div></div></div>`}renderLegendForElementInfo(e,s,c,n,r,u,h,w,b,z){if("infos"in e)return this.renderLegendForElement(e,s,c,u,h,!0,e);let k=null,x=!dt(s,r.type);if("preview"in e){let{outerHTML:q}=e.preview;k=L`<div class=${_(g.symbol)} .innerHTML=${q??""}></div>`}else"src"in e&&(k=this.renderImage(e,s,x));if(!k)return null;let S="",I=n?` ${g.sizeRamp}`:"",P,R=Te(s),F=He(R,z);if(B.data){let q=Pe(R,s,e,F,w),N=F?F?.nestedInfos:R,re=Fe(N);P=R?.categories?.size===1?!q?.selected:re||q?.selected}let G="label"in e?e.label:null,O=F&&!("value"in e)?!1:b,j=W.get("compact"),H=this.getTitle(G,!1)||"",U=F?r.title:G??s?.id;return O?L`<button @click=${this.applyFilter(e,s,w,z)} class=${`${g.layerRow} ${g.interactiveLayerRow}${P?` ${g.infoSelected}`:""}`} title=${(j?`${H}`:void 0)??fe} .ariaPressed=${P?"true":"false"}><div class=${`${g.symbolContainer}${S}${I}`}>${k}</div><div class=${`${g.layerInfo}${S}`}>${this.getTitle(G,!1)||""}</div>${this.featureCount&&!j?L`<instant-apps-interactive-legend-count class=${_(Z(this.el))} .categoryId=${U} .activeLayerInfo=${u} .legendvm=${this.legendvm} .selected=${!!P} .legendElement=${r} .infoIndex=${w}></instant-apps-interactive-legend-count>`:null}</button>`:L`<div class=${_(g.layerRow)}><div class=${`${g.symbolContainer}${S}${I}`}>${k}</div><div class=${`${g.layerInfo}${S}`}>${H}</div></div>`}renderImage(e,s,c){let{label:n,src:r,opacity:u}=e,h=c?` ${g.imageryLayerStretchedImage}`:"",w=c?"":` ${g.symbol}`,b={opacity:`${u??s.opacity}`};return L`<img alt=${this.getTitle(n,!1)??fe} src=${r??fe} width=${e.width} height=${e.height} class=${`$${h}${w}`} style=${E(b)}>`}};Se("instant-apps-interactive-legend-classic",we);return we},"symbols/support/symbolUtils","core/reactiveUtils","intl","core/Handles",a,b,c,d)

package/dist/cdn/{3HALRHHO.js → UQN2JCKP.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as e}from"./AA7X6GKH.js";import{a as h}from"./3TYPFWRB.js";import{b as d}from"./TAYHORLE.js";import"./DIKAKOU5.js";import"./S423P2GA.js";import{H as n,J as c,K as i,L as p,h as r,i as a}from"./P4KZ6OZF.js";import"./QPIMTXPL.js";export default $arcgis.t(([l,{watch:m}])=>{var g=r`:host{display:block}.instant-apps-compass{position:relative;height:100px;width:100px;border-radius:50%}.instant-apps-compass #instant-compass{position:absolute;top:calc(50% - 16px);right:calc(50% - 16px);z-index:10}.instant-apps-compass #dir-ring{height:100px;width:100px;border-radius:50%;background-color:var(--calcite-color-foreground-1);border:1px solid var(--calcite-color-border-1);position:relative}.instant-apps-compass #dir-ring .dir-heading{position:absolute;--calcite-fab-background-color: transparent;--calcite-fab-text-color: var(--calcite-color-text-1);--calcite-fab-shadow: none}.instant-apps-compass #dir-ring #north{right:37px;top:5px}.instant-apps-compass #dir-ring #east{right:6px;top:38px}.instant-apps-compass #dir-ring #west{left:4px;top:38px}.instant-apps-compass #dir-ring #south{right:38px;bottom:4px}`,u={base:"instant-apps-compass"},o=class extends n{constructor(){super(...arguments),this._messages=h({name:"instant-apps-compass",blocking:!0}),this.rotationWatcherKey="rotationWatcher",this.baseClass=u.base,this.rotation=0}static{this.properties={baseClass:16,rotation:16,view:0}}static{this.styles=g}get view(){return this._view}set view(t){this._view=t,this.handles?.has(this.rotationWatcherKey)&&this.handles?.remove(this.rotationWatcherKey),this.handles?.add(m(()=>t.rotation,s=>{this.rotation=Math.floor(s)}),this.rotationWatcherKey)}load(){this.initializeModules()}disconnectedCallback(){super.disconnectedCallback(),this.handles?.removeAll(),this.handles?.destroy(),this.handles=null}initializeModules(){this.handles=new l}goToHeading(t){let s=this._view.viewpoint.clone();s.rotation=this.decideRotation(t),this._view.goTo(s)}decideRotation(t){switch(t){case"north":return 0;case"east":return 270;case"south":return 180;case"west":return 90}}render(){return a`<div class=${c(this.baseClass)}><arcgis-compass id=instant-compass .view=${this.view}></arcgis-compass>${this.renderDirectionRing()}</div>`}renderDirectionRing(){return e("dir-ring",a`<div id=dir-ring style=${i({transform:`rotate(${this.rotation}deg)`})}>${["north","east","south","west"].map(t=>this._renderHeading(t))}</div>`)}_renderHeading(t){let s=this._messages[t];return e(t,a`<calcite-button scale=s round kind=neutral class="dir-heading" appearance=transparent id=${t??p} style=${i({transform:`rotate(-${this.rotation}deg)`})} @click=${()=>this.goToHeading(t)}>${s.charAt(0).toLocaleUpperCase()}</calcite-button>`)}};d("instant-apps-compass",o);return o},"core/Handles","core/reactiveUtils")
+import{a as e}from"./ONARC6AZ.js";import{a as h}from"./LHG6NOEP.js";import{b as d}from"./CVHXDPJO.js";import"./RMEDO4JC.js";import"./ISFTCFSJ.js";import{G as n,I as c,J as i,K as p,h as r,i as a}from"./FFF5HUPM.js";import"./QPIMTXPL.js";export default $arcgis.t(([l,{watch:m}])=>{var g=r`:host{display:block}.instant-apps-compass{position:relative;height:100px;width:100px;border-radius:50%}.instant-apps-compass #instant-compass{position:absolute;top:calc(50% - 16px);right:calc(50% - 16px);z-index:10}.instant-apps-compass #dir-ring{height:100px;width:100px;border-radius:50%;background-color:var(--calcite-color-foreground-1);border:1px solid var(--calcite-color-border-1);position:relative}.instant-apps-compass #dir-ring .dir-heading{position:absolute;--calcite-fab-background-color: transparent;--calcite-fab-text-color: var(--calcite-color-text-1);--calcite-fab-shadow: none}.instant-apps-compass #dir-ring #north{right:37px;top:5px}.instant-apps-compass #dir-ring #east{right:6px;top:38px}.instant-apps-compass #dir-ring #west{left:4px;top:38px}.instant-apps-compass #dir-ring #south{right:38px;bottom:4px}`,u={base:"instant-apps-compass"},o=class extends n{constructor(){super(...arguments),this._messages=h({name:"instant-apps-compass",blocking:!0}),this.rotationWatcherKey="rotationWatcher",this.baseClass=u.base,this.rotation=0}static{this.properties={baseClass:16,rotation:16,view:0}}static{this.styles=g}get view(){return this._view}set view(t){this._view=t,this.handles?.has(this.rotationWatcherKey)&&this.handles?.remove(this.rotationWatcherKey),this.handles?.add(m(()=>t.rotation,s=>{this.rotation=Math.floor(s)}),this.rotationWatcherKey)}load(){this.initializeModules()}disconnectedCallback(){super.disconnectedCallback(),this.handles?.removeAll(),this.handles?.destroy(),this.handles=null}initializeModules(){this.handles=new l}goToHeading(t){let s=this._view.viewpoint.clone();s.rotation=this.decideRotation(t),this._view.goTo(s)}decideRotation(t){switch(t){case"north":return 0;case"east":return 270;case"south":return 180;case"west":return 90}}render(){return a`<div class=${c(this.baseClass)}><arcgis-compass id=instant-compass .view=${this.view}></arcgis-compass>${this.renderDirectionRing()}</div>`}renderDirectionRing(){return e("dir-ring",a`<div id=dir-ring style=${i({transform:`rotate(${this.rotation}deg)`})}>${["north","east","south","west"].map(t=>this._renderHeading(t))}</div>`)}_renderHeading(t){let s=this._messages[t];return e(t,a`<calcite-button scale=s round kind=neutral class="dir-heading" appearance=transparent id=${t??p} style=${i({transform:`rotate(-${this.rotation}deg)`})} @click=${()=>this.goToHeading(t)}>${s.charAt(0).toLocaleUpperCase()}</calcite-button>`)}};d("instant-apps-compass",o);return o},"core/Handles","core/reactiveUtils")