Aerial Not Found
An aerial for this parcel was not found, or is not currently available.
\";\r\n closeVisiblePopup();\r\n\r\n let cls = view.popup?.container?.className;\r\n if (cls)\r\n view.popup.container.className = cls + ' map-not-found-popup';\r\n\r\n view.popup.dockOptions.buttonEnabled = false;\r\n\r\n\r\n view.openPopup({\r\n title: `Parcel Id: ${global_parid}`,\r\n location: view.center,\r\n content: content,\r\n });\r\n resolve(true);\r\n\r\n } else {\r\n view.graphics.removeAll();\r\n featureSet.features.forEach((feature) => {\r\n current_parcel_feature = feature;\r\n goto_target_params.target = feature.geometry;\r\n goto_target_params.scale = null;\r\n goto_target_params.center = null;\r\n\r\n doViewGoto(feature)\r\n .then(() => {\r\n addGraphics(feature, symbolLineAcqua);\r\n resolve(true);\r\n })\r\n });\r\n }\r\n } else {\r\n resolve(true);\r\n }\r\n }).catch((error) => {\r\n resolve(true);\r\n });\r\n }\r\n\r\n const addGraphicModeSketchGeometry = async (featureSet) => {\r\n try {\r\n return await new Promise((resolve) => {\r\n clearGeometry();\r\n if (featureSet?.features[0]) {\r\n doViewGoto(featureSet.features[0])\r\n .then(() => {\r\n addGraphics(featureSet.features[0], symbolLineAcqua);\r\n sketchGeometry = featureSet.features[0].geometry;\r\n resolve(featureSet);\r\n })\r\n }\r\n });\r\n } catch (error) {\r\n doLogException('addGraphicModeSketchGeometry', error);\r\n return false;\r\n }\r\n };\r\n\r\n function addGraphics(feature, symbol) {\r\n try {\r\n let g = new Graphic({\r\n geometry: feature.geometry,\r\n attributes: feature.attributes,\r\n symbol: symbol,\r\n });\r\n view.graphics.add(g);\r\n } catch (error) { doLogException('addGraphics', error); }\r\n }\r\n\r\n function doViewGoto(feature) {\r\n return new Promise((resolve) => {\r\n try {\r\n\r\n let skipZoom = Object.keys(dgData)?.length > 0;\r\n\r\n let zoom = view.zoom;\r\n let center = [feature.geometry.centroid.longitude, feature.geometry.centroid.latitude];\r\n\r\n if (activeWidget?.buttonId === 'bufferButton') {\r\n let expand_extent_size = 1.75;\r\n\r\n switch (chosenSelectionMethod) {\r\n case ChosenSelectionMethodOptions.ParcelId:\r\n zoom = paoDetails.gis.zoomLevelParcelId + 2;\r\n break;\r\n case ChosenSelectionMethodOptions.Condominium:\r\n case ChosenSelectionMethodOptions.Cooperative:\r\n case ChosenSelectionMethodOptions.Subdivision:\r\n goto_target_params.zoom = view.zoom;\r\n goto_target_params.scale = view.scale;\r\n zoom = paoDetails.gis.zoomLevelConveyanceType + 1;\r\n if (queried_parids_in_subject_property < 10)\r\n zoom = zoom + 1;\r\n if (queried_parids_in_subject_property > 300)\r\n zoom = zoom - 1;\r\n break;\r\n default:\r\n zoom = paoDetails.gis.zoomLevelDefault;\r\n }\r\n\r\n if (Object.keys(dgData)?.length > 0) {\r\n expand_extent_size = 0;\r\n }\r\n let extent = feature.geometry.extent;\r\n let clone_extent = extent.clone();\r\n\r\n view.goTo({\r\n target: feature.geometry.extent,\r\n extent: clone_extent.expand(expand_extent_size),\r\n center: [center],\r\n zoom: !skipZoom ? zoom : view.zoom\r\n }, animationOptions)\r\n .then(() => {\r\n resolve(true);\r\n });\r\n\r\n } else {\r\n\r\n if (paoDetails.gis.ownerSwitched) {\r\n\r\n view.goTo({\r\n target: feature.geometry.extent,\r\n scale: goto_target_params.scale\r\n }, animationOptions)\r\n .then(() => {\r\n resolve(true);\r\n });\r\n\r\n } else {\r\n\r\n view.goTo({\r\n target: goto_target_params.target,\r\n scale: goto_target_params.scale\r\n }, animationOptions)\r\n .then(() => {\r\n goto_target_params.scale = view.scale;\r\n goto_target_params.center = view.center;\r\n resolve(true);\r\n });\r\n }\r\n }\r\n } catch (error) {\r\n console.error('doViewGoto: ' + error);\r\n resolve(true);\r\n }\r\n }).catch((error) => {\r\n console.error('doViewGoto: ' + error)\r\n resolve(true);\r\n });\r\n }\r\n\r\n function addQueryBuffer() {\r\n return new Promise((resolve) => {\r\n mapLayerAndLabels.load().then(() => {\r\n view.whenLayerView(queryFeatureLayer).then((layerView) => {\r\n try {\r\n layerView.layer.capabilities.query.supportsQueryGeometry = true;\r\n MAX_QUERY_RECORDCOUNT = layerView.layer.capabilities.query?.maxRecordCount;\r\n\r\n bufferLayerViewUpdatingFlag = true;\r\n\r\n reactiveUtils\r\n .whenOnce(() => !layerView.updating)\r\n .then(() => {\r\n if (bufferLayerViewUpdatingFlag) {\r\n\r\n bufferLayerViewUpdatingFlag = false;\r\n if (chosenSelectionMethod !== ChosenSelectionMethodOptions.Sketch) {\r\n queryLayerView();\r\n return true;\r\n }\r\n }\r\n })\r\n .then(() => {\r\n resolve(true);\r\n });\r\n\r\n } catch (error) {\r\n doLogException('view.whenLayerView', error);\r\n resolve(true);\r\n }\r\n });\r\n });\r\n }).catch((error) => doLogException('addQueryBuffer', error));\r\n }\r\n\r\n function addQueryFeatureLayer() {\r\n return new Promise((resolve) => {\r\n if (queryFeatureLayer) {\r\n map.add(queryFeatureLayer);\r\n resolve(true);\r\n }\r\n }).catch((error) => { doLogException('addQueryFeatureLayer', error); });\r\n\r\n }\r\n\r\n\r\n function promiseRejected(error) {\r\n doLogException('Promise rejected', error);\r\n return false;\r\n }\r\n\r\n const setUpGraphicClickHandler = async () => {\r\n view.on('click', (event) => {\r\n if (activeWidget?.state === 'active' && activeWidget?.buttonId !== 'bufferButton')\r\n return;\r\n executeIdentifyTask(event);\r\n });\r\n };\r\n\r\n function userAlert() {\r\n let ac = document.getElementsByClassName('alert-container');\r\n if (ac.length === 0) {\r\n alertContainer.setAttribute('class', 'alert-container');\r\n }\r\n let alertDiv = document.createElement('div');\r\n alertDiv.style.opacity = 1;\r\n\r\n let button = document.createElement('button');\r\n button.setAttribute('type', 'button');\r\n button.setAttribute('class', 'close');\r\n button.setAttribute('data-dismiss', 'alert');\r\n\r\n let span = document.createElement('span');\r\n span.setAttribute('aria-hidden', 'true');\r\n span.innerHTML = '×';\r\n button.appendChild(span);\r\n\r\n span = document.createElement('span');\r\n span.setAttribute('class', 'sr-only');\r\n span.innerHTML = 'Close';\r\n button.appendChild(span);\r\n\r\n alertDiv.appendChild(button);\r\n\r\n switch (alertUser) {\r\n case AlertMessageOptions.AerialImageryNotAvailable:\r\n alertDiv.setAttribute(\r\n 'class',\r\n 'tab-alert alert-no-imagery alert alert-danger alert-dismissible fade in'\r\n );\r\n break;\r\n case AlertMessageOptions.MapLayersNotAvailable:\r\n alertDiv.setAttribute(\r\n 'class',\r\n 'tab-alert alert-no-layers alert alert-info alert-dismissible fade in'\r\n );\r\n break;\r\n case AlertMessageOptions.Default:\r\n return;\r\n }\r\n alertContainer.appendChild(alertDiv);\r\n if (ac.length === 0) {\r\n mapEl.appendChild(alertContainer);\r\n }\r\n }\r\n\r\n function executeIdentifyTask(event) {\r\n\r\n let doTask = function doTask(response) {\r\n let results = response.results; \r\n\r\n paoDetails.context.sqft = 0;\r\n\r\n sortMineral(results);\r\n\r\n\r\n let paoPopupTemplate = new PaoPopupTemplate();\r\n\r\n paoPopupTemplate.contentType = 'default';\r\n\r\n paoPopupTemplate.IsGoToParcel = true;\r\n\r\n if (activeWidget?.buttonId === 'bufferButton') {\r\n if (chosenSelectionMethod === ChosenSelectionMethodOptions.None || chosenSelectionMethod === ChosenSelectionMethodOptions.ParcelId) {\r\n paoPopupTemplate.IsGoToBufferParcel = true;\r\n }\r\n }\r\n\r\n paoPopupTemplate.resultCount = results.length;\r\n let popupTemplate = paoPopupTemplate.template();\r\n\r\n try {\r\n\r\n if (paoDetails.gis.displayPage === 'fullaerial') {\r\n return results.map((result) => {\r\n let feature = result.feature;\r\n let layerName = result.layerName;\r\n feature.attributes.layerName = layerName;\r\n feature.popupTemplate = popupTemplate;\r\n if (result.feature.attributes.LAND_SQFT_CAMA) {\r\n paoDetails.context.sqft =\r\n result.feature.attributes.LAND_SQFT_CAMA;\r\n }\r\n return feature;\r\n });\r\n\r\n } else {\r\n\r\n return results.map((result) => {\r\n let feature = result.feature;\r\n let layerName = result.layerName;\r\n feature.attributes.layerName = layerName;\r\n if (results.length && results.length > 1)\r\n feature.popupTemplate = popupTemplate;\r\n if (result.feature.attributes.LAND_SQFT_CAMA) {\r\n paoDetails.context.sqft =\r\n result.feature.attributes.LAND_SQFT_CAMA;\r\n }\r\n return feature;\r\n });\r\n }\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n let showInfo = (featureSet) => {\r\n try {\r\n if (paoDetails.gis.displayPage === 'fullaerial') {\r\n if (featureSet && featureSet.length > 0) {\r\n showPopup(featureSet, event.mapPoint);\r\n }\r\n } else {\r\n if (featureSet && featureSet.length > 1) {\r\n showPopup(featureSet, event.mapPoint);\r\n } else {\r\n if (featureSet && featureSet[0]) {\r\n let item = featureSet[0];\r\n global_parid = item.attributes.PARID;\r\n queryGeometry();\r\n }\r\n } \r\n } \r\n doCursor('auto');\r\n } catch (error) {\r\n doCursor('auto');\r\n doLogException('showInfo', error);\r\n } \r\n };\r\n\r\n let showPopup = async (featureSet, mapPoint) => {\r\n let parid = featureSet[0].attributes.PARID;\r\n\r\n await queryFeatureSet(parid);\r\n closeVisiblePopup();\r\n\r\n view.openPopup({\r\n features: featureSet,\r\n location: mapPoint \r\n });\r\n };\r\n\r\n identifyParams.geometry = event.mapPoint;\r\n identifyParams.mapExtent = view.extent;\r\n\r\n let coords = {\r\n lat: event.mapPoint.latitude,\r\n lon: event.mapPoint.longitude,\r\n };\r\n\r\n paoDetails.context.datums.usesDefaults = false;\r\n paoDetails.context.datums.coordinates = coords;\r\n\r\n identify\r\n .identify(mapLayerAndLabelsUrl, identifyParams)\r\n .then(doTask)\r\n .then(showInfo)\r\n ['catch'](promiseRejected);\r\n }\r\n\r\n const doSwitchOwner = async () => {\r\n updateView({ showViewHeaderTitle: false });\r\n switchOwner(global_parid, chosenMapLayers, chosenPriorYearMapLayer, chosenStormLayerIndex);\r\n paoDetails.gis.ownerSwitched = false;\r\n return true;\r\n };\r\n\r\n const handleFullscreenButton = (event) => {\r\n return new Promise((resolve) => {\r\n let btn = document.getElementById('fullscreenButton');\r\n if (btn !== null) {\r\n let minmax = 'Minimize';\r\n let set_atts = false;\r\n\r\n if (btn.classList.contains('esri-icon-zoom-in-fixed')) {\r\n\r\n minmax = 'Maximize';\r\n btn.classList.remove('esri-icon-zoom-in-fixed');\r\n btn.classList.remove('active');\r\n btn.classList.add('esri-icon-zoom-out-fixed');\r\n set_atts = true;\r\n\r\n } else if (btn.classList.contains('esri-icon-zoom-out-fixed')) {\r\n\r\n if (paoDetails.gis.displayPage === 'details')\r\n return;\r\n\r\n btn.classList.remove('esri-icon-zoom-out-fixed');\r\n btn.classList.add('esri-icon-zoom-in-fixed');\r\n btn.classList.add('active');\r\n set_atts = true;\r\n }\r\n if (set_atts) {\r\n btn.setAttribute('title', minmax + ' aerial map (esc)');\r\n btn.setAttribute('aria-label', minmax + ' aerial map (esc)');\r\n }\r\n }\r\n resolve(true);\r\n }).catch((error) => doLogException('handleFullscreenButton', error));\r\n };\r\n\r\n const queryGeometryToNewWindow = async (parid) => {\r\n window.open(`${window.location.origin}/parcel/?parid=${parid}`, '_blank');\r\n };\r\n\r\n const queryGeometry = async () => {\r\n let queryObject = new Query({\r\n returnGeometry: true,\r\n outFields: ['*'],\r\n outSpatialReference: view.spatialReference,\r\n orderByFields: ['PARID'],\r\n where: `PARID='${global_parid}'`,\r\n });\r\n query\r\n .executeQueryJSON(parcelSearchUrl, queryObject)\r\n .then(await setParcelFeatures) \r\n .then(await doSwitchOwner)\r\n .then(await updateView({ showViewHeaderTitle: false }))\r\n .then(await handleFullscreenButton)\r\n .then(doCursor('auto'))\r\n ['catch'](promiseRejected);\r\n };\r\n\r\n function layerListFormat(item) {\r\n let aerials = item.layer.parent.allLayers.filter((a) => {\r\n try {\r\n return a.title === 'Aerials';\r\n } catch (error) {\r\n console.error('aerials: ' + error);\r\n }\r\n });\r\n let maplayers = item.layer.parent.allLayers.filter((a) => {\r\n try {\r\n return (\r\n a.title === 'Map Layers & Labels' ||\r\n a.title === 'Districts & PLSS Layers'\r\n );\r\n } catch (error) {\r\n console.error('maplayers: ' + error);\r\n }\r\n });\r\n LayerListAdjustBasemapFont(aerials, maplayers);\r\n return true;\r\n }\r\n\r\n const trackVisibleMapLayers = () => {\r\n chosenMapLayers = [];\r\n map.layers.forEach((layer, index) => {\r\n if (layer.visible) chosenMapLayers.push(index);\r\n });\r\n };\r\n\r\n function LayerListAdjustBasemapFont(aerials, maplayers) {\r\n if (maplayers) {\r\n if (maplayers.length > 0) {\r\n if (maplayers.items[0].sublayers !== null) {\r\n if (maplayers.items[0].sublayers.items) {\r\n var black = maplayers.items[0].sublayers.items.filter((a) => {\r\n try {\r\n return a.id === 3; \r\n } catch (error) {\r\n console.error('black: ' + error);\r\n }\r\n });\r\n }\r\n if (maplayers.items[0].sublayers.items) {\r\n var yellow = maplayers.items[0].sublayers.items.filter((a) => {\r\n try {\r\n return a.id === 2; \r\n } catch (error) {\r\n console.error('yellow: ' + error);\r\n }\r\n });\r\n }\r\n if (black && black.length > 0 && yellow && yellow.length > 0) {\r\n if (aerials && aerials.length > 0) {\r\n black[0].visible = aerials.items[0].visible === false; \r\n yellow[0].visible = aerials.items[0].visible === true; \r\n } else {\r\n black[0].visible = true;\r\n yellow[0].visible = false;\r\n }\r\n black[0].listMode = black[0].visible ? 'show' : 'hide'; \r\n yellow[0].listMode = yellow[0].visible ? 'show' : 'hide';\r\n }\r\n }\r\n }\r\n }\r\n } \r\n\r\n const mapReady = async () => {\r\n\r\n addlayerListExpand();\r\n await setUpGraphicClickHandler();\r\n\r\n printExpand = addPrintWidget();\r\n\r\n primaryPanel = document.getElementById('pao-shell-panel-start');\r\n\r\n let el = document.getElementById('pao-parcel-export-method-block');\r\n if (!el) {\r\n buildBufferExportTool()\r\n .then(buildComponentContainer)\r\n .then(buildTaxParcelTypesComponent)\r\n .then(buildBufferSliderComponent)\r\n .then(buildBufferFooter)\r\n .then(determineResetActionState)\r\n ['catch'](promiseRejected);\r\n }\r\n\r\n if (global_parid?.length > 1) {\r\n queryFeatureSet(global_parid);\r\n }\r\n\r\n identifyParams = new IdentifyParameters();\r\n identifyParams.tolerance = 0.1;\r\n identifyParams.layerIds = [parcelSearchUrl];\r\n identifyParams.layerOption = 'top'; \r\n\r\n reactiveUtils.on(\r\n () => view.popup,\r\n 'visible',\r\n (event) => {\r\n let nomap = document.getElementsByClassName('map-not-found-popup');\r\n if (event) {\r\n if (nomap && nomap.length > 0) {\r\n let matches = document.getElementsByClassName(\r\n 'esri-popup__pointer'\r\n );\r\n for (let i = 0; i < matches.length; i++) {\r\n matches[i].classList.add('d-none');\r\n }\r\n }\r\n closeExpanderWidgets(); \r\n } else {\r\n if (nomap && nomap.length > 0) {\r\n closeVisiblePopup();\r\n }\r\n }\r\n });\r\n\r\n\r\n reactiveUtils.on(() => view.popup,\r\n 'trigger-action',\r\n async (event) => {\r\n global_parid = view.popup.selectedFeature.attributes.PARID;\r\n paoDetails.context.parid = paoDetails.context.datums.parid = global_parid;\r\n\r\n if (paoDetails.gis.displayPage === 'fullaerial') closeVisiblePopup();\r\n\r\n\r\n switch (event.action.id) {\r\n case 'goto-parcel':\r\n await gotoParcelWorkflow();\r\n break;\r\n\r\n case 'goto-buffer-parcel':\r\n if (Object.keys(dgData)?.length >= MAX_DATAGRID_ITEMS)\r\n return notifyExceededMaxItems()\r\n\r\n doGotoBufferParcel();\r\n break;\r\n }\r\n\r\n function notifyExceededMaxItems() {\r\n PaoWarning.showAlert({\r\n title: `Only ${MAX_DATAGRID_ITEMS} subject parcels allowed.`,\r\n message: 'In order to buffer this parcel, please delete another parcel or continue in a new browser.',\r\n scale: 's',\r\n placement: 'bottom',\r\n auto_close: true,\r\n auto_close_speed: PaoAlertAutoDismissSpeed.Medium,\r\n icon: 'exclamation-mark-triangle'\r\n });\r\n return;\r\n }\r\n\r\n async function gotoParcelWorkflow() {\r\n\r\n if (activeWidget?.state === 'active' && activeWidget?.buttonId === 'bufferButton') {\r\n\r\n queryGeometryToNewWindow(global_parid);\r\n\r\n } else if (activeWidget?.state !== 'active' && activeWidget?.buttonId === 'bufferButton') {\r\n\r\n queryGeometry();\r\n if (chosenSelectionMethod === ChosenSelectionMethodOptions.ParcelId)\r\n searchParcel(global_parid);\r\n\r\n } else {\r\n\r\n if (paoDetails.gis.referer?.length > 0) {\r\n\r\n paoDetails.gis.referer = null;\r\n paoDetails.gis.ownerSwitched = true;\r\n\r\n destroyBufferTool();\r\n }\r\n await doSwitchOwner();\r\n }\r\n }\r\n });\r\n\r\n let dvFullscreen = document.createElement('div');\r\n dvFullscreen.setAttribute('id', 'fullscreenButton');\r\n let cls = [\r\n 'esri-component',\r\n 'esri-widget--button',\r\n 'esri-widget',\r\n 'esri-icon-zoom-out-fixed',\r\n ];\r\n dvFullscreen.classList = '';\r\n dvFullscreen.classList.add(...cls);\r\n\r\n dvFullscreen.addEventListener('click', (e) => {\r\n if (paoDetails.gis.referer?.length > 0) {\r\n view = null;\r\n replaceLocationFromReferer();\r\n return;\r\n }\r\n toggleFullscreen()\r\n .then(() => {\r\n toggleSearchWidget({ show: paoDetails.gis.displayPage === 'fullaerial' });\r\n })\r\n });\r\n\r\n let scaleBarWidget = new ScaleBar({\r\n view: view,\r\n unit: 'imperial', \r\n });\r\n\r\n let base_widgets = [];\r\n\r\n base_widgets.push(dvFullscreen);\r\n base_widgets.push(layerListExpand);\r\n base_widgets.push(distanceButton);\r\n base_widgets.push(areaButton);\r\n base_widgets.push(bufferButton);\r\n base_widgets.push(printExpand);\r\n\r\n view.ui.add(measurement, \"bottom-right\");\r\n measurement.view = view;\r\n\r\n view.ui.add(base_widgets, { position: 'top-right' });\r\n\r\n view.ui.add(scaleBarWidget, { position: 'bottom-left' });\r\n\r\n let url = latestYearAerialUrl + '/?f=pjson';\r\n esriRequest(url, {\r\n responseType: 'json',\r\n timeout: 5000,\r\n })\r\n .then(function (response) {\r\n\r\n let aerial_year_label = document.createElement('div');\r\n aerial_year_label.id = 'aerial_year_label';\r\n var meta_description = response?.data?.description;\r\n if (meta_description?.length > 0)\r\n aerial_year_label.setAttribute('class', 'aerial-year');\r\n\r\n aerial_year_label.innerText = meta_description;\r\n\r\n\r\n view.ui.add(aerial_year_label, { position: 'bottom-right' });\r\n\r\n watchVisibleAerialLayer();\r\n\r\n }).catch((error) => {\r\n doLogException('aerial_year_label', error);\r\n });\r\n\r\n _bufferWidget.title(bufferWidgetInactiveTitle);\r\n _distanceMeasureWidget.title(\r\n 'Measure the distance between two or more points.'\r\n );\r\n _areaMeasureWidget.title('Measure an area on the map.');\r\n\r\n setTimeout(() => {\r\n layerList?.operationalItems?.reverse();\r\n }, 1450);\r\n\r\n if (paoDetails.gis.displayPage === 'fullaerial') {\r\n handleFullscreenButton();\r\n await toggleSearchWidget({ show: true });\r\n let featureLayer = map.layers.getItemAt(1);\r\n if (featureLayer && featureLayer.fullExtent !== null) {\r\n featureLayer.when(() => {\r\n view.goTo({\r\n target: featureLayer.fullExtent\r\n });\r\n });\r\n }\r\n }\r\n }; \r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.isComposing)\r\n return;\r\n\r\n if (e.key === 'Escape') {\r\n if (e.cancelable) e.preventDefault();\r\n let modalEl = document.getElementById('pao-modal');\r\n if (modalEl?.hasAttribute('open')) {\r\n closeModal();\r\n shellAllowInteractions(true);\r\n return;\r\n }\r\n if (paoDetails.gis.displayPage === 'fullaerial') {\r\n if (paoDetails.gis.referer?.length > 0) {\r\n view = null;\r\n replaceLocationFromReferer();\r\n return;\r\n }\r\n if (current_parcel_feature) {\r\n toggleFullscreen()\r\n .then(() => {\r\n toggleSearchWidget({ show: paoDetails.gis.displayPage === 'fullaerial' });\r\n })\r\n }\r\n }\r\n }\r\n });\r\n\r\n if (paoDetails.gis.displayPage === 'fullaerial') {\r\n let isResponsiveSize = view.widthBreakpoint !== 'xsmall';\r\n updateView({ showViewHeaderTitle: isResponsiveSize });\r\n view.watch('widthBreakpoint', (breakpoint) => {\r\n switch (breakpoint) {\r\n case 'xsmall':\r\n view.ui.components = [];\r\n\r\n if (view.ui.components.length === 1) {\r\n view.ui.components = [\r\n 'attribution',\r\n 'navigation-toggle',\r\n 'compass',\r\n 'zoom',\r\n ];\r\n }\r\n updateView({ showViewHeaderTitle: false });\r\n break;\r\n case 'small': \r\n case 'medium': \r\n case 'large': \r\n case 'xlarge': \r\n updateView({ showViewHeaderTitle: false });\r\n break;\r\n }\r\n });\r\n }\r\n\r\n function resetBufferSlider({ hideBufferSlider: hide }) {\r\n disableEnableSlider(false);\r\n bufferSize = 0;\r\n let el = document.getElementById('pao-buffer-slider');\r\n if (el) {\r\n el.value = 0;\r\n if (hide) hideBufferSlider();\r\n }\r\n }\r\n\r\n function hideBufferSlider() {\r\n let el = document.getElementById('pao-buffer-slider-block');\r\n if (el) el.hidden = true;\r\n }\r\n\r\n function resetSubjectParcelLabel() {\r\n document\r\n .querySelectorAll('#pao-subject-parcel-group>calcite-segmented-control-item')\r\n .forEach((p) => {\r\n if (p.innerHTML === 'Include') p.checked = true;\r\n });\r\n }\r\n\r\n const subjectParcelsRadioGroupChanged = async (event) => {\r\n if (event.target.value != null) {\r\n let id = event.target.id;\r\n let v = event.target.selectedItem.value;\r\n includeSubjectParcelsOn = (v === 'include');\r\n updateSubjectParcelLabel(event.target.selectedItem);\r\n\r\n let el = document.getElementById(id);\r\n let children = Array.from(el?.children);\r\n children.forEach((item) => {\r\n if (item.attributes.icon.value === 'circle')\r\n item.attributes.icon.value = 'check-circle';\r\n else item.attributes.icon.value = 'circle';\r\n });\r\n\r\n\r\n let filtered = {\r\n cols: DG_ADDR_COLUMNS,\r\n rows: [],\r\n };\r\n\r\n filtered.rows = bufferedData.rows.filter((val, idx, arr) => {\r\n if (!lookupSubjectParid(val[0])) return true;\r\n return includeSubjectParcelsOn;\r\n });\r\n\r\n if (bufferedData?.rows?.length === 0 && includeSubjectParcelsOn) {\r\n subjectParcels.rows.forEach((e, i, a) => {\r\n filtered.rows.push(e);\r\n });\r\n }\r\n\r\n let unitTypeAbbrv = await getChosenBufferUnitTypeAbbrv();\r\n\r\n let dgKeyColection = {\r\n index: dgData[activeDataAccordionItem]?.index,\r\n cols: filtered.cols,\r\n rows: filtered.rows,\r\n subjects: subjectParcels.rows,\r\n taxParcelTypeList: dgData[activeDataAccordionItem].taxParcelTypeList,\r\n chosenSelectionMethod: chosenSelectionMethod,\r\n chosenMethodValue: chosenMethodValue,\r\n unitTypeAbbrv: unitTypeAbbrv,\r\n includeSubjectParcelsOn: includeSubjectParcelsOn,\r\n bufferSize: bufferSize,\r\n isRural: dgData[activeDataAccordionItem].isRural\r\n };\r\n loadAccordionDataTable(dgKeyColection);\r\n\r\n let table = $('#pao-table-buffer').DataTable();\r\n table.clear();\r\n table.rows.add(dgData[activeDataAccordionItem].rows).draw();\r\n queryLayerView();\r\n }\r\n };\r\n\r\n function toggleSubjectParcelsRadioGroup() {\r\n let el = document.getElementById('pao-subject-parcel-group');\r\n if (el) {\r\n if (dgData[activeDataAccordionItem]?.rows?.length) {\r\n let p = dgData[activeDataAccordionItem].includeSubjectParcelsOn;\r\n let _include = p ? 'include' : 'exclude';\r\n\r\n if (el.hasChildNodes()) {\r\n let children = el.childNodes;\r\n children.forEach((child) => {\r\n if (child.value === _include) {\r\n child.checked = true;\r\n }\r\n });\r\n }\r\n updateSubjectParcelLabel();\r\n }\r\n }\r\n }\r\n\r\n const checkBufferWidgetState = () => {\r\n if (activeWidget?.state === 'active' && activeWidget?.buttonId === 'bufferButton')\r\n _bufferWidget.close();\r\n };\r\n\r\n function replaceLocationFromReferer() {\r\n let tmp_ref = paoDetails.gis.referer;\r\n paoDetails.gis.referer = null;\r\n window.location.replace(tmp_ref);\r\n }\r\n\r\n function toggleFullscreen() {\r\n return new Promise((resolve) => {\r\n checkBufferWidgetState();\r\n\r\n let _max = paoDetails.gis.displayPage !== 'fullaerial';\r\n\r\n if (!_max && paoDetails.gis.referer && paoDetails.gis.referer.length > 0) {\r\n replaceLocationFromReferer();\r\n resolve(true);\r\n }\r\n\r\n if (!_max) {\r\n minimizeAerial().then(() => {\r\n resolve(true);\r\n });\r\n } else {\r\n goFullscreen().then(() => {\r\n resolve(true);\r\n });\r\n }\r\n }).catch((error) => { doLogException('toggleFullscreen', error); });\r\n }\r\n\r\n function goFullscreen() {\r\n return new Promise((resolve) => {\r\n document.getElementById('container').classList.add('d-none');\r\n document.getElementById('ZoneA').classList.add('d-none');\r\n document.getElementById('ZoneB').classList.add('d-none');\r\n document.getElementById('ZoneC').classList.add('d-none');\r\n\r\n updateView({ showViewHeaderTitle: true });\r\n\r\n mapEl.classList.remove('aerial-small');\r\n\r\n let shell = document.getElementById('pao-shell');\r\n\r\n document.body.appendChild(shell);\r\n\r\n paoDetails.gis.displayPage = 'fullaerial';\r\n\r\n handleFullscreenButton();\r\n resolve(true);\r\n\r\n }).catch((error) => { doLogException('goFullscreen', error); });\r\n }\r\n\r\n const toggleSearchWidget = async ({ show }) => {\r\n if (searchWidget) view?.ui.remove(searchWidget);\r\n if (show) {\r\n\r\n let popupTemplate = await createSearchWidgetPopupTemplate();\r\n\r\n let featureLayerSearch = new FeatureLayer({\r\n url: parcelSearchUrl,\r\n popupTemplate: popupTemplate\r\n });\r\n\r\n const theExtent = new Extent({\r\n xmin: 412198.71957017505,\r\n ymin: 1044628.12338194,\r\n xmax: 638866.493595924,\r\n ymax: 1209282.62510902,\r\n spatialReference: {\r\n wkid: 102659,\r\n },\r\n });\r\n\r\n const searchExtent = {\r\n geometry: theExtent,\r\n where: \"SITUS_STATE='FL'\",\r\n };\r\n\r\n\r\n const sources = [\r\n {\r\n layer: featureLayerSearch,\r\n placeholder: 'Find any part of address',\r\n suggestionTemplate:\r\n '{SITUS_ADDRESS} {SITUS_POSTAL_CITY} {SITUS_STATE}',\r\n maxResults: 4,\r\n maxSuggestions: 4,\r\n suggestionsEnabled: true,\r\n minSuggestCharacters: 2,\r\n exactMatch: false,\r\n prefix: '%',\r\n searchFields: ['SITUS_ADDRESS'],\r\n displayField: 'SITUS_ADDRESS',\r\n outFields: ['*'],\r\n name: 'Parcel Search',\r\n zoomScale: 2000,\r\n },\r\n ];\r\n\r\n searchWidget = new Search({\r\n view: view,\r\n includeDefaultSources: false,\r\n sources: sources,\r\n });\r\n\r\n searchWidget.viewModel.defaultSymbols = {\r\n point: pointSymbol,\r\n polygon: {\r\n type: 'simple-fill',\r\n outline: { color: [11, 53, 51, 1] },\r\n color: [94, 248, 241, 0.5],\r\n },\r\n polyline: polylineSymbol,\r\n };\r\n view.ui.add(searchWidget, { position: 'top-right', index: 0 });\r\n }\r\n };\r\n\r\n async function doGotoBufferParcel() {\r\n if (global_parid?.length > 0) {\r\n if (bufferLayerViewUpdatingFlag)\r\n await delay(350);\r\n\r\n let pli = document.getElementById('pao-by-parid');\r\n if (pli) await pli.setAttribute('selected', '');\r\n searchParcel(global_parid);\r\n }\r\n }\r\n\r\n function minimizeAerial() {\r\n return new Promise((resolve) => {\r\n closeVisiblePopup();\r\n\r\n\r\n mapEl.classList.add('aerial-small');\r\n\r\n document.getElementById('container').classList.remove('d-none');\r\n document.getElementById('ZoneA').classList.remove('d-none');\r\n document.getElementById('ZoneB').classList.remove('d-none');\r\n document.getElementById('ZoneC').classList.remove('d-none');\r\n\r\n updateView({ showViewHeaderTitle: false });\r\n\r\n view.ui.move({ component: 'zoom', position: 'top-left', index: 0 });\r\n\r\n let shell_clone = document.getElementById('pao-shell');\r\n let aerialMap = document.getElementById('aerialMap');\r\n aerialMap.appendChild(shell_clone);\r\n\r\n paoDetails.gis.displayPage = 'details';\r\n\r\n handleFullscreenButton();\r\n\r\n if (current_parcel_feature) {\r\n\r\n doViewGoto(current_parcel_feature)\r\n .then(() => {\r\n addGraphics(current_parcel_feature, symbolLineAcqua)\r\n resolve(true);\r\n })\r\n\r\n } else {\r\n resolve(true);\r\n }\r\n }).catch((error) => { doLogException('minimizeAerial', error); });\r\n }\r\n\r\n const showBufferSlider = async () => {\r\n return new Promise((resolve) => {\r\n showParcelSubjectOptions();\r\n if (Object.keys(dgData)?.length === 0) bufferSize = 0;\r\n\r\n let el = document.getElementById('pao-buffer-slider');\r\n if (el) {\r\n el.value = bufferSize;\r\n el = document.getElementById('pao-buffer-slider-block');\r\n if (el) {\r\n updateBufferSliderButtonLabel();\r\n el.hidden = false;\r\n if (!sliderBlockStateKeepClosed) el.setAttribute('open', '');\r\n }\r\n }\r\n resolve(true);\r\n }).catch((error) => {\r\n doLogException('showBufferSlider', error);\r\n resolve(false);\r\n });\r\n };\r\n\r\n function updateBufferSliderButtonLabel() {\r\n try {\r\n let btn = document.getElementById('pao-buffer-unit-button');\r\n if (btn) {\r\n let d = document.getElementById('pao-buffer-unit');\r\n if (d.selectedItems?.length > 0)\r\n btn.innerHTML = `Buffer distance in ${d.selectedItems[0].innerHTML}`;\r\n }\r\n } catch (error) {\r\n doLogException('updateBufferSliderButtonLabel', error);\r\n }\r\n }\r\n\r\n const addSwipeWidget = () => {\r\n try {\r\n if (swipeWidget) return;\r\n\r\n if (!_swipeTrailingLayer)\r\n _swipeTrailingLayer = priorYearAerials;\r\n\r\n swipeWidget = new Swipe({\r\n leadingLayers: [_swipeLeadingLayer],\r\n trailingLayers: [_swipeTrailingLayer],\r\n position: 50, \r\n view: view,\r\n label: `${_swipeLeadingLayer?.title} & ${_swipeTrailingLayer?.title}`\r\n });\r\n view.ui.add(swipeWidget);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n\r\n const removeSwipeWidget = () => {\r\n try {\r\n if (swipeWidget) {\r\n view.ui.remove(swipeWidget);\r\n if (swipeWidget?.constructed) swipeWidget.destroy();\r\n swipeWidget = null;\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n const setSwipeWidgetSides = (leadingLayer, trailingLayer) => {\r\n swipeWidget.leadingLayers = [leadingLayer];\r\n swipeWidget.trailingLayers = [trailingLayer];\r\n };\r\n\r\n const addPrintWidget = () => {\r\n const printWidget = new Print({\r\n view: view,\r\n printServiceUrl: printServiceUrl,\r\n });\r\n\r\n printWidget.on(\"error\", function (error) {\r\n console.error(\"Print Widget Error:\", error);\r\n });\r\n\r\n return new Expand({\r\n content: printWidget,\r\n view: view,\r\n autoCollapse: true,\r\n expanded: false,\r\n expandTooltip: 'Print Map',\r\n group: 'top-right',\r\n mode: 'floating',\r\n });\r\n };\r\n\r\n function closeExpanderWidgets() {\r\n if (printExpand?.expanded) {\r\n printExpand?.collapse();\r\n }\r\n if (layerListExpand.expanded) {\r\n layerListExpand.collapse();\r\n }\r\n }\r\n\r\n\r\n let distanceButton = document.createElement('div');\r\n distanceButton.setAttribute('id', 'distanceButton');\r\n distanceButton.className =\r\n 'esri-widget--button esri-widget esri-icon-measure-line esri-component';\r\n distanceButton.addEventListener('click', (event) => {\r\n event.stopPropagation();\r\n distanceMeasurement();\r\n });\r\n let areaButton = document.createElement('div');\r\n areaButton.setAttribute('id', 'areaButton');\r\n areaButton.className =\r\n 'esri-widget--button esri-widget esri-icon-measure-area esri-component';\r\n areaButton.addEventListener('click', (event) => {\r\n event.stopPropagation();\r\n areaMeasurement();\r\n });\r\n let bufferButton = document.createElement('div');\r\n bufferButton.setAttribute('id', 'bufferButton');\r\n bufferButton.className =\r\n 'esri-widget--button esri-widget esri-icon-review esri-component';\r\n bufferButton.addEventListener('click', (event) => {\r\n event.stopPropagation();\r\n bufferTool();\r\n });\r\n\r\n function distanceMeasurement() {\r\n\r\n measurement.clear();\r\n\r\n closeVisiblePopup();\r\n closeExpanderWidgets();\r\n\r\n if (!distanceButton.classList.contains('active')) {\r\n _distanceMeasureWidget.open();\r\n } else {\r\n _distanceMeasureWidget.close();\r\n }\r\n }\r\n\r\n function areaMeasurement() {\r\n\r\n measurement.clear();\r\n\r\n closeVisiblePopup();\r\n closeExpanderWidgets();\r\n\r\n if (!areaButton.classList.contains('active')) {\r\n _areaMeasureWidget.open();\r\n } else {\r\n _areaMeasureWidget.close();\r\n }\r\n }\r\n\r\n function bufferTool() {\r\n return new Promise((resolve) => {\r\n if (activeWidget?.buttonId !== 'bufferButton' && !detectSupportedDevice()) {\r\n document.getElementById('pao-parcel-export-method-block').removeAttribute('open');\r\n document.getElementById('pao-parcel-export-method-block').setAttribute('collapsible', '');\r\n\r\n let subtext = paoDetails.support.isMobileDevice\r\n ? 'Pinch to zoom'\r\n : '';\r\n PaoInfo.showAlert({\r\n title:\r\n 'The Buffer tool works best on window sizes 1024 x 768 or larger',\r\n message: subtext,\r\n scale: 's',\r\n placement: 'bottom',\r\n auto_close: true,\r\n auto_close_speed: PaoAlertAutoDismissSpeed.Fast,\r\n });\r\n }\r\n\r\n if (activeWidget?.buttonId !== 'bufferButton' && paoDetails.gis.displayPage === 'fullaerial') {\r\n _bufferWidget.open();\r\n resolve(true);\r\n } else if (activeWidget?.buttonId !== 'bufferButton' && paoDetails.gis.displayPage === 'details') {\r\n _bufferWidget.open();\r\n goFullscreen().then(() => {\r\n\r\n if (!searchWidget?.visible)\r\n toggleSearchWidget({ show: true });\r\n\r\n doGotoBufferParcel();\r\n\r\n resolve(true);\r\n });\r\n } else if (activeWidget?.buttonId === 'bufferButton') {\r\n _bufferWidget.close();\r\n resolve(true);\r\n }\r\n }).catch((error) => { doLogException('bufferTool', error); });\r\n }\r\n\r\n function closeLastActiveWidget() {\r\n\r\n closeExpanderWidgets();\r\n\r\n let id = activeWidget?.buttonId;\r\n if (id?.length > 0) {\r\n if (activeWidget?.state === 'active') {\r\n switch (id) {\r\n case 'bufferButton':\r\n _bufferWidget.close();\r\n break;\r\n case 'distanceButton':\r\n _distanceMeasureWidget.close();\r\n break;\r\n case 'areaButton':\r\n _areaMeasureWidget.close();\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n function resetActiveWidgetObject() {\r\n activeWidget = {\r\n buttonId: '',\r\n containerId: '',\r\n state: '',\r\n worksMinimized: false,\r\n showTitleBar: false,\r\n };\r\n }\r\n\r\n function getTaxParcelTypes() {\r\n return new Promise((resolve) => {\r\n let queryObject = new Query({\r\n outSpatialReference: view.spatialReference,\r\n returnGeometry: false,\r\n returnIdsOnly: false,\r\n returnCountOnly: false,\r\n returnZ: false,\r\n returnM: false,\r\n returnDistinctValues: true,\r\n returnExtentOnly: false,\r\n orderByFields: ['TAXPARCELTYPE'],\r\n outFields: ['TAXPARCELTYPE'],\r\n where: '1=1', \r\n });\r\n query\r\n .executeQueryJSON(parcelSearchUrl, queryObject)\r\n .then((result) => {\r\n resolve(result);\r\n })\r\n ['catch']((error) => {\r\n doLogException('getTaxParcelTypes', error);\r\n });\r\n });\r\n }\r\n\r\n const getConveyanceTypesFromGIS = async (conveyanceType, url) => {\r\n return new Promise((resolve) => {\r\n const maxRecordCount = 2000;\r\n let queryObject = new Query({\r\n returnGeometry: false,\r\n returnIdsOnly: true,\r\n returnDistinctValues: true,\r\n outSpatialReference: view.spatialReference,\r\n outFields: ['OBJECTID'],\r\n where: `CONVEYANCETYPE='${conveyanceType}'`,\r\n });\r\n query\r\n .executeForCount(url, queryObject)\r\n .then((queryRecordCount) => {\r\n if (queryRecordCount) {\r\n const pageCount = Math.ceil(queryRecordCount / maxRecordCount);\r\n let resultPages = [];\r\n for (let i = 0; i < pageCount; i++) {\r\n resultPages.push(i * maxRecordCount);\r\n }\r\n return Promise.all(\r\n resultPages.map((resultPageStart) => {\r\n queryObject = new Query({\r\n returnGeometry: false,\r\n orderByFields: ['NAME'],\r\n outFields: ['OBJECTID', 'CONVEYANCEDESIGNATOR', 'NAME'],\r\n returnDistinctValues: true,\r\n outSpatialReference: view.spatialReference,\r\n where: `CONVEYANCETYPE='${conveyanceType}'`,\r\n });\r\n queryObject.start = resultPageStart;\r\n queryObject.num = maxRecordCount;\r\n return query.executeQueryJSON(url, queryObject);\r\n })\r\n );\r\n } else {\r\n console.log('No records to query');\r\n return Promise.resolve([new FeatureSet()]);\r\n }\r\n })\r\n .then(function (featureSets) {\r\n stepProgressBar();\r\n\r\n let returnFeatureSet = featureSets.shift();\r\n featureSets.forEach(function (featureSet) {\r\n Array.prototype.push.apply(\r\n returnFeatureSet.features,\r\n featureSet.features\r\n );\r\n });\r\n resolve(returnFeatureSet);\r\n });\r\n })['catch']((error) => {\r\n doLogException('getConveyanceTypesFromGIS', error);\r\n });\r\n };\r\n\r\n function queryChosenSelectionMethod(\r\n chosenSelectionMethod,\r\n chosenMethodValue,\r\n bufferSize\r\n ) {\r\n let p1 = new Promise((resolve) => {\r\n switch (chosenSelectionMethod) {\r\n case ChosenSelectionMethodOptions.Condominium:\r\n break;\r\n case ChosenSelectionMethodOptions.Cooperative:\r\n break;\r\n case ChosenSelectionMethodOptions.ParcelId:\r\n resolve(searchParcel(chosenMethodValue));\r\n break;\r\n case ChosenSelectionMethodOptions.Sketch:\r\n break;\r\n case ChosenSelectionMethodOptions.Subdivision:\r\n break;\r\n }\r\n });\r\n\r\n p1.then((result) => {\r\n const e = new Event('calciteSliderInput');\r\n let el = document.getElementById('pao-buffer-slider');\r\n el.value = bufferSize;\r\n el.dispatchEvent(e);\r\n });\r\n p1.catch((result) => { doLogException('queryChosenSelectionMethod', error); });\r\n }\r\n\r\n function searchConveyanceFeatures(event, conveyanceType, url) {\r\n return new Promise((resolve) => {\r\n if (event.target.value != null) {\r\n if (event?.target?.value?.length > 0) {\r\n chosenMethodValue = event.target.value.toString();\r\n\r\n setChosenComboBoxAttributes(event.target);\r\n\r\n let label = getChosenSelectionMethodName(false);\r\n document.getElementById('pao-component-container').setAttribute('heading', `${label} selected`);\r\n\r\n document.getElementById(`pao-${conveyanceType}-cbo`).setAttribute('disabled', '');\r\n\r\n let el = document.getElementById(`pao-${conveyanceType.toLowerCase()}-list`);\r\n if (el) {\r\n el.setAttribute('disabled', '');\r\n el.style.height = '36px';\r\n }\r\n\r\n activeDataAccordionItem = `accd-${chosenMethodValue}`;\r\n\r\n let queryObject = new Query({\r\n geometryType: 'point',\r\n units: unitType,\r\n distance: 0,\r\n outSpatialReference: view.spatialReference,\r\n returnGeometry: true,\r\n outFields: ['*'],\r\n where: `CONVEYANCEDESIGNATOR='${chosenMethodValue}'`,\r\n });\r\n subjectParSubdivision = `PAR_SUBDIVISION='${chosenMethodValue}'`;\r\n\r\n getQueriedParidsInSubjectProperty(subjectParSubdivision)\r\n .then((result) => {\r\n queried_parids_in_subject_property = result;\r\n\r\n query\r\n .executeQueryJSON(url, queryObject) \r\n .then(addGraphicModeSketchGeometry) \r\n .then(() => {\r\n return getSubjectParidsFromGeometry(subjectParSubdivision)\r\n })\r\n .then(parcelQueryBuffer)\r\n .then(showTaxParcelTypesList)\r\n .then(showBufferSlider)\r\n .then(buildAccordionContainer)\r\n .then(getChosenBufferUnitTypeAbbrv)\r\n .then(applyConveyanceRule)\r\n .then(() => {\r\n doCursor('auto');\r\n resolve(true);\r\n })\r\n ['catch'](promiseRejected);\r\n\r\n });\r\n }\r\n }\r\n }).catch((error) => {\r\n doLogException('searchConveyanceFeatures', error);\r\n resolve(false);\r\n });\r\n }\r\n\r\n const setChosenComboBoxAttributes = (elem) => {\r\n let items = elem.querySelectorAll('calcite-combobox-item');\r\n items.forEach((p) => {\r\n if (p.selected) {\r\n chosenMethodTextLabel = p.textLabel;\r\n let selected_component = document.getElementById('pao-component-container');\r\n if (selected_component) {\r\n selected_component.removeAttribute('open');\r\n selected_component.setAttribute('description', chosenMethodTextLabel);\r\n }\r\n }\r\n return;\r\n });\r\n };\r\n\r\n function searchParcel(parid) {\r\n return new Promise((resolve) => {\r\n chosenMethodValue = parid;\r\n activeDataAccordionItem = `accd-${chosenMethodValue}`;\r\n let lockBufferSize = Object.keys(dgData)?.length > 0;\r\n let queryObject = new Query({\r\n returnGeometry: true,\r\n geometryType: 'point',\r\n units: unitType,\r\n distance: lockBufferSize ? bufferSize : 0,\r\n outSpatialReference: view.spatialReference,\r\n outFields: [\r\n 'PARID',\r\n 'PAR_MAIL_LABEL1',\r\n 'PAR_MAIL_LABEL2',\r\n 'PAR_MAIL_LABEL3',\r\n 'PAR_MAIL_LABEL4',\r\n 'PAR_MAIL_LABEL5',\r\n 'PAR_MAIL_LABEL6',\r\n 'TAXPARCELTYPE'\r\n ],\r\n orderByFields: ['PARID'],\r\n where: `PARID='${chosenMethodValue}'`,\r\n });\r\n query.executeForCount(parcelSearchUrl, queryObject).then(\r\n (count) => {\r\n if (count > 0) {\r\n query\r\n .executeQueryJSON(parcelSearchUrl, queryObject)\r\n .then(addGraphicModeSketchGeometry) \r\n .then(setConveyanceSubjectData)\r\n .then(parcelQueryBuffer)\r\n .then(showTaxParcelTypesList)\r\n .then(showBufferSlider)\r\n .then(buildAccordionContainer)\r\n .then(getChosenBufferUnitTypeAbbrv)\r\n .then(applyConveyanceRule)\r\n .then(() => {\r\n doCursor('auto');\r\n resolve(true);\r\n })\r\n ['catch'](promiseRejected);\r\n } else {\r\n labelErrorMessage(\r\n 'pao-parcel-search-notfound',\r\n `${chosenMethodValue} was not found.`,\r\n 5000\r\n );\r\n }\r\n },\r\n (error) => {\r\n doLogException('searchParcel->executeForCount', error);\r\n }\r\n );\r\n }).catch((error) => { doLogException('searchParcel', error); });\r\n }\r\n\r\n\r\n\r\n const setZoomConstraints = () => {\r\n try {\r\n let zm = 0;\r\n switch (chosenSelectionMethod) {\r\n case ChosenSelectionMethodOptions.Condominium:\r\n case ChosenSelectionMethodOptions.Cooperative:\r\n case ChosenSelectionMethodOptions.Subdivision:\r\n zm = paoDetails.gis.zoomLevelConveyanceType;\r\n break;\r\n case ChosenSelectionMethodOptions.ParcelId:\r\n zm = paoDetails.gis.zoomLevelParcelId;\r\n break;\r\n case ChosenSelectionMethodOptions.Sketch:\r\n zm = paoDetails.gis.zoomLevelSketch;\r\n break;\r\n default:\r\n zm = paoDetails.gis.zoomLevelDefault;\r\n }\r\n zoomConstraints(zm);\r\n } catch (error) {\r\n doLogException('setZoomConstraints', error);\r\n }\r\n };\r\n\r\n function determineResetActionState() {\r\n try {\r\n let active = false;\r\n\r\n\r\n let el = document.getElementById('pao-taxparceltypes-list');\r\n if (el) active = true;\r\n\r\n let el2 = document.getElementById('pao-maplayer-cbo');\r\n if (el2) active = true;\r\n\r\n } catch (error) {\r\n doLogException('determineResetActionState', error);\r\n }\r\n }\r\n\r\n function closeVisiblePopup() {\r\n if (view?.popup?.visible) view.popup.close();\r\n }\r\n\r\n function initMeasureWidget(measureType, defaultUnit) {\r\n switch (measureType) {\r\n case 'area':\r\n measurement.areaUnit = defaultUnit;\r\n break;\r\n case 'distance':\r\n measurement.linearUnit = 'feet';\r\n break;\r\n }\r\n measurement.activeTool = measureType;\r\n measurement.startMeasurement();\r\n watchMeasure(measurement);\r\n }\r\n\r\n async function resetBufferFiltersItem(id) {\r\n return await new Promise((resolve) => {\r\n try {\r\n resetBufferSlider({ hideBufferSlider: false });\r\n updateTablePageInfoHeader(null);\r\n bufferLayer.removeAll();\r\n view.graphics.removeAll();\r\n } catch (error) {\r\n doLogException('resetBufferFiltersItem', error);\r\n }\r\n resolve(true);\r\n }).catch((error) => { doLogException('resetBufferFiltersItem', error); });\r\n }\r\n\r\n async function resetBufferFiltersAll() {\r\n return await new Promise((resolve) => {\r\n try {\r\n bufferWasReset = true;\r\n\r\n activeDataAccordionItem = '';\r\n resetStateLength = 19;\r\n chosenSelectionMethod = ChosenSelectionMethodOptions.None;\r\n resetStateLength = 18;\r\n closeVisiblePopup();\r\n resetStateLength = 17;\r\n setupDataTableFlag = false;\r\n resetStateLength = 16;\r\n clearGeometry();\r\n resetStateLength = 15;\r\n let table = $('#pao-table-buffer').DataTable();\r\n table.clear();\r\n resetStateLength = 14;\r\n resetSubjectParcelLabel();\r\n resetStateLength = 13;\r\n resetBufferSlider({ hideBufferSlider: true });\r\n resetStateLength = 12;\r\n hideTaxParcelTypesList();\r\n resetStateLength = 11;\r\n hideComponentContainer();\r\n resetStateLength = 10;\r\n document.getElementById('pao-parcel-export-method-block').setAttribute('open', '');\r\n resetStateLength = 9;\r\n resetBufferUnit();\r\n resetStateLength = 8;\r\n dgData = [];\r\n resetStateLength = 7;\r\n accordionIdList = [];\r\n resetStateLength = 6;\r\n let accordion_item = document.getElementById(activeDataAccordionItem);\r\n if (accordion_item) accordion_item.description = ` `; \r\n resetStateLength = 5;\r\n let el2 = document.getElementById('pao-parcel-search-block');\r\n if (el2) el2.remove();\r\n resetStateLength = 4;\r\n resetStateLength = 3;\r\n let pickListItems = document.querySelectorAll(\r\n '#pao-taxparceltypes-list > calcite-pick-list-item'\r\n );\r\n if (pickListItems) {\r\n pickListItems.forEach((item) => (item.selected = true));\r\n }\r\n resetStateLength = 2;\r\n let el4 = document.getElementById('pao-parcel-export-method');\r\n if (el4) {\r\n Object.keys(el4.children).forEach((key) => {\r\n if (\r\n el4.children[key].nodeName.toLowerCase() === 'calcite-pick-list-group') {\r\n Object.keys(el4.children[key].children).forEach((key2) => {\r\n try {\r\n el4.children[key].children[key2].selected = false;\r\n } catch (error) {\r\n doLogException('resetBufferFiltersAll->calcite-pick-list-group', error);\r\n }\r\n });\r\n }\r\n });\r\n }\r\n resetStateLength = 1;\r\n let el5 = document.getElementById('pao-accordion-data-panel');\r\n if (el5) el5.remove();\r\n\r\n resetStateLength = 0;\r\n\r\n resolve(true);\r\n } catch (error) {\r\n doLogException('resetBufferFiltersAll', error);\r\n }\r\n }).catch((error) => { doLogException('resetBufferFiltersAll', error); });\r\n }\r\n\r\n const resetBufferFilters = async (resetId) => {\r\n try {\r\n bufferedData = {\r\n cols: [],\r\n rows: [],\r\n };\r\n subjectParcels = {\r\n cols: [],\r\n rows: [],\r\n };\r\n resetTaxParcelTypesBlock();\r\n disableEnableExportToolContainer(false);\r\n disableViewConstraintZoom();\r\n\r\n distanceConstraintSet = false;\r\n\r\n waitingForResults = false;\r\n\r\n let el = document.getElementById('pao-parcel-export-method-block');\r\n if (el) {\r\n el.removeAttribute('disabled')\r\n el.removeAttribute('collapsible');\r\n }\r\n\r\n el = document.getElementById('pao-measurements-widget');\r\n if (el) {\r\n el.classList.add('d-none');\r\n el.innerHTML = '';\r\n }\r\n\r\n document.getElementById('pao-component-container').description = ' ';\r\n\r\n taxParcelTypesSelectedString = taxParcelTypesDefaultString;\r\n\r\n subjectParSubdivision = '';\r\n includeSubjectParcelsOn = true;\r\n\r\n\r\n switch (resetId) {\r\n case 0: \r\n await resetBufferFiltersAll();\r\n break;\r\n default:\r\n await resetBufferFiltersItem(resetId);\r\n break;\r\n }\r\n\r\n determineResetActionState();\r\n\r\n } catch (error) {\r\n doLogException('resetBufferFilters', error);\r\n }\r\n };\r\n\r\n function destroyBufferTool() {\r\n document.getElementById('pao-parcel-export-method-block').parentElement.remove();\r\n }\r\n\r\n function buildBufferExportTool() {\r\n return new Promise((resolve) => {\r\n let block = document.createElement('calcite-block');\r\n block.setAttribute('id', 'pao-parcel-export-method-block');\r\n block.setAttribute('heading', 'Choose a selection method');\r\n block.setAttribute('open', '');\r\n\r\n let slot = document.createElement('calcite-icon');\r\n slot.setAttribute('scale', 's');\r\n slot.setAttribute('slot', 'icon');\r\n slot.setAttribute('icon', 'magnifying-glass');\r\n block.appendChild(slot);\r\n\r\n let list = document.createElement('calcite-list');\r\n\r\n let item = null;\r\n let action = null;\r\n let pick = null;\r\n\r\n pick = document.createElement('calcite-pick-list');\r\n pick.setAttribute('id', 'pao-parcel-export-method');\r\n pick.addEventListener('calciteListChange', (event) => {\r\n if (resetStateLength === 0) generateRenderer(event);\r\n });\r\n\r\n\r\n let group1 = document.createElement('calcite-pick-list-group');\r\n group1.setAttribute('group-title', 'Use a map layer');\r\n\r\n item = document.createElement('calcite-pick-list-item');\r\n item.setAttribute('id', 'pao-by-parid');\r\n item.setAttribute('label', 'By Parcel Id');\r\n item.setAttribute('value', 'pao-by-parid');\r\n\r\n action = document.createElement('calcite-action');\r\n action.setAttribute('slot', 'actions-start');\r\n action.setAttribute('text', 'By Parcel Id');\r\n action.setAttribute('compact', '');\r\n action.innerHTML = '';\r\n action.setAttribute('appearance', 'transparent');\r\n action.addEventListener('click', (event) => {\r\n showInstructionModal('pao-by-parid');\r\n });\r\n let tooltip = document.createElement('calcite-tooltip');\r\n tooltip.setAttribute('reference-element', 'pao-by-parid');\r\n tooltip.setAttribute('overlay-positioning', 'fixed');\r\n tooltip.setAttribute('placement', 'left-start');\r\n tooltip.setAttribute('offset-distance', '-120');\r\n tooltip.setAttribute('label', 'Click icon on left for instructions on how to use the Parcel Id map layer.');\r\n tooltip.innerHTML = 'Click icon on left for instructions on how to use the By Parcel Id map layer.';\r\n tooltip.style.width = '260px';\r\n action.appendChild(tooltip);\r\n item.appendChild(action);\r\n group1.appendChild(item);\r\n\r\n item = document.createElement('calcite-pick-list-item');\r\n item.setAttribute('id', 'pao-by-condo');\r\n item.setAttribute('label', 'Condominium');\r\n item.setAttribute('value', 'pao-by-condo');\r\n\r\n action = document.createElement('calcite-action');\r\n action.setAttribute('slot', 'actions-start');\r\n action.setAttribute('text', 'Condominium');\r\n action.setAttribute('compact', '');\r\n action.innerHTML = '';\r\n action.setAttribute('appearance', 'transparent');\r\n action.addEventListener('click', (event) => {\r\n showInstructionModal('pao-by-condo');\r\n });\r\n tooltip = document.createElement('calcite-tooltip');\r\n tooltip.setAttribute('reference-element', 'pao-by-condo');\r\n tooltip.setAttribute('overlay-positioning', 'fixed');\r\n tooltip.setAttribute('placement', 'left-start');\r\n tooltip.setAttribute('offset-distance', '-120');\r\n tooltip.setAttribute('label', 'Click icon on left for instructions on how to use the Condominium map layer.');\r\n tooltip.innerHTML = 'Click icon on left for instructions on how to use the Condominium map layer.';\r\n tooltip.style.width = '260px';\r\n action.appendChild(tooltip);\r\n item.appendChild(action);\r\n group1.appendChild(item);\r\n\r\n item = document.createElement('calcite-pick-list-item');\r\n item.setAttribute('id', 'pao-by-coop');\r\n item.setAttribute('label', 'Cooperative');\r\n item.setAttribute('value', 'pao-by-coop');\r\n\r\n action = document.createElement('calcite-action');\r\n action.setAttribute('slot', 'actions-start');\r\n action.setAttribute('text', 'Cooperative');\r\n action.setAttribute('compact', '');\r\n action.innerHTML = '';\r\n action.setAttribute('appearance', 'transparent');\r\n action.addEventListener('click', (event) => {\r\n showInstructionModal('pao-by-coop');\r\n });\r\n tooltip = document.createElement('calcite-tooltip');\r\n tooltip.setAttribute('reference-element', 'pao-by-coop');\r\n tooltip.setAttribute('overlay-positioning', 'fixed');\r\n tooltip.setAttribute('placement', 'left-start');\r\n tooltip.setAttribute('offset-distance', '-120');\r\n tooltip.setAttribute('label', 'Click icon on left for instructions on how to use the Cooperative map layer.');\r\n tooltip.innerHTML = 'Click icon on left for instructions on how to use the Cooperative map layer.';\r\n tooltip.style.width = '260px';\r\n action.appendChild(tooltip);\r\n item.appendChild(action);\r\n group1.appendChild(item);\r\n\r\n item = document.createElement('calcite-pick-list-item');\r\n item.setAttribute('id', 'pao-by-subdv');\r\n item.setAttribute('label', 'Subdivision');\r\n item.setAttribute('value', 'pao-by-subdv');\r\n\r\n action = document.createElement('calcite-action');\r\n action.setAttribute('slot', 'actions-start');\r\n action.setAttribute('text', 'Subdivision');\r\n action.setAttribute('compact', '');\r\n action.innerHTML = '';\r\n action.setAttribute('appearance', 'transparent');\r\n action.addEventListener('click', (event) => {\r\n showInstructionModal('pao-by-subdv');\r\n });\r\n tooltip = document.createElement('calcite-tooltip');\r\n tooltip.setAttribute('reference-element', 'pao-by-subdv');\r\n tooltip.setAttribute('overlay-positioning', 'fixed');\r\n tooltip.setAttribute('placement', 'left-start');\r\n tooltip.setAttribute('offset-distance', '-120');\r\n tooltip.setAttribute('label', 'Click icon on left for instructions on how to use the Subdivision map layer.');\r\n tooltip.innerHTML = 'Click icon on left for instructions on how to use the Subdivision map layer.';\r\n tooltip.style.width = '260px';\r\n action.appendChild(tooltip);\r\n item.appendChild(action);\r\n group1.appendChild(item);\r\n\r\n pick.appendChild(group1);\r\n\r\n let group2 = document.createElement('calcite-pick-list-group');\r\n group2.setAttribute('group-title', `${SKETCH_GROUP2_TITLE} ${SKETCH_GROUP2_TITLE_NOTIFY}`);\r\n\r\n item = document.createElement('calcite-pick-list-item');\r\n item.setAttribute('id', 'pao-point');\r\n item.setAttribute('label', 'Parcel By Point');\r\n item.setAttribute('value', 'point');\r\n item.setAttribute('disabled', '');\r\n\r\n action = document.createElement('calcite-action');\r\n action.setAttribute('slot', 'actions-start');\r\n action.setAttribute('text', 'Parcel By Point');\r\n action.setAttribute('compact', '');\r\n action.innerHTML = ``;\r\n action.setAttribute('appearance', 'transparent');\r\n action.addEventListener('click', (event) => {\r\n showInstructionModal('pao-point');\r\n });\r\n tooltip = document.createElement('calcite-tooltip');\r\n tooltip.setAttribute('reference-element', 'pao-point');\r\n tooltip.setAttribute('overlay-positioning', 'fixed');\r\n tooltip.setAttribute('placement', 'left-start');\r\n tooltip.setAttribute('offset-distance', '-120');\r\n tooltip.setAttribute('label', 'Click icon on left for instructions on how to use the Parcel By Point sketch tool.');\r\n tooltip.innerHTML = 'Click icon on left for instructions on how to use the Parcel By Point sketch tool.';\r\n tooltip.style.width = '260px';\r\n action.appendChild(tooltip);\r\n item.appendChild(action);\r\n group2.appendChild(item);\r\n\r\n item = document.createElement('calcite-pick-list-item');\r\n item.setAttribute('id', 'pao-polygon');\r\n item.setAttribute('label', 'Parcels By Polygon');\r\n item.setAttribute('value', 'polygon');\r\n item.setAttribute('disabled', '');\r\n\r\n action = document.createElement('calcite-action');\r\n action.setAttribute('slot', 'actions-start');\r\n action.setAttribute('text', 'Parcels By Polygon');\r\n action.setAttribute('compact', '');\r\n action.innerHTML = ``;\r\n action.setAttribute('appearance', 'transparent');\r\n action.addEventListener('click', (event) => {\r\n showInstructionModal('pao-polygon');\r\n });\r\n tooltip = document.createElement('calcite-tooltip');\r\n tooltip.setAttribute('reference-element', 'pao-polygon');\r\n tooltip.setAttribute('overlay-positioning', 'fixed');\r\n tooltip.setAttribute('placement', 'left-start');\r\n tooltip.setAttribute('offset-distance', '-120');\r\n tooltip.setAttribute('label', 'Click icon on left for instructions on how to use the Parcel By Polygon sketch tool.');\r\n tooltip.innerHTML = 'Click icon on left for instructions on how to use the Parcel By Polygon sketch tool.';\r\n tooltip.style.width = '260px';\r\n action.appendChild(tooltip);\r\n item.appendChild(action);\r\n group2.appendChild(item);\r\n\r\n item = document.createElement('calcite-pick-list-item');\r\n item.setAttribute('id', 'pao-rectangle');\r\n item.setAttribute('label', 'Parcels By Rectangle');\r\n item.setAttribute('value', 'rectangle');\r\n item.setAttribute('disabled', '');\r\n\r\n action = document.createElement('calcite-action');\r\n action.setAttribute('id', 'pao-action-rectangle');\r\n action.setAttribute('slot', 'actions-start');\r\n action.setAttribute('text', 'Parcels By Rectangle');\r\n action.setAttribute('compact', '');\r\n action.innerHTML = ``;\r\n action.setAttribute('appearance', 'transparent');\r\n action.addEventListener('click', (event) => {\r\n showInstructionModal('pao-rectangle');\r\n });\r\n tooltip = document.createElement('calcite-tooltip');\r\n tooltip.setAttribute('reference-element', 'pao-rectangle');\r\n tooltip.setAttribute('overlay-positioning', 'fixed');\r\n tooltip.setAttribute('placement', 'left-start');\r\n tooltip.setAttribute('offset-distance', '-120');\r\n tooltip.setAttribute('label', 'Click icon on left for instructions on how to use the Parcel By Rectangle sketch tool.');\r\n tooltip.innerHTML = 'Click icon on left for instructions on how to use the Parcel By Rectangle sketch tool.';\r\n tooltip.style.width = '260px';\r\n action.appendChild(tooltip);\r\n item.appendChild(action);\r\n group2.appendChild(item);\r\n\r\n pick.appendChild(group2);\r\n\r\n\r\n list.appendChild(pick);\r\n block.appendChild(list);\r\n\r\n let container = document.createElement('div');\r\n container.setAttribute('id', 'pao-buffer-container');\r\n container.setAttribute('hidden', '');\r\n\r\n let instructions = document.createElement('calcite-block');\r\n instructions.setAttribute('id', 'pao-instruction-block');\r\n instructions.setAttribute('heading', `${containerInstructions(0)}`);\r\n instructions.style.backgroundColor = 'rgba(214, 246, 239, 0.5)';\r\n instructions.style.textAlign = 'left';\r\n\r\n container.appendChild(instructions);\r\n container.appendChild(block);\r\n if (primaryPanel) primaryPanel.appendChild(container);\r\n\r\n resolve(true);\r\n }).catch((error) => { doLogException('buildBufferExportTool', error); });\r\n }\r\n\r\n function disableBufferExportTool(updating, interacting, zoom) {\r\n if (!modalActive && chosenSelectionMethod === ChosenSelectionMethodOptions.None) {\r\n zoomIsFar = 15 > zoom;\r\n let parent = document.querySelector('calcite-pick-list-group:nth-child(2)');\r\n if (parent) {\r\n let children = parent.querySelectorAll('calcite-pick-list-item');\r\n if (children) {\r\n for (const [key, value] of Object.entries(children)) {\r\n switch (value?.id) {\r\n case 'pao-point':\r\n case 'pao-polygon':\r\n case 'pao-rectangle':\r\n zoomIsFar = paoDetails.gis.zoomLevelSketch > zoom;\r\n if (zoomIsFar) value.setAttribute('disabled', '');\r\n if (!zoomIsFar) value.removeAttribute('disabled');\r\n parent.groupTitle = SKETCH_GROUP2_TITLE;\r\n if (zoomIsFar) {\r\n parent.groupTitle = `${SKETCH_GROUP2_TITLE} ${SKETCH_GROUP2_TITLE_NOTIFY}`;\r\n document.querySelector('.pao-icon-point').classList.add('pao-icon-disabled');\r\n document.querySelector('.pao-icon-polygon').classList.add('pao-icon-disabled');\r\n document.querySelector('.pao-icon-rectangle').classList.add('pao-icon-disabled');\r\n } else {\r\n document.querySelector('.pao-icon-point').classList.remove('pao-icon-disabled');\r\n document.querySelector('.pao-icon-polygon').classList.remove('pao-icon-disabled');\r\n document.querySelector('.pao-icon-rectangle').classList.remove('pao-icon-disabled');\r\n }\r\n break;\r\n }\r\n if (updating) value.setAttribute('disabled', '');\r\n if (!updating && !zoomIsFar) value.removeAttribute('disabled');\r\n }\r\n }\r\n }\r\n let pb = document.getElementById('pao-parcel-export-method-block');\r\n if (pb) {\r\n if (updating && interacting && !pb.hasAttribute('disabled'))\r\n pb.setAttribute('disabled', '');\r\n\r\n if (!updating && !interacting && pb.hasAttribute('disabled')) {\r\n setTimeout((chosenSelectionMethod) => {\r\n if (chosenSelectionMethod === ChosenSelectionMethodOptions.None) {\r\n pb.removeAttribute('disabled');\r\n }\r\n }, 125, chosenSelectionMethod)\r\n }\r\n }\r\n return;\r\n }\r\n disableEnableTaxParcelTypesBlock(updating); \r\n disableEnableSubjectParcelGroupState(updating); \r\n }\r\n\r\n function disableEnableExportToolContainer(disabled) {\r\n let el = document.getElementById('pao-parcel-export-method-block');\r\n if (el)\r\n if (disabled && !el.hasAttribute('disabled')) {\r\n el.setAttribute('disabled', '');\r\n } else {\r\n el.removeAttribute('disabled');\r\n }\r\n }\r\n\r\n function disableEnableParcelInputGoButton(disabled) {\r\n let btn = document.getElementById('pao-parcel-search-go');\r\n if (btn) {\r\n let input = document.getElementById('pao-parcel-search-input');\r\n if (disabled && !btn.hasAttribute('disabled')) {\r\n btn.setAttribute('disabled', '');\r\n input.setAttribute('disabled', '');\r\n }\r\n if (!disabled && btn.hasAttribute('disabled')) {\r\n setTimeout(() => {\r\n btn.removeAttribute('disabled');\r\n input.removeAttribute('disabled');\r\n }, 125);\r\n }\r\n }\r\n }\r\n\r\n function disableEnableTaxParcelTypesBlock(disabled) {\r\n let tb = document.getElementById('pao-taxparceltypes-block');\r\n if (tb) {\r\n if (disabled && !tb.hasAttribute('disabled'))\r\n tb.setAttribute('disabled', '');\r\n if (disabled && tb.hasAttribute('disabled')) {\r\n setTimeout(() => {\r\n tb.removeAttribute('disabled');\r\n }, 125);\r\n }\r\n }\r\n }\r\n\r\n function disableEnableSlider(disabled) {\r\n let el = document.getElementById('pao-buffer-slider');\r\n if (el) {\r\n if (!disabled) {\r\n if (el.hasAttribute('disabled')) {\r\n setTimeout(() => {\r\n el.removeAttribute('disabled');\r\n }, 125);\r\n }\r\n } else if (!el.hasAttribute('disabled')) {\r\n el.setAttribute('disabled', '');\r\n }\r\n }\r\n }\r\n\r\n function disableEnableSubjectParcelGroupState(disabled) {\r\n let el = document.getElementById('pao-subject-parcel-group');\r\n if (el) {\r\n if (!disabled) {\r\n if (el.hasAttribute('disabled'))\r\n el.removeAttribute('disabled');\r\n } else {\r\n el.setAttribute('disabled', '');\r\n }\r\n }\r\n }\r\n\r\n const shellAllowInteractions = async (allow) => {\r\n try {\r\n let buffer_controls = getBufferControlItemsByMethod();\r\n for (let item of buffer_controls) {\r\n await toggleControlDisabled(item, allow);\r\n }\r\n } catch (error) {\r\n doLogException('shellAllowInteractions', error);\r\n }\r\n };\r\n\r\n const toggleControlDisabled = async (item, allow) => {\r\n let el = document.getElementById(item);\r\n if (el) allow ? el.removeAttribute('disabled') : el.setAttribute('disabled', '');\r\n }\r\n\r\n function buildBufferFooter() {\r\n return new Promise((resolve) => {\r\n let footer = document.createElement('calcite-block');\r\n footer.setAttribute('id', 'pao-footer-block');\r\n footer.setAttribute('heading', ''); \r\n footer.setAttribute('heading-level', '6');\r\n footer.setAttribute('scale', 's');\r\n footer.setAttribute('hidden', '');\r\n footer.style.backgroundColor = 'rgba(214, 246, 239, 0.5)';\r\n footer.style.textAlign = 'left';\r\n footer.style.borderTopStyle = 'solid';\r\n footer.style.borderTopColor = 'rgb(233, 233, 233)';\r\n footer.style.borderBlockStartWidth = '1px';\r\n\r\n if (primaryPanel) primaryPanel.appendChild(footer);\r\n resolve(true);\r\n }).catch((error) => {\r\n doLogException('buildBufferFooter', error);\r\n });\r\n }\r\n\r\n function buildComponentContainer() {\r\n let block = document.createElement('calcite-block');\r\n block.setAttribute('id', 'pao-component-container');\r\n block.setAttribute('heading-level', '4');\r\n block.setAttribute('intl-expand', 'Expand');\r\n block.setAttribute('intl-collapse', 'Collapse');\r\n block.setAttribute('hidden', '');\r\n\r\n let flx = document.createElement('div');\r\n\r\n let progress = document.createElement('div');\r\n progress.setAttribute('class', 'progress progress-label d-none');\r\n progress.setAttribute('id', 'progress-cbo');\r\n progress.style.height = '4px';\r\n progress.style.marginBottom = '2px';\r\n progress.style.marginLeft = '3px';\r\n\r\n let progressbar = document.createElement('progress-bar');\r\n progressbar.setAttribute('class', 'progress-bar');\r\n progressbar.setAttribute('role', 'progressbar');\r\n progressbar.setAttribute('data-progress', '0');\r\n progressbar.setAttribute('aria-valuenow', '0');\r\n progressbar.setAttribute('aria-valuemin', '0');\r\n progressbar.setAttribute('aria-valuemax', '100');\r\n progressbar.style.width = '0%';\r\n\r\n progress.appendChild(progressbar);\r\n flx.appendChild(progress);\r\n\r\n block.appendChild(flx);\r\n\r\n let slot = document.createElement('calcite-icon');\r\n slot.setAttribute('id', 'pao-component-container-icon');\r\n slot.setAttribute('scale', 's');\r\n slot.setAttribute('slot', 'icon');\r\n slot.setAttribute('icon', 'form-dropdown');\r\n block.appendChild(slot);\r\n\r\n document.getElementById('pao-buffer-container').appendChild(block);\r\n }\r\n\r\n function buildTaxParcelTypesComponent() {\r\n return new Promise((resolve) => {\r\n getTaxParcelTypes()\r\n .then((result) => {\r\n let block = document.createElement('calcite-block');\r\n let id = 'pao-taxparceltypes-block';\r\n block.setAttribute('id', id);\r\n block.setAttribute('heading', 'Filter by tax parcel type');\r\n block.setAttribute('collapsible', '');\r\n block.setAttribute('hidden', '');\r\n block.setAttribute('description', 'Click to open'); \r\n block.addEventListener('calciteBlockToggle', (event) => {\r\n setBlockDescription(\r\n event.target.id,\r\n event.target?.open,\r\n 'Click to open'\r\n );\r\n let info_el = document.getElementById(`${event.target.id}-info`)\r\n if (!event.target?.open) {\r\n if (info_el) {\r\n info_el.remove();\r\n }\r\n } else {\r\n if (!info_el) {\r\n info_el = buildInfoIconForBlock(event.target.id);\r\n document.getElementById(event.target.id).appendChild(info_el);\r\n }\r\n }\r\n });\r\n\r\n let slot = document.createElement('calcite-icon');\r\n slot.setAttribute('scale', 's');\r\n slot.setAttribute('slot', 'icon');\r\n slot.setAttribute('icon', 'filter');\r\n block.appendChild(slot);\r\n\r\n let list = document.createElement('calcite-list');\r\n\r\n let taxparcelTypes = document.createElement('calcite-pick-list');\r\n taxparcelTypes.setAttribute('id', 'pao-taxparceltypes-list');\r\n taxparcelTypes.setAttribute('multiple', '');\r\n taxparcelTypes.setAttribute('selection-appearance', 'icon');\r\n taxparcelTypes.setAttribute('scale', 's');\r\n taxparcelTypes.setAttribute('heading-level', '1');\r\n\r\n taxparcelTypes.addEventListener('calciteListChange', (event) => {\r\n if (!bufferWasReset) handleTaxParcelTypesChange(event);\r\n });\r\n\r\n Object.keys(result.features).forEach((key) => {\r\n let tp = result.features[key].attributes['TAXPARCELTYPE'];\r\n let item = document.createElement('calcite-pick-list-item');\r\n item.setAttribute('overlay-positioning', 'absolute');\r\n item.setAttribute('selected', '');\r\n item.setAttribute('label', tp);\r\n item.setAttribute('value', tp);\r\n\r\n let action = document.createElement('calcite-action');\r\n action.setAttribute(\r\n 'id',\r\n `${tp.replace(/ /g, '-').toLowerCase() + '-action'}`\r\n );\r\n action.setAttribute('slot', 'actions-start');\r\n action.setAttribute('appearance', 'transparent');\r\n\r\n let span = document.createElement('span');\r\n span.style.width = '16px';\r\n span.innerHTML = ' '; \r\n action.appendChild(span);\r\n item.appendChild(action);\r\n\r\n taxparcelTypes.appendChild(item);\r\n list.appendChild(taxparcelTypes);\r\n });\r\n\r\n if (taxParcelTypesDefaultString === '') {\r\n let taxParcelTypesArray = [];\r\n let children = Array.from(list.children[0].children);\r\n children.forEach((item) => {\r\n taxParcelTypesArray.push(item.value);\r\n });\r\n\r\n let ramp = {\r\n [0]: { rgb: '63,0,125' },\r\n [1]: { rgb: '251,154,153' },\r\n [2]: { rgb: '153,52,4' },\r\n [3]: { rgb: '31,120,180' },\r\n [4]: { rgb: '26,26,26' },\r\n [5]: { rgb: '227,26,28' },\r\n [6]: { rgb: '10,247,199' },\r\n [7]: { rgb: '166,206,227' },\r\n [8]: { rgb: '202,178,214' },\r\n [9]: { rgb: '106,61,154' },\r\n [10]: { rgb: '255,255,153' },\r\n [11]: { rgb: '177,89,40' },\r\n [12]: { rgb: '231,225,239' },\r\n [13]: { rgb: '201,148,199' },\r\n [14]: { rgb: '221,28,119' },\r\n [15]: { rgb: '241,238,246' },\r\n };\r\n\r\n if (taxParcelTypesArray?.length > 0) {\r\n let s = taxParcelTypesArray.map((v) => `'${v}'`);\r\n taxParcelTypesDefaultString = s.join(',');\r\n taxParcelTypesSelectedString = taxParcelTypesDefaultString;\r\n taxParcelTypeColors = taxParcelTypesArray.reduce(\r\n (acc, cur, idx) => {\r\n if (idx > Object.keys(ramp).length) idx--;\r\n let obj = {};\r\n obj[cur] = `rgba(${ramp[idx].rgb},0.4)`;\r\n acc.push(obj);\r\n return acc;\r\n },\r\n []\r\n );\r\n }\r\n\r\n children.forEach((item) => {\r\n item.childNodes.forEach((ch) => {\r\n if (ch.nodeName.toLowerCase() === 'calcite-action') {\r\n let id = `${item.value.replace(/ /g, '-').toLowerCase() + '-action'\r\n }`;\r\n if (ch.id === id) {\r\n ch.childNodes.forEach((n) => {\r\n if (n.nodeName === 'SPAN') {\r\n let rgb = taxParcelTypeColors.filter((obj) => {\r\n if (obj)\r\n if (Object.keys(obj)[0] === item.value)\r\n return obj[item.value];\r\n });\r\n if (rgb && rgb.length > 0)\r\n n.style.backgroundColor = rgb[0][item.value];\r\n n.style.borderRadius = '50%';\r\n }\r\n });\r\n }\r\n }\r\n });\r\n });\r\n }\r\n block.appendChild(list);\r\n let panel = document.getElementById('pao-buffer-container');\r\n if (panel) panel.appendChild(block);\r\n\r\n removeButtonOutline('pao-taxparceltypes-block');\r\n\r\n resolve(true);\r\n })\r\n .catch((error) => { doLogException('buildTaxParcelTypesComponent->getTaxParcelTypes', error); });\r\n });\r\n }\r\n\r\n function buildSubjectParcelOptions() {\r\n return new Promise((resolve) => {\r\n let block = document.createElement('calcite-block');\r\n block.setAttribute('id', 'pao-subject-parcel-option-block');\r\n\r\n let label = document.createElement('calcite-label');\r\n label.setAttribute('id', 'pao-subject-parcel-label');\r\n label.style.fontWeight = 'bolder';\r\n\r\n let rg = document.createElement('calcite-segmented-control');\r\n rg.setAttribute('id', 'pao-subject-parcel-group');\r\n rg.setAttribute('width', 'full');\r\n rg.setAttribute('disabled', '');\r\n rg.setAttribute('scale', 'm');\r\n rg.style.marginTop = '2px';\r\n rg.addEventListener('calciteSegmentedControlChange', (event) => {\r\n subjectParcelsRadioGroupChanged(event);\r\n });\r\n\r\n let item = document.createElement('calcite-segmented-control-item');\r\n item.setAttribute('value', 'include');\r\n item.setAttribute('icon', 'check-circle');\r\n item.setAttribute('checked', '');\r\n item.innerHTML = 'Include';\r\n rg.appendChild(item);\r\n\r\n item = document.createElement('calcite-segmented-control-item');\r\n item.setAttribute('value', 'exclude');\r\n item.setAttribute('icon', 'circle');\r\n item.innerHTML = 'Exclude';\r\n rg.appendChild(item);\r\n\r\n block.appendChild(label);\r\n block.appendChild(rg);\r\n\r\n let panel = document.getElementById('pao-buffer-slider-block');\r\n if (panel) panel.appendChild(block);\r\n\r\n resolve(true);\r\n }).catch((error) => { doLogException('buildSubjectParcelOptions', error); });\r\n }\r\n\r\n function buildBufferUnitsOption() {\r\n return new Promise((resolve) => {\r\n let opt = document.createElement('calcite-dropdown');\r\n opt.setAttribute('id', 'pao-buffer-unit');\r\n opt.setAttribute('overlay-positioning', 'fixed');\r\n opt.setAttribute('placement', 'bottom-start');\r\n opt.setAttribute('type', 'click');\r\n opt.setAttribute('scale', 'm');\r\n opt.style.whiteSpace = 'nowrap';\r\n opt.addEventListener('calciteDropdownSelect', getBufferUnitType);\r\n\r\n let btn = document.createElement('calcite-button');\r\n btn.setAttribute('slot', 'trigger');\r\n btn.setAttribute('id', 'pao-buffer-unit-button');\r\n btn.setAttribute('scale', 'm');\r\n btn.setAttribute('icon-end', 'chevron-down');\r\n opt.appendChild(btn);\r\n\r\n let grp = document.createElement('calcite-dropdown-group');\r\n grp.setAttribute('id', 'pao-buffer-unit-group1');\r\n grp.setAttribute('selection-mode', 'single');\r\n\r\n let opt_item = document.createElement('calcite-dropdown-item');\r\n opt_item.setAttribute('id', 'pao-unit-feet');\r\n opt_item.setAttribute('selected', '');\r\n opt_item.setAttribute('data-unit-abrv', 'ft');\r\n opt_item.innerHTML = 'Feet';\r\n grp.appendChild(opt_item);\r\n unitType = 'feet'; \r\n\r\n\r\n opt_item = document.createElement('calcite-dropdown-item');\r\n opt_item.setAttribute('id', 'pao-unit-meters');\r\n opt_item.setAttribute('data-unit-abrv', 'm');\r\n opt_item.innerHTML = 'Meters';\r\n grp.appendChild(opt_item);\r\n\r\n opt_item = document.createElement('calcite-dropdown-item');\r\n opt_item.setAttribute('id', 'pao-unit-miles');\r\n opt_item.setAttribute('data-unit-abrv', 'mi');\r\n opt_item.innerHTML = 'Miles';\r\n grp.appendChild(opt_item);\r\n\r\n opt_item = document.createElement('calcite-dropdown-item');\r\n opt_item.setAttribute('id', 'pao-unit-kilometers');\r\n opt_item.setAttribute('data-unit-abrv', 'km');\r\n opt_item.innerHTML = 'Kilometers';\r\n grp.appendChild(opt_item);\r\n\r\n opt.appendChild(grp);\r\n resolve(opt);\r\n }).catch((error) => { doLogException('buildBufferUnitsOption', error); });\r\n }\r\n\r\n function buildInfoIconForBlock(id) {\r\n let action = document.createElement('calcite-action');\r\n action.setAttribute('text', 'Information');\r\n action.setAttribute('icon', 'information');\r\n action.addEventListener('click', (event) => {\r\n showInstructionModal(`${id}-info`);\r\n });\r\n let slot = document.createElement('div');\r\n slot.setAttribute('id', `${id}-info`);\r\n slot.setAttribute('scale', 'm');\r\n slot.setAttribute('slot', 'control');\r\n slot.appendChild(action);\r\n return slot;\r\n }\r\n\r\n function buildBufferSliderComponent() {\r\n return new Promise((resolve) => {\r\n let block = document.createElement('calcite-block');\r\n let id = 'pao-buffer-slider-block';\r\n block.setAttribute('id', id);\r\n block.setAttribute('collapsible', '');\r\n block.setAttribute('heading', `Buffer Distance`);\r\n block.setAttribute('hidden', '');\r\n block.addEventListener('calciteBlockToggle', (event) => {\r\n sliderBlockStateKeepClosed = event.target?.open === false;\r\n setBlockDescription(\r\n event.target.id,\r\n event.target?.open,\r\n 'Click to open'\r\n );\r\n let info_el = document.getElementById(`${event.target.id}-info`)\r\n if (!event.target?.open) {\r\n if (info_el) {\r\n info_el.remove();\r\n }\r\n } else {\r\n if (!info_el) {\r\n info_el = buildInfoIconForBlock(event.target.id);\r\n document.getElementById(event.target.id).appendChild(info_el);\r\n }\r\n }\r\n });\r\n let slot = document.createElement('calcite-icon');\r\n slot.setAttribute('scale', 's');\r\n slot.setAttribute('slot', 'icon');\r\n slot.setAttribute('icon', 'measure');\r\n block.appendChild(slot);\r\n\r\n let info = buildInfoIconForBlock(id);\r\n block.appendChild(info);\r\n\r\n let panel = document.getElementById('pao-buffer-container');\r\n if (panel) {\r\n panel.appendChild(block);\r\n buildBufferUnitsOption()\r\n .then((results) => {\r\n let p = document.getElementById('pao-buffer-slider-block');\r\n if (p) p.appendChild(results);\r\n return true;\r\n })\r\n .then(buildSubjectParcelOptions)\r\n .then(buildBufferSliderScale);\r\n }\r\n removeButtonOutline('pao-buffer-slider-block');\r\n resolve(true);\r\n }).catch((error) => { doLogException('buildBufferSliderComponent', error); });\r\n }\r\n\r\n function buildBufferSliderScale() {\r\n return new Promise((resolve) => {\r\n let obj = new PaoSliderScale(unitType);\r\n createBufferSlider(...obj.scale()); \r\n resolve(true);\r\n }).catch((error) => { doLogException('buildBufferSliderScale', error); });\r\n }\r\n\r\n async function sliderComponentTemplate(obj) {\r\n try {\r\n let slider = document.createElement('calcite-slider');\r\n slider.setAttribute('id', 'pao-buffer-slider');\r\n\r\n if (obj.labelHandles) slider.setAttribute('label-handles', '');\r\n if (obj.labelTicks) slider.setAttribute('label-ticks', '');\r\n\r\n slider.setAttribute('max', obj.max);\r\n slider.setAttribute('min-label', obj.minLabel);\r\n slider.setAttribute('page-step', obj.pageStep);\r\n slider.setAttribute('step', obj.step);\r\n slider.setAttribute('ticks', obj.ticks);\r\n slider.setAttribute('value', obj.value);\r\n slider.setAttribute('scale', 'm');\r\n slider.setAttribute('snap', '');\r\n\r\n if (slider.getAttribute('listener') !== 'true') {\r\n slider.setAttribute('listener', 'true');\r\n slider.addEventListener('calciteSliderInput', bufferValueChanged);\r\n }\r\n return slider;\r\n } catch (error) {\r\n return console.error('sliderComponentTemplate: ' + error);\r\n }\r\n }\r\n\r\n async function changeBufferSliderValues(obj) {\r\n try {\r\n let list = document.getElementById('pao-buffer-slider-list');\r\n if (list) {\r\n let new_list = document.createElement('calcite-list');\r\n new_list.setAttribute('id', 'pao-buffer-slider-list');\r\n new_list.className = 'd-none';\r\n let slider = await sliderComponentTemplate(obj);\r\n new_list.appendChild(slider);\r\n let panel = document.getElementById('pao-buffer-slider-block');\r\n if (panel) {\r\n list.remove();\r\n new_list.classList.remove('d-none');\r\n panel.appendChild(new_list);\r\n }\r\n }\r\n } catch (error) {\r\n doLogException('changeBufferSliderValues', error);\r\n }\r\n }\r\n\r\n async function createBufferSlider(obj) {\r\n try {\r\n let list = document.createElement('calcite-list');\r\n list.setAttribute('id', 'pao-buffer-slider-list');\r\n let slider = await sliderComponentTemplate(obj);\r\n list.appendChild(slider);\r\n let panel = document.getElementById('pao-buffer-slider-block');\r\n if (panel) panel.appendChild(list);\r\n } catch (error) {\r\n doLogException('createBufferSlider', error);\r\n }\r\n }\r\n\r\n function buildConveyanceComponent(block, conveyanceTypeGIS, conveyanceTypeCBO, url) {\r\n return new Promise((resolve, reject) => {\r\n getConveyanceTypesFromGIS(conveyanceTypeGIS, url)\r\n .then((result) => {\r\n stepProgressBar();\r\n fillComboBoxFromResult(block, result, conveyanceTypeCBO, url);\r\n return true;\r\n })\r\n .then(() => {\r\n resolve(true);\r\n })\r\n .catch((error) => {\r\n toggleProgressBarVisibility(1);\r\n doLogException(\r\n 'buildConveyanceComponent->getConveyanceTypesFromGIS',\r\n error\r\n );\r\n reject(error);\r\n });\r\n }).catch((error) => { doLogException('buildConveyanceComponent', error); });\r\n }\r\n\r\n const fillComboBoxFromResult = (block, result, comboBoxFor, url) => {\r\n return new Promise((resolve) => {\r\n\r\n let list = document.createElement('calcite-list');\r\n list.setAttribute('id', `pao-${comboBoxFor}-list`);\r\n list.style.height = '170px'; \r\n\r\n let cbo = document.createElement('calcite-combobox');\r\n cbo.setAttribute('id', `pao-${comboBoxFor}-cbo`);\r\n cbo.setAttribute('open', '');\r\n cbo.setAttribute('selection-mode', 'single');\r\n cbo.setAttribute('overlay-positioning', 'absolute');\r\n cbo.setAttribute('visible', '');\r\n cbo.setAttribute('max-items', '6'); \r\n cbo.setAttribute('scale', 's'); \r\n cbo.setAttribute('placeholder', `Search ${comboBoxFor}`);\r\n cbo.addEventListener('calciteComboboxChange', (event) =>\r\n searchConveyanceFeatures(event, comboBoxFor, url)\r\n );\r\n\r\n cbo.addEventListener('click', (event) => {\r\n event.target.open = true;\r\n });\r\n\r\n Object.keys(result.features).forEach((key) => {\r\n let item = document.createElement('calcite-combobox-item');\r\n item.value = result.features[key].attributes['CONVEYANCEDESIGNATOR'];\r\n let name = result.features[key].attributes['NAME'];\r\n\r\n item.setAttribute('text-label', name);\r\n cbo.appendChild(item);\r\n });\r\n\r\n list.appendChild(cbo);\r\n block.appendChild(list);\r\n\r\n cbo.setFocus();\r\n\r\n let selected_component = document.getElementById('pao-component-container');\r\n\r\n if (selected_component)\r\n selected_component.description = `${selectedComponentCountLabel(\r\n result?.features?.length.toLocaleString('en-US')\r\n )} ${getChosenSelectionMethodName(result?.features?.length > 1)}`;\r\n\r\n resolve(true);\r\n\r\n }).catch((error) => { doLogException('fillComboBoxFromResult', error); });\r\n };\r\n\r\n function selectedComponentCountLabel(total) {\r\n return ` ${total}`;\r\n }\r\n\r\n function labelErrorMessage(element, msg, duration) {\r\n let el = document.getElementById(element);\r\n if (el) {\r\n el.innerHTML = msg;\r\n el.classList.add('shake');\r\n setTimeout(() => {\r\n el.innerHTML = '';\r\n el.classList.remove('shake');\r\n }, duration);\r\n }\r\n }\r\n\r\n const logKey = (event) => {\r\n let e = event;\r\n if (\r\n $.inArray(e.keyCode, [46, 8]) !== -1 ||\r\n ((e.keyCode == 65 ||\r\n e.keyCode == 86 ||\r\n e.keyCode == 67 ||\r\n e.keyCode == 88) &&\r\n (e.ctrlKey === true || e.metaKey === true)) ||\r\n (e.keyCode >= 35 && e.keyCode <= 40)\r\n ) {\r\n return;\r\n } else {\r\n if (\r\n (e.ctrlKey === false || e.metaKey === false) &&\r\n e.keyCode !== 17 &&\r\n e.keyCode !== 13 &&\r\n (e.shiftKey || e.keyCode < 48 || e.keyCode > 57) &&\r\n (e.keyCode < 96 || e.keyCode > 105)\r\n ) {\r\n if (e.cancelable) e.preventDefault();\r\n labelErrorMessage(\r\n 'pao-parcel-search-notfound',\r\n 'Numbers only.',\r\n 3000\r\n );\r\n }\r\n if (e.key === 'Enter')\r\n document.getElementById('pao-parcel-search-go').click();\r\n }\r\n };\r\n\r\n const getSubmittedParcel = ({ target }) => {\r\n try {\r\n if (Object.keys(dgData)?.length >= MAX_DATAGRID_ITEMS)\r\n return notifyExceededMaxItems();\r\n\r\n let i = document.getElementById('pao-parcel-search-input');\r\n if (i && i?.value) {\r\n let n = i.value.trim();\r\n if (n?.length > 10) {\r\n labelErrorMessage(\r\n 'pao-parcel-search-notfound',\r\n 'Maximum 10 characters reached.',\r\n 5000\r\n );\r\n return false;\r\n }\r\n }\r\n\r\n\r\n activeAccordionId = ''; \r\n let parid = document.getElementById('pao-parcel-search-input');\r\n if (!(parid?.value.length > 0)) return;\r\n let val = parid.value.trim();\r\n parid.value = '';\r\n global_parid = val;\r\n paoDetails.context.parid = paoDetails.context.datums.parid = val;\r\n searchParcel(val);\r\n\r\n } catch (error) {\r\n doLogException('getSubmittedParcel', error);\r\n }\r\n };\r\n\r\n const logKeyPaste = (event) => {\r\n window.setTimeout(() => {\r\n let characters = event.target.value;\r\n window.setTimeout(() => {\r\n if (!(/^\\d+$/.test(characters))) {\r\n event.target.value = event.target.value.replace(/\\D/g, '');\r\n labelErrorMessage(\r\n 'pao-parcel-search-notfound',\r\n 'Numbers only.',\r\n 3000\r\n );\r\n }\r\n });\r\n });\r\n };\r\n\r\n function buildParcelComponent(block) {\r\n return new Promise((resolve) => {\r\n let div = document.createElement('div');\r\n div.setAttribute('id', 'pao-parcel-search-block');\r\n\r\n let label = document.createElement('calcite-label');\r\n label.innerHTML = 'Search by Parcel ID (Numbers only)';\r\n label.style.marginBottom = '0';\r\n\r\n let input = document.createElement('calcite-input');\r\n input.setAttribute('id', 'pao-parcel-search-input');\r\n input.setAttribute('icon', 'search');\r\n input.setAttribute('placeholder', 'Enter a Parcel Id');\r\n input.setAttribute('clearable', '');\r\n\r\n\r\n input.setAttribute('maxLength', '10');\r\n input.setAttribute('value', '');\r\n\r\n input.addEventListener('keydown', logKey);\r\n input.addEventListener('paste', logKeyPaste);\r\n\r\n let button = document.createElement('calcite-button');\r\n button.setAttribute('id', 'pao-parcel-search-go');\r\n button.setAttribute('slot', 'action');\r\n button.innerHTML = 'GO';\r\n button.addEventListener('click', getSubmittedParcel);\r\n\r\n input.appendChild(button);\r\n label.appendChild(input);\r\n\r\n div.appendChild(label);\r\n\r\n let span = document.createElement('span');\r\n span.setAttribute('id', 'pao-parcel-search-notfound');\r\n span.setAttribute('class', 'pao-parcel-search-notfound');\r\n div.appendChild(span);\r\n\r\n block.appendChild(div);\r\n block.setAttribute('open', '');\r\n\r\n resolve(true);\r\n })\r\n .then(determineResetActionState)\r\n .catch((error) => {\r\n doLogException('buildParcelComponent', error);\r\n });\r\n }\r\n\r\n function buildComponentResetButton(block) {\r\n\r\n let manager = document.createElement('div');\r\n manager.setAttribute('id', 'pao-control-reset-manager');\r\n manager.setAttribute('slot', 'control');\r\n\r\n let action = document.createElement('calcite-action');\r\n action.setAttribute('id', 'pao-control-reset');\r\n action.setAttribute('icon', 'trash'); \r\n action.addEventListener('click', () => {\r\n resetBufferFilters(0);\r\n });\r\n manager.appendChild(action);\r\n\r\n let tooltip = document.createElement('calcite-tooltip');\r\n tooltip.setAttribute('reference-element', 'pao-control-reset');\r\n tooltip.setAttribute('overlay-positioning', 'absolute');\r\n tooltip.setAttribute('placement', 'auto');\r\n tooltip.setAttribute('label', 'Reset to defaults');\r\n tooltip.innerHTML = 'Reset to defaults';\r\n manager.appendChild(tooltip);\r\n\r\n block.appendChild(manager);\r\n }\r\n\r\n const geometryButtonsClickHandler = (geometryType) => {\r\n geometryType = geometryType.replace('pao-', '')\r\n parcelQueryBuffer();\r\n sketchViewModel.create(geometryType, { mode: 'click' });\r\n view.map.add(sketchLayer);\r\n };\r\n\r\n const showTaxParcelTypesList = async () => {\r\n return new Promise((resolve) => {\r\n let el = document.getElementById('pao-taxparceltypes-block');\r\n if (el) {\r\n el.hidden = false;\r\n }\r\n resolve(true);\r\n }).catch((error) => {\r\n doLogException('showTaxParcelTypesList', error);\r\n resolve(false);\r\n });\r\n };\r\n\r\n const hideTaxParcelTypesList = () => {\r\n document\r\n .getElementById('pao-taxparceltypes-block')\r\n .setAttribute('hidden', '');\r\n };\r\n\r\n const showComponentContainer = async () => {\r\n let el = document.getElementById('pao-component-container');\r\n if (el) el.removeAttribute('hidden');\r\n };\r\n\r\n const hideComponentContainer = async () => {\r\n try {\r\n let el = document.getElementById('pao-component-container');\r\n if (el) {\r\n el.setAttribute('hidden', '');\r\n if (el.hasChildNodes()) {\r\n let node = el.querySelector(`#pao-${chosenConveyanceType}-list`);\r\n node?.remove();\r\n }\r\n }\r\n } catch (error) {\r\n doLogException('hideComponentContainer', error);\r\n }\r\n };\r\n\r\n const showParcelSubjectOptions = () => {\r\n let el = document.getElementById('pao-subject-parcel-option-block');\r\n if (el) {\r\n el.removeAttribute('hidden');\r\n el.setAttribute('open', '');\r\n }\r\n };\r\n\r\n const updateSubjectParcelLabel = (obj = null) => {\r\n try {\r\n let i = subjectParcels?.rows?.length;\r\n disableEnableSubjectParcelGroupState(!(i > 0)); \r\n\r\n let label = 'No subject parcels found.';\r\n if (!obj)\r\n obj = document.querySelectorAll('#pao-subject-parcel-group>calcite-segmented-control-item[checked]')[0];\r\n\r\n let p = i > 1 ? 's' : '';\r\n label = `${obj.innerHTML} ${subjectParcels?.rows?.length} subject parcel${p}.`;\r\n document.getElementById('pao-subject-parcel-label').innerHTML = label;\r\n } catch (error) {\r\n doLogException('updateSubjectParcelLabel', error);\r\n }\r\n };\r\n\r\n const getChosenBufferUnitTypeAbbrv = () => {\r\n return new Promise((resolve) => {\r\n let g = document.getElementById('pao-buffer-unit-group1');\r\n if (g) {\r\n getBufferUnitAbbreviation(g)\r\n .then((result) => {\r\n resolve(result);\r\n })\r\n }\r\n }).catch((error) => {\r\n doLogException('getChosenBufferUnitTypeAbbrv', error);\r\n resolve(false);\r\n });\r\n };\r\n\r\n async function getBufferUnitType(event) {\r\n try {\r\n updateBufferSliderButtonLabel();\r\n let id = document.getElementById('pao-buffer-unit');\r\n if (id) {\r\n let _unitLabel = event.target.selectedItems[0].innerHTML;\r\n dgData[activeDataAccordionItem].unitTypeAbbrv = event.target.selectedItems[0].attributes['data-unit-abrv'].value;\r\n await updateAccordionItemDescription();\r\n let oldVal = unitType;\r\n unitType = _unitLabel.toLowerCase();\r\n updateSliderScaleUnits(_unitLabel, oldVal);\r\n }\r\n } catch (error) {\r\n doLogException('getBufferUnitType', error);\r\n }\r\n }\r\n\r\n const getBufferUnitAbbreviation = (el) => {\r\n return new Promise((resolve) => {\r\n let tmp = '';\r\n let items = el.querySelectorAll('calcite-dropdown-item');\r\n let i = Array.from(items).findIndex(x => x.selected);\r\n if (i > -1)\r\n tmp = el.querySelectorAll('calcite-dropdown-item')[i].attributes['data-unit-abrv'].value;\r\n\r\n resolve(tmp);\r\n\r\n }).catch((error) => {\r\n doLogException('getBufferUnitAbbreviation', error);\r\n resolve(false);\r\n });\r\n };\r\n\r\n function updateSliderScaleUnits(_unitType, oldType) {\r\n let slider = document.getElementById('pao-buffer-slider');\r\n if (slider) {\r\n let obj = new PaoSliderScale(_unitType);\r\n changeBufferSliderValues(...obj.scale());\r\n bufferSize = obj.convert(_unitType, oldType, bufferSize);\r\n bufferSize = fixedBufferSizeScale(bufferSize);\r\n let el = document.getElementById('pao-buffer-slider');\r\n el.value = bufferSize;\r\n }\r\n }\r\n\r\n async function resetBufferUnit() {\r\n try {\r\n let oldVal = unitType;\r\n\r\n document.querySelector('#pao-buffer-unit').remove();\r\n let results = await buildBufferUnitsOption();\r\n let p = document.getElementById('pao-buffer-slider-block');\r\n if (p) p.insertBefore(results, p.firstChild);\r\n\r\n updateSliderScaleUnits(unitType, oldVal);\r\n } catch (error) {\r\n doLogException('resetBufferUnit', error);\r\n }\r\n }\r\n\r\n function fixedBufferSizeScale(value) {\r\n if (value === Math.floor(value)) {\r\n } else {\r\n return parseFloat((Math.floor(value * 100) / 100).toFixed(2));\r\n }\r\n return value;\r\n }\r\n\r\n function generateRenderer() {\r\n let p1 = new Promise((resolve) => {\r\n event.target\r\n .getSelectedItems()\r\n .then((elements) => {\r\n if (elements.size > 0) {\r\n const iterator1 = elements.values();\r\n userSelectedMethod = iterator1.next().value;\r\n\r\n let id = userSelectedMethod.id;\r\n\r\n bufferWasReset = false;\r\n\r\n document.getElementById('pao-parcel-export-method-block').setAttribute('disabled', '');\r\n\r\n document.getElementById('pao-parcel-export-method-block').setAttribute('collapsible', '');\r\n\r\n let block = document.getElementById('pao-component-container');\r\n\r\n switch (id) {\r\n case 'pao-point':\r\n case 'pao-polygon':\r\n case 'pao-rectangle':\r\n chosenSelectionMethod = ChosenSelectionMethodOptions.Sketch;\r\n block.description = 'Click your subject parcel on map.';\r\n break;\r\n case 'pao-by-parid':\r\n chosenSelectionMethod = ChosenSelectionMethodOptions.ParcelId;\r\n block.description = ' ';\r\n distanceConstraintSet = false; \r\n break;\r\n case 'pao-by-condo':\r\n chosenSelectionMethod = ChosenSelectionMethodOptions.Condominium;\r\n break;\r\n case 'pao-by-coop':\r\n chosenSelectionMethod = ChosenSelectionMethodOptions.Cooperative;\r\n break;\r\n case 'pao-by-subdv':\r\n chosenSelectionMethod = ChosenSelectionMethodOptions.Subdivision;\r\n break;\r\n }\r\n\r\n if (chosenSelectionMethod !== ChosenSelectionMethodOptions.None) {\r\n\r\n block.setAttribute('heading', `${userSelectedMethod.label} selected`);\r\n\r\n let reset = document.getElementById('pao-control-reset-manager');\r\n if (!reset) buildComponentResetButton(block);\r\n\r\n chosenMethodTextLabel = userSelectedMethod.label;\r\n\r\n let conveyanceTypeGIS = '';\r\n let url = '';\r\n let content_title = '';\r\n let content_text = '';\r\n let notice_text = '';\r\n disableViewConstraintZoom();\r\n\r\n switch (id) {\r\n case 'pao-point':\r\n case 'pao-polygon':\r\n case 'pao-rectangle':\r\n chosenMethodValue = `${id.toLowerCase()}`; \r\n activeDataAccordionItem = `pao-accordion-item-${id.toLowerCase()}`;\r\n geometryButtonsClickHandler(id.replace('pao-', ''));\r\n break;\r\n }\r\n\r\n switch (id) {\r\n case 'pao-by-condo':\r\n chosenSelectionMethod =\r\n ChosenSelectionMethodOptions.Condominium;\r\n conveyanceTypeGIS = 'Condominium';\r\n chosenConveyanceType = ConveyanceTypes.Condominiums;\r\n url = condominiumsUrl;\r\n break;\r\n case 'pao-by-coop':\r\n chosenSelectionMethod =\r\n ChosenSelectionMethodOptions.Cooperative;\r\n conveyanceTypeGIS = 'Cooperative';\r\n chosenConveyanceType = ConveyanceTypes.Cooperatives;\r\n url = cooperativesUrl;\r\n break;\r\n case 'pao-by-subdv':\r\n chosenSelectionMethod =\r\n ChosenSelectionMethodOptions.Subdivision;\r\n conveyanceTypeGIS = 'Subdivision';\r\n chosenConveyanceType = ConveyanceTypes.Subdivisions;\r\n url = subdivisionsUrl;\r\n break;\r\n case 'pao-by-parid':\r\n chosenSelectionMethod = ChosenSelectionMethodOptions.ParcelId;\r\n buildParcelComponent(block);\r\n break;\r\n }\r\n\r\n switch (id) {\r\n case 'pao-by-condo':\r\n case 'pao-by-coop':\r\n case 'pao-by-subdv':\r\n currentProgressBar = 'progress-cbo';\r\n totalProgressSteps = 7;\r\n toggleProgressBarVisibility(1);\r\n stepProgressBar();\r\n block.setAttribute('open', '');\r\n buildConveyanceComponent(\r\n block,\r\n conveyanceTypeGIS,\r\n chosenConveyanceType,\r\n url\r\n )\r\n .then(() => {\r\n resolve(true);\r\n })\r\n .catch((error) => {\r\n doLogException('buildConveyanceComponent->renderToolEvent', error);\r\n stepProgressBar(true);\r\n });\r\n break;\r\n default:\r\n resolve(true);\r\n }\r\n\r\n }\r\n }\r\n });\r\n });\r\n\r\n p1.then((result) => {\r\n if (!setupDataTableFlag) setupDataTable();\r\n document.getElementById('pao-parcel-export-method-block').removeAttribute('open');\r\n showComponentContainer();\r\n determineResetActionState();\r\n stepProgressBar(true);\r\n });\r\n p1.catch((result) => {\r\n doLogException('renderToolEvent', error);\r\n });\r\n }\r\n\r\n\r\n const zoomConstraints = (zoom) => {\r\n view.constraints.minZoom = zoom; \r\n }\r\n\r\n const enableViewConstraintZoom = () => {\r\n view.constraints.minScale = view.scale;\r\n view.constraints.minZoom = view.zoom; \r\n view.constraints.maxZoom = view.zoom; \r\n view.ui.components = [\"attribution\"] \r\n }\r\n const disableViewConstraintZoom = () => {\r\n view.constraints = {};\r\n view.ui.components = [\"attribution\", \"zoom\"]\r\n zoomIsFar = false;\r\n }\r\n\r\n const gotoZoom = async (zoom) => {\r\n return new Promise((resolve) => {\r\n\r\n view.goTo({\r\n target: view.extent,\r\n zoom: zoom\r\n }, animationOptions)\r\n .then(() => {\r\n resolve(true);\r\n });\r\n\r\n }).catch((error) => {\r\n doLogException('gotoZoom', error);\r\n resolve(false);\r\n });\r\n };\r\n\r\n const closeModal = () => {\r\n modalActive = false;\r\n document.querySelector('[id=pao-modal]')?.remove();\r\n };\r\n\r\n const getChosenMethodTextLabel = (value) => {\r\n switch (chosenSelectionMethod) {\r\n case ChosenSelectionMethodOptions.ParcelId:\r\n return `Parcel ${value}`;\r\n case ChosenSelectionMethodOptions.Condominium:\r\n case ChosenSelectionMethodOptions.Cooperative:\r\n case ChosenSelectionMethodOptions.Sketch:\r\n case ChosenSelectionMethodOptions.Subdivision:\r\n return chosenMethodTextLabel;\r\n default:\r\n return '';\r\n }\r\n };\r\n\r\n const confirmDeleteModal = (id) => {\r\n if (id != null) {\r\n id = id.replace('trash-', '');\r\n\r\n let subject = getChosenSelectionMethodName();\r\n\r\n if (chosenSelectionMethod === ChosenSelectionMethodOptions.ParcelId)\r\n subject = id.replace('accd-', '');\r\n\r\n let label = getChosenMethodTextLabel(subject);\r\n\r\n let modal = document.createElement('calcite-modal');\r\n modal.setAttribute('aria-labelledby', 'modal-title');\r\n modal.setAttribute('id', 'pao-modal');\r\n modal.setAttribute('width', 's');\r\n modal.setAttribute('open', '');\r\n\r\n let slot = document.createElement('div');\r\n slot.setAttribute('slot', 'header');\r\n slot.setAttribute('id', 'modal-title');\r\n slot.innerHTML = `Delete Buffer Data`;\r\n modal.appendChild(slot);\r\n\r\n let content_slot = document.createElement('div');\r\n content_slot.setAttribute('slot', 'content');\r\n content_slot.style.color = 'var(--calcite-ui-text-1)';\r\n content_slot.innerHTML = `Are you sure you want to delete ${label} results?`;\r\n\r\n let img = document.createElement('img');\r\n img.setAttribute('src', '');\r\n img.style.border = '0';\r\n img.style.width = '40';\r\n img.style.height = '40';\r\n content_slot.appendChild(img);\r\n modal.appendChild(content_slot);\r\n\r\n let button = document.createElement('calcite-button');\r\n button.setAttribute('slot', 'secondary');\r\n button.setAttribute('width', 'full');\r\n button.innerHTML = 'Cancel';\r\n button.addEventListener('click', closeModal);\r\n modal.appendChild(button);\r\n\r\n button = document.createElement('calcite-button');\r\n button.setAttribute('slot', 'primary');\r\n button.setAttribute('width', 'full');\r\n button.innerHTML = 'Ok';\r\n button.addEventListener(\r\n 'click',\r\n () => {\r\n deleteAccordionItem(id);\r\n },\r\n false\r\n );\r\n modal.appendChild(button);\r\n\r\n let shell = document.getElementById('pao-shell');\r\n if (shell) shell.appendChild(modal);\r\n }\r\n };\r\n\r\n\r\n const showInstructionModal = async (id) => {\r\n try {\r\n closeModal();\r\n modalActive = true;\r\n\r\n await shellAllowInteractions(false);\r\n\r\n let content = await user_instructions_content(id);\r\n\r\n let modal = document.createElement('calcite-modal');\r\n modal.setAttribute('aria-labelledby', 'modal-title');\r\n modal.setAttribute('id', 'pao-modal');\r\n modal.setAttribute('focus-trap-disabled', '');\r\n modal.setAttribute('width', 'm');\r\n modal.setAttribute('open', '');\r\n modal.addEventListener(\r\n 'calciteModalClose',\r\n async () => {\r\n closeModal();\r\n await shellAllowInteractions(true);\r\n },\r\n false\r\n );\r\n\r\n let slot = document.createElement('div');\r\n slot.setAttribute('slot', 'header');\r\n slot.setAttribute('id', 'modal-title');\r\n slot.innerHTML = content.title;\r\n modal.appendChild(slot);\r\n\r\n let content_slot = document.createElement('div');\r\n content_slot.setAttribute('slot', 'content');\r\n content_slot.style.color = 'rgb(21, 21, 21)';\r\n content_slot.innerHTML = content.text;\r\n\r\n let notice = document.createElement('calcite-notice');\r\n notice.setAttribute('open', '');\r\n notice.setAttribute('width', 'full');\r\n\r\n let link = document.createElement('calcite-link');\r\n link.setAttribute('icon-end', 'launch');\r\n link.setAttribute('rel', 'help');\r\n link.setAttribute('target', '_blank');\r\n link.setAttribute('href', content.href);\r\n link.innerHTML = `${content.linkText}.`;\r\n\r\n slot = document.createElement('div');\r\n slot.setAttribute('slot', 'message');\r\n slot.innerHTML = `Step-by-step 2-minute tutorial video`;\r\n notice.appendChild(slot);\r\n content_slot.appendChild(notice);\r\n\r\n let img = '';\r\n\r\n let fragment = document.createDocumentFragment();\r\n let dv = document.createElement('div');\r\n dv.style.display = 'inline-block';\r\n\r\n content.images.forEach((item) => {\r\n img = `
![\"${item.label}\"](\"/wp-content/themes/frontier-child/images/${item.image}\")
`\r\n slot = document.createElement('div');\r\n slot.setAttribute('slot', 'message');\r\n slot.innerHTML = `${img}`;\r\n dv.appendChild(slot);\r\n fragment.appendChild(dv);\r\n })\r\n content_slot.appendChild(fragment);\r\n\r\n\r\n modal.appendChild(content_slot);\r\n\r\n let button = document.createElement('calcite-button');\r\n button.setAttribute('slot', 'secondary');\r\n button.setAttribute('width', 'full');\r\n button.setAttribute('appearance', 'outline');\r\n button.innerHTML = 'Cancel';\r\n button.addEventListener(\r\n 'click',\r\n async () => {\r\n closeModal();\r\n await shellAllowInteractions(true);\r\n },\r\n false\r\n );\r\n modal.appendChild(button);\r\n\r\n if (content.showStart) {\r\n button = document.createElement('calcite-button');\r\n button.setAttribute('slot', 'primary');\r\n button.setAttribute('width', 'full');\r\n button.innerHTML = 'Start';\r\n button.addEventListener(\r\n 'click',\r\n async () => {\r\n await closeModal();\r\n await shellAllowInteractions(true);\r\n },\r\n false\r\n );\r\n modal.appendChild(button);\r\n }\r\n let shell = document.getElementById('pao-shell');\r\n if (shell) shell.appendChild(modal);\r\n } catch (error) {\r\n doLogException('showInstructionModal', error);\r\n }\r\n };\r\n\r\n const handleTaxParcelTypesChange = async (event) => {\r\n taxParcelTypesSelectedString = '';\r\n const selectedItems = event.currentTarget.querySelectorAll('calcite-pick-list-item');\r\n const selectedKeys = [];\r\n if (selectedItems?.length > 0) {\r\n selectedItems.forEach((e) => {\r\n if (e.selected)\r\n selectedKeys.push(e.attributes.value.value);\r\n });\r\n let s = selectedKeys.map((v) => `'${v}'`);\r\n taxParcelTypesSelectedString = s.join(',');\r\n }\r\n queryLayerView();\r\n };\r\n\r\n const accordionLabelText = () => {\r\n let msg = '';\r\n let item = '';\r\n\r\n switch (chosenSelectionMethod) {\r\n case ChosenSelectionMethodOptions.Condominium:\r\n case ChosenSelectionMethodOptions.Cooperative:\r\n case ChosenSelectionMethodOptions.Subdivision:\r\n item = `${userSelectedMethod.label.toLowerCase()}`;\r\n\r\n msg = `First, choose a ${item} from the list of available ${item}s. The map will automatically locate and move the ${item} into focus. \r\n\t\t\t\t\t\t\t\tNext, drag the buffer slider to find adjacent parcels at your desired distance. \r\n\t\t\t\t\t\t\t\tThe map highlights the parcels according to type. Use the filter to exclude parcel types.`;\r\n break;\r\n case ChosenSelectionMethodOptions.Sketch:\r\n item = `${userSelectedMethod.value}`;\r\n msg = `Place the sketch ${item} on your parcel of interest, then drag the buffer slider to find adjacent parcels at your desired distance. \r\n\t\t\t\t\t\t\t\tThe map highlights the parcels according to type. Use the filter to exclude parcel types.`;\r\n break;\r\n case ChosenSelectionMethodOptions.ParcelId:\r\n msg = `Entery the parcel number in the text box and click GO., then drag the buffer slider to find adjacent parcels at your desired distance. \r\n\t\t\t\t\t\t\t\tThe map highlights the parcels according to type. Use the filter to exclude parcel types.`;\r\n break;\r\n }\r\n msg = 'Results will appear here.';\r\n return msg;\r\n };\r\n\r\n const buildToolbarItemTrash = () => {\r\n\r\n let container = null;\r\n\r\n if (chosenSelectionMethod === ChosenSelectionMethodOptions.ParcelId) {\r\n container = document.createElement('div');\r\n container.setAttribute(\r\n 'class',\r\n 'pao-buffer-data-tools-container tools-right'\r\n );\r\n\r\n let action = document.createElement('calcite-action');\r\n action.setAttribute('id', `trash-${activeDataAccordionItem}`);\r\n action.setAttribute('scale', 's');\r\n action.setAttribute('alignment', 'end');\r\n action.setAttribute('text-enabled', '');\r\n action.setAttribute('text', 'Delete');\r\n action.setAttribute('icon', 'trash');\r\n action.style.cursor = 'pointer';\r\n action.addEventListener('click', (event) => {\r\n let target = event.currentTarget;\r\n confirmDeleteModal(target.id);\r\n });\r\n container.appendChild(action);\r\n }\r\n return container;\r\n };\r\n\r\n const buildToolbar = () => {\r\n\r\n let container = document.createElement('div');\r\n container.setAttribute(\r\n 'class',\r\n 'pao-buffer-data-tools-container tools-right'\r\n );\r\n\r\n\r\n let btn = document.createElement('calcite-button');\r\n btn.setAttribute('id', `export-pdf-${activeDataAccordionItem}`);\r\n btn.setAttribute('alignment', 'center');\r\n btn.setAttribute('appearance', 'solid');\r\n btn.setAttribute('icon-start', 'file-pdf');\r\n btn.innerHTML = 'Save as PDF';\r\n btn.style.cursor = 'pointer';\r\n btn.style.marginRight = '3px';\r\n btn.setAttribute('scale', 's');\r\n btn.addEventListener('click', (event) => {\r\n exportToFile(event, 'PDF', true);\r\n });\r\n container.appendChild(btn);\r\n\r\n\r\n btn = document.createElement('calcite-button');\r\n btn.setAttribute('id', `export-csv-${activeDataAccordionItem}`);\r\n btn.setAttribute('alignment', 'center');\r\n btn.setAttribute('appearance', 'solid');\r\n btn.setAttribute('icon-start', 'file-csv');\r\n btn.innerHTML = 'Save as CSV';\r\n btn.style.cursor = 'pointer';\r\n btn.style.marginRight = '3px';\r\n btn.setAttribute('scale', 's');\r\n btn.addEventListener('click', (event) => {\r\n exportToFile(event, 'CSV', true);\r\n });\r\n container.appendChild(btn);\r\n return container;\r\n };\r\n\r\n function containerInstructions(id) {\r\n\r\n let tip = 'Start to measure by clicking in the map to place your first point. Dragging the map is not available during measuring. Zoom is enabled.';\r\n\r\n switch (id) {\r\n case 0:\r\n return 'Buffer parcels and create mailing labels';\r\n break;\r\n case 1:\r\n return 'Prior year aerials';\r\n break;\r\n case 'measuredist':\r\n return `Calculate and display the distance between two or more points.\\n${tip}\\nUse the erase button to remove the current measurements.`;\r\n break;\r\n case 'measurearea':\r\n return `Calculate and display the area and perimeter of a polygon.\\n${tip}\\nUse the erase button to remove the current measurements.`;\r\n break;\r\n case 'print':\r\n return 'Print.';\r\n break;\r\n }\r\n }\r\n\r\n function createDownloadLinkCsv(data, fileName) {\r\n return new Promise((resolve, reject) => {\r\n try {\r\n if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n let blob = new Blob([data], { type: 'text/csv' });\r\n window.navigator.msSaveOrOpenBlob(blob, fileName);\r\n return;\r\n } else {\r\n let blob = new Blob([data], { type: 'text/csv' });\r\n let blobURL = URL.createObjectURL(blob, fileName);\r\n setTimeout(() => {\r\n downloadFile(blobURL);\r\n window.URL.revokeObjectURL(blobURL);\r\n }, 1000);\r\n window.downloadFile = (url) => {\r\n if (\r\n window.downloadFile.isChrome ||\r\n window.downloadFile.isSafari ||\r\n window.downloadFile.isNetscape\r\n ) {\r\n let link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('target', '_blank');\r\n\r\n if (link.download !== undefined) {\r\n link.download = fileName;\r\n link.innerHTML = fileName;\r\n }\r\n if (document.createEvent) {\r\n let event = new MouseEvent('click', {\r\n bubbles: true,\r\n cancelable: true,\r\n view: window,\r\n });\r\n link.dispatchEvent(event);\r\n resolve(true);\r\n return true;\r\n }\r\n } \r\n if (url.indexOf('?') === -1) {\r\n url += '?download';\r\n }\r\n window.open(url, '_blank');\r\n resolve(true);\r\n return true;\r\n };\r\n window.downloadFile.isChrome = checkDeviceBrand('Chromium');\r\n window.downloadFile.isSafari = checkDeviceBrand('Safari');\r\n window.downloadFile.isNetscape = checkDeviceBrand('Firefox');\r\n }\r\n } catch (error) {\r\n doLogException('createDownloadLinkCsv', error);\r\n reject(error);\r\n return false;\r\n }\r\n }).catch((error) => { doLogException('createDownloadLinkCsv', error); });\r\n } \r\n\r\n function createDownloadLinkPdf(data, fileName) {\r\n return new Promise(function (resolve, reject) {\r\n try {\r\n if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n let blob = new Blob([data], { type: 'application/pdf' });\r\n window.navigator.msSaveOrOpenBlob(blob, fileName);\r\n return;\r\n } else {\r\n let blob = new Blob([data], { type: 'application/pdf' });\r\n let blobURL = URL.createObjectURL(blob, fileName);\r\n setTimeout(() => {\r\n downloadFile(blobURL);\r\n window.URL.revokeObjectURL(blobURL);\r\n }, 1000);\r\n window.downloadFile = (url) => {\r\n if (\r\n window.downloadFile.isChrome ||\r\n window.downloadFile.isSafari ||\r\n window.downloadFile.isNetscape\r\n ) {\r\n let link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('target', '_blank');\r\n\r\n if (link.download !== undefined) {\r\n link.download = fileName;\r\n link.innerHTML = fileName;\r\n }\r\n if (document.createEvent) {\r\n let event = new MouseEvent('click', {\r\n bubbles: true,\r\n cancelable: true,\r\n view: window,\r\n });\r\n link.dispatchEvent(event);\r\n resolve(true);\r\n return true;\r\n }\r\n } \r\n if (url.indexOf('?') === -1) {\r\n url += '?download';\r\n }\r\n window.open(url, '_blank');\r\n resolve(true);\r\n return true;\r\n };\r\n window.downloadFile.isChrome = checkDeviceBrand('Chromium');\r\n window.downloadFile.isSafari = checkDeviceBrand('Safari');\r\n window.downloadFile.isNetscape = checkDeviceBrand('Firefox');\r\n }\r\n } catch (error) {\r\n doLogException('createDownloadLinkPdf', error);\r\n reject(error);\r\n return false;\r\n }\r\n }).catch((error) => {\r\n doLogException('createDownloadLinkPdf', error);\r\n });\r\n } \r\n\r\n function isParcelRural(lat, lon) {\r\n let i = lon.toFixed(6) * -1;\r\n let is_rural = i < 82.306223 && i > 82.049964;\r\n return is_rural;\r\n }\r\n\r\n function toggleDistanceConstraints(tf) {\r\n let g = document.getElementById('pao-buffer-unit-group1');\r\n g.querySelectorAll('calcite-dropdown-item').forEach((p) => {\r\n if (p.id === 'pao-unit-miles' || p.id === 'pao-unit-kilometers')\r\n !tf ? p.classList.add('d-none') : p.classList.remove('d-none');\r\n });\r\n if (tf)\r\n view.constraints.minZoom = view.constraints.minZoom - 4;\r\n\r\n distanceConstraintSet = true;\r\n }\r\n\r\n function getBlobArray(options) {\r\n return new Promise((resolve, reject) => {\r\n let xhr = new XMLHttpRequest();\r\n xhr.open(options.method, options.url, true);\r\n xhr.responseType = 'arraybuffer';\r\n xhr.onload = () => {\r\n if (xhr?.status >= 200 && xhr?.status < 300) {\r\n let responseArray = new Uint8Array(xhr.response);\r\n resolve(responseArray);\r\n } else {\r\n reject({\r\n status: xhr?.status,\r\n statusText: xhr?.statusText,\r\n });\r\n }\r\n };\r\n xhr.onerror = () => {\r\n reject({\r\n status: xhr?.status,\r\n statusText: xhr?.statusText,\r\n });\r\n };\r\n if (options.headers) {\r\n Object.keys(options.headers).forEach((key) => {\r\n xhr.setRequestHeader(key, options.headers[key]);\r\n });\r\n }\r\n let paramsObject = options.params;\r\n xhr.send(paramsObject);\r\n }).catch((error) => { doLogException('getBlobArray', error); });\r\n }\r\n\r\n function getDistinctAddressesByParid(options) {\r\n return new Promise((resolve, reject) => {\r\n let xhr = new XMLHttpRequest();\r\n xhr.open(options.method, options.url, true);\r\n xhr.responseType = 'json';\r\n xhr.onload = () => {\r\n if (xhr?.status >= 200 && xhr?.status < 300) {\r\n resolve(xhr.response);\r\n } else {\r\n reject({\r\n status: xhr?.status,\r\n statusText: xhr?.statusText,\r\n });\r\n }\r\n };\r\n xhr.onerror = () => {\r\n reject({\r\n status: xhr?.status,\r\n statusText: xhr?.statusText,\r\n });\r\n };\r\n if (options.headers) {\r\n Object.keys(options.headers).forEach((key) => {\r\n xhr.setRequestHeader(key, options.headers[key]);\r\n });\r\n }\r\n let paramsObject = options.params;\r\n xhr.send(paramsObject);\r\n }).catch((error) => { doLogException('getDistinctAddressesByParid', error); });\r\n }\r\n\r\n function exportLabels(json, contentType) {\r\n return new Promise((resolve, reject) => {\r\n stepProgressBar();\r\n\r\n let http = '/wp-content/themes/frontier-child/models';\r\n let url = '';\r\n\r\n switch (contentType.toUpperCase()) {\r\n case 'CSV':\r\n url = `${http}/pao-model-bulklabels.php`;\r\n break;\r\n default:\r\n url = `${http}/pao-model-bulkmail.php`;\r\n }\r\n getBlobArray({\r\n url: url,\r\n method: 'POST',\r\n params: json,\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8',\r\n },\r\n })\r\n .then((data) => {\r\n let obj = JSON.parse(json);\r\n let p1 = new Promise((resolve, reject) => {\r\n if (contentType === 'CSV') {\r\n resolve(createDownloadLinkCsv(data, obj.file_name));\r\n } else {\r\n resolve(createDownloadLinkPdf(data, obj.file_name));\r\n }\r\n });\r\n p1.then((result) => {\r\n stepProgressBar();\r\n resolve(result);\r\n });\r\n p1.catch((result) => {\r\n doLogException('exportLabels', error);\r\n reject(result);\r\n });\r\n })\r\n .catch((result) => {\r\n doLogException('exportLabels', error);\r\n reject(result);\r\n });\r\n }).catch((error) => doLogException('exportLabels', error));\r\n }\r\n\r\n async function distinctAddressCount(json) {\r\n return new Promise((resolve, reject) => {\r\n\r\n let http = '/wp-content/themes/frontier-child/models';\r\n let url = `${http}/pao-model-unique-addresses-by-parid.php`;\r\n\r\n getDistinctAddressesByParid({\r\n url: url,\r\n method: 'POST',\r\n params: json,\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8',\r\n },\r\n })\r\n .then((data) => {\r\n let i = data;\r\n if (!i) i = 0;\r\n resolve(i);\r\n })\r\n .catch((result) => {\r\n console.log(result)\r\n reject(result);\r\n });\r\n }).catch((error) => doLogException('distinctAddressCount', error));\r\n }\r\n\r\n const _bufferWidget = {\r\n close: function () {\r\n resetBufferFilters(0);\r\n\r\n activeWidget.lastActiveButton = 'bufferButton';\r\n activeWidget.state = 'inactive';\r\n\r\n document.querySelector('#pao-buffer-container').active = false;\r\n document.querySelector('#pao-buffer-container').hidden = true;\r\n document.querySelector('#pao-footer-block').hidden = true;\r\n document.querySelector('#pao-buffer-container').removeAttribute('indicator');\r\n\r\n bufferButton.classList.add('esri-icon-review');\r\n bufferButton.classList.remove('esri-icon-trash');\r\n\r\n resetActiveWidgetObject();\r\n\r\n toggleSearchWidget({ show: paoDetails.gis.displayPage === 'fullaerial' });\r\n\r\n this.title(bufferWidgetInactiveTitle);\r\n },\r\n open: function () {\r\n\r\n closeVisiblePopup();\r\n\r\n closeLastActiveWidget();\r\n\r\n bufferButton.classList.remove('esri-icon-review');\r\n bufferButton.classList.add('esri-icon-trash');\r\n bufferButton.classList.add('active');\r\n activeWidget.buttonId = 'bufferButton';\r\n\r\n activeWidget.containerId = 'pao-buffer-container';\r\n activeWidget.worksMinimized = false;\r\n activeWidget.showTitleBar = true;\r\n\r\n view.ui.move({ component: 'zoom', position: 'top-right', index: 1 });\r\n\r\n\r\n this.title('Click or use escape to cancel mailing labels/list.');\r\n\r\n let id = activeWidget?.containerId;\r\n if (id?.length > 0) {\r\n let el = document.getElementById('pao-buffer-container');\r\n if (el) {\r\n el.active = true;\r\n el.hidden = false;\r\n el.setAttribute('indicator', '');\r\n }\r\n el = document.querySelector('#pao-footer-block');\r\n if (el) el.hidden = false;\r\n }\r\n\r\n activeWidget.state = 'active';\r\n\r\n toggleSearchWidget({ show: true });\r\n\r\n },\r\n title: function (title) {\r\n bufferButton.setAttribute('title', title);\r\n bufferButton.setAttribute('aria-label', title);\r\n },\r\n };\r\n\r\n const watchMeasure = (_widget) => {\r\n\r\n\r\n let dragEventObject = null;\r\n let activeMeasureLastState = null;\r\n\r\n reactiveUtils.watch(\r\n () => [\r\n _widget?.viewModel?.activeViewModel?.active,\r\n _widget?.viewModel?.activeViewModel?.state,\r\n _widget?.activeTool\r\n ],\r\n ([active, state, activeTool]) => {\r\n\r\n if (active && state === 'measuring') {\r\n let el = document.querySelector(`.esri-${activeTool}-measurement-2d__container`);\r\n if (el) el.parentElement.hidden = true;\r\n\r\n activeMeasureLastState = state;\r\n }\r\n if (!dragEventObject && (active && state === 'ready')) {\r\n\r\n let hint_class = null;\r\n let hint_text = '';\r\n\r\n if (activeTool === 'area') {\r\n hint_text = `To measure an area, touch the map to add two or more points to create a polygon (do not drag the point). Double tap on your final point to complete the polygon.`;\r\n }\r\n if (activeTool === 'distance') {\r\n hint_text = `To measure a distance, touch the map to add two or more points for a straight or segmented line (do not drag the point). Double tap on your final point to complete the line.`;\r\n }\r\n if (hint_text.length > 0) {\r\n setTimeout(() => {\r\n hint_class = `esri-${activeTool}-measurement-2d__hint-text`;\r\n let el = document.querySelector(`.${hint_class}`);\r\n if (el) el.innerText = hint_text;\r\n }, 100);\r\n }\r\n\r\n const stopEvtPropagation = (event) => {\r\n event.stopPropagation();\r\n };\r\n dragEventObject = view.on('drag', stopEvtPropagation);\r\n }\r\n if (!active && state === 'measured' || state === 'disabled') {\r\n\r\n if (state === 'measured') {\r\n let el = document.querySelector(`.esri-${activeTool}-measurement-2d__container`);\r\n if (el) el.parentElement.hidden = false;\r\n }\r\n dragEventObject?.remove();\r\n dragEventObject = null;\r\n }\r\n });\r\n }\r\n\r\n\r\n let pointerType = 'mouse';\r\n let swipeTimerHandle;\r\n\r\n mapEl.addEventListener('touchstart', e => {\r\n pointerType = 'touch';\r\n [...e.changedTouches].forEach(touch => {\r\n\r\n if (e.target instanceof HTMLCanvasElement) {\r\n if (e.type === 'touchstart' && e.touches.length === 1) {\r\n\r\n let state = measurement?.viewModel?.activeViewModel?.state;\r\n\r\n if (e.currentTarget.classList.contains('measure-canceled')) {\r\n e.currentTarget.classList.remove('measure-canceled');\r\n return;\r\n }\r\n if (state === 'ready') {\r\n enableViewConstraintZoom();\r\n }\r\n }\r\n }\r\n })\r\n })\r\n mapEl.addEventListener('touchmove', (e) => {\r\n [...e.changedTouches].forEach(touch => {\r\n if (e.target instanceof HTMLCanvasElement) {\r\n if (e.type === 'touchmove' && e.touches.length > 0) {\r\n\r\n let state = measurement?.viewModel?.activeViewModel?.state;\r\n let activeTool = measurement?.activeTool;\r\n\r\n if (!state) {\r\n if (e.touches.length > 1)\r\n e.currentTarget.classList.add('swiping');\r\n }\r\n\r\n\r\n if (state === 'ready') {\r\n\r\n let hint_text = '';\r\n if (activeTool === 'area') {\r\n _areaMeasureWidget.close();\r\n hint_text = `1. To measure an area, create a polygon by placing points on the map\r\n
2. Ensure your entire subject is visible \r\n
3. Select the Area Measurement widget\r\n
4. Touch the map to add two or more points. Do not drag the point\r\n
5. Double tap on your final point to complete the polygon`;\r\n }\r\n if (activeTool === 'distance') {\r\n _distanceMeasureWidget.close();\r\n hint_text = `1. To measure a distance, create a straight or segmented line on your subject property\r\n
2. Pan the map to ensure your entire subject is visible\r\n
3. Select the Distance Measurement Widget\r\n
4. Touch the map to add two or more points. Do not drag the point\r\n
5. Double tap on your final point to complete the line`;\r\n }\r\n let msg = `The map may not be moved, pinched, or rotated during an active measurement.
${hint_text}`;\r\n const firstLetter = activeTool?.charAt(0);\r\n const firstLetterCap = firstLetter?.toUpperCase();\r\n const remainingLetters = activeTool?.slice(1);\r\n const title_tool = firstLetterCap + remainingLetters;\r\n\r\n e.currentTarget.classList.add('measure-canceled');\r\n\r\n let evt = e.currentTarget;\r\n setTimeout(() => {\r\n evt.classList.remove('measure-canceled');\r\n }, 6000);\r\n\r\n }\r\n }\r\n if (e.type === 'touchmove' && e.touches.length > 1) {\r\n clearTimeout(swipeTimerHandle);\r\n e.currentTarget.classList.remove('swiping');\r\n }\r\n }\r\n })\r\n })\r\n mapEl.addEventListener('touchend', e => {\r\n [...e.changedTouches].forEach(touch => {\r\n if (e.target instanceof HTMLCanvasElement) {\r\n\r\n if (swipeTimerHandle)\r\n clearTimeout(swipeTimerHandle);\r\n\r\n e.currentTarget.classList.remove('swiping');\r\n e.currentTarget.classList.remove('zooming');\r\n\r\n let state = measurement?.viewModel?.activeViewModel?.state;\r\n\r\n let allowed = ['measured', 'disabled'];\r\n if (state?.includes(allowed)) {\r\n disableViewConstraintZoom();\r\n }\r\n }\r\n })\r\n })\r\n\r\n const _distanceMeasureWidget = {\r\n close: function () {\r\n\r\n measurement.clear();\r\n\r\n disableViewConstraintZoom();\r\n\r\n activeWidget.lastActiveButton = 'distanceButton';\r\n\r\n document.querySelector('#distanceButton').active = false;\r\n document.querySelector('#distanceButton').classList.remove('active');\r\n document.querySelector('#distanceButton').removeAttribute('indicator');\r\n\r\n document\r\n .querySelector('#distanceButton')\r\n .classList.remove('esri-icon-trash');\r\n document\r\n .querySelector('#distanceButton')\r\n .classList.add('esri-icon-measure-line');\r\n\r\n if (measure_widget) {\r\n view.ui.remove(measure_widget);\r\n if (measure_widget?.constructed) widget.destroy();\r\n measure_widget = null;\r\n }\r\n\r\n resetActiveWidgetObject();\r\n\r\n this.title('Measure the distance between two or more points.');\r\n },\r\n open: function () {\r\n\r\n enableViewConstraintZoom();\r\n\r\n initMeasureWidget('distance', 'feet');\r\n\r\n closeVisiblePopup();\r\n\r\n closeLastActiveWidget();\r\n\r\n distanceButton.classList.remove('esri-icon-measure-line');\r\n distanceButton.classList.add('esri-icon-trash');\r\n distanceButton.classList.add('active');\r\n $('div.esri-component.esri-area-measurement-2d.esri-widget.esri-widget--panel').hide();\r\n\r\n activeWidget.containerId = activeWidget.buttonId = 'distanceButton';\r\n activeWidget.worksMinimized = true;\r\n\r\n view.focus();\r\n\r\n this.title('Click or use escape to cancel measurement.');\r\n\r\n activeWidget.state = 'active';\r\n\r\n watchMeasure(measurement);\r\n },\r\n title: function (title) {\r\n distanceButton.setAttribute('title', title);\r\n distanceButton.setAttribute('aria-label', title);\r\n },\r\n };\r\n\r\n const _areaMeasureWidget = {\r\n close: function () {\r\n\r\n measurement.clear();\r\n\r\n disableViewConstraintZoom();\r\n\r\n activeWidget.lastActiveButton = 'areaButton';\r\n\r\n document.querySelector('#areaButton').active = false;\r\n document.querySelector('#areaButton').classList.remove('active');\r\n document.querySelector('#areaButton').removeAttribute('indicator');\r\n\r\n document.querySelector('#areaButton').classList.remove('esri-icon-trash');\r\n document.querySelector('#areaButton').classList.add('esri-icon-measure-area');\r\n\r\n resetActiveWidgetObject();\r\n\r\n this.title('Measure an area on the map.');\r\n },\r\n open: function () {\r\n\r\n enableViewConstraintZoom();\r\n\r\n initMeasureWidget('area', 'square-us-feet');\r\n\r\n closeVisiblePopup();\r\n closeLastActiveWidget();\r\n\r\n areaButton.classList.remove('esri-icon-measure-area');\r\n areaButton.classList.add('esri-icon-trash');\r\n areaButton.classList.add('active');\r\n\r\n $('div.esri-component.esri-direct-line-measurement-2d.esri-widget.esri-widget--panel').hide();\r\n\r\n activeWidget.containerId = activeWidget.buttonId = 'areaButton';\r\n activeWidget.worksMinimized = true;\r\n\r\n view.focus();\r\n\r\n this.title('Click or use escape to cancel measurement.');\r\n\r\n activeWidget.state = 'active';\r\n },\r\n clearMeasurements: function () { },\r\n title: function (title) {\r\n areaButton.setAttribute('title', title);\r\n areaButton.setAttribute('aria-label', title);\r\n },\r\n };\r\n\r\n const user_instructions_content = (id) => {\r\n let content = {\r\n title: '',\r\n text: '',\r\n notice: '',\r\n images: [],\r\n href: '',\r\n linkText: '',\r\n showCancel: true,\r\n showStart: false\r\n };\r\n\r\n let temp_boiler = `When your subject parcel is highlighted, the Buffer Slider tool can be used to create an offset, and the Tax Parcel Type filter can be used to \r\n exclude unwanted parcels. Buffering involves measuring the distance outward in all directions from your subject parcel at a specified distance to create an\r\n offset. The data about each parcel, such as its Situs Address and Owner(s), is returned in the offset, which can be exported to PDF and CSV files. The subject \r\n parcel is always the starting point for an offset and can be excluded from the exported data if necessary. Offset distances are available in Feet, Meters, \r\n and sometimes Miles and Kilometers.
`;\r\n\r\n switch (id) {\r\n case 'pao-point':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-point.mp4';\r\n content.linkText = 'Select a subject parcel with a point';\r\n content.title = `Parcels By Point - Getting started using the point sketch tool`;\r\n content.text = `This sketch tool allow you to locate your subject parcel by dropping a point on the map. The subject parcel will change color indicating \r\n that buffering is active. ${temp_boiler}
`;\r\n content.notice = 'Note: The maximum zoom level for Parcels By Point is already set and disabled. Click Start to add your point now.';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Using the Buffer Distance Settings',\r\n image: 'settings-buffer-distance.gif'\r\n });\r\n break;\r\n case 'pao-polygon':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-polygon.mp4';\r\n content.linkText = 'Select your subject parcel with a polygon';\r\n content.title = `Parcels By Polygon - Getting started using the polygon sketch tool.`;\r\n content.text = `This sketch tool allow you to locate your subject parcel by drawing a polygin on the map. Before beginning your polygon sketch, pan the map \r\n by dragging it so that the area where your polygon will be drawn is centered. When your area is centered, add the polygon by clicking the crosshair cursor \r\n in the map to place your first vertex point. Move the cursor over the location and click the map where you want the vertex to end. Now move the cursor to \r\n the next position and draw the second vertex. You will see sketch visualizations to help identify perpendicular and parallel lines. Continue this procedure \r\n until your final point is set. Double-click the mouse to close the polygon. Any parcels within the polygon will change color indicating that buffering is active. ${temp_boiler}
`;\r\n content.notice = 'Note: The maximum zoom level for Parcels By Polygon is already set and disabled. Click Start to add your polygon now.';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Parcels By Polygon',\r\n image: 'getting-started-by-polygon.gif'\r\n });\r\n break;\r\n case 'pao-rectangle':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-rectangle.mp4';\r\n content.linkText = 'Select your subject parcel with a rectangle';\r\n content.title = `Parcels By Rectangle - Getting started using the rectangle sketch tool.`;\r\n content.text = `This sketch tool allow you to locate your subject parcel by drawing a rectangle on the map. Before beginning your rectangle sketch, pan the map \r\n by dragging it so that the area where your rectangle will be drawn is centered. When your area is centered, add the rectangle by clicking the crosshair \r\n cursor in the map to place your first point. Begin dragging your mouse on the map. As you move your mouse, you will see the area of the rectangle next \r\n to your cursor. Finish the rectangle by releasing your mouse. Any parcels within the rectangle will change color indicating that buffering is active.`;\r\n content.notice = 'Note: The maximum zoom level for Parcels By Rectangle is already set and disabled. Click Start to add your rectangle now.
';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Parcels By Rectangle',\r\n image: 'getting-started-by-rectangle.gif'\r\n });\r\n break;\r\n case 'pao-by-condo':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-by-condo.mp4';\r\n content.linkText = 'Selecting a Condominium as your subject parcel';\r\n content.title = `Condominium - Getting started using a map layer by Condominium.`;\r\n content.text = `This map layer option allows you to choose a single condominium from a list as your subject parcel. The map will navigate to your chosen condominium and highlight it. ${temp_boiler}
`;\r\n content.notice = '';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Condominium',\r\n image: 'getting-started-by-condo.gif'\r\n });\r\n break;\r\n case 'pao-by-coop':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-by-coop.mp4';\r\n content.linkText = 'Selecting a Cooperative as your subject parcel';\r\n content.title = `Cooperative - Getting started using a map layer by Cooperative.`;\r\n content.text = `This map layer option allows you to choose a single cooperative from a list as your subject parcel. The map will navigate to your chosen cooperative and highlight it. ${temp_boiler}
`;\r\n content.notice = '';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Cooperative',\r\n image: 'getting-started-by-coop.gif'\r\n });\r\n break;\r\n case 'pao-by-subdv':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-by-subdv.mp4';\r\n content.linkText = 'Selecting a Subdivision as your subject parcel';\r\n content.title = `Subdivision - Getting started using a map layer by Subdivision.`;\r\n content.text = `This map layer option allows you to choose a single subdivision from a list as your subject parcel. The map will navigate to your chosen subdivision and highlight it. ${temp_boiler}
`;\r\n content.notice = '';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Subdivision',\r\n image: 'getting-started-by-subdv.gif'\r\n });\r\n break;\r\n case 'pao-by-parid':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-by-parid.mp4';\r\n content.linkText = 'Using a Parcel Id as your subject parcel';\r\n content.title = `By Parcel Id - Getting started using a map layer by parcel Id.`;\r\n content.text = `Use the Parcel Id map layer option to input a valid Parcel Id. The map will navigate to your parcel and highlight it. You have the option to \r\n set the buffer offset distance on the first parcel, or add additional parcels and set the offset distance individually. If you choose to set \r\n the buffer distance, any additional parcels you add will inherit the same offset distance. ${temp_boiler}
`;\r\n content.notice = 'You can add up to 15 parcels.';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'By Parcel Id',\r\n image: 'getting-started-by-parid.gif'\r\n });\r\n break;\r\n case 'pao-taxparceltypes-block-info':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-taxparceltypes-block-inf.mp4';\r\n content.linkText = 'Filtering by tax parcel type';\r\n content.title = content.linkText;\r\n content.text = `The Tax parcel types filter lets you leave out parcels that do not fit your mailing labels requirement.`;\r\n content.notice = '';\r\n content.showStart = false;\r\n break;\r\n case 'pao-buffer-slider-block-info':\r\n content.href = '/wp-content/uploads/buffer-distance-settings.mp4';\r\n content.linkText = 'Buffer Distance Settings';\r\n content.title = `Buffer Distance Settings.`;\r\n content.text = `Buffer distance units are available in Feet, Meters, and sometimes Miles and Kilometers.
\r\n Include / Exclude subject parcel defaults to include the subject parcel.
\r\n Offset distance slider sets the offset distance around the subject parcel.`;\r\n content.notice = '';\r\n content.showStart = false;\r\n break;\r\n }\r\n return content;\r\n };\r\n\r\n function doLogException(handler, error, tf = false) {\r\n if (!tf)\r\n tf = !(window.location.origin.indexOf('www') > -1);\r\n\r\n throw new PaoException(handler, tf, error);\r\n }\r\n\r\n return true;\r\n }); \r\n\r\n\r\n\r\n\r\n function PaoSliderScale(unitType) {\r\n this.unitType = unitType.toLowerCase();\r\n this.labelHandles = true;\r\n this.labelTicks = true;\r\n this.max = 0;\r\n this.minLabel = 0;\r\n this.pageStep = 0;\r\n this.step = 0;\r\n this.ticks = 0;\r\n this.value = 0;\r\n\r\n this.scaleFeet = [\r\n {\r\n labelHandles: true,\r\n labelTicks: true,\r\n max: '750',\r\n minLabel: '0',\r\n pageStep: '20',\r\n step: '5',\r\n ticks: '125',\r\n value: '0',\r\n },\r\n ];\r\n this.scaleMeters = [\r\n {\r\n labelHandles: true,\r\n labelTicks: true,\r\n max: '228',\r\n minLabel: '0',\r\n pageStep: '20',\r\n step: '5',\r\n ticks: '60',\r\n value: '0',\r\n },\r\n ];\r\n this.scaleKilometers = [\r\n {\r\n labelHandles: true,\r\n labelTicks: true,\r\n max: '3.22',\r\n minLabel: '0',\r\n pageStep: '4',\r\n step: '0.644',\r\n ticks: '0.644',\r\n value: '0',\r\n },\r\n ];\r\n this.scaleMiles = [\r\n {\r\n labelHandles: true,\r\n labelTicks: true,\r\n max: '2',\r\n minLabel: '0',\r\n pageStep: '.5',\r\n step: '.25',\r\n ticks: '.25',\r\n value: '0',\r\n },\r\n ];\r\n this.assignScale = (scale) => {\r\n this.labelHandles = scale.labelHandles;\r\n this.labelTicks = scale.labelTicks;\r\n this.max = scale.max;\r\n this.minLabel = scale.minLabel;\r\n this.pageStep = scale.pageStep;\r\n this.step = scale.step;\r\n this.ticks = scale.ticks;\r\n this.value = scale.value;\r\n };\r\n this.scale = () => {\r\n switch (this.unitType) {\r\n case 'feet':\r\n this.assignScale(...this.scaleFeet);\r\n return [...this.scaleFeet];\r\n case 'meters':\r\n this.assignScale(...this.scaleMeters);\r\n return [...this.scaleMeters];\r\n case 'kilometers':\r\n this.assignScale(...this.scaleKilometers);\r\n return [...this.scaleKilometers];\r\n case 'miles':\r\n this.assignScale(...this.scaleMiles);\r\n return [...this.scaleMiles];\r\n }\r\n };\r\n\r\n this.getUnitType = (_type) => {\r\n switch (_type.toLowerCase()) {\r\n case 'feet':\r\n return 'ft';\r\n case 'meters':\r\n return 'm';\r\n case 'kilometers':\r\n return 'km';\r\n case 'miles':\r\n return 'mi';\r\n }\r\n };\r\n\r\n this.convert = (newType, oldType, size) => {\r\n if (!(size > 0)) return size;\r\n\r\n let matrixFeet = {\r\n yds: 0.333333,\r\n km: 0.0003048,\r\n m: 0.3048,\r\n mi: 0.0001893939,\r\n };\r\n let matrixMeters = {\r\n mi: 0.000621,\r\n ft: 3.28084,\r\n yds: 1.09361,\r\n km: 0.001,\r\n };\r\n let matrixMiles = { ft: 5280, km: 1.609344, m: 1.609344 };\r\n\r\n let t = this.getUnitType(newType.toLowerCase());\r\n let x = this.getUnitType(oldType.toLowerCase());\r\n let _matrix = null;\r\n switch (x) {\r\n case 'ft':\r\n _matrix = matrixFeet;\r\n break;\r\n case 'km':\r\n _matrix = matrixKilometers;\r\n break;\r\n case 'm':\r\n _matrix = matrixMeters;\r\n break;\r\n case 'mi':\r\n _matrix = matrixMiles;\r\n break;\r\n }\r\n if (_matrix) return size * _matrix[t];\r\n\r\n };\r\n }\r\n\r\n class PaoPopupTemplate {\r\n constructor() { }\r\n _goToContent = null;\r\n _isGoToBufferParcel = false;\r\n _isGoToParcel = false;\r\n _goToActions = [];\r\n _resultCount = 0;\r\n\r\n set IsGoToParcel(value) {\r\n this._isGoToParcel = value;\r\n }\r\n set IsGoToBufferParcel(value) {\r\n this._isGoToBufferParcel = value;\r\n }\r\n get resultCount() {\r\n return this._resultCount;\r\n }\r\n set resultCount(value) {\r\n this._resultCount = value;\r\n }\r\n\r\n set contentType(value) {\r\n switch (value) {\r\n case 'default':\r\n\r\n this._goToContent = \"'\r\n break;\r\n }\r\n }\r\n buildGoToActions = () => {\r\n\r\n\r\n\r\n if (this._isGoToBufferParcel) {\r\n this._goToActions.push({\r\n title: 'Buffer Parcel',\r\n id: 'goto-buffer-parcel',\r\n image: '/wp-content/themes/frontier-child/images/buffer.png',\r\n });\r\n }\r\n\r\n\r\n if (this._isGoToParcel) {\r\n let image = '/wp-content/themes/frontier-child/images/view-parcel.png';\r\n if (this._isGoToBufferParcel)\r\n image = '/wp-content/themes/frontier-child/images/external-link.png';\r\n\r\n this._goToActions.push({\r\n title: ' View Parcel',\r\n id: 'goto-parcel',\r\n image: image\r\n });\r\n }\r\n\r\n };\r\n template = () => {\r\n this.buildGoToActions();\r\n let _menu_content = '';\r\n _menu_content = `Parcel ID: {PARID}`;\r\n\r\n return {\r\n title: `
`\r\n slot = document.createElement('div');\r\n slot.setAttribute('slot', 'message');\r\n slot.innerHTML = `${img}`;\r\n dv.appendChild(slot);\r\n fragment.appendChild(dv);\r\n })\r\n content_slot.appendChild(fragment);\r\n\r\n\r\n modal.appendChild(content_slot);\r\n\r\n let button = document.createElement('calcite-button');\r\n button.setAttribute('slot', 'secondary');\r\n button.setAttribute('width', 'full');\r\n button.setAttribute('appearance', 'outline');\r\n button.innerHTML = 'Cancel';\r\n button.addEventListener(\r\n 'click',\r\n async () => {\r\n closeModal();\r\n await shellAllowInteractions(true);\r\n },\r\n false\r\n );\r\n modal.appendChild(button);\r\n\r\n if (content.showStart) {\r\n button = document.createElement('calcite-button');\r\n button.setAttribute('slot', 'primary');\r\n button.setAttribute('width', 'full');\r\n button.innerHTML = 'Start';\r\n button.addEventListener(\r\n 'click',\r\n async () => {\r\n await closeModal();\r\n await shellAllowInteractions(true);\r\n },\r\n false\r\n );\r\n modal.appendChild(button);\r\n }\r\n let shell = document.getElementById('pao-shell');\r\n if (shell) shell.appendChild(modal);\r\n } catch (error) {\r\n doLogException('showInstructionModal', error);\r\n }\r\n };\r\n\r\n const handleTaxParcelTypesChange = async (event) => {\r\n taxParcelTypesSelectedString = '';\r\n const selectedItems = event.currentTarget.querySelectorAll('calcite-pick-list-item');\r\n const selectedKeys = [];\r\n if (selectedItems?.length > 0) {\r\n selectedItems.forEach((e) => {\r\n if (e.selected)\r\n selectedKeys.push(e.attributes.value.value);\r\n });\r\n let s = selectedKeys.map((v) => `'${v}'`);\r\n taxParcelTypesSelectedString = s.join(',');\r\n }\r\n queryLayerView();\r\n };\r\n\r\n const accordionLabelText = () => {\r\n let msg = '';\r\n let item = '';\r\n\r\n switch (chosenSelectionMethod) {\r\n case ChosenSelectionMethodOptions.Condominium:\r\n case ChosenSelectionMethodOptions.Cooperative:\r\n case ChosenSelectionMethodOptions.Subdivision:\r\n item = `${userSelectedMethod.label.toLowerCase()}`;\r\n\r\n msg = `First, choose a ${item} from the list of available ${item}s. The map will automatically locate and move the ${item} into focus. \r\n\t\t\t\t\t\t\t\tNext, drag the buffer slider to find adjacent parcels at your desired distance. \r\n\t\t\t\t\t\t\t\tThe map highlights the parcels according to type. Use the filter to exclude parcel types.`;\r\n break;\r\n case ChosenSelectionMethodOptions.Sketch:\r\n item = `${userSelectedMethod.value}`;\r\n msg = `Place the sketch ${item} on your parcel of interest, then drag the buffer slider to find adjacent parcels at your desired distance. \r\n\t\t\t\t\t\t\t\tThe map highlights the parcels according to type. Use the filter to exclude parcel types.`;\r\n break;\r\n case ChosenSelectionMethodOptions.ParcelId:\r\n msg = `Entery the parcel number in the text box and click GO., then drag the buffer slider to find adjacent parcels at your desired distance. \r\n\t\t\t\t\t\t\t\tThe map highlights the parcels according to type. Use the filter to exclude parcel types.`;\r\n break;\r\n }\r\n msg = 'Results will appear here.';\r\n return msg;\r\n };\r\n\r\n const buildToolbarItemTrash = () => {\r\n\r\n let container = null;\r\n\r\n if (chosenSelectionMethod === ChosenSelectionMethodOptions.ParcelId) {\r\n container = document.createElement('div');\r\n container.setAttribute(\r\n 'class',\r\n 'pao-buffer-data-tools-container tools-right'\r\n );\r\n\r\n let action = document.createElement('calcite-action');\r\n action.setAttribute('id', `trash-${activeDataAccordionItem}`);\r\n action.setAttribute('scale', 's');\r\n action.setAttribute('alignment', 'end');\r\n action.setAttribute('text-enabled', '');\r\n action.setAttribute('text', 'Delete');\r\n action.setAttribute('icon', 'trash');\r\n action.style.cursor = 'pointer';\r\n action.addEventListener('click', (event) => {\r\n let target = event.currentTarget;\r\n confirmDeleteModal(target.id);\r\n });\r\n container.appendChild(action);\r\n }\r\n return container;\r\n };\r\n\r\n const buildToolbar = () => {\r\n\r\n let container = document.createElement('div');\r\n container.setAttribute(\r\n 'class',\r\n 'pao-buffer-data-tools-container tools-right'\r\n );\r\n\r\n\r\n let btn = document.createElement('calcite-button');\r\n btn.setAttribute('id', `export-pdf-${activeDataAccordionItem}`);\r\n btn.setAttribute('alignment', 'center');\r\n btn.setAttribute('appearance', 'solid');\r\n btn.setAttribute('icon-start', 'file-pdf');\r\n btn.innerHTML = 'Save as PDF';\r\n btn.style.cursor = 'pointer';\r\n btn.style.marginRight = '3px';\r\n btn.setAttribute('scale', 's');\r\n btn.addEventListener('click', (event) => {\r\n exportToFile(event, 'PDF', true);\r\n });\r\n container.appendChild(btn);\r\n\r\n\r\n btn = document.createElement('calcite-button');\r\n btn.setAttribute('id', `export-csv-${activeDataAccordionItem}`);\r\n btn.setAttribute('alignment', 'center');\r\n btn.setAttribute('appearance', 'solid');\r\n btn.setAttribute('icon-start', 'file-csv');\r\n btn.innerHTML = 'Save as CSV';\r\n btn.style.cursor = 'pointer';\r\n btn.style.marginRight = '3px';\r\n btn.setAttribute('scale', 's');\r\n btn.addEventListener('click', (event) => {\r\n exportToFile(event, 'CSV', true);\r\n });\r\n container.appendChild(btn);\r\n return container;\r\n };\r\n\r\n function containerInstructions(id) {\r\n\r\n let tip = 'Start to measure by clicking in the map to place your first point. Dragging the map is not available during measuring. Zoom is enabled.';\r\n\r\n switch (id) {\r\n case 0:\r\n return 'Buffer parcels and create mailing labels';\r\n break;\r\n case 1:\r\n return 'Prior year aerials';\r\n break;\r\n case 'measuredist':\r\n return `Calculate and display the distance between two or more points.\\n${tip}\\nUse the erase button to remove the current measurements.`;\r\n break;\r\n case 'measurearea':\r\n return `Calculate and display the area and perimeter of a polygon.\\n${tip}\\nUse the erase button to remove the current measurements.`;\r\n break;\r\n case 'print':\r\n return 'Print.';\r\n break;\r\n }\r\n }\r\n\r\n function createDownloadLinkCsv(data, fileName) {\r\n return new Promise((resolve, reject) => {\r\n try {\r\n if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n let blob = new Blob([data], { type: 'text/csv' });\r\n window.navigator.msSaveOrOpenBlob(blob, fileName);\r\n return;\r\n } else {\r\n let blob = new Blob([data], { type: 'text/csv' });\r\n let blobURL = URL.createObjectURL(blob, fileName);\r\n setTimeout(() => {\r\n downloadFile(blobURL);\r\n window.URL.revokeObjectURL(blobURL);\r\n }, 1000);\r\n window.downloadFile = (url) => {\r\n if (\r\n window.downloadFile.isChrome ||\r\n window.downloadFile.isSafari ||\r\n window.downloadFile.isNetscape\r\n ) {\r\n let link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('target', '_blank');\r\n\r\n if (link.download !== undefined) {\r\n link.download = fileName;\r\n link.innerHTML = fileName;\r\n }\r\n if (document.createEvent) {\r\n let event = new MouseEvent('click', {\r\n bubbles: true,\r\n cancelable: true,\r\n view: window,\r\n });\r\n link.dispatchEvent(event);\r\n resolve(true);\r\n return true;\r\n }\r\n } \r\n if (url.indexOf('?') === -1) {\r\n url += '?download';\r\n }\r\n window.open(url, '_blank');\r\n resolve(true);\r\n return true;\r\n };\r\n window.downloadFile.isChrome = checkDeviceBrand('Chromium');\r\n window.downloadFile.isSafari = checkDeviceBrand('Safari');\r\n window.downloadFile.isNetscape = checkDeviceBrand('Firefox');\r\n }\r\n } catch (error) {\r\n doLogException('createDownloadLinkCsv', error);\r\n reject(error);\r\n return false;\r\n }\r\n }).catch((error) => { doLogException('createDownloadLinkCsv', error); });\r\n } \r\n\r\n function createDownloadLinkPdf(data, fileName) {\r\n return new Promise(function (resolve, reject) {\r\n try {\r\n if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n let blob = new Blob([data], { type: 'application/pdf' });\r\n window.navigator.msSaveOrOpenBlob(blob, fileName);\r\n return;\r\n } else {\r\n let blob = new Blob([data], { type: 'application/pdf' });\r\n let blobURL = URL.createObjectURL(blob, fileName);\r\n setTimeout(() => {\r\n downloadFile(blobURL);\r\n window.URL.revokeObjectURL(blobURL);\r\n }, 1000);\r\n window.downloadFile = (url) => {\r\n if (\r\n window.downloadFile.isChrome ||\r\n window.downloadFile.isSafari ||\r\n window.downloadFile.isNetscape\r\n ) {\r\n let link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('target', '_blank');\r\n\r\n if (link.download !== undefined) {\r\n link.download = fileName;\r\n link.innerHTML = fileName;\r\n }\r\n if (document.createEvent) {\r\n let event = new MouseEvent('click', {\r\n bubbles: true,\r\n cancelable: true,\r\n view: window,\r\n });\r\n link.dispatchEvent(event);\r\n resolve(true);\r\n return true;\r\n }\r\n } \r\n if (url.indexOf('?') === -1) {\r\n url += '?download';\r\n }\r\n window.open(url, '_blank');\r\n resolve(true);\r\n return true;\r\n };\r\n window.downloadFile.isChrome = checkDeviceBrand('Chromium');\r\n window.downloadFile.isSafari = checkDeviceBrand('Safari');\r\n window.downloadFile.isNetscape = checkDeviceBrand('Firefox');\r\n }\r\n } catch (error) {\r\n doLogException('createDownloadLinkPdf', error);\r\n reject(error);\r\n return false;\r\n }\r\n }).catch((error) => {\r\n doLogException('createDownloadLinkPdf', error);\r\n });\r\n } \r\n\r\n function isParcelRural(lat, lon) {\r\n let i = lon.toFixed(6) * -1;\r\n let is_rural = i < 82.306223 && i > 82.049964;\r\n return is_rural;\r\n }\r\n\r\n function toggleDistanceConstraints(tf) {\r\n let g = document.getElementById('pao-buffer-unit-group1');\r\n g.querySelectorAll('calcite-dropdown-item').forEach((p) => {\r\n if (p.id === 'pao-unit-miles' || p.id === 'pao-unit-kilometers')\r\n !tf ? p.classList.add('d-none') : p.classList.remove('d-none');\r\n });\r\n if (tf)\r\n view.constraints.minZoom = view.constraints.minZoom - 4;\r\n\r\n distanceConstraintSet = true;\r\n }\r\n\r\n function getBlobArray(options) {\r\n return new Promise((resolve, reject) => {\r\n let xhr = new XMLHttpRequest();\r\n xhr.open(options.method, options.url, true);\r\n xhr.responseType = 'arraybuffer';\r\n xhr.onload = () => {\r\n if (xhr?.status >= 200 && xhr?.status < 300) {\r\n let responseArray = new Uint8Array(xhr.response);\r\n resolve(responseArray);\r\n } else {\r\n reject({\r\n status: xhr?.status,\r\n statusText: xhr?.statusText,\r\n });\r\n }\r\n };\r\n xhr.onerror = () => {\r\n reject({\r\n status: xhr?.status,\r\n statusText: xhr?.statusText,\r\n });\r\n };\r\n if (options.headers) {\r\n Object.keys(options.headers).forEach((key) => {\r\n xhr.setRequestHeader(key, options.headers[key]);\r\n });\r\n }\r\n let paramsObject = options.params;\r\n xhr.send(paramsObject);\r\n }).catch((error) => { doLogException('getBlobArray', error); });\r\n }\r\n\r\n function getDistinctAddressesByParid(options) {\r\n return new Promise((resolve, reject) => {\r\n let xhr = new XMLHttpRequest();\r\n xhr.open(options.method, options.url, true);\r\n xhr.responseType = 'json';\r\n xhr.onload = () => {\r\n if (xhr?.status >= 200 && xhr?.status < 300) {\r\n resolve(xhr.response);\r\n } else {\r\n reject({\r\n status: xhr?.status,\r\n statusText: xhr?.statusText,\r\n });\r\n }\r\n };\r\n xhr.onerror = () => {\r\n reject({\r\n status: xhr?.status,\r\n statusText: xhr?.statusText,\r\n });\r\n };\r\n if (options.headers) {\r\n Object.keys(options.headers).forEach((key) => {\r\n xhr.setRequestHeader(key, options.headers[key]);\r\n });\r\n }\r\n let paramsObject = options.params;\r\n xhr.send(paramsObject);\r\n }).catch((error) => { doLogException('getDistinctAddressesByParid', error); });\r\n }\r\n\r\n function exportLabels(json, contentType) {\r\n return new Promise((resolve, reject) => {\r\n stepProgressBar();\r\n\r\n let http = '/wp-content/themes/frontier-child/models';\r\n let url = '';\r\n\r\n switch (contentType.toUpperCase()) {\r\n case 'CSV':\r\n url = `${http}/pao-model-bulklabels.php`;\r\n break;\r\n default:\r\n url = `${http}/pao-model-bulkmail.php`;\r\n }\r\n getBlobArray({\r\n url: url,\r\n method: 'POST',\r\n params: json,\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8',\r\n },\r\n })\r\n .then((data) => {\r\n let obj = JSON.parse(json);\r\n let p1 = new Promise((resolve, reject) => {\r\n if (contentType === 'CSV') {\r\n resolve(createDownloadLinkCsv(data, obj.file_name));\r\n } else {\r\n resolve(createDownloadLinkPdf(data, obj.file_name));\r\n }\r\n });\r\n p1.then((result) => {\r\n stepProgressBar();\r\n resolve(result);\r\n });\r\n p1.catch((result) => {\r\n doLogException('exportLabels', error);\r\n reject(result);\r\n });\r\n })\r\n .catch((result) => {\r\n doLogException('exportLabels', error);\r\n reject(result);\r\n });\r\n }).catch((error) => doLogException('exportLabels', error));\r\n }\r\n\r\n async function distinctAddressCount(json) {\r\n return new Promise((resolve, reject) => {\r\n\r\n let http = '/wp-content/themes/frontier-child/models';\r\n let url = `${http}/pao-model-unique-addresses-by-parid.php`;\r\n\r\n getDistinctAddressesByParid({\r\n url: url,\r\n method: 'POST',\r\n params: json,\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8',\r\n },\r\n })\r\n .then((data) => {\r\n let i = data;\r\n if (!i) i = 0;\r\n resolve(i);\r\n })\r\n .catch((result) => {\r\n console.log(result)\r\n reject(result);\r\n });\r\n }).catch((error) => doLogException('distinctAddressCount', error));\r\n }\r\n\r\n const _bufferWidget = {\r\n close: function () {\r\n resetBufferFilters(0);\r\n\r\n activeWidget.lastActiveButton = 'bufferButton';\r\n activeWidget.state = 'inactive';\r\n\r\n document.querySelector('#pao-buffer-container').active = false;\r\n document.querySelector('#pao-buffer-container').hidden = true;\r\n document.querySelector('#pao-footer-block').hidden = true;\r\n document.querySelector('#pao-buffer-container').removeAttribute('indicator');\r\n\r\n bufferButton.classList.add('esri-icon-review');\r\n bufferButton.classList.remove('esri-icon-trash');\r\n\r\n resetActiveWidgetObject();\r\n\r\n toggleSearchWidget({ show: paoDetails.gis.displayPage === 'fullaerial' });\r\n\r\n this.title(bufferWidgetInactiveTitle);\r\n },\r\n open: function () {\r\n\r\n closeVisiblePopup();\r\n\r\n closeLastActiveWidget();\r\n\r\n bufferButton.classList.remove('esri-icon-review');\r\n bufferButton.classList.add('esri-icon-trash');\r\n bufferButton.classList.add('active');\r\n activeWidget.buttonId = 'bufferButton';\r\n\r\n activeWidget.containerId = 'pao-buffer-container';\r\n activeWidget.worksMinimized = false;\r\n activeWidget.showTitleBar = true;\r\n\r\n view.ui.move({ component: 'zoom', position: 'top-right', index: 1 });\r\n\r\n\r\n this.title('Click or use escape to cancel mailing labels/list.');\r\n\r\n let id = activeWidget?.containerId;\r\n if (id?.length > 0) {\r\n let el = document.getElementById('pao-buffer-container');\r\n if (el) {\r\n el.active = true;\r\n el.hidden = false;\r\n el.setAttribute('indicator', '');\r\n }\r\n el = document.querySelector('#pao-footer-block');\r\n if (el) el.hidden = false;\r\n }\r\n\r\n activeWidget.state = 'active';\r\n\r\n toggleSearchWidget({ show: true });\r\n\r\n },\r\n title: function (title) {\r\n bufferButton.setAttribute('title', title);\r\n bufferButton.setAttribute('aria-label', title);\r\n },\r\n };\r\n\r\n const watchMeasure = (_widget) => {\r\n\r\n\r\n let dragEventObject = null;\r\n let activeMeasureLastState = null;\r\n\r\n reactiveUtils.watch(\r\n () => [\r\n _widget?.viewModel?.activeViewModel?.active,\r\n _widget?.viewModel?.activeViewModel?.state,\r\n _widget?.activeTool\r\n ],\r\n ([active, state, activeTool]) => {\r\n\r\n if (active && state === 'measuring') {\r\n let el = document.querySelector(`.esri-${activeTool}-measurement-2d__container`);\r\n if (el) el.parentElement.hidden = true;\r\n\r\n activeMeasureLastState = state;\r\n }\r\n if (!dragEventObject && (active && state === 'ready')) {\r\n\r\n let hint_class = null;\r\n let hint_text = '';\r\n\r\n if (activeTool === 'area') {\r\n hint_text = `To measure an area, touch the map to add two or more points to create a polygon (do not drag the point). Double tap on your final point to complete the polygon.`;\r\n }\r\n if (activeTool === 'distance') {\r\n hint_text = `To measure a distance, touch the map to add two or more points for a straight or segmented line (do not drag the point). Double tap on your final point to complete the line.`;\r\n }\r\n if (hint_text.length > 0) {\r\n setTimeout(() => {\r\n hint_class = `esri-${activeTool}-measurement-2d__hint-text`;\r\n let el = document.querySelector(`.${hint_class}`);\r\n if (el) el.innerText = hint_text;\r\n }, 100);\r\n }\r\n\r\n const stopEvtPropagation = (event) => {\r\n event.stopPropagation();\r\n };\r\n dragEventObject = view.on('drag', stopEvtPropagation);\r\n }\r\n if (!active && state === 'measured' || state === 'disabled') {\r\n\r\n if (state === 'measured') {\r\n let el = document.querySelector(`.esri-${activeTool}-measurement-2d__container`);\r\n if (el) el.parentElement.hidden = false;\r\n }\r\n dragEventObject?.remove();\r\n dragEventObject = null;\r\n }\r\n });\r\n }\r\n\r\n\r\n let pointerType = 'mouse';\r\n let swipeTimerHandle;\r\n\r\n mapEl.addEventListener('touchstart', e => {\r\n pointerType = 'touch';\r\n [...e.changedTouches].forEach(touch => {\r\n\r\n if (e.target instanceof HTMLCanvasElement) {\r\n if (e.type === 'touchstart' && e.touches.length === 1) {\r\n\r\n let state = measurement?.viewModel?.activeViewModel?.state;\r\n\r\n if (e.currentTarget.classList.contains('measure-canceled')) {\r\n e.currentTarget.classList.remove('measure-canceled');\r\n return;\r\n }\r\n if (state === 'ready') {\r\n enableViewConstraintZoom();\r\n }\r\n }\r\n }\r\n })\r\n })\r\n mapEl.addEventListener('touchmove', (e) => {\r\n [...e.changedTouches].forEach(touch => {\r\n if (e.target instanceof HTMLCanvasElement) {\r\n if (e.type === 'touchmove' && e.touches.length > 0) {\r\n\r\n let state = measurement?.viewModel?.activeViewModel?.state;\r\n let activeTool = measurement?.activeTool;\r\n\r\n if (!state) {\r\n if (e.touches.length > 1)\r\n e.currentTarget.classList.add('swiping');\r\n }\r\n\r\n\r\n if (state === 'ready') {\r\n\r\n let hint_text = '';\r\n if (activeTool === 'area') {\r\n _areaMeasureWidget.close();\r\n hint_text = `1. To measure an area, create a polygon by placing points on the map\r\n 2. Ensure your entire subject is visible \r\n
3. Select the Area Measurement widget\r\n
4. Touch the map to add two or more points. Do not drag the point\r\n
5. Double tap on your final point to complete the polygon`;\r\n }\r\n if (activeTool === 'distance') {\r\n _distanceMeasureWidget.close();\r\n hint_text = `1. To measure a distance, create a straight or segmented line on your subject property\r\n
2. Pan the map to ensure your entire subject is visible\r\n
3. Select the Distance Measurement Widget\r\n
4. Touch the map to add two or more points. Do not drag the point\r\n
5. Double tap on your final point to complete the line`;\r\n }\r\n let msg = `The map may not be moved, pinched, or rotated during an active measurement.
${hint_text}`;\r\n const firstLetter = activeTool?.charAt(0);\r\n const firstLetterCap = firstLetter?.toUpperCase();\r\n const remainingLetters = activeTool?.slice(1);\r\n const title_tool = firstLetterCap + remainingLetters;\r\n\r\n e.currentTarget.classList.add('measure-canceled');\r\n\r\n let evt = e.currentTarget;\r\n setTimeout(() => {\r\n evt.classList.remove('measure-canceled');\r\n }, 6000);\r\n\r\n }\r\n }\r\n if (e.type === 'touchmove' && e.touches.length > 1) {\r\n clearTimeout(swipeTimerHandle);\r\n e.currentTarget.classList.remove('swiping');\r\n }\r\n }\r\n })\r\n })\r\n mapEl.addEventListener('touchend', e => {\r\n [...e.changedTouches].forEach(touch => {\r\n if (e.target instanceof HTMLCanvasElement) {\r\n\r\n if (swipeTimerHandle)\r\n clearTimeout(swipeTimerHandle);\r\n\r\n e.currentTarget.classList.remove('swiping');\r\n e.currentTarget.classList.remove('zooming');\r\n\r\n let state = measurement?.viewModel?.activeViewModel?.state;\r\n\r\n let allowed = ['measured', 'disabled'];\r\n if (state?.includes(allowed)) {\r\n disableViewConstraintZoom();\r\n }\r\n }\r\n })\r\n })\r\n\r\n const _distanceMeasureWidget = {\r\n close: function () {\r\n\r\n measurement.clear();\r\n\r\n disableViewConstraintZoom();\r\n\r\n activeWidget.lastActiveButton = 'distanceButton';\r\n\r\n document.querySelector('#distanceButton').active = false;\r\n document.querySelector('#distanceButton').classList.remove('active');\r\n document.querySelector('#distanceButton').removeAttribute('indicator');\r\n\r\n document\r\n .querySelector('#distanceButton')\r\n .classList.remove('esri-icon-trash');\r\n document\r\n .querySelector('#distanceButton')\r\n .classList.add('esri-icon-measure-line');\r\n\r\n if (measure_widget) {\r\n view.ui.remove(measure_widget);\r\n if (measure_widget?.constructed) widget.destroy();\r\n measure_widget = null;\r\n }\r\n\r\n resetActiveWidgetObject();\r\n\r\n this.title('Measure the distance between two or more points.');\r\n },\r\n open: function () {\r\n\r\n enableViewConstraintZoom();\r\n\r\n initMeasureWidget('distance', 'feet');\r\n\r\n closeVisiblePopup();\r\n\r\n closeLastActiveWidget();\r\n\r\n distanceButton.classList.remove('esri-icon-measure-line');\r\n distanceButton.classList.add('esri-icon-trash');\r\n distanceButton.classList.add('active');\r\n $('div.esri-component.esri-area-measurement-2d.esri-widget.esri-widget--panel').hide();\r\n\r\n activeWidget.containerId = activeWidget.buttonId = 'distanceButton';\r\n activeWidget.worksMinimized = true;\r\n\r\n view.focus();\r\n\r\n this.title('Click or use escape to cancel measurement.');\r\n\r\n activeWidget.state = 'active';\r\n\r\n watchMeasure(measurement);\r\n },\r\n title: function (title) {\r\n distanceButton.setAttribute('title', title);\r\n distanceButton.setAttribute('aria-label', title);\r\n },\r\n };\r\n\r\n const _areaMeasureWidget = {\r\n close: function () {\r\n\r\n measurement.clear();\r\n\r\n disableViewConstraintZoom();\r\n\r\n activeWidget.lastActiveButton = 'areaButton';\r\n\r\n document.querySelector('#areaButton').active = false;\r\n document.querySelector('#areaButton').classList.remove('active');\r\n document.querySelector('#areaButton').removeAttribute('indicator');\r\n\r\n document.querySelector('#areaButton').classList.remove('esri-icon-trash');\r\n document.querySelector('#areaButton').classList.add('esri-icon-measure-area');\r\n\r\n resetActiveWidgetObject();\r\n\r\n this.title('Measure an area on the map.');\r\n },\r\n open: function () {\r\n\r\n enableViewConstraintZoom();\r\n\r\n initMeasureWidget('area', 'square-us-feet');\r\n\r\n closeVisiblePopup();\r\n closeLastActiveWidget();\r\n\r\n areaButton.classList.remove('esri-icon-measure-area');\r\n areaButton.classList.add('esri-icon-trash');\r\n areaButton.classList.add('active');\r\n\r\n $('div.esri-component.esri-direct-line-measurement-2d.esri-widget.esri-widget--panel').hide();\r\n\r\n activeWidget.containerId = activeWidget.buttonId = 'areaButton';\r\n activeWidget.worksMinimized = true;\r\n\r\n view.focus();\r\n\r\n this.title('Click or use escape to cancel measurement.');\r\n\r\n activeWidget.state = 'active';\r\n },\r\n clearMeasurements: function () { },\r\n title: function (title) {\r\n areaButton.setAttribute('title', title);\r\n areaButton.setAttribute('aria-label', title);\r\n },\r\n };\r\n\r\n const user_instructions_content = (id) => {\r\n let content = {\r\n title: '',\r\n text: '',\r\n notice: '',\r\n images: [],\r\n href: '',\r\n linkText: '',\r\n showCancel: true,\r\n showStart: false\r\n };\r\n\r\n let temp_boiler = `When your subject parcel is highlighted, the Buffer Slider tool can be used to create an offset, and the Tax Parcel Type filter can be used to \r\n exclude unwanted parcels. Buffering involves measuring the distance outward in all directions from your subject parcel at a specified distance to create an\r\n offset. The data about each parcel, such as its Situs Address and Owner(s), is returned in the offset, which can be exported to PDF and CSV files. The subject \r\n parcel is always the starting point for an offset and can be excluded from the exported data if necessary. Offset distances are available in Feet, Meters, \r\n and sometimes Miles and Kilometers.
`;\r\n\r\n switch (id) {\r\n case 'pao-point':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-point.mp4';\r\n content.linkText = 'Select a subject parcel with a point';\r\n content.title = `Parcels By Point - Getting started using the point sketch tool`;\r\n content.text = `This sketch tool allow you to locate your subject parcel by dropping a point on the map. The subject parcel will change color indicating \r\n that buffering is active. ${temp_boiler}
`;\r\n content.notice = 'Note: The maximum zoom level for Parcels By Point is already set and disabled. Click Start to add your point now.';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Using the Buffer Distance Settings',\r\n image: 'settings-buffer-distance.gif'\r\n });\r\n break;\r\n case 'pao-polygon':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-polygon.mp4';\r\n content.linkText = 'Select your subject parcel with a polygon';\r\n content.title = `Parcels By Polygon - Getting started using the polygon sketch tool.`;\r\n content.text = `This sketch tool allow you to locate your subject parcel by drawing a polygin on the map. Before beginning your polygon sketch, pan the map \r\n by dragging it so that the area where your polygon will be drawn is centered. When your area is centered, add the polygon by clicking the crosshair cursor \r\n in the map to place your first vertex point. Move the cursor over the location and click the map where you want the vertex to end. Now move the cursor to \r\n the next position and draw the second vertex. You will see sketch visualizations to help identify perpendicular and parallel lines. Continue this procedure \r\n until your final point is set. Double-click the mouse to close the polygon. Any parcels within the polygon will change color indicating that buffering is active. ${temp_boiler}
`;\r\n content.notice = 'Note: The maximum zoom level for Parcels By Polygon is already set and disabled. Click Start to add your polygon now.';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Parcels By Polygon',\r\n image: 'getting-started-by-polygon.gif'\r\n });\r\n break;\r\n case 'pao-rectangle':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-rectangle.mp4';\r\n content.linkText = 'Select your subject parcel with a rectangle';\r\n content.title = `Parcels By Rectangle - Getting started using the rectangle sketch tool.`;\r\n content.text = `This sketch tool allow you to locate your subject parcel by drawing a rectangle on the map. Before beginning your rectangle sketch, pan the map \r\n by dragging it so that the area where your rectangle will be drawn is centered. When your area is centered, add the rectangle by clicking the crosshair \r\n cursor in the map to place your first point. Begin dragging your mouse on the map. As you move your mouse, you will see the area of the rectangle next \r\n to your cursor. Finish the rectangle by releasing your mouse. Any parcels within the rectangle will change color indicating that buffering is active.`;\r\n content.notice = 'Note: The maximum zoom level for Parcels By Rectangle is already set and disabled. Click Start to add your rectangle now.
';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Parcels By Rectangle',\r\n image: 'getting-started-by-rectangle.gif'\r\n });\r\n break;\r\n case 'pao-by-condo':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-by-condo.mp4';\r\n content.linkText = 'Selecting a Condominium as your subject parcel';\r\n content.title = `Condominium - Getting started using a map layer by Condominium.`;\r\n content.text = `This map layer option allows you to choose a single condominium from a list as your subject parcel. The map will navigate to your chosen condominium and highlight it. ${temp_boiler}
`;\r\n content.notice = '';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Condominium',\r\n image: 'getting-started-by-condo.gif'\r\n });\r\n break;\r\n case 'pao-by-coop':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-by-coop.mp4';\r\n content.linkText = 'Selecting a Cooperative as your subject parcel';\r\n content.title = `Cooperative - Getting started using a map layer by Cooperative.`;\r\n content.text = `This map layer option allows you to choose a single cooperative from a list as your subject parcel. The map will navigate to your chosen cooperative and highlight it. ${temp_boiler}
`;\r\n content.notice = '';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Cooperative',\r\n image: 'getting-started-by-coop.gif'\r\n });\r\n break;\r\n case 'pao-by-subdv':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-by-subdv.mp4';\r\n content.linkText = 'Selecting a Subdivision as your subject parcel';\r\n content.title = `Subdivision - Getting started using a map layer by Subdivision.`;\r\n content.text = `This map layer option allows you to choose a single subdivision from a list as your subject parcel. The map will navigate to your chosen subdivision and highlight it. ${temp_boiler}
`;\r\n content.notice = '';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'Subdivision',\r\n image: 'getting-started-by-subdv.gif'\r\n });\r\n break;\r\n case 'pao-by-parid':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-by-parid.mp4';\r\n content.linkText = 'Using a Parcel Id as your subject parcel';\r\n content.title = `By Parcel Id - Getting started using a map layer by parcel Id.`;\r\n content.text = `Use the Parcel Id map layer option to input a valid Parcel Id. The map will navigate to your parcel and highlight it. You have the option to \r\n set the buffer offset distance on the first parcel, or add additional parcels and set the offset distance individually. If you choose to set \r\n the buffer distance, any additional parcels you add will inherit the same offset distance. ${temp_boiler}
`;\r\n content.notice = 'You can add up to 15 parcels.';\r\n content.showStart = false;\r\n content.images.push({\r\n label: 'By Parcel Id',\r\n image: 'getting-started-by-parid.gif'\r\n });\r\n break;\r\n case 'pao-taxparceltypes-block-info':\r\n content.href = '/wp-content/uploads/mailing-labels-pao-taxparceltypes-block-inf.mp4';\r\n content.linkText = 'Filtering by tax parcel type';\r\n content.title = content.linkText;\r\n content.text = `The Tax parcel types filter lets you leave out parcels that do not fit your mailing labels requirement.`;\r\n content.notice = '';\r\n content.showStart = false;\r\n break;\r\n case 'pao-buffer-slider-block-info':\r\n content.href = '/wp-content/uploads/buffer-distance-settings.mp4';\r\n content.linkText = 'Buffer Distance Settings';\r\n content.title = `Buffer Distance Settings.`;\r\n content.text = `Buffer distance units are available in Feet, Meters, and sometimes Miles and Kilometers.
\r\n Include / Exclude subject parcel defaults to include the subject parcel.
\r\n Offset distance slider sets the offset distance around the subject parcel.`;\r\n content.notice = '';\r\n content.showStart = false;\r\n break;\r\n }\r\n return content;\r\n };\r\n\r\n function doLogException(handler, error, tf = false) {\r\n if (!tf)\r\n tf = !(window.location.origin.indexOf('www') > -1);\r\n\r\n throw new PaoException(handler, tf, error);\r\n }\r\n\r\n return true;\r\n }); \r\n\r\n\r\n\r\n\r\n function PaoSliderScale(unitType) {\r\n this.unitType = unitType.toLowerCase();\r\n this.labelHandles = true;\r\n this.labelTicks = true;\r\n this.max = 0;\r\n this.minLabel = 0;\r\n this.pageStep = 0;\r\n this.step = 0;\r\n this.ticks = 0;\r\n this.value = 0;\r\n\r\n this.scaleFeet = [\r\n {\r\n labelHandles: true,\r\n labelTicks: true,\r\n max: '750',\r\n minLabel: '0',\r\n pageStep: '20',\r\n step: '5',\r\n ticks: '125',\r\n value: '0',\r\n },\r\n ];\r\n this.scaleMeters = [\r\n {\r\n labelHandles: true,\r\n labelTicks: true,\r\n max: '228',\r\n minLabel: '0',\r\n pageStep: '20',\r\n step: '5',\r\n ticks: '60',\r\n value: '0',\r\n },\r\n ];\r\n this.scaleKilometers = [\r\n {\r\n labelHandles: true,\r\n labelTicks: true,\r\n max: '3.22',\r\n minLabel: '0',\r\n pageStep: '4',\r\n step: '0.644',\r\n ticks: '0.644',\r\n value: '0',\r\n },\r\n ];\r\n this.scaleMiles = [\r\n {\r\n labelHandles: true,\r\n labelTicks: true,\r\n max: '2',\r\n minLabel: '0',\r\n pageStep: '.5',\r\n step: '.25',\r\n ticks: '.25',\r\n value: '0',\r\n },\r\n ];\r\n this.assignScale = (scale) => {\r\n this.labelHandles = scale.labelHandles;\r\n this.labelTicks = scale.labelTicks;\r\n this.max = scale.max;\r\n this.minLabel = scale.minLabel;\r\n this.pageStep = scale.pageStep;\r\n this.step = scale.step;\r\n this.ticks = scale.ticks;\r\n this.value = scale.value;\r\n };\r\n this.scale = () => {\r\n switch (this.unitType) {\r\n case 'feet':\r\n this.assignScale(...this.scaleFeet);\r\n return [...this.scaleFeet];\r\n case 'meters':\r\n this.assignScale(...this.scaleMeters);\r\n return [...this.scaleMeters];\r\n case 'kilometers':\r\n this.assignScale(...this.scaleKilometers);\r\n return [...this.scaleKilometers];\r\n case 'miles':\r\n this.assignScale(...this.scaleMiles);\r\n return [...this.scaleMiles];\r\n }\r\n };\r\n\r\n this.getUnitType = (_type) => {\r\n switch (_type.toLowerCase()) {\r\n case 'feet':\r\n return 'ft';\r\n case 'meters':\r\n return 'm';\r\n case 'kilometers':\r\n return 'km';\r\n case 'miles':\r\n return 'mi';\r\n }\r\n };\r\n\r\n this.convert = (newType, oldType, size) => {\r\n if (!(size > 0)) return size;\r\n\r\n let matrixFeet = {\r\n yds: 0.333333,\r\n km: 0.0003048,\r\n m: 0.3048,\r\n mi: 0.0001893939,\r\n };\r\n let matrixMeters = {\r\n mi: 0.000621,\r\n ft: 3.28084,\r\n yds: 1.09361,\r\n km: 0.001,\r\n };\r\n let matrixMiles = { ft: 5280, km: 1.609344, m: 1.609344 };\r\n\r\n let t = this.getUnitType(newType.toLowerCase());\r\n let x = this.getUnitType(oldType.toLowerCase());\r\n let _matrix = null;\r\n switch (x) {\r\n case 'ft':\r\n _matrix = matrixFeet;\r\n break;\r\n case 'km':\r\n _matrix = matrixKilometers;\r\n break;\r\n case 'm':\r\n _matrix = matrixMeters;\r\n break;\r\n case 'mi':\r\n _matrix = matrixMiles;\r\n break;\r\n }\r\n if (_matrix) return size * _matrix[t];\r\n\r\n };\r\n }\r\n\r\n class PaoPopupTemplate {\r\n constructor() { }\r\n _goToContent = null;\r\n _isGoToBufferParcel = false;\r\n _isGoToParcel = false;\r\n _goToActions = [];\r\n _resultCount = 0;\r\n\r\n set IsGoToParcel(value) {\r\n this._isGoToParcel = value;\r\n }\r\n set IsGoToBufferParcel(value) {\r\n this._isGoToBufferParcel = value;\r\n }\r\n get resultCount() {\r\n return this._resultCount;\r\n }\r\n set resultCount(value) {\r\n this._resultCount = value;\r\n }\r\n\r\n set contentType(value) {\r\n switch (value) {\r\n case 'default':\r\n\r\n this._goToContent = \"
Owner: {PAR_OWNER_NAME1}
\" +\r\n \"Neighborhood: {PAR_NBHD_NAME}
\" +\r\n \"Situs: {SITUS_ADDRESS}
\" +\r\n \"{expression/SALE_DATE_LQ-label}{expression/SALE_DATE_LQ}
\" +\r\n \"{expression/SALE_PRICE_LQ-label}{expression/SALE_PRICE_LQ}
\" +\r\n \"{expression/SALE_VORI_LQ-label}{expression/SALE_VORI_LQ}
\" +\r\n \"{expression/SALE_CODE_LQ-label}{expression/SALE_CODE_LQ}
\" +\r\n '${_menu_content}
`,\r\n content: this._goToContent,\r\n actions: this._goToActions,\r\n expressionInfos: [\r\n {\r\n name: 'SALE_DATE_LQ-label',\r\n expression:\r\n \"IIf(IsEmpty($feature.SALE_DATE_LQ), '', 'Last Qualified Sale Date: ')\",\r\n },\r\n {\r\n name: 'SALE_DATE_LQ',\r\n expression:\r\n \"IIf(IsEmpty($feature.SALE_DATE_LQ), '', Text(Date($feature.SALE_DATE_LQ), 'M/D/YYYY'))\",\r\n },\r\n {\r\n name: 'SALE_PRICE_LQ-label',\r\n expression:\r\n \"IIf(IsEmpty($feature.SALE_PRICE_LQ), '', 'Last Qualified Sale Price: ')\",\r\n },\r\n {\r\n name: 'SALE_PRICE_LQ',\r\n expression:\r\n \"IIf(IsEmpty($feature.SALE_PRICE_LQ), '', Text(Number($feature.SALE_PRICE_LQ *1, 0), '$###,###.##'))\",\r\n },\r\n {\r\n name: 'SALE_VORI_LQ-label',\r\n expression:\r\n \"IIf(IsEmpty($feature.SALE_VORI_LQ), '', 'Vacant or Improved: ')\",\r\n },\r\n {\r\n name: 'SALE_VORI_LQ',\r\n expression:\r\n \"IIf(IsEmpty($feature.SALE_VORI_LQ), '', IIf(Upper($feature.SALE_VORI_LQ) == 'V', 'Vacant', 'Improved'))\",\r\n },\r\n {\r\n name: 'SALE_CODE_LQ-label',\r\n expression:\r\n \"IIf(IsEmpty($feature.SALE_CODE_LQ), '', 'Qualification Code: ')\",\r\n },\r\n {\r\n name: 'SALE_CODE_LQ',\r\n expression:\r\n \"IIf(IsEmpty($feature.SALE_CODE_LQ), '', $feature.SALE_CODE_LQ)\",\r\n },\r\n ],\r\n };\r\n }\r\n }\r\n class PaoException extends Error {\r\n constructor(name, showAlert, error, ...params) {\r\n super(...params);\r\n if (Error.captureStackTrace) {\r\n Error.captureStackTrace(this, PaoException);\r\n }\r\n this.errorName = name;\r\n this.errorText = error;\r\n this.showAlert = showAlert;\r\n this.errorDate = new Date().toLocaleString('en-US');\r\n this.friendlyName = '';\r\n this.errorMessage = error?.message ? error.message : '';\r\n const PaoAlertAutoDismissSpeed = Object.freeze({\r\n Fast: 'fast',\r\n Medium: 'medium',\r\n Slow: 'slow',\r\n });\r\n switch (this.errorName) {\r\n case 'ExportToFileException':\r\n this.friendlyName = `Sorry. An unexpected error occurred while creating your download. Try refreshing the page and try again.`;\r\n break;\r\n default:\r\n this.friendlyName = 'Sorry. An unexpected error occurred. Try refreshing the page and try again.';\r\n }\r\n this.friendlyMessage = `Reported: ${this.errorDate.toLocaleString('en-US')}`;\r\n if (this.showAlert) {\r\n PaoError.showAlert({\r\n title: this.friendlyName,\r\n message: this.friendlyMessage,\r\n scale: 's',\r\n placement: 'bottom',\r\n auto_close: false,\r\n auto_close_speed: PaoAlertAutoDismissSpeed.Fast,\r\n });\r\n }\r\n\r\n this.logError();\r\n }\r\n logError = () => {\r\n let plog = new PaoLogger();\r\n let options = {\r\n date: this.errorDate,\r\n location: this.errorName,\r\n message: this.errorMessage,\r\n text: this.errorName,\r\n type: 'error'\r\n };\r\n plog.logAdd(options);\r\n };\r\n }\r\n\r\n class AlertKind {\r\n constructor() { }\r\n static Brand = 'brand';\r\n static Danger = 'danger';\r\n static Info = '';\r\n static Success = 'success';\r\n static Warning = 'warning';\r\n }\r\n\r\n class PaoAlert extends AlertKind {\r\n constructor() { }\r\n static calciteAlert = (\r\n id,\r\n kind,\r\n icon,\r\n scale = 'm',\r\n placement = 'top',\r\n title,\r\n message,\r\n auto_close = false,\r\n auto_close_speed = 'fast'\r\n ) => {\r\n\r\n let el = document.querySelectorAll('#calcite-alert');\r\n if (el?.length > 1)\r\n id = `${id}-${el?.length + 1}`;\r\n\r\n if (!icon)\r\n icon = '';\r\n\r\n let pao_alert = document.createElement('calcite-alert');\r\n pao_alert.setAttribute('id', id);\r\n pao_alert.setAttribute('open', '');\r\n pao_alert.setAttribute('kind', kind);\r\n pao_alert.setAttribute('placement', placement);\r\n pao_alert.setAttribute('icon', icon);\r\n pao_alert.setAttribute('scale', scale);\r\n if (auto_close) {\r\n pao_alert.setAttribute('auto-close', null);\r\n pao_alert.setAttribute('auto-close-duration', auto_close_speed);\r\n }\r\n pao_alert.setFocus();\r\n pao_alert.addEventListener('calciteAlertClose', (event) => {\r\n if (event?.target?.id != null) {\r\n let id = event.target.id;\r\n let el = document.getElementById(id);\r\n if (el) el.remove();\r\n }\r\n });\r\n\r\n let _title = document.createElement('div');\r\n _title.setAttribute('slot', 'title');\r\n _title.innerHTML = `${title}`;\r\n\r\n pao_alert.appendChild(_title);\r\n\r\n let _message = document.createElement('div');\r\n _message.setAttribute('slot', 'message');\r\n _message.innerHTML = `${message}`;\r\n\r\n pao_alert.appendChild(_message);\r\n\r\n let shell = document.getElementById('pao-shell');\r\n if (shell) shell.appendChild(pao_alert);\r\n return id;\r\n };\r\n }\r\n\r\n class PaoError extends PaoAlert {\r\n constructor() { }\r\n static showAlert = ({\r\n title,\r\n message,\r\n scale,\r\n placement,\r\n auto_close,\r\n auto_close_speed,\r\n }) => {\r\n this.calciteAlert(\r\n 'pao-shell-error-alert',\r\n this.Danger,\r\n 'exclamation-mark-triangle',\r\n scale,\r\n placement,\r\n title,\r\n message,\r\n auto_close,\r\n auto_close_speed\r\n );\r\n };\r\n }\r\n class PaoWarning extends PaoAlert {\r\n constructor() { }\r\n static showAlert = ({\r\n title,\r\n message,\r\n scale,\r\n placement,\r\n auto_close,\r\n auto_close_speed,\r\n }) => {\r\n this.calciteAlert(\r\n 'pao-shell-warning-alert',\r\n this.Warning,\r\n 'exclamation-mark-triangle',\r\n scale,\r\n placement,\r\n title,\r\n message,\r\n auto_close,\r\n auto_close_speed\r\n );\r\n };\r\n }\r\n class PaoSuccess extends PaoAlert {\r\n constructor() { }\r\n static showAlert = ({\r\n title,\r\n message,\r\n scale,\r\n placement,\r\n auto_close,\r\n auto_close_speed,\r\n }) => {\r\n this.calciteAlert(\r\n 'pao-shell-success-alert',\r\n this.Success,\r\n 'check-circle',\r\n scale,\r\n placement,\r\n title,\r\n message,\r\n auto_close,\r\n auto_close_speed\r\n );\r\n };\r\n }\r\n class PaoInfo extends PaoAlert {\r\n constructor() { }\r\n static showAlert = ({\r\n title,\r\n message,\r\n scale,\r\n placement,\r\n auto_close,\r\n auto_close_speed,\r\n icon\r\n }) => {\r\n return this.calciteAlert(\r\n 'pao-shell-info-alert',\r\n this.Info,\r\n icon, \r\n scale,\r\n placement,\r\n title,\r\n message,\r\n auto_close,\r\n auto_close_speed\r\n );\r\n };\r\n }\r\n\r\n class PaoLogger {\r\n constructor() { }\r\n logAdd = (options) => {\r\n let xhr = new XMLHttpRequest();\r\n let http = '/wp-content/themes/frontier-child/models';\r\n let url = `${http}/pao-model-logger.php`;\r\n\r\n options['visitorip'] = paoDetails.client.visitorIP;\r\n\r\n xhr.open('POST', url, true);\r\n\r\n xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');\r\n\r\n xhr.onreadystatechange = () => {\r\n if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {\r\n }\r\n };\r\n let data = JSON.stringify(options);\r\n xhr.send(data);\r\n };\r\n }\r\n};"],"file":"mcpao-aerial.min.js"}