@esri/solutions-components 0.5.13 → 0.5.15

package/dist/solutions-components/p-f9fcb9b4.entry.js

@@ -1,6 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as i,c as t,a as s,h as e,H as a,g as l}from"./p-f8be5d5f.js";import{a as n,b as o,c as d}from"./p-92de1de9.js";import{l as c}from"./p-d7ddd3a2.js";import{g as r,h}from"./p-4b426bab.js";import{s as p}from"./p-a29ba58a.js";import{g}from"./p-fc2277fe.js";import{c as b,r as m}from"./p-345f517c.js";import"./p-4ff653eb.js";import"./p-e1a4994d.js";const u=class{constructor(s){i(this,s),this.searchConfigurationChange=t(this,"searchConfigurationChange",7),this._onboardingImageUrl="",this._numSelected=0,this.addresseeLayerIds=[],this.bufferColor=[227,139,79,.8],this.bufferOutlineColor=[255,255,255],this.customLabelEnabled=void 0,this.defaultBufferDistance=void 0,this.defaultBufferUnit=void 0,this.featureEffect=void 0,this.featureHighlightEnabled=void 0,this.mapView=void 0,this.noResultText=void 0,this.searchConfiguration=void 0,this.selectionLayerIds=[],this.showRefineSelection=!1,this.showSearchSettings=!0,this.sketchLineSymbol=void 0,this.sketchPointSymbol=void 0,this.sketchPolygonSymbol=void 0,this._addMap=!1,this._addTitle=!1,this._downloadActive=!0,this._exportType=n.PDF,this._numDuplicates=0,this._pageType=o.LIST,this._saveEnabled=!1,this._selectionSets=[],this._translations=void 0}async mapViewWatchHandler(i){(null==i?void 0:i.popup)&&(this._popupsEnabled=null==i?void 0:i.popup.autoOpenEnabled)}async watchSearchConfigurationHandler(i,t){const s=JSON.stringify(i);s!==JSON.stringify(t)&&(this._searchConfiguration=JSON.parse(s),this.searchConfigurationChange.emit(this._searchConfiguration),this._home())}async sketchLineSymbolWatchHandler(i,t){i&&JSON.stringify(i)!==JSON.stringify(t)&&this._setLineSymbol(i)}async sketchPointSymbolWatchHandler(i,t){i&&JSON.stringify(i)!==JSON.stringify(t)&&this._setPointSymbol(i)}async sketchPolygonSymbolWatchHandler(i,t){i&&JSON.stringify(i)!==JSON.stringify(t)&&this._setPolygonSymbol(i)}async pageTypeWatchHandler(i,t){var s;if(this._checkPopups(),(null===(s=this.mapView)||void 0===s?void 0:s.popup)&&(this.mapView.popup.autoOpenEnabled=i===o.LIST&&this._popupsEnabled),i===o.EXPORT&&(this._numDuplicates=await this._getNumDuplicates()),this._clearHighlight(),t!==o.SELECT&&t!==o.REFINE||await this._clearSelection(),i!==o.SELECT)return this._highlightFeatures()}selectionSetsChanged(i){this._selectionSets=[...i.detail]}async componentWillLoad(){await this._getTranslations(),await this._initModules(),this._initSymbols(),this._onboardingImageUrl=s("../assets/data/images/onboarding.png")}render(){return e(a,null,e("calcite-shell",null,e("calcite-action-bar",{class:"border-bottom-1 action-bar-size","expand-disabled":!0,layout:"horizontal",slot:"header"},this._getActionGroup("list-check",o.LIST,this._translations.myLists),this.showRefineSelection?this._getActionGroup("test-data",o.REFINE,this._translations.refineSelection):null,this._getActionGroup("export",o.EXPORT,this._translations.export)),this._getPage(this._pageType)))}async _initModules(){const[i,t]=await c(["esri/geometry/geometryEngine","esri/symbols/support/jsonUtils"]);this._geometryEngine=i,this._jsonUtils=t}_initSymbols(){this._setLineSymbol(this.sketchLineSymbol),this._setPointSymbol(this.sketchPointSymbol),this._setPolygonSymbol(this.sketchPolygonSymbol)}_setLineSymbol(i){this.sketchLineSymbol="simple-line"===(null==i?void 0:i.type)?i:this._jsonUtils.fromJSON(i||{type:"esriSLS",color:[130,130,130,255],width:2,style:"esriSLSSolid"})}_setPointSymbol(i){this.sketchPointSymbol="simple-marker"===(null==i?void 0:i.type)?i:this._jsonUtils.fromJSON(i||{type:"esriSMS",color:[255,255,255,255],angle:0,xoffset:0,yoffset:0,size:6,style:"esriSMSCircle",outline:{type:"esriSLS",color:[50,50,50,255],width:1,style:"esriSLSSolid"}})}_setPolygonSymbol(i){this.sketchPolygonSymbol="simple-fill"===(null==i?void 0:i.type)?i:this._jsonUtils.fromJSON(i||{type:"esriSFS",color:[150,150,150,51],outline:{type:"esriSLS",color:[50,50,50,255],width:2,style:"esriSLSSolid"},style:"esriSFSSolid"})}_getActionGroup(i,t,s){return e("calcite-action-group",{class:"action-center"+(this.showRefineSelection?" w-1-3":" w-1-2"),layout:"horizontal"},e("calcite-action",{active:this._pageType===t,alignment:"center",class:"width-full height-full",compact:!1,icon:i,id:i,onClick:()=>{this._setPageType(t)},text:""}),e("calcite-tooltip",{label:"",placement:"bottom","reference-element":i},e("span",null,s)))}_setPageType(i){this._pageType=i}_getPage(i){let t;switch(i){case o.LIST:t=this._getListPage();break;case o.SELECT:t=this._getSelectPage();break;case o.EXPORT:t=this._getExportPage();break;case o.REFINE:t=this._getRefinePage()}return t}_getListPage(){const i=this._hasSelections();return e("calcite-panel",null,this._getLabel(this._translations.myLists),this._getNotice(i?this._translations.listHasSetsTip:this._translations.selectLayerAndAdd,"padding-sides-1 padding-bottom-1"),i?this._getSelectionSetList():this._getOnboardingImage(),e("div",{class:"display-flex padding-1"},e("calcite-button",{onClick:()=>{this._setPageType(o.SELECT)},width:"full"},this._translations.add)))}_getOnboardingImage(){return e("div",{class:"display-flex padding-sides-1"},e("img",{class:"img-container",src:this._onboardingImageUrl}))}_getSelectionSetList(){return e("div",{class:"padding-top-1-2 padding-bottom-1-2"},e("calcite-list",{class:"list-border margin-sides-1"},this._selectionSets.reduce(((i,t,s)=>{var a;const l=this._getSelectionSetIds(t);let n=!0;return t.workflowType===d.REFINE&&(n=Object.keys(t.refineInfos).reduce(((i,s)=>{const e=t.refineInfos[s];return i+(e.addIds.length+e.removeIds.length)}),0)>0),n&&i.push(e("calcite-list-item",{label:t.label,onClick:()=>this._gotoSelection(t,this.mapView)},e("div",{slot:"content"},e("div",{class:"list-label"},t.label),e("div",{class:"list-description"},null===(a=null==t?void 0:t.layerView)||void 0===a?void 0:a.layer.title),e("div",{class:"list-description"},this._translations.selectedFeatures.replace("{{n}}",l.length.toString()))),this._getAction(!0,"pencil","",(i=>this._openSelection(t,i)),!1,"actions-end"),this._getAction(!0,"x","",(i=>this._deleteSelection(s,i)),!1,"actions-end"))),i}),[])))}_getSelectionSetIds(i){return i.workflowType!==d.REFINE?i.selectedIds:Object.keys(i.refineInfos).reduce(((t,s)=>[...t,...i.refineInfos[s].addIds]),[])}_hasSelections(i=!1){let t=[];const s=this._selectionSets.some((i=>{if(i.workflowType===d.REFINE)return t=this._getSelectionSetIds(i),!0}));return i&&s?t.length>0||this._selectionSets.length>1:this._selectionSets.length>0}async _getNumDuplicates(){const i=this._getExportInfos(),t=await b(i),s=m(t);return t.length-s.length}_getExportInfos(){return this._selectionSets.reduce(((i,t)=>(t.download&&(t.workflowType!==d.REFINE?this._updateIds(t.layerView.layer.id,t.layerView,t.selectedIds,i):Object.keys(t.refineInfos).forEach((s=>{const e=t.refineInfos[s];e.addIds.length>0&&this._updateIds(s,e.layerView,e.addIds,i)}))),i)),{})}_updateIds(i,t,s,e){return e[i]?e[i].ids=e[i].ids.concat(s):e[i]={layerView:t,ids:s},e}_getSelectPage(){const i=this._translations.selectSearchTip;return e("calcite-panel",null,this._getLabel(this._translations.stepTwoFull,!0),this._getNotice(i),e("div",null,e("map-select-tools",{bufferColor:this.bufferColor,bufferOutlineColor:this.bufferOutlineColor,class:"font-bold",customLabelEnabled:this.customLabelEnabled,defaultBufferDistance:this.defaultBufferDistance,defaultBufferUnit:this.defaultBufferUnit,enabledLayerIds:this.addresseeLayerIds,isUpdate:!!this._activeSelection,mapView:this.mapView,noResultText:this.noResultText,onSelectionSetChange:i=>this._updateForSelection(i),ref:i=>{this._selectTools=i},searchConfiguration:this._searchConfiguration,selectionLayerIds:this.selectionLayerIds,selectionSet:this._activeSelection,sketchLineSymbol:this.sketchLineSymbol,sketchPointSymbol:this.sketchPointSymbol,sketchPolygonSymbol:this.sketchPolygonSymbol})),this._getPageNavButtons(this._translations.done,0===this._numSelected,(()=>{this._saveSelection()}),this._translations.cancel,!1,(()=>{this._home()})))}_getExportPage(){const i=this._hasSelections(this.showRefineSelection),t=this._numDuplicates>0?"display-block":"display-none";return e("calcite-panel",null,e("div",null,this._getLabel(this._translations.export,!1),i?e("div",null,this._getNotice(this._translations.exportTip,"padding-sides-1"),this._getLabel(this._translations.exportListsLabel),this._getExportSelectionLists(),e("div",{class:"padding-sides-1 "+t},e("div",{class:"display-flex"},e("calcite-label",{layout:"inline"},e("calcite-checkbox",{ref:i=>{this._removeDuplicates=i}}),e("div",{class:"display-flex"},this._translations.removeDuplicate,e("div",{class:"info-message padding-start-1-2"},e("calcite-input-message",{class:"info-blue margin-top-0",scale:"m"},` ${this._translations.numDuplicates.replace("{{n}}",this._numDuplicates.toString())}`)))),e("calcite-icon",{class:"padding-start-1-2 icon",icon:"question",id:"remove-duplicates-icon",scale:"s"})),e("calcite-popover",{closable:!0,label:"",referenceElement:"remove-duplicates-icon"},e("span",{class:"tooltip-message"},this._translations.duplicatesTip))),e("div",{class:"border-bottom"}),e("div",{class:"padding-top-sides-1"},e("calcite-segmented-control",{class:"w-100",onCalciteSegmentedControlChange:i=>this._exportTypeChange(i)},e("calcite-segmented-control-item",{checked:this._exportType===n.PDF,class:"w-50 end-border",value:n.PDF},this._translations.pdf),e("calcite-segmented-control-item",{checked:this._exportType===n.CSV,class:"w-50",value:n.CSV},this._translations.csv))),e("div",{class:"padding-bottom-1"},this._getExportOptions()),e("div",{class:"padding-1 display-flex"},e("calcite-button",{disabled:!this._downloadActive,onClick:()=>{this._export()},width:"full"},this._translations.export))):this._getNotice(this._translations.downloadNoLists,"padding-sides-1 padding-bottom-1")))}_exportTypeChange(i){this._exportType=i.target.value}_getExportOptions(){const i=this._addTitle?"display-block":"display-none";return e("div",{class:this._exportType===n.PDF?"display-block":"display-none"},this._getLabel(this._translations.pdfOptions,!0),e("div",{class:"padding-top-sides-1"},e("calcite-label",{class:"label-margin-0"},this._translations.selectPDFLabelOption)),e("div",{class:"padding-sides-1"},e("pdf-download",{disabled:!this._downloadActive,ref:i=>{this._downloadTools=i}})),e("div",{class:"padding-top-sides-1"},e("calcite-label",{class:"label-margin-0",layout:"inline"},e("calcite-checkbox",{checked:this._addTitle,onCalciteCheckboxChange:()=>this._addTitle=!this._addTitle}),this._translations.addTitle)),e("div",{class:i},this._getLabel(this._translations.title,!0,""),e("calcite-input-text",{class:"padding-sides-1",placeholder:this._translations.titlePlaceholder,ref:i=>{this._title=i}})),e("div",{class:"padding-top-sides-1"},e("calcite-label",{class:"label-margin-0",layout:"inline"},e("calcite-checkbox",{checked:this._addMap,onCalciteCheckboxChange:()=>this._addMap=!this._addMap}),this._translations.includeMap)))}_getRefinePage(){const i=this._hasSelections();return e("calcite-panel",null,this._getLabel(this._translations.refineSelection),i?e("div",null,this._getNotice(this._translations.refineTip,"padding-sides-1"),e("refine-selection",{enabledLayerIds:this.selectionLayerIds,mapView:this.mapView,selectionSets:this._selectionSets,sketchLineSymbol:this.sketchLineSymbol,sketchPointSymbol:this.sketchPointSymbol,sketchPolygonSymbol:this.sketchPolygonSymbol})):this._getNotice(this._translations.refineTipNoSelections,"padding-sides-1"))}_getPageNavButtons(i,t,s,a,l,n){return e("div",null,e("div",{class:"display-flex padding-top-sides-1"},e("calcite-button",{disabled:t,onClick:s,width:"full"},i)),e("div",{class:"display-flex padding-top-1-2 padding-sides-1"},e("calcite-button",{appearance:"outline",disabled:l,onClick:n,width:"full"},a)))}_getNotice(i,t="padding-1"){return e("calcite-notice",{class:t,icon:"lightbulb",kind:"success",open:!0},e("div",{slot:"message"},i))}_getLabel(i,t=!1,s="font-bold"){return e("div",{class:"padding-top-sides-1"},e("calcite-label",{class:s+=t?" label-margin-0":""},i))}_getExportSelectionLists(){return this._selectionSets.reduce(((i,t)=>{var s;const a=this._getSelectionSetIds(t),l=t.workflowType!==d.REFINE||a.length>0;return!this._downloadActive&&t.download&&l&&(this._downloadActive=!0),l&&i.push(e("div",{class:"display-flex padding-sides-1 padding-bottom-1"},e("calcite-checkbox",{checked:t.download,class:"align-center",onClick:()=>{this._toggleDownload(t.id)}}),e("calcite-list",{class:"list-border margin-start-1-2 width-full",id:"download-list"},e("calcite-list-item",{disabled:!t.download,label:t.label,onClick:()=>{this._toggleDownload(t.id)}},e("div",{slot:"content"},e("div",{class:"list-label"},t.label),e("div",{class:"list-description"},null===(s=null==t?void 0:t.layerView)||void 0===s?void 0:s.layer.title),e("div",{class:"list-description"},this._translations.selectedFeatures.replace("{{n}}",a.length.toString()))))))),i}),[])||e("div",null)}async _toggleDownload(i){let t=!1;this._selectionSets=this._selectionSets.map((s=>(s.download=s.id===i?!s.download:s.download,t=!!s.download||t,s))),this._downloadActive=t,this._numDuplicates=await this._getNumDuplicates(),await this._highlightFeatures()}async _export(){const i=this._getSelectionIdsAndViews(this._selectionSets,!0);if(this._exportType===n.PDF){let t="";if(this._addMap&&this.mapView){const i=await this.mapView.takeScreenshot({width:1500,height:2e3});t=null==i?void 0:i.dataUrl}this._downloadTools.downloadPDF(i,this._removeDuplicates.checked,this._addTitle?this._title.value:"",t)}this._exportType===n.CSV&&this._downloadTools.downloadCSV(i,this._removeDuplicates.checked)}_getSelectionIdsAndViews(i,t=!1){return(t?i.filter((i=>i.download)):i).reduce(((i,t)=>{var s;if(t.workflowType===d.REFINE)Object.keys(t.refineInfos).forEach((s=>{const e=t.refineInfos[s];e.addIds&&(i=this._updateExportInfos(i,e.layerView.layer.id,t.label,e.addIds,e.layerView))}));else{const e=null===(s=null==t?void 0:t.layerView)||void 0===s?void 0:s.layer.id;i=this._updateExportInfos(i,e,t.label,t.selectedIds,t.layerView)}return i}),{})}_updateExportInfos(i,t,s,e,a){return t&&Object.keys(i).indexOf(t)>-1?(i[t].ids=[...new Set([...i[t].ids,...e])],i[t].selectionSetNames.push(s)):t&&(i[t]={ids:e,layerView:a,selectionSetNames:[s]}),i}_getAction(i,t,s,a,l=!1,n=""){return e("calcite-action",{disabled:!i,icon:t,indicator:l,onClick:a,slot:n,text:s})}_updateForSelection(i){this._numSelected=i.detail,this._saveEnabled=this._numSelected>0}async _home(){await this._clearSelection(),this._setPageType(o.LIST)}async _saveSelection(){var i,t;const s=await(null===(i=this._selectTools)||void 0===i?void 0:i.getSelection()),e=null===(t=this._selectTools)||void 0===t?void 0:t.isUpdate;return this._selectionSets=e?this._selectionSets.map((i=>i.id===s.id?s:i)):[...this._selectionSets,s],this._home()}async _clearSelection(){var i;await(null===(i=this._selectTools)||void 0===i?void 0:i.clearSelection()),this._numSelected=0,this._activeSelection=void 0}_deleteSelection(i,t){return t.stopPropagation(),this._selectionSets=this._selectionSets.filter(((t,s)=>{if(s!==i)return t})),this._highlightFeatures()}_gotoSelection(i,t){r(i.selectedIds,i.layerView,t,this.featureHighlightEnabled,this.featureEffect)}_openSelection(i,t){t.stopPropagation(),this._activeSelection=i,this._pageType=i.workflowType===d.REFINE?o.REFINE:o.SELECT}async _highlightFeatures(){this._clearHighlight();const i=this._getSelectionIdsAndViews(this._selectionSets,this._pageType===o.EXPORT),t=Object.keys(i);if(t.length>0)for(let s=0;s<t.length;s++){const e=i[t[s]];p.highlightHandles.push(await h(e.ids,e.layerView,this.mapView))}}_checkPopups(){var i;"boolean"!=typeof this._popupsEnabled&&(this._popupsEnabled=null===(i=this.mapView)||void 0===i?void 0:i.popup.autoOpenEnabled)}_clearHighlight(){p&&p.highlightHandles&&p.removeHandles()}async _getTranslations(){const i=await g(this.el);this._translations=i[0]}get el(){return l(this)}static get watchers(){return{mapView:["mapViewWatchHandler"],searchConfiguration:["watchSearchConfigurationHandler"],sketchLineSymbol:["sketchLineSymbolWatchHandler"],sketchPointSymbol:["sketchPointSymbolWatchHandler"],sketchPolygonSymbol:["sketchPolygonSymbolWatchHandler"],_pageType:["pageTypeWatchHandler"]}}};u.style=':host{display:block;--calcite-input-message-spacing-value:0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.action-center{-webkit-box-align:center;-webkit-align-items:center;-ms-grid-row-align:center;align-items:center;align-content:center;justify-content:center}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-top-sides-1{-webkit-padding-before:1rem;padding-block-start:1rem;-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-padding-end:1rem;padding-inline-end:1rem}.padding-sides-1{-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-padding-end:1rem;padding-inline-end:1rem}.padding-end-1-2{-webkit-padding-end:.5rem;padding-inline-end:.5rem}.padding-top-1-2{-webkit-padding-before:.5rem;padding-block-start:.5rem}.padding-top-1{padding-top:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.info-blue{color:#00A0FF}.info-message{justify-content:center;display:grid}.font-bold{font-weight:bold}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.padding-start-1-2{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.list-border{border:1px solid var(--calcite-ui-border-2)}.margin-sides-1{-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.margin-start-1-2{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.float-right{float:right}.float-right[dir="rtl"]{float:left}.float-left{float:left}.float-left[dir="rtl"]{float:right}.margin-top-0{-webkit-margin-before:0 !important;margin-block-start:0 !important}.height-1-1-2{height:1.5rem}.main-background{background-color:var(--calcite-ui-foreground-2)}.position-right{position:absolute;right:1rem}.position-right[dir="rtl"]{position:absolute;left:1rem}.label-margin-0{--calcite-label-margin-bottom:0}.list-label{color:var(--calcite-ui-text-1)}.list-label,.list-description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.list-description{-webkit-margin-before:0.125rem;margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.img-container{width:100%;height:100%}';export{u as public_notification}