@esri/solutions-components 1.0.0-next.20250415 → 1.0.0-next.20250421

package/dist/cdn/JK5QW5T3.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.0/esri/copyright.txt for details.
+v1.0.0-next.20250421 */
+import{a as w}from"./D45VQ4JY.js";import{e as E}from"./MR4CQBTF.js";import{B as y,C as b}from"./QU2CY2DC.js";import"./ABWKKYR2.js";import{a as F,c as l,d as C,e as x,f as m}from"./PMI3V275.js";import"./5DS5DAON.js";var L="instant-apps-filter-list calcite-mode-light",$="instant-apps-filter-list calcite-mode-dark",p=["feature","geojson","wfs","csv","scene","subtype-group","point-cloud","map-image","sublayer"];function g(e){return e.replaceAll("'","''")}function f(e,t=!1){if(e){let i=new Date(e),n=`${i.getFullYear()}-${i.getMonth()+1}-${i.getDate()}`;if(t){let s=`${i.getHours()}:${i.getMinutes()}:${i.getSeconds()}`;return`${n} ${s}`}else return n}}function D(e){if(e!=null){e.value=["",""];let t=e.shadowRoot?.querySelectorAll("calcite-input");if(t!=null)for(let i of t)i.value=""}}var S=":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: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:normal}.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:64px;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:normal;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__zoom-to{display:flex;justify-content:flex-end;margin:8px 0 20px}.instant-apps-filter-list__zoom-to calcite-action{width:min-content}.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:calc(300ms * 2)}}.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}",k=S,u={base:"instant-apps-filter-list",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",operatorDesc:"instant-apps-filter-list__operator-description",zoomTo:"instant-apps-filter-list__zoom-to"},I=class{constructor(e){F(this,e),this.filterListReset=m(this,"filterListReset",7),this.filterUpdate=m(this,"filterUpdate",7),this.isLayerExpUpdated=!1,this.layerExpressions=void 0,this.autoUpdateUrl=!1,this.closeBtn=!1,this.closeBtnOnClick=void 0,this.comboboxOverlayPositioning="absolute",this.closeBtnText=void 0,this.openFilters=!1,this.extentSelector=!1,this.extentSelectorConfig=void 0,this.urlParams=void 0,this.filterCount=0,this.view=void 0,this.zoomBtn=!0,this.resetBtn=!0,this.resetFiltersOnDisconnect=!0,this.loading=void 0,this.filterLayerExpressions=void 0,this.messages=void 0,this.baseClass=L,this.initDefExpressions=void 0,this.initMapImageExpressions=void 0,this.initPointCloudFilters=void 0}watchViewHandler(){this.handleWhenView()}watchLayerExpressions(){this.resetAllFilters(),this.filterLayerExpressions=structuredClone(this.layerExpressions),this.handleLayerExpressionsUpdate()}async getFilterInitState(){return await Promise.resolve({initDefExpressions:this.initDefExpressions,initMapImageExpressions:this.initMapImageExpressions,initPointCloudFilters:this.initPointCloudFilters})}async forceReset(){return this.resetExpressions(),await Promise.resolve(!0)}async updateInitDefExpressions(e){return this.initDefExpressions=e.initDefExpressions,this.initMapImageExpressions=e.initMapImageExpressions,this.initPointCloudFilters=e.initPointCloudFilters,await Promise.resolve(!0)}async getCurrentLayerExpressions(){let e=structuredClone(this.filterLayerExpressions);return await Promise.resolve(e)}async handleUpdatingT9nData(e){return e==null?await Promise.resolve(!0):(this.filterLayerExpressions?.forEach(t=>{let i=e?.find(n=>n.id===t.id);i!=null&&(t.title=i.title,t.expressions?.forEach(n=>{let s=i.expressions?.find(a=>a.id===n.id);s!=null&&(n.name=s.name)}))}),await Promise.resolve(!0))}connectedCallback(){this.layerExpressions==null&&this.view==null||(this.isLayerExpUpdated=!0,this.filterLayerExpressions=structuredClone(this.layerExpressions),this.handleLayerExpressionsUpdate())}async componentWillLoad(){this.baseClass=w(this.el)==="dark"?$:L,await this.initializeModules(),E(this),!this.isLayerExpUpdated&&(this.isLayerExpUpdated=!0,this.filterLayerExpressions=this.layerExpressions!=null?structuredClone(this.layerExpressions):[],this.view!=null&&this.handleLayerExpressionsUpdate())}componentDidRender(){this.resetBtnEl!=null&&(this.resetBtnEl.disabled=!(this.filterLayerExpressions&&this.filterLayerExpressions.length>0))}disconnectedCallback(){this.resetFiltersOnDisconnect&&(this.isLayerExpUpdated=!1,this.filterLayerExpressions=structuredClone(this.layerExpressions),this.resetAllFilters())}async initializeModules(){let[e,t]=await Promise.all([b(),y()]);this.geometryJsonUtils=t,this.intl=e}render(){let e=this.loading?this.renderLoading():this.initFilterConfig(),t=this.renderFooter();return l(C,{key:"3db1b211528d0ebe2cc379b9dccbd59c38c2f7c4"},l("calcite-panel",{key:"e4b301eaea85bbe60ec088fbc09b261eb24037b7",class:this.baseClass,ref:i=>this.panelEl=i},l("slot",{key:"11f63da744e4256c860b7d381890b7573fd5d33c",slot:"header-content",name:"filter-header-content"}),l("slot",{key:"e3249343120aff984fed5c6cbda79330efcfc7b4",slot:"header-actions-end",name:"filter-header-actions-end"}),l("div",{key:"filter-container",class:u.filterContainer},e,t)))}renderLoading(){return l("calcite-loader",{label:"Loading filters..."})}renderFilter(e){let{id:t}=e;return e.expressions.map((i,n)=>i.type==="checkbox"||i.type==null?l("div",{key:`${t}-${n}`,class:u.filterItemContainer},l("div",{class:u.filterItemTitle},l("p",null,i.name)),l("div",{class:u.checkboxContainer},l("calcite-checkbox",{id:i.id.toString(),scale:"l",checked:i?.active,onCalciteCheckboxChange:this.handleCheckboxChange.bind(this,e,i)}))):this.initInput(e,i))}renderLayerBlock(){return this.filterLayerExpressions?.map(e=>this.renderFilterBlocks(e))}renderFilterBlocks(e){let t=this.renderFilter(e),{operator:i}=e,n=i?.trim()==="OR"?"orOperator":"andOperator",s=this.renderZoomTo(e);return l("calcite-block",{key:e.id,heading:e.title,description:this.messages?.[n],open:this.openFilters?!0:void 0,collapsible:!0},s,t)}renderCombobox(e,t){return l("label",{key:"combo-select",class:u.filterUIItemContainer},l("span",null,t.name),l("calcite-combobox",{id:t.id.toString(),onCalciteComboboxChange:this.handleComboSelect.bind(this,t,e),label:t.name,placeholder:t.placeholder,selectionMode:"multiple","max-items":"6",scale:"s",overlayPositioning:this.comboboxOverlayPositioning},t.fields?.map((i,n)=>this.renderComboboxItem(t,i,n))))}renderComboboxItem(e,t,i){let n=this.createLabel(e,t),a=e?.selectedFields?.includes(t)??!1;return l("calcite-combobox-item",{key:`${n}-${i}`,value:t,heading:`${n}`,selected:a})}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:u.operatorDesc,heading:this.messages?.[t],open:!0},i,this.renderFilter(this.filterLayerExpressions[0]))}else if(this.filterLayerExpressions.length>1)return this.renderLayerBlock()}}renderNumberSlider(e,t){let i=t?.min,n=t?.max,s=t?.step?t.step:1,a=i!=null&&n!=null,r=t?.field??"",o=t?.range?.min!=null?t.range.min:i,c=t?.range?.max!=null?t.range.max:n,d=[o,c];return a?l("label",{key:t?.id.toString(),class:u.filterUIItemContainer},l("span",null,t?.name),l("div",{class:u.numberInputContainer},l("calcite-slider",{id:t?.id.toString(),onCalciteSliderChange:this.handleSliderChange.bind(this,t,e),min:i,max:n,minValue:i,maxValue:n,minLabel:this.messages?.minSlider?.replace("{field}",r),maxLabel:this.messages?.maxSlider?.replace("{field}",r),step:s,labelHandles:!0,snap:!0,value:d,"group-separator":t?.format?.digitSeparator,precise:!0}))):void 0}renderDatePicker(e,t){let{min:i,max:n}=t,s=[t?.range?.min,t?.range?.max];return i!=null&&n!=null?l("label",{class:u.filterUIItemContainer},l("span",null,t?.name),l("div",{class:u.dateInputContainer},l("calcite-input-date-picker",{id:t?.id.toString(),onCalciteInputDatePickerChange:this.handleDatePickerRangeChange.bind(this,t,e),min:i,max:n,"overlay-positioning":"fixed",lang:this.intl?.getLocale()??"en",layout:"vertical",value:s,range:!0}),l("calcite-action",{onClick:this.handleResetDatePicker.bind(this,t,e),icon:"reset",text:this.messages?.resetDatePicker,scale:"s"}))):null}renderFooter(){let e=this.closeBtnText??this.messages?.close,t=this.closeBtn&&this.resetBtn?"half":"full";return l("div",{class:u.footer,slot:"footer"},this.resetBtn?l("calcite-button",{appearance:"outline",width:t,ref:i=>this.resetBtnEl=i,onClick:this.handleResetFilter.bind(this)},this.messages?.resetFilter):void 0,this.closeBtn?l("calcite-button",{appearance:"solid",width:t,kind:"brand",onClick:this.closeBtnOnClick?.bind(this)},e):void 0)}renderZoomTo(e){let t=e?.sublayerId?`zoom-to-${e.id}-${e.sublayerId}`:`zoom-to-${e.id}`;return this.zoomBtn?l("div",{class:u.zoomTo},l("calcite-button",{id:t,appearance:"transparent",kind:"neutral",scale:"s",iconStart:"magnifying-glass-plus",onClick:this.handleZoomTo.bind(this,e)},this.messages?.zoomTo)):void 0}handleResetDatePicker(e,t){let i=this.panelEl.querySelector(`[id='${e.id}']`);D(i),e.active=!1,e.definitionExpression=void 0,e.range=void 0,this.generateOutput(t)}initInput(e,t){let{type:i,numDisplayOption:n,displayOption:s}=t;if(i==="string"||i==="coded-value"||(i==="number"||i==="range"||i==="date")&&(n==="drop-down"||s==="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)}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:n,displayOption:s}=t,a="";i==="string"||i==="coded-value"||i==="date"&&(n==="drop-down"||s==="drop-down")||(i==="number"||i==="range")&&(n==="drop-down"||s==="drop-down")?a="combobox":i==="date"?a="datePicker":(i==="number"||i==="range")&&(a="numberRange"),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 n=this.panelEl.querySelector(`[id='${i}']`);n&&Array.from(n.children).forEach(s=>{s.selected=!1});break}case"datePicker":{t.range=void 0;let n=this.panelEl.querySelector(`[id='${i}']`);D(n);break}case"numberRange":{t.range=void 0;let n=this.panelEl.querySelector(`[id='${i}']`);n&&(n.minValue=t.min,n.maxValue=t.max);break}}}resetCheckbox(e){let{id:t}=e,i=this.panelEl.querySelector(`[id='${t}']`);i!=null&&(i.checked=!1)}resetAllFilters(){this.view?.map?.allLayers?.concat(this.view?.map?.allTables)?.forEach(t=>{if(!p.includes(t.type))return;let i=t;if(i.type==="point-cloud"){if(!this.initPointCloudFilters)return;i.filters=this.initPointCloudFilters[i.id]}else if(i.type==="map-image")i.allSublayers.forEach(n=>{n.definitionExpression=this.initMapImageExpressions?.[i.id]?.[n.id]??""});else{if(this.initDefExpressions==null)return;i.definitionExpression=this.initDefExpressions[i.id]}})}async updateStringExpression(e,t){let i=this.findFilterLayer(e);return await this.getFeatureAttributes(i,t),this.handleDateField(i,t),t?.selectedFields?(t.definitionExpression=this.createDefinitionExpression(t),!0):!1}handleDateField(e,t){t.type==="date"&&e.fields.find(({name:n})=>n===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:`'${g(i)}'`);return`${e.field} IN (${t.join(",")})`}async updateNumberExpression(e,t){if(!t?.min&&t?.min!==0||!t?.max&&t?.max!==0){let i=this.findFilterLayer(e),{field:n}=t;if(n!=null)if(this.setExpressionFormat(i,t,n),t?.numDisplayOption==="drop-down"||t?.displayOption==="drop-down")await this.getFeatureAttributes(i,t);else{let a=(await this.calculateMinMaxStatistics(i,n))?.[0]?.attributes;if(t.format?.places!=null?(t.min=this.roundMinNumberDown(a[`min${n}`],t.format.places),t.max=this.roundMaxNumberUp(a[`max${n}`],t.format.places)):(t.min=a[`min${n}`],t.max=a[`max${n}`]),t?.range&&Object.keys(t.range).length){let{min:r,max:o}=t.range;return t.definitionExpression=`${t.field} BETWEEN ${r} AND ${o}`,!0}}}return!1}async updateDateExpression(e,t){let{field:i,range:n}=t,s=this.findFilterLayer(e),r=(await this.calculateMinMaxStatistics(s,i))?.[0]?.attributes;if(t.min=f(r[`min${i}`]),t.max=f(r[`max${i}`]),n!=null&&(n?.max!=null||n?.min!=null)){let{min:o,max:c}=n;if(o=o?.replace("+"," "),c=c?.replace("+"," "),o||c){let d=c&&!o?"<":!c&&o?">":null;return d?t.definitionExpression=`${i} ${d} '${o??c}'`:t.definitionExpression=`${i} BETWEEN '${o}' AND '${c}'`,!0}}return!1}async updateCodedValueExpression(e,t,i){if(!i?.domain||i?.domain?.type!=="coded-value")return!1;let n=this.findFilterLayer(e);await this.getFeatureAttributes(n,t);let a=i.domain.codedValues.reduce((r,{code:o,name:c})=>(r[o]=c,r),{});if(t.codedValues=a,t.selectedFields?.length){let r=t.selectedFields.map(o=>typeof o=="number"?o:`'${g(o)}'`).join(",");return t.definitionExpression=`${t.field} IN (${r})`,!0}return!1}updateRangeExpression(e,t){if(!t?.domain||t?.domain?.type!=="range")return!1;let{field:i,range:n}=e;return e.min=t.domain.minValue,e.max=t.domain.maxValue,n&&Object.keys(n).length?(e.definitionExpression=`${i} BETWEEN ${n.min} AND ${n.max}`,!0):!1}async getFeatureAttributes(e,t){if(!this.isLayerSupported(e)){t.fields=[];return}let i=await this.getQueryLayer(e),{maxRecordCount:n,supportsMaxRecordCountFactor:s}=this.extractQueryCapabilities(e),a=await i.queryFeatureCount(),r=this.createQuery(i,t);await this.queryDistinctFeatures(i,r,t),this.shouldPaginate(n,a,s)&&this.handlePagination(i,r,n,s,a,t)}isLayerSupported(e){return e&&p.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 n=t?.field;if(n){let s=this.getInitDefExprFromLayer(e);i.where=s||"1=1",i.outFields=[n],i.orderByFields=[`${n} 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 n=await this.queryForFeatures(e,t,t.outFields[0]);n?.length&&(i.fields=[...new Set(n)],i.type==="string"?i.fields=i.fields.sort((s,a)=>s.localeCompare(a)):i.type==="number"&&(i.fields=i.fields.sort((s,a)=>s-a)))}getQueryCount(e,t){return t?e*5:e}shouldPaginate(e,t,i){let n=this.getQueryCount(e,i);return e!=null&&t>n}async handlePagination(e,t,i,n,s,a){let r=this.getQueryCount(i,n),o=[];for(let c=r;c<s;c+=r){let d=t.clone();d.num=i,d.start=c,o.push(this.queryForFeatures(e,d,t?.outFields?.[0]??""))}Promise.all(o).then(c=>{c.forEach(d=>{d?.length&&a.fields&&a.fields.push(...d)}),a.type==="string"?a.fields=[...new Set(a.fields)].sort((d,h)=>d.localeCompare(h)):a.type==="number"?a.fields=[...new Set(a.fields)].sort((d,h)=>d-h):a.fields=[...new Set(a.fields)].sort()})}async queryForFeatures(e,t,i){return(await e.queryFeatures(t))?.features.filter(a=>a.attributes?.[i])?.map(a=>a.attributes?.[i])}async calculateMinMaxStatistics(e,t){if(!e||!p.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 a="extent"in s?s:this.geometryJsonUtils.fromJSON(s);if(a?.type==="extent"||a?.type==="polygon")return a}}}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 n=i.fields?.find(({name:a})=>a===t.field),s=n?.domain?.type;t.type=s==="coded-value"||s==="range"?s:t.type,await this.updateExpression(e,t,n)}))}async updateExpression(e,t,i){await this.handleExpressionType(e,t,i)&&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"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 updateRangeExpressionBasedOnDisplayOption(e,t,i){return t.displayOption==="drop-down"?await this.updateStringExpression(e,t):this.updateRangeExpression(t,i)}updateRangeExpressions(e,t,i,n){let s=this.getInitDefExprFromLayerExpression(t);(n||n===0)&&(i||i===0)&&(n===e?.min&&i===e?.max?(e.definitionExpression=void 0,e.active=!1):(e.definitionExpression=s?`(${s}) AND ${e?.field} BETWEEN ${n} AND ${i}`:`${e?.field} BETWEEN ${n} AND ${i}`,e.active=!0)),e.range={min:n,max:i}}handleCheckboxChange(e,t,i){let n=i.target;t.active=n.checked,this.generateOutput(e)}handleSliderChange(e,t,i){let{maxValue:n,minValue:s}=i.target;this.updateRangeExpressions(e,t,n,s),this.generateOutput(t)}handleComboSelect(e,t,i){let s=i.target.selectedItems,{field:a,type:r}=e;if(e.selectedFields=s.map(({value:o})=>o),s.length){let o=s.map(({value:c})=>typeof c=="number"?c:`'${g(c)}'`);e.definitionExpression=r==="date"?o.map(c=>this.buildDateExpression(c,a)).join(" OR "):`${a} IN (${o.join(",")})`,e.active=!0}else e.definitionExpression=void 0,e.active=!1;this.generateOutput(t)}handleDatePickerRangeChange(e,t,i){let n=i.target,[s,a]=n.valueAsDate,r=s?f(Math.floor(s.getTime()),!0):void 0,o=a?f(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))}constructDefinitionExpression(e,t,i){return t?i?`${e} BETWEEN '${t}' AND '${i}'`:`${e} > '${t}'`:`${e} < '${i}'`}handleURLParams(){if(!("URLSearchParams"in window))return;let t=new URLSearchParams(document.location.search).get("filter");if(!t){this.filterCount=0;return}let i=t.split(";").map(n=>JSON.parse(n));this.filterCount=this.applyFilters(i)}applyFilters(e){let t=0;return e.forEach(i=>{let n=this.filterLayerExpressions?.find(s=>s.id===i.layerId);n&&n.expressions?.forEach(s=>{s.id?.toString()===i.expressionId?.toString()&&(this.activateExpression(s,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:n,selectedFields:s,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:s}:a==="number"||a==="range"||a==="date"?{type:"range",layerId:e.id,expressionId:i.toString(),range:n}:{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(n=>n.active).map(n=>JSON.stringify(this.createURLParamExpression(i,n)))||[])||[];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:n}=e,s=this.view.map.findLayerById(n)??this.view.map.findTableById(n);if(s!=null)if(s.type==="point-cloud")this.updateFilterLayerPCLFilter(s,i);else if(s.type==="map-image"){let a=s.findSublayerById(e?.sublayerId);a!=null&&this.updateFilterLayerDefExpression(a,t,e)}else this.updateFilterLayerDefExpression(s,t,e)}updateFilterLayerDefExpression(e,t,i){let{operator:n}=i,s=this.getInitDefExprFromLayer(e),a=t?.length>0&&s!=null&&s!==""?`(${t.join(n)}) AND (${s})`:t.length>0?t.join(n):s;e.definitionExpression=a}updateFilterLayerPCLFilter(e,t){e.filters=t}async handleWhenView(){if(this.view==null)return;await this.view.map.loadAll(),this.handleLayerExpressionsUpdate()}async handleLayerExpressionsUpdate(){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.querySelector(t),n=(s,a)=>{i&&(i.loading=s,i.disabled=a)};if(n(!0,!0),await this.getZoomToExtent(e),this.zoomToExtent){let s=this.zoomToExtent.type==="point"&&this.zoomToExtent.count===1?{target:this.zoomToExtent.extent,zoom:10}:this.zoomToExtent.extent;await this.view.goTo(s)}n(!1,!1)}async getZoomToExtent(e){let i=this.view.allLayerViews.find(({layer:s})=>s.id===e.id).layer,n=i.type==="map-image"?i.findSublayerById(e.sublayerId):i;if(n&&n.type!=="point-cloud"&&p.includes(n?.type)){let s=await this.getQueryLayer(n),a=s.createQuery();a.where=s.definitionExpression??"1=1";let r=await s.queryExtent(a);this.zoomToExtent={...r,type:s.geometryType}}}applyFilterToQuery(e,t){let i=this.view.allLayerViews.find(({layer:s})=>s.id===t.id),n=i?.featureEffect?.filter??i.filter;n&&["objectIds","distance","geometry","spatialRelationship","units","where","timeExtent"].forEach(a=>{n[a]!=null&&(e[a]=n[a])})}generateOutput(e){if(this.view==null)return;let t=[],i=[];if(e){for(let n of e.expressions){let{active:s,definitionExpression:a,pointCloudFilters:r}=n;s&&a&&t.push(`(${a})`),s&&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})}scientificRounding(e,t,i){if(e==null)return;let n;if(!String(e).includes("e"))n=Math[i](e*Math.pow(10,t))/Math.pow(10,t);else{let[s,a]=String(e).split("e").map(c=>Number(c)),r=a+t;n=Math[i](+`${s}e${r}`)*Math.pow(10,-t)}return+n.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 n=e?.popupTemplate.fieldInfos?.find(({fieldName:s})=>s===i);n?.format&&(t.format=n.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 i=this.view.map.allLayers.concat(this.view.map.allTables).find(({id:n})=>n===e.id);return i.type==="map-image"?i?.findSublayerById(e.sublayerId):i}createLabel(e,t){if(e.type==="coded-value")return e?.codedValues?.[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=this.intl.convertDateFormatToIntlOptions("short-date-long-time");return this.intl.formatDate(t,i)}return t}buildDateExpression(e,t){if(e){let i=new Date(e),n=new Date(e),s=new Date(n.setDate(i.getDate()+1)),a=`${i.getFullYear()}-${i.getMonth()+1}-${i.getDate()}`,r=`${i.getHours()}:${i.getMinutes()}:${i.getSeconds()}`,o=`${s.getHours()}:${s.getMinutes()}:${s.getSeconds()}`,c=`${s.getFullYear()}-${s.getMonth()+1}-${s.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")}updateInitExpressions(){if(this.view==null)return;let e=this.view.map;this.initDefExpressions={},this.initPointCloudFilters={},this.initMapImageExpressions={},e.allLayers.concat(e.allTables).forEach(t=>{if(!p.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((n,s)=>(n[s.id]=s.definitionExpression??"",n),{});else{if(!this.initDefExpressions)return;this.initDefExpressions[i.id]=i.definitionExpression??""}})}get el(){return x(this)}static get watchers(){return{view:["watchViewHandler"],layerExpressions:["watchLayerExpressions"]}}};I.style=k;export{I as instant_apps_filter_list};

package/dist/cdn/JMJWRG7D.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.0/esri/copyright.txt for details.
+v1.0.0-next.20250421 */
+import"./5DS5DAON.js";var o=async(e,r,t)=>({type:"Layout",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`}]}}]});export{o as buildUiSchema};