\n
\n
\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-download-reports',\n templateUrl: './download-reports.component.html',\n styleUrls: ['./download-reports.component.css']\n})\nexport class DownloadReportsComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","\n
\n \n \n
\n\n\n
\n \n
\n \n
\n ![\"email\"](\"assets/images/icons/address.png\"){kind=icon}
\n\n\n Texas A&M Forest Service
\n
\n 200 Technology Way Drive, Suite 1281
\n College Station, TX 77845-2424\n\n
\n
\n ![\"email\"](\"assets/images/icons/email.png\"){kind=icon}
\n\n\n Xufang Zhang, PhD
\n
\n Forest Economist
\n Email: xufang.zhang@tfs.tamu.edu\n\n
\n
\n ![\"email\"](\"assets/images/icons/cellphone.png\"){kind=icon}
\n\n\n Call
\n \n Text a Question
\n Phone: (979) 458-6630\n
\n Phone: (937) 839-8837\n \n\n
\n
","\n\n\n \n \n
\n\n \n
\n Download Reports (PDF)
\n\nClick on one of the links below to download a\n report
\n\n
\n
\n\n \n
\n
\n \n
\n
\n\n
\n \n \n
\n\n
\n | \n\n\n\n \n Texas*\n 2007\n 2008 \n 2009 \n 2010 \n 2011 \n 2012 \n 2013 \n 2014 \n 2015 \n 2019 \n 2021 \n 2024 \n \n \n\n \n\n \n \n\n |
\n
\n\n \n
\n
\n \n
2024 County (East Texas only):
\n\n\n\n\n \n
\n
\n\n\n | \n \n | \n\n\n \n | \n\n \n | \n\n\n\n\n\n
| \n \n | \n\n \n | \n\n \n | \n\n\n
| \n \n | \n\n \n | \n\n \n | \n
| \n \n | \n\n \n | \n\n \n | \n
| \n \n | \n\n \n | \n\n \n | \n\n
| \n\n \n | \n\n \n | \n\n \n | \n\n
| \n \n | \n\n \n | \n\n \n | \n
| \n \n | \n\n \n | \n\n \n | \n
| \n \n | \n\n \n | \n\n \n | \n\n
| \n \n | \n\n \n | \n\n \n | \n\n
| \n \n | \n\n \n | \n\n \n | \n\n
| \n \n | \n\n \n | \n\n \n | \n\n
| \n \n | \n\n \n | \n\n \n | \n\n\n\n
| \n \n | \n\n \n | \n\n \n\n |
\n
\n\n
* All years were re-analyzed using methods consistent with the 2012\n analysis.
\n\n ** These represent original analyses that use different econometric\n models than the most recent analysis; thus, the contributions are not directly comparable to re-estimated flyers.\n For trend information, please see the \"Trends\" section of this website.\n
\n\n
\n\n
\nEast Texas County Trends
\n\n \n \n
\n\n
\n\n \n {{item.name}}\n \n \n \n
\n
\n \n \n
Click a county on the map to view stats for the county.
\n\n\n\n
\n \n
\n
\n \n \n\n \n \n
\n \n","import { Component, OnInit, ViewChild, ElementRef} from '@angular/core';\nimport { loadModules } from 'esri-loader';\nimport { DOCUMENT } from '@angular/common';\nimport { Inject, Injectable } from '@angular/core';\nimport * as $ from 'jquery';// import Jquery here\nimport {Chart} from 'chart.js'\nimport esri = __esri;\nimport Swal from 'sweetalert2';\nimport * as mapvars from '../esri-mapsmap/mapvariables';\nimport { employmentmeasures, industryoutputmeasures, laborincomemeasures, directvalueaddedmeasures, industryoutputcolors, industryoutputcolorsandclasses, laborincomecolorsandclasses, laborincomecolors, directvalueaddedcolorsandclasses, directvalueaddedcolors } from '../esri-mapsmap/mapvariables';\n@Component({\n selector: 'app-east-texas-county-trends',\n templateUrl: './east-texas-county-trends.component.html',\n styleUrls: ['./east-texas-county-trends.component.css']\n})\n@Injectable()\nexport class EastTexasCountyTrendsComponent implements OnInit {\n\n @ViewChild('img', { static: true }) img: ElementRef;\n\n @ViewChild('mapViewNode2', { static: true }) mapViewEl2: ElementRef;\n @ViewChild('yearchart', { static: true }) yearchartEl: ElementRef;\n\n public economicimpactLayer: esri.FeatureLayer;\n public chart;\n public createchart;\n public measuresarray = mapvars.mapseconomiimpactarray;\n selectedMeasure = \"Industry Output Totals\";\n selectedMeasureChange = \"DirTotalInd\";\n\n constructor(@Inject(DOCUMENT) private document: Document) {\n\n\n }\n public ngOnInit() {\n return loadModules([\n \"esri/Map\",\n \"esri/views/MapView\",\n \"esri/layers/GraphicsLayer\",\n \"esri/layers/FeatureLayer\",\n \"esri/geometry/SpatialReference\",\n \"esri/widgets/Expand\",\n \"esri/Graphic\",\n \"esri/Color\",\n \"esri/symbols/SimpleFillSymbol\",\n \"esri/symbols/SimpleLineSymbol\",\n \"esri/core/lang\",\n \"esri/core/promiseUtils\",\n \"esri/core/watchUtils\"\n ], {\n url: 'https://js.arcgis.com/4.20/' // Explicitly set the desired API version here\n })\n .then(([EsriMap, EsriMapView, GraphicsLayer, FeatureLayer, SpatialReference, Expand, Graphic, Color, SimpleFillSymbol, SimpleLineSymbol, lang, promiseUtils, watchUtils]) => {\n var highlightHandle = null;\n var mapView2: __esri.MapView;\n var map2: esri.Map;\n\n var yearChart;\n map2 = new EsriMap({\n\n });\n var chart2;\n let countytext = \"\";\n let charttitle = \"\"; // Set a default title\n var queryvalues = []\n\n let economicImpactLayer2;\n let mapPointEvent;\n const renderer = {\n type: \"simple\", // autocasts as new SimpleRenderer()\n symbol: {\n type: 'simple-fill', // autocasts as SimpleFillSymbol\n color: new Color([232, 104, 80, 0]),\n style: 'solid',\n outline: { // autocasts as SimpleLineSymbol\n color: new Color([160, 160, 160, 1]),\n width: 1\n }\n }\n }\n\n const graphicsLayer = new GraphicsLayer({\n id: \"tempGraphics\"\n });\n\n \n this.economicimpactLayer = new FeatureLayer({\n title: \"Economic Contribution\",\n // url: 'https://tfsgis-dfe02.tfs.tamu.edu/arcgis/rest/services/EconomicImpacts/EconomicImpacts/FeatureServer/0',\n url: 'http://tfsgis02.tfs.tamu.edu/arcgis/rest/services/EconomicImpacts/EconomicImpacts/FeatureServer/0',\n outFields: [\"*\"],\n renderer: renderer\n\n });\n economicImpactLayer2 = this.economicimpactLayer;\n // in case user selects different measure for the same county\n $(\"#measureselect\").click(function (e) {\n // to get all clicks i need both class names because sometimes depending on the click its one or the other\n if (e.target.className == \"ng-option-label\" || e.target.classList[1] == \"ng-option-marked\") {\n var layerViewPromise = mapView2.whenLayerView(economicImpactLayer2);\n layerViewPromise.then(function (layerView) {\n queryvalues = [];\n if (mapView2.graphics.length > 0) {\n queryStatsOnDrag(layerView, mapPointEvent)\n .then(updateCharts)\n .catch(function (error) {\n if (error.name !== \"AbortError\") {\n console.error(error);\n }\n })\n }\n else {\n Swal.fire(\"Make sure you select a county before selecting another measure\");\n }\n\n })\n\n }\n });\n mapView2 = new EsriMapView({\n container: this.mapViewEl2.nativeElement,\n extent: {\n xmin: -10778243.35547992,\n ymin: 3378540.880179638,\n xmax: -10350195.997083047,\n ymax: 4032841.8423005724,\n spatialReference: new SpatialReference({ wkid: 3857 })\n },\n map: map2,\n // Disable mouse-wheel and single-touch map navigation.\n navigation: {\n mouseWheelZoomEnabled: false,\n browserTouchPanEnabled: false\n }\n\n })\n\n mapView2.ui.remove(\"zoom\")\n mapView2.on(\"drag\", function (evt) {\n // prevents panning with the mouse drag event\n evt.stopPropagation();\n });\n mapView2.on(\"double-click\", function (event) {\n event.stopPropagation();\n\n });\n\n map2.add(this.economicimpactLayer)\n function updateChart(chart, dataValues) {\n var arrSumTotal = dataValues.total.reduce((a, b) => a + b)\n var arrSumDirect = dataValues.direct.reduce((a, b) => a + b) \n let measureText = document.getElementById('measureselect')?.innerText.trim() || \"\";\n if (measureText.includes(\"Direct Value Added\")) {\n\n\n chart.data.datasets[0].data = dataValues.total;\n chart.data.datasets = [\n {\n label: \"Direct Contribution\",\n backgroundColor: \"#F3AA4E\",\n data: dataValues.direct\n }\n ]; \n // Hide legend when only one dataset is present\n chart.options.legend.display = false;\n chart.options.title.padding = 10;\n if (measureText.length + countytext.length < 30) {\n // console.log(\"Measure text length is less than 29\")\n // console.log(\"Length of measureselect text:\", measureText.length + countytext.length);\n chart.options.title.text = \" \" + charttitle\n \n }\n else if (measureText.length + countytext.length >= 30) {\n // console.log(\"Measure text length is more than 29\")\n // console.log(\"Length of measureselect text:\", measureText.length + countytext.length);\n chart.options.title.text = \" \" + charttitle\n \n }\n \n if (arrSumTotal == 0) {\n chart.data.datasets[0].data.label = \"No Data\"\n chart.data.labels = [\"No data\"];\n \n }\n }\n\n else\n {\n // console.log(document.getElementById('measureselect').innerText.trim())\n chart.data.datasets = [\n {\n label: \"Total Contribution\",\n backgroundColor: \"#10574C\",\n data: dataValues.total\n },\n {\n label: \"Direct Contribution\",\n backgroundColor: \"#F3AA4E\",\n data: dataValues.direct\n }\n ];\n // Show legend when both datasets are present\n chart.options.legend.display = true;\n \n // Update x-axis label\n if (document.getElementById('measureselect').innerText.trim().includes(\"Employment\")) {\n chart.options.scales.xAxes[0].scaleLabel.labelString = \"Jobs\";\n }\n else\n {\n chart.options.scales.xAxes[0].scaleLabel.labelString = \"Million $\";\n }\n chart.data.labels = [\n \"2007\",\n \"2009\",\n \"2012\",\n \"2015\",\n \"2019\",\n \"2021\"\n ]\n\n //chart.options.animation = {\n // onComplete: function (animation) {\n // var firstSet = animation.chart.config.data.datasets[0].data,\n // dataSum = firstSet.reduce((accumulator, currentValue) => accumulator + currentValue);\n\n // if (typeof firstSet !== \"object\" || dataSum === 0) {\n // document.getElementById('yearchart').style.display = 'none'\n // document.getElementById('no-data').style.display = 'block';\n\n // }\n // else {\n // document.getElementById('yearchart').style.display = 'block'\n // document.getElementById('no-data').style.display = 'none';\n\n // }\n\n // }\n //}\n if (!document.getElementById('measureselect').innerText.trim().includes(\"Direct Value Added\")) {\n chart.data.datasets[0].data.label = \"Total Contribution\"\n chart.data.datasets[0].label = \"Total Contribution\"\n chart.data.datasets[1].data.label = \"Direct Contribution\"\n chart.data.datasets[1].label = \"Direct Contribution\"\n \n if (arrSumTotal == 0) {\n chart.data.datasets[0].data.label = \"No Data\"\n chart.data.labels = [\"No data\"];\n\n }\n\n if (arrSumDirect == 0) {\n chart.data.datasets[1].data.label = \"No Data\"\n chart.data.labels = [\"No data\"];\n\n }\n\n }\n else\n {\n if (arrSumTotal == 0) {\n chart.data.datasets[0].data.label = \"No Data\"\n chart.data.labels = [\"No data\"];\n \n }\n }\n chart.options.title.text = charttitle;\n }\n chart.update();\n }\n\n\n this.createchart = (chartel) => {\n this.chart = new Chart(chartel.nativeElement.getContext('2d'), {\n type: \"bar\",\n data: {\n labels: [\n \"2007\",\n \"2009\",\n \"2012\",\n \"2015\",\n \"2019\",\n \"2021\"\n ],\n datasets: [\n {\n label: \"Total Contribution\",\n backgroundColor: \"#10574C\",\n\n //stack: \"Stack 0\",\n data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]\n },\n {\n label: \"Direct Contribution\",\n backgroundColor: \"#F3AA4E\",\n //stack: \"Stack 0\",\n data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]\n }\n ]\n },\n options: {\n plugins: {\n datalabels: {\n color: \"#000\", // Black color for data labels\n font: {\n size: 16, // Adjust size if needed\n weight: 'bold'\n }\n }\n },\n responsive: false,\n legend: {\n position: \"top\",\n labels: {\n // This more specific font property overrides the global property\n fontSize: 18,\n fontColor: \"#000\",\n padding: 5, // Adjust padding between legend items\n boxWidth: 17, // \n },\n align: \"center\", // Aligns labels better\n },\n\n tooltips: {\n callbacks: {\n label: function (tooltipItem, data) {\n var label = data.datasets[tooltipItem.datasetIndex].label || '';\n\n if (label) {\n label += ': ';\n }\n label += Math.round(Number(tooltipItem.yLabel) * 100) / 100;\n return label;\n }\n },\n bodyFontSize: 20,\n titleFontSize: 24\n },\n title: {\n display: true,\n // text: \"Industry Output Totals\",\n fontSize: 22,\n fontColor: \"#000\",\n padding: 10,\n \n },\n scales: {\n xAxes: [\n {\n\n stacked: false,\n ticks: {\n fontColor: \"#000\",\n fontSize: 25\n },\n scaleLabel: { // Added x-axis label\n display: true,\n labelString: \"\", // Empty initially, will be updated dynamically\n fontSize: 20,\n fontColor: \"#000\",\n }\n }\n ],\n yAxes: [\n {\n stacked: false,\n ticks: {\n fontColor: \"#000\",\n beginAtZero: true,\n fontSize: 25\n }\n }\n \n ]\n }\n }\n });\n chart2 = this.chart;\n\n }\n mapView2.when(() => {\n }).catch(err => {\n Swal.fire(\"Your browser is not currently supported. Please use the latest version of Chrome, Microsoft Edge, Opera, Firefox or Safari\")\n }).then\n {\n // Create the charts when the view is ready\n var economicimpactQuery = this.economicimpactLayer.createQuery();\n economicimpactQuery.where = \"DATA_YEAR_TXT = '2021'\";\n this.economicimpactLayer.queryFeatures(economicimpactQuery).then(function (response) {\n response.features.map(function (feature) {\n var yoffset = feature.attributes.YOffset.toString() + \"px\";\n var xoffset = feature.attributes.XOffset.toString() + \"px\";\n var anglefromfield = feature.attributes.Angle;\n countytext = feature.attributes.NAME\n // identify which counties have two words for the name and break the second word to the next line\n if (countytext.trim().indexOf(' ') != -1) {\n var firstword = countytext.split(' ').slice(0, 1).toString();\n var secondword = countytext.split(' ').slice(1, 2).toString();\n countytext = firstword + \"\\n\" + secondword\n }\n const textSymbol = {\n type: \"text\",\n text: countytext,\n angle: feature.attributes.Angle,\n color: new Color([40, 40, 40]),\n font: {\n size: \"11px\",\n family: \"Arial\",\n weight: \"normal\"\n },\n lineWidth: 47,\n yoffset: yoffset,\n xoffset: xoffset\n }\n var graphic = new Graphic({\n geometry: feature.geometry,\n symbol: textSymbol\n });\n graphicsLayer.add(graphic);\n })\n map2.add(graphicsLayer)\n })\n this.createchart(this.yearchartEl);\n var layerViewPromise = mapView2.whenLayerView(this.economicimpactLayer);\n layerViewPromise.then(function (layerView) {\n watchUtils.whenFalseOnce(layerView, \"updating\", function () {\n mapView2.on([\"click\", \"drag\"], function(event) {\n mapPointEvent = event;\n queryvalues = [];\n event.stopPropagation();\n queryStatsOnDrag(layerView, event)\n .then(updateCharts)\n .catch(function (error) {\n if (error.name !== \"AbortError\") {\n console.error(error);\n }\n\n })\n })\n\n });\n })\n }\n /** * Queries statistics against the layer view at the given screen location*/\n var queryStatsOnDrag = promiseUtils.debounce(function (\n layerView,\n event\n ) {\n const query = layerView.layer.createQuery();\n query.geometry = mapView2.toMap(event); // converts the screen point to a map point\n query.distance = 0.1; // queries all features within 1 mile of the point\n query.units = \"miles\";\n query.spatialRelationship = \"within\"; // this is the default\n query.returnGeometry = true;\n const allStatsResponse = layerView.queryFeatures(query)\n .then(function (response) {\n var geometry = response.features[0].geometry;\n if (geometry.type === \"polygon\") {\n const graphic = new Graphic({\n geometry: geometry,\n symbol: {\n type: 'simple-fill', // autocasts as SimpleFillSymbol\n color: new Color([232, 104, 80, 0.25]),\n style: 'solid',\n outline: { // autocasts as SimpleLineSymbol\n color: new Color([232, 104, 80, 1]),\n width: 2\n }\n }\n });\n mapView2.graphics.removeAll(); // make sure to remmove previous highlighted feature\n mapView2.graphics.add(graphic);\n }\n // not good to use innerText because in ios it puts other stuff after it so we have to use trim. It is better to use\n // a fat arrow function and use the variable this.selectedMeasure instead\n let measure = mapvars.mapseconomiimpactarray.find(o => o.name === document.getElementById('measureselect').innerText.trim())\n\n charttitle = measure.name + \" - \" + response.features[0].attributes.NAME + \" County\";\n var measuretotal = measure.totalvalue;\n var measuredirect = measure.directvalue\n for (var i = 0; i < response.features.length; i++) {\n\n\n queryvalues.push({\n year: response.features[i].attributes.DATA_YEAR_TXT,\n totalvalue: response.features[i].attributes[measuretotal],\n directvalue: response.features[i].attributes[measuredirect]\n });\n }\n queryvalues.sort((a, b) => (a.year > b.year) ? 1 : -1)\n const stats = queryvalues;\n return stats;\n });\n\n // Return the promises that will resolve to each set of statistics\n return promiseUtils.eachAlways([\n allStatsResponse\n\n ]);\n\n });\n function updateCharts(responses) {\n if (responses[0].value != undefined) {\n const allStats = responses[0].value;\n // since the data is not coming in descending order according to year, I have to specify the indexes they are coming at\n const yearChartStats = {\n total: [\n allStats[0].totalvalue,\n allStats[1].totalvalue,\n allStats[2].totalvalue,\n allStats[3].totalvalue,\n allStats[4].totalvalue,\n allStats[5].totalvalue\n ],\n direct: [\n allStats[0].directvalue,\n allStats[1].directvalue,\n allStats[2].directvalue,\n allStats[3].directvalue,\n allStats[4].directvalue,\n allStats[5].directvalue\n ]\n\n }\n\n updateChart(chart2, yearChartStats);\n }\n\n }\n // mapView2.on(\"pointer-move\", function(event) {\n // //console.log(event);\n //});\n\n\n })\n .catch(err => {\n console.log(err);\n });\n\n\n function MeasureChangeFunction($event) {\n\n\n }\n\n\n } // ngOnInit\n\n // MeasureChangeFunction = (event: any) => {\n\n //let measure = mapvars.mapseconomiimpactarray.find(o => o.name === this.selectedMeasure)\n\n // }\n\n\n}\n","\r\n
\r\n
\r\n
\r\n\r\n\r\n","import { Component, OnInit, ViewChild, ViewChildren, ElementRef, Renderer2, Input } from '@angular/core';\nimport { Inject, Injectable } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport Swal from 'sweetalert2';\nimport { loadModules } from 'esri-loader';\nimport * as mapvars from '../esri-mapsmap/mapvariables';\nimport esri = __esri;\nimport { employmentmeasures, industryoutputmeasures, laborincomemeasures, directvalueaddedmeasures, industryoutputcolors, industryoutputcolorsandclasses, laborincomecolorsandclasses, laborincomecolors, directvalueaddedcolorsandclasses, directvalueaddedcolors } from '../esri-mapsmap/mapvariables';\n\n@Component({\n selector: 'app-esri-mapsmap',\n templateUrl: './esri-mapsmap.component.html',\n styleUrls: ['./esri-mapsmap.component.css']\n})\n@Injectable()\nexport class EsriMapsMapComponent implements OnInit {\n\n //@HostListener('document:keyup', ['$event'])\n //onKeyUp(ev: KeyboardEvent) {\n\n // console.log(`The user just pressed ${ev.key}!`);\n //}\n // this is needed to be able to create the MapView at the DOM element in this component\n @ViewChild('mapViewNode', { static: true }) mapViewEl: ElementRef;\n @ViewChild('measureselect', { static: false }) measureSelectEl: ElementRef;\n @ViewChild('legenddiv', { static: false }) legendDivEl: ElementRef;\n @ViewChild('maincontainerdiv', { static: false }) mainContainerDivEl: ElementRef;\n @ViewChildren('radiobuttondiv') radiobuttondiv;\n @ViewChildren('legendcontainerdiv') legendcontainerdiv;\n @Input() selectedValues: string[];\n mapView: __esri.MapView;\n map: esri.Map;\n economicimpactLayer: esri.FeatureLayer;\n economicimpactLayer2: esri.FeatureLayer;\n attributesarray;\n years;\n params;\n selectedImpactType = ' Direct Contribution';\n selectedYear;\n selectedMeasure = \"Industry Output Totals\";\n selectedMeasureChange = \"DirTotalInd\";\n colorRendererCreator2;\n directvalueaddedselected: Boolean = false;\n legend;\n legendtext: string = \"Direct Contribution (Million $)\";\n yearmeasurescolorsandclass: any = [];\n yearmeasurescolors: any = [];\n measurescolorsandclass = mapvars.industryoutputcolorsandclasses;\n measurescolors = mapvars.industryoutputcolors\n template: any;\n public addGraphicsToMap;\n public generateRenderer;\n public changeClassesandColors;\n public getValueExpression;\n public CreateQueryforMinMax;\n public fieldformaxmin;\n public laborincomemeasures = mapvars.laborincomemeasures;\n public industryoutputmeasures = mapvars.industryoutputmeasures;\n public employmentmeasures = mapvars.employmentmeasures;\n public directvalueaddedmeasures = mapvars.directvalueaddedmeasures;\n public industryoutputcolorsandclasses = mapvars.industryoutputcolorsandclasses;\n public industryoutputcolors = mapvars.industryoutputcolors;\n public mySelectValue;\n public measuresarray = mapvars.mapseconomiimpactarray;\n public feature;\n public ImpactTypesRadioButton: any = [\n ' Direct Contribution',\n ' Total Contribution',\n\n ];\n\n constructor(@Inject(DOCUMENT) private document: Document, private renderer: Renderer2) { }\n\n\n public ngOnInit() {\n\n return loadModules([\n \"esri/Map\",\n \"esri/views/MapView\",\n \"esri/layers/GraphicsLayer\",\n \"esri/Color\",\n \"esri/PopupTemplate\",\n //\"esri/renderers/smartMapping/creators/color\",\n \"esri/smartMapping/renderers/color\",\n \"esri/smartMapping/statistics/histogram\",\n //\"esri/renderers/smartMapping/statistics/histogram\",\n \"esri/widgets/smartMapping/ClassedColorSlider\",\n \"esri/widgets/Legend\",\n \"esri/widgets/BasemapToggle\",\n \"esri/geometry/SpatialReference\",\n \"esri/core/watchUtils\",\n 'esri/Graphic',\n \"esri/layers/FeatureLayer\",\n \"esri/widgets/Feature\"\n ], {\n url: 'https://js.arcgis.com/4.20/' // Explicitly set the desired API version here\n })\n .then(([EsriMap, EsriMapView, GraphicsLayer, Color, PopupTemplate, colorRendererCreator, histogram,\n ClassedColorSlider,\n Legend,\n BasemapToggle, SpatialReference, watchUtils, Graphic, FeatureLayer, Feature]) => {\n\n this.map = new EsriMap({\n\n });\n\n\n const renderer = {\n type: \"simple\", // autocasts as new SimpleRenderer()\n symbol: {\n type: 'simple-fill', // autocasts as SimpleFillSymbol\n color: new Color([232, 104, 80, 0]),\n style: 'solid',\n outline: { // autocasts as SimpleLineSymbol\n color: new Color([160, 160, 160, 1]),\n width: 1\n }\n }\n }\n const graphicsLayer = new GraphicsLayer({\n id: \"tempGraphics\"\n });\n this.economicimpactLayer = new FeatureLayer({\n title: \"Economic Contribution\",\n // url: 'https://tfsgis-dfe02.tfs.tamu.edu/arcgis/rest/services/EconomicImpacts/EconomicImpacts/FeatureServer/0',\n url: 'http://tfsgis02.tfs.tamu.edu/arcgis/rest/services/EconomicImpacts/EconomicImpacts/FeatureServer/0',\n outFields: [\"*\"],\n id: \"economicimpact\",\n renderer: renderer,\n });\n\n\n this.mapView = new EsriMapView({\n container: this.mapViewEl.nativeElement,\n extent: {\n xmin: -1.07366510619E7,\n ymin: 3440153.831100002,\n xmax: -1.04091956698E7,\n ymax: 4024099.909699999,\n spatialReference: new SpatialReference({ wkid: 3857 })\n\n },\n\n map: this.map,\n // Disable mouse-wheel and single-touch map navigation.\n navigation: {\n mouseWheelZoomEnabled: false,\n browserTouchPanEnabled: false\n },\n\n // to hide, disable zoom\n ui: {\n components: [\"attribution\"]\n },\n popup: {\n\n dockOptions: {\n // Disables the dock button from the popup\n buttonEnabled: false,\n\n // Dock the popup when the size of the view is less than or equal to\n breakpoint: {\n width: 10,\n height: 10\n }\n }\n }\n })\n\n const dropdown = document.querySelector('.dropdown') as HTMLElement;\n const dropdownContent = document.querySelector('.dropdown-content') as HTMLElement;\n const legendMainDiv = document.querySelector('.legendmaindiv') as HTMLElement;\n\n function bringDropdownToFront() {\n dropdown.style.zIndex = \"100000\";\n dropdownContent.style.zIndex = \"100000\";\n legendMainDiv.style.zIndex = \"100\";\n }\n\n function resetZIndex() {\n dropdown.style.zIndex = \"9\";\n dropdownContent.style.zIndex = \"9\";\n legendMainDiv.style.zIndex = \"1000\";\n }\n document.querySelectorAll('.nav-link').forEach(item => {\n if (item.textContent.trim() === 'trends') {\n item.addEventListener('mouseenter', bringDropdownToFront);\n item.addEventListener('focusin', bringDropdownToFront);\n item.addEventListener('mouseleave', resetZIndex);\n item.addEventListener('focusout', resetZIndex);\n }\n })\n dropdown.addEventListener('mouseenter', bringDropdownToFront);\n dropdownContent.addEventListener('mouseenter', bringDropdownToFront);\n dropdown.addEventListener('focusin', bringDropdownToFront);\n dropdownContent.addEventListener('focusin', bringDropdownToFront);\n\n dropdown.addEventListener('mouseleave', resetZIndex);\n dropdownContent.addEventListener('mouseleave', resetZIndex);\n dropdown.addEventListener('focusout', resetZIndex);\n dropdownContent.addEventListener('focusout', resetZIndex);\n\n this.mapView.ui.remove(\"zoom\")\n var popup = this.mapView.popup;\n this.mapView.on(\"double-click\", function (event) {\n event.stopPropagation();\n\n });\n // stop panning\n this.mapView.on(\"drag\", function (event) {\n event.stopPropagation();\n });\n\n this.mapView.ui.remove(\"zoom\")\n var legenddiv = this.legendDivEl.nativeElement\n this.legend = new Legend({\n view: this.mapView,\n container: legenddiv,\n layerInfos: [{\n layer: this.economicimpactLayer,\n title: \"\"\n }]\n });\n\n this.map.add(this.economicimpactLayer)\n\n this.years = [\"2007\", \"2009\", '2012', \"2015\", \"2019\", \"2021\"]\n // this.esriMapService.loadMap(this.mapViewEl, this.mapView, this.economicimpactLayer).then(attrarray => this.attributesarray = attrarray)\n this.selectedYear = \"2021\";\n this.colorRendererCreator2 = colorRendererCreator\n this.getValueExpression = (field) => {\n // console.log(field)\n return (\n \"$feature.\" + field + \"\"\n );\n\n }\n this.generateRenderer = (eventname, event, measurecolorsandclasses, measurecolors) => {\n\n this.params = {\n layer: this.economicimpactLayer,\n valueExpression: this.getValueExpression(event),\n\n view: this.mapView,\n colorScheme: {\n colors: measurecolors,\n noDataColor: [255, 255, 255],\n\n colorsForClassBreaks: measurecolorsandclasses,\n outline: {\n color: { r: 153, g: 153, b: 153, a: 1 },\n width: \"1px\"\n },\n opacity: 1\n },\n classificationMethod: \"natural-breaks\",\n numClasses: 5\n };\n // generate the renderer and set it on the layer\n colorRendererCreator.createClassBreaksRenderer(this.params).then((rendererResponse) => {\n //var expression = \"Round($feature.\" + event + \", 4)\"\n var label: any;\n if (eventname.includes(\"Employment\")) {\n\n label = eventname + \" (Jobs)\";\n }\n else {\n label = eventname + \" (Million $)\";\n\n }\n function templateContent(feature) {\n var div = document.createElement(\"div\");\n var measure = feature.graphic.attributes[event];\n var measurerounding;\n if (measure != null) {\n if (eventname.includes(\"Employment\")) {\n measurerounding = Number(measure).toLocaleString();\n }\n else {\n measurerounding = Number(Math.round(measure)).toLocaleString()\n }\n\n }\n else {\n\n measurerounding = \"No data\"\n }\n div.innerHTML = \"\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n {{item.name}}\r\n \r\n \r\n
\r\n \r\n
\r\n Click a county on the map to view individual values for the county.
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n {{ImpactType}}\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n {{legendtext}}
\r\n\r\n \r\n
\r\n \r\n * Counties in white indicate either no data is available for that measure or the data has been supressed due to confidentiality.\r\n
\r\n \r\n
\r\n\r\n
\r\n
\" + eventname + \"
\" +\n \"\" + \"\" + measurerounding.toString() + \"
\" + \"\"\n return div;\n }\n\n\n this.template = {\n // autocasts as new PopupTemplate()\n title: \"{NAME} County\",\n //autoCloseEnabled: true,\n content: templateContent\n }\n\n this.mapView.popup.watch(\"selectedFeature\", function (graphic) {\n if (graphic) {\n this.collapseEnabled = false;\n }\n\n });\n\n this.economicimpactLayer.popupTemplate = this.template\n\n\n rendererResponse.renderer.defaultLabel = \"No data available*\"\n this.economicimpactLayer.renderer = rendererResponse.renderer;\n if (!this.map.layers.includes(this.economicimpactLayer)) {\n this.map.add(this.economicimpactLayer);\n }\n this.renderer.setStyle(this.legendcontainerdiv.last.nativeElement, 'display', 'block');\n }, (error) => {\n\n console.log(error);\n });\n\n\n\n }\n\n\n this.mapView.when(\n ).catch(err => {\n // this is for in case user is using old phones that do not support the latest esri js libray, we can test in on Galaxy SIII for example\n Swal.fire(\"Your browser is not currently supported. Please use the latest version of Chrome, Microsoft Edge, Opera, Firefox or Safari\")\n }).then(() => {\n const graphic = {\n\n };\n popup.watch(\"collapsed\", function (value) {\n popup.collapsed = false;\n });\n this.feature = new Feature({\n container: \"feature-node\",\n graphic: graphic,\n map: this.mapView.map,\n spatialReference: this.mapView.spatialReference\n });\n\n var mouseOverSymbol = {\n type: \"simple-fill\", color: [0, 255, 255, 0.25],\n outline: { // autocasts as SimpleLineSymbol\n color: new Color([0, 255, 255, 1]),\n width: 2\n }\n\n\n };\n\n\n this.mapView.whenLayerView(this.economicimpactLayer).then((layerView) => {\n let highlight;\n // listen for the pointer-move event on the View\n this.mapView.on(\"pointer-move\", (event) => {\n // Perform a hitTest on the View\n\n // Perform a hitTest on the View\n this.mapView.hitTest(event).then((hitTestResult) => {\n\n if (hitTestResult.results.length) {\n const result = hitTestResult.results[0];\n highlight && highlight.remove();\n // Update the graphic of the Feature widget\n // on pointer-move with the result\n if (result) {\n graphicsLayer2.removeAll();\n this.feature.graphic = result.graphic;\n this.feature.graphic.symbol = mouseOverSymbol;\n graphicsLayer2.add(this.feature.graphic)\n\n\n } else {\n //this.feature.graphic = graphic;\n }\n }\n else {\n graphicsLayer2.removeAll();\n }\n });\n //this.mapView.hitTest(event).then((hitTestResult) => {\n\n // if (hitTestResult.results.length) {\n // const result = hitTestResult.results[0];\n // highlight && highlight.remove();\n // // Update the graphic of the Feature widget\n // // on pointer-move with the result\n // if (result && hitTestResult.results[0].graphic != null) {\n // if (hitTestResult.results[0].graphic.layer.id == \"economicimpact\") {\n // this.feature.graphic = hitTestResult.results[0].graphic;\n // this.feature.graphic.symbol = mouseOverSymbol;\n // //this.mapView.popup.location = hitTestResult.results[0].graphic.geometry.extent.center;\n // //// this.mapView.popup.content = hitTestResult.results[0].graphic.layer;\n // //// graphicsLayer2.add(this.feature.graphic)\n\n // //this.mapView.popup.open();\n // }\n // else {\n // //this.feature.graphic = graphic;\n // // this.mapView.popup.close();\n\n // }\n // } else {\n // //this.feature.graphic = graphic;\n // // this.mapView.popup.close();\n // // this.mapView.popup.close();\n // }\n // }\n // else {\n // graphicsLayer2.removeAll();\n // }\n //});\n });\n });\n });\n\n\n const graphicsLayer2 = new GraphicsLayer({\n id: \"tempGraphics2\"\n });\n\n this.economicimpactLayer.definitionExpression = \"DATA_YEAR_TXT = '\" + this.selectedYear + \"'\"\n this.generateRenderer(this.selectedMeasure, this.selectedMeasureChange, this.industryoutputcolorsandclasses, this.industryoutputcolors)\n\n var economicimpactQuery = this.economicimpactLayer.createQuery();\n economicimpactQuery.where = \"DATA_YEAR_TXT = '2021'\";\n this.economicimpactLayer.queryFeatures(economicimpactQuery).then(response => {\n response.features.map(function (feature) {\n var yoffset = feature.attributes.YOffset.toString() + \"px\";\n var xoffset = feature.attributes.XOffset.toString() + \"px\";\n var anglefromfield = feature.attributes.Angle;\n\n var countytext = feature.attributes.NAME\n // identify which counties have two words for the name and break the second word to the next line\n if (countytext.trim().indexOf(' ') != -1) {\n\n var firstword = countytext.split(' ').slice(0, 1).toString();\n var secondword = countytext.split(' ').slice(1, 2).toString();\n countytext = firstword + \"\\n\" + secondword\n }\n\n\n const textSymbol = {\n type: \"text\",\n text: countytext,\n\n angle: feature.attributes.Angle,\n color: new Color([104, 104, 104]),\n font: {\n size: \"11px\",\n family: \"Arial\",\n weight: \"bold\"\n },\n haloColor: \"white\",\n haloSize: 1.3,\n lineWidth: 49,\n yoffset: yoffset,\n xoffset: xoffset\n\n }\n\n var graphic = new Graphic({\n geometry: feature.geometry,\n symbol: textSymbol\n });\n graphicsLayer.add(graphic);\n })\n\n this.map.add(graphicsLayer)\n\n this.map.add(graphicsLayer2)\n })\n\n\n //this.mapView.on(\"pointer-move\", function (event) {\n // //console.log(event);\n //});\n })\n .catch(err => {\n console.log(err);\n });\n\n } // ngOnInit\n\n hideRadioButtons = () => {\n this.renderer.setStyle(this.radiobuttondiv.toArray()[0].nativeElement, 'display', 'none');\n this.renderer.setStyle(this.radiobuttondiv.toArray()[1].nativeElement, 'display', 'none');\n }\n\n showRadioButtons = () => {\n this.renderer.setStyle(this.radiobuttondiv.toArray()[0].nativeElement, 'display', 'block');\n this.renderer.setStyle(this.radiobuttondiv.toArray()[1].nativeElement, 'display', 'block');\n }\n MeasureorYearChangeFunction = (event: any) => {\n\n this.economicimpactLayer.definitionExpression = \"DATA_YEAR_TXT = '\" + this.selectedYear + \"'\"\n let measure = mapvars.mapseconomiimpactarray.find(o => o.name === this.selectedMeasure)\n if (this.selectedImpactType == \" Total Contribution\" && !measure.name.includes(\"Employment\")) {\n this.selectedMeasureChange = measure.totalvalue\n this.legendtext = \"Total Contribution (Million $)\"\n }\n if (this.selectedImpactType == \" Direct Contribution\" && !measure.name.includes(\"Employment\")) {\n this.selectedMeasureChange = measure.directvalue\n this.legendtext = \"Direct Contribution (Million $)\"\n }\n\n if (this.selectedImpactType == \" Direct Contribution\" && measure.name.includes(\"Employment\")) {\n this.selectedMeasureChange = measure.directvalue\n this.legendtext = \"Jobs\"\n }\n if (this.selectedImpactType == \" Total Contribution\" && measure.name.includes(\"Employment\")) {\n this.selectedMeasureChange = measure.totalvalue\n this.legendtext = \"Jobs\"\n }\n mapvars.employmentmeasures.forEach((measure1) => {\n if (measure1 == this.selectedMeasureChange) {\n this.measurescolorsandclass = mapvars.employmentcolorsandclasses;\n this.measurescolors = mapvars.employmentcolors;\n this.directvalueaddedselected = false;\n this.showRadioButtons()\n }\n });\n mapvars.industryoutputmeasures.forEach((measure2) => {\n if (measure2 == this.selectedMeasureChange) {\n this.measurescolorsandclass = mapvars.industryoutputcolorsandclasses;\n this.measurescolors = mapvars.industryoutputcolors\n this.directvalueaddedselected = false;\n this.showRadioButtons()\n }\n });\n mapvars.laborincomemeasures.forEach((measure3) => {\n if (measure3 == this.selectedMeasureChange) {\n this.measurescolorsandclass = mapvars.laborincomecolorsandclasses;\n this.measurescolors = mapvars.laborincomecolors;\n this.directvalueaddedselected = false;\n this.showRadioButtons()\n }\n })\n mapvars.directvalueaddedmeasures.forEach((measure4) => {\n if (measure4 == this.selectedMeasureChange) {\n this.measurescolorsandclass = mapvars.directvalueaddedcolorsandclasses;\n this.measurescolors = mapvars.directvalueaddedcolors;\n this.directvalueaddedselected = true;\n this.legendtext = \"Direct Value Added (Million $)\"\n this.hideRadioButtons();\n }\n })\n this.mapView.popup.close();\n this.generateRenderer(measure.name, this.selectedMeasureChange, this.measurescolorsandclass, this.measurescolors);\n }\n\n //event handler for the radio button's change event\n radioChangeHandler = (impactType: any) => {\n console.log(\"Previous: \", this.selectedImpactType);\n\n this.selectedImpactType = impactType\n console.log(\"Updated to: \", this.selectedImpactType);\n // this.selectedImpactType = this.ImpactType; // Manually update the variable\n\n this.economicimpactLayer.definitionExpression = \"DATA_YEAR_TXT = '\" + this.selectedYear + \"'\"\n var measure = mapvars.mapseconomiimpactarray.find(o => o.name === this.selectedMeasure)\n if (this.selectedImpactType == \" Total Contribution\") {\n this.selectedMeasureChange = measure.totalvalue;\n this.legendtext = \"Total Contribution (Million $)\"\n }\n if (this.selectedImpactType == \" Direct Contribution\") {\n this.selectedMeasureChange = measure.directvalue;\n this.legendtext = \"Direct Contribution (Million $)\"\n }\n this.mapView.popup.close();\n this.generateRenderer(measure.name, this.selectedMeasureChange, this.measurescolorsandclass, this.measurescolors);\n }\n}\n","\n\nexport const mapseconomiimpactarray = [{ name: \"Industry Output Totals\", totalvalue: \"TotImpTotalInd\", directvalue: \"DirTotalInd\" },\n { name: \"Employment Totals\", totalvalue: \"TotImpTotalEmp\", directvalue: \"DirTotalEmp\" },\n { name: \"Labor Income Totals\", totalvalue: \"TotImpTotalLabInc\", directvalue: \"DirTotalLabInc\" },\n { name: \"Direct Value Added Totals\", totalvalue: \"DirTotalIndirBusTax\", directvalue: \"DirTotalIndirBusTax\" },\n\n { name: \"Forestry Industry Output\", totalvalue: \"ForTotImpIndOut\", directvalue: \"ForDirIndOut\" },\n { name: \"Forestry Employment\", totalvalue: \"ForTotImpEmp\", directvalue: \"ForDirEmp\" },\n { name: \"Forestry Labor Income\", totalvalue: \"ForTotImpLabInc\", directvalue: \"ForDirLabInc\" },\n { name: \"Forestry Direct Value Added\", totalvalue: \"ForIndirBusTax\", directvalue: \"ForIndirBusTax\" },\n\n { name: \"Logging Industry Output\", totalvalue: \"LogTotImpIndOut\", directvalue: \"LogDirIndOut\" },\n { name: \"Logging Employment\", totalvalue: \"LogTotImpEmp\", directvalue: \"LogDirEmp\" },\n { name: \"Logging Labor Income\", totalvalue: \"LogTotImpLabInc\", directvalue: \"LogDirLabInc\" },\n { name: \"Logging Direct Value Added\", totalvalue: \"LogIndirBusTax\", directvalue: \"LogIndirBusTax\" },\n\n { name: \"Primary Paper Industry Output\", totalvalue: \"PrimaryPaperTotImpIndOut\", directvalue: \"PrimaryPaperDirIndOut\" },\n { name: \"Primary Paper Employment\", totalvalue: \"PrimaryPaperTotImpEmp\", directvalue: \"PrimaryPaperDirEmp\" },\n { name: \"Primary Paper Labor Income\", totalvalue: \"PrimaryPaperTotImpLabInc\", directvalue: \"PrimaryPaperDirLabInc\" },\n { name: \"Primary Paper Direct Value Added\", totalvalue: \"PrimaryPaperIndirBusTax\", directvalue: \"PrimaryPaperIndirBusTax\" },\n\n { name: \"Primary Solid Industry Output\", totalvalue: \"PrimarySolidTotImpIndOut\", directvalue: \"PrimarySolidIndOut\" },\n { name: \"Primary Solid Employment\", totalvalue: \"PrimarySolidTotImpEmp\", directvalue: \"PrimarySolidEmp\" },\n { name: \"Primary Solid Labor Income\", totalvalue: \"PrimarySolidTotImpLabInc\", directvalue: \"PrimarySolidLabInc\" },\n { name: \"Primary Solid Direct Value Added\", totalvalue: \"PrimarySolidIndBusTax\", directvalue: \"PrimarySolidIndBusTax\" },\n\n { name: \"Secondary Paper Industry Output\", totalvalue: \"SecondPaperTotImpIndOut\", directvalue: \"SecondPaperDirIndOut\" },\n { name: \"Secondary Paper Employment\", totalvalue: \"SecondPaperTotImpEmp\", directvalue: \"SecondPaperDirEmp\" },\n { name: \"Secondary Paper Labor Income\", totalvalue: \"SecondPaperTotImpLabInc\", directvalue: \"SecondPaperDirLabInc\" },\n { name: \"Secondary Paper Direct Value Added\", totalvalue: \"SecondPaperIndirBusTax\", directvalue: \"SecondPaperIndirBusTax\" },\n\n { name: \"Secondary Solid Industry Output\", totalvalue: \"SecondSolidIndOut\", directvalue: \"SecondSolidDirIndOut\" },\n { name: \"Secondary Solid Employment\", totalvalue: \"SecondSolidEmp\", directvalue: \"SecondSolidDirEmp\" },\n { name: \"Secondary Solid Labor Income\", totalvalue: \"SecondSolidLabInc\", directvalue: \"SecondSolidDirLabInc\" },\n { name: \"Secondary Solid Direct Value Added\", totalvalue: \"SecondSolidBusTax\", directvalue: \"SecondSolidBusTax\" }\n\n]\nexport const directaddevaluearray = [\n\n\n { name: \"Industry Output Totals\", totalvalue: \"DirTotalIndirBusTax\" },\n { name: \"Forestry Direct Value Added\", totalvalue: \"ForIndirBusTax\" },\n { name: \"Logging Direct Value Added\", totalvalue: \"LogIndirBusTax\" },\n { name: \"Primary Paper Direct Value Added\", totalvalue: \"PrimaryPaperIndirBusTax\" },\n { name: \"Primary Solid Direct Value Added\", totalvalue: \"PrimarySolidIndBusTax\" },\n { name: \"Secondary Paper Direct Value Added\", totalvalue: \"SecondPaperIndirBusTax\" },\n { name: \"Secondary Solid Direct Value Added\", totalvalue: \"SecondSolidBusTax\" }\n]\n\nexport const mapseconomiimpacttodeletearray = ['OBJECTID', 'Join_Count', 'TARGET_FID', 'NAME', 'CNTY_FIPS', 'FIPS',\n 'YEAR_DATA', 'SAMMTotalInd', 'SAMMTotalEmp', 'SAMMTotalLabInc', 'ForSAMMInd', 'ForSAMMEmp', 'ForSAMMLab', 'LogSAMMInd',\n 'PrimaryPaperSAMMInd', 'PrimaryPaperSAMMEmp', 'PrimaryPaperSAMMLab', 'PrimarySolidSAMMInd', 'PrimarySolidSAMMEmp',\n 'PrimarySolidSAMMLab', 'SecondPaperSAMMInd',\n 'SecondPaperSAMMEmp', 'SecondPaperSAMMLab', 'SecondSolidSAMMInd', 'SecondSolidSAMMEmp', 'SecondSolidSAMMLab', 'Industry SAM Multipliers',\n 'Employment SAM Multipliers', 'Labor Income SAM Multipliers',\n 'YEAR_DATA', 'DATA_YEAR_TXT']\n\nexport const laborincomemeasures = ['ForDirLabInc', 'ForTotImpLabInc', 'LogDirLabInc', 'LogTotImpLabInc',\n 'PrimaryPaperDirLabInc', 'PrimaryPaperTotImpLabInc',\n 'PrimarySolidLabInc', 'PrimarySolidTotImpLabInc',\n 'SecondPaperDirLabInc', 'SecondPaperTotImpLabInc',\n 'SecondSolidDirLabInc', 'SecondSolidLabInc', 'SecondSolidSAMMLab', \n 'DirTotalLabInc', 'TotImpTotalLabInc']\n\nexport const industryoutputmeasures = ['ForDirIndOut', 'ForTotImpIndOut', \n 'LogDirIndOut', 'LogTotImpIndOut', \n 'PrimaryPaperDirIndOut', 'PrimaryPaperTotImpIndOut', \n 'PrimarySolidIndOut', 'PrimarySolidTotImpIndOut', \n 'SecondPaperDirIndOut', 'SecondPaperTotImpIndOut', \n 'SecondSolidDirIndOut', 'SecondSolidIndOut', \n 'SecondSolidSAMMInd', 'DirTotalInd', \n 'TotImpTotalInd']\n\nexport const employmentmeasures = ['ForDirEmp', 'ForTotImpEmp', 'LogDirEmp', 'LogTotImpEmp', 'PrimaryPaperDirEmp',\n 'PrimaryPaperTotImpEmp', 'PrimarySolidEmp', 'PrimarySolidTotImpEmp', 'SecondPaperDirEmp', 'SecondPaperTotImpEmp',\n 'SecondSolidDirEmp', 'SecondSolidEmp', 'ForSAMMEmp',\n 'SecondSolidSAMMEmp', 'DirTotalEmp',\n 'TotImpTotalEmp']\n\nexport const directvalueaddedmeasures = ['ForIndirBusTax', 'LogIndirBusTax', 'PrimaryPaperIndirBusTax',\n 'PrimarySolidIndBusTax', 'SecondPaperIndirBusTax', 'SecondSolidBusTax', 'DirTotalIndirBusTax']\n\n\nexport const laborincomecolorsandclasses = [\n {\n colors: [[220, 245, 233]],\n numClasses: 1\n }, {\n colors: [[220, 245, 233], [167, 207, 180]],\n numClasses: 2\n }, {\n colors: [[220, 245, 233], [167, 207, 180], [118, 168, 130]],\n numClasses: 3\n }, {\n colors: [[220, 245, 233], [167, 207, 180], [118, 168, 130], [74, 135, 88]],\n numClasses: 4\n }, {\n colors: [[220, 245, 233], [167, 207, 180], [118, 168, 130], [74, 135, 88], [34, 102, 51]],\n numClasses: 5\n }\n]\nexport const laborincomecolors = [[220, 245, 233], [167, 207, 180], [118, 168, 130], [74, 135, 88], [34, 102, 51]];\n\nexport const industryoutputcolorsandclasses = [\n {\n colors: [[255, 255, 128]],\n numClasses: 1\n }, {\n colors: [[255, 255, 128], [250, 209, 85]],\n numClasses: 2\n }, {\n colors: [[255, 255, 128], [250, 209, 85], [242, 167, 46]],\n numClasses: 3\n }, {\n colors: [[255, 255, 128], [250, 209, 85], [242, 167, 46], [173, 83, 89]],\n numClasses: 4\n }, {\n colors: [[255, 255, 128], [250, 209, 85], [242, 167, 46], [173, 83, 89], [107, 0, 0]],\n numClasses: 5\n }\n]\nexport const industryoutputcolors = [[255, 255, 128], [250, 209, 85], [242, 167, 46], [173, 83, 89], [107, 0, 0]];\n\nexport const employmentcolorsandclasses = [\n {\n colors: [[182, 237, 240]],\n numClasses: 1\n }, {\n colors: [[182, 237, 240], [116, 180, 232]],\n numClasses: 2\n }, {\n colors: [[182, 237, 240], [116, 180, 232], [31, 131, 224]],\n numClasses: 3\n }, {\n colors: [[182, 237, 240], [116, 180, 232], [31, 131, 224], [29, 68, 184]],\n numClasses: 4\n }, {\n colors: [[182, 237, 240], [116, 180, 232], [31, 131, 224], [29, 68, 184], [9, 9, 145]],\n numClasses: 5\n }\n]\nexport const employmentcolors = [[182, 237, 240], [116, 180, 232], [31, 131, 224], [29, 68, 184], [9, 9, 145]];\n\nexport const directvalueaddedcolorsandclasses = [\n {\n colors: [[255, 224, 224]],\n numClasses: 1\n }, {\n colors: [[255, 224, 224], [235, 165, 155]],\n numClasses: 2\n }, {\n colors: [[182, 237, 240], [235, 165, 155], [207, 112, 95]],\n numClasses: 3\n }, {\n colors: [[255, 224, 224], [235, 165, 155], [207, 112, 95], [176, 65, 48]],\n numClasses: 4\n }, {\n colors: [[255, 224, 224], [235, 165, 155], [207, 112, 95], [176, 65, 48], [143, 10, 10]],\n numClasses: 5\n }\n]\nexport const directvalueaddedcolors = [[255, 224, 224], [235, 165, 155], [207, 112, 95], [176, 65, 48], [143, 10, 10]];\n","import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';\nimport { loadModules } from 'esri-loader';\nimport { DOCUMENT } from '@angular/common';\nimport { SummaryToolMapService } from '../esri-summarytoolmap/summarytoolmapservice';\nimport { Inject, Injectable } from '@angular/core';\nimport { jqxTabsComponent } from 'jqwidgets-ng/jqxtabs';\nimport { jqxGridComponent } from 'jqwidgets-ng/jqxgrid';\ndeclare var jsPDF: any;\nimport 'jspdf-autotable';\nimport * as $ from 'jquery'; // import Jquery here\nimport * as xlsx from 'xlsx';\nimport esri = __esri;\nimport Swal from 'sweetalert2';\nimport {\n totaltabledatafields, forestrytabledatafields, loggingtabledatafields,\n pptabledatafields, pstabledatafields, sptabledatafields,\n sstabledatafields\n} from '../esri-summarytoolmap/esrisummarytoolmapvariables';\n@Component({\n selector: 'app-esri-summarytoolmap',\n templateUrl: './esri-summarytoolmap.component.html',\n styleUrls: ['./esri-summarytoolmap.component.css']\n})\n@Injectable()\nexport class EsriSummaryToolMapComponent implements OnInit {\n // this is needed to be able to create the MapView at the DOM element in this component\n @ViewChild('mapViewNode', { static: true }) mapViewEl: ElementRef;\n @ViewChild('chart1', { static: true }) chart1El: ElementRef;\n @ViewChild('chart2', { static: true }) chart2El: ElementRef;\n @ViewChild('chart1panel', { static: true }) chart1panelEl: ElementRef;\n @ViewChild('grid7container', { static: true }) grid7container: ElementRef;\n @ViewChild('grid7', { static: false }) grid7: jqxGridComponent;\n @ViewChild('grid7', { static: false }) grid7El: ElementRef;\n @ViewChild('grid2', { static: false }) grid2: jqxGridComponent;\n @ViewChild('grid3', { static: false }) grid3: jqxGridComponent;\n @ViewChild('grid4', { static: false }) grid4: jqxGridComponent;\n @ViewChild('grid5', { static: false }) grid5: jqxGridComponent;\n @ViewChild('grid6', { static: false }) grid6: jqxGridComponent;\n @ViewChild('grid1', { static: false }) grid1: jqxGridComponent;\n @ViewChild('gridtabs', { static: false }) gridtabs: jqxTabsComponent;\n public chart1;\n public chart2;\n public theme: any;\n public totalsource;\n public totalcolumns;\n public forestrysource;\n public forestrycolumns;\n public loggingsource;\n public loggingcolumns;\n public ppsource;\n public ppcolumns;\n public pssource;\n public pscolumns;\n public spsource;\n public spcolumns;\n public sssource;\n public sscolumns;\n public columngroups;\n public generateData;\n public MeasurementName = ' ';\n public callGenerateDataTotal;\n public callGenerateDataForestry;\n public callGenerateDataLogging;\n public callGenerateDataPrimaryPaper;\n public callGenerateDataPrimarySolid;\n public callGenerateDataSecondaryPaper;\n public callGenerateDataSecondarySolid;\n public callGenerateTableColumns;\n public generateForestryData;\n public generateLoggingData;\n public generatePrimaryPaperData;\n public generatePrimarySolidData;\n public generateSecondaryPaperData;\n public generateSecondarySolidData;\n public forestryindustrydiv;\n public industrytotalarray = [];\n public industrydirectarray = [];\n public employmenttotalarray = [];\n public employmentdirectarray = [];\n public totalindustrytotalarray = [];\n public totalindustrydirectarray = [];\n public totalsammindustryarray = [];\n public totalemploymenttotalarray = [];\n public totalemploymentdirectarray = [];\n public totalsammemploymentarray = [];\n public totallaborincometotalarray = [];\n public totallaborincomedirectarray = [];\n public totalsammlaborincomearray = [];\n public totalindirectbusinesstaxarray = [];\n public forestryindustrytotalarray = [];\n public forestryindustrydirectarray = [];\n public forestrysammindustryarray = [];\n public forestryemploymenttotalarray = [];\n public forestryemploymentdirectarray = [];\n public forestrysammemploymentarray = [];\n public forestrylaborincometotalarray = [];\n public forestrylaborincomedirectarray = [];\n public forestrysammlaborincomearray = [];\n public forestryindirectbusinesstaxarray = [];\n public loggingindustrytotalarray = [];\n public loggingindustrydirectarray = [];\n public loggingsammindustryarray = [];\n public loggingemploymenttotalarray = [];\n public loggingemploymentdirectarray = [];\n public loggingsammemploymentarray = [];\n public logginglaborincometotalarray = [];\n public logginglaborincomedirectarray = [];\n public loggingsammlaborincomearray = [];\n public loggingindirectbusinesstaxarray = [];\n public ppindustrytotalarray = [];\n public ppindustrydirectarray = [];\n public ppsammindustryarray = [];\n public ppemploymenttotalarray = [];\n public ppemploymentdirectarray = [];\n public ppsammemploymentarray = [];\n public pplaborincometotalarray = [];\n public pplaborincomedirectarray = [];\n public ppsammlaborincomearray = [];\n public ppindirectbusinesstaxarray = [];\n public psindustrytotalarray = [];\n public psindustrydirectarray = [];\n public pssammindustryarray = [];\n public psemploymenttotalarray = [];\n public psemploymentdirectarray = [];\n public pssammemploymentarray = [];\n public pslaborincometotalarray = [];\n public pslaborincomedirectarray = [];\n public pssammlaborincomearray = [];\n public psindirectbusinesstaxarray = [];\n public spindustrytotalarray = [];\n public spindustrydirectarray = [];\n public spsammindustryarray = [];\n public spemploymenttotalarray = [];\n public spemploymentdirectarray = [];\n public spsammemploymentarray = [];\n public splaborincometotalarray = [];\n public splaborincomedirectarray = [];\n public spsammlaborincomearray = [];\n public spindirectbusinesstaxarray = [];\n public MeasureorYearChangeFunction;\n public ssindustrytotalarray = [];\n public ssindustrydirectarray = [];\n public sssammindustryarray = [];\n public ssemploymenttotalarray = [];\n public ssemploymentdirectarray = [];\n public sssammemploymentarray = [];\n public sslaborincometotalarray = [];\n public sslaborincomedirectarray = [];\n public sssammlaborincomearray = [];\n public ssindirectbusinesstaxarray = [];\n public countyarray = [];\n public allfeaturesarray = [];\n public labels = [];\n public firsttabletabclick = 0;\n public updateaggregatesrenderer;\n public callgenerateData;\n public loggingindustrydiv: any;\n public renderstatusbar;\n public onSelect;\n public arrayofvalues;\n public clickcount = 0;\n public clickcountingforwarning = 0;\n public bindingcount = 0;\n public createchart1;\n public createchart2;\n public updateCharts;\n public rowselected;\n public tabclick;\n\n view: __esri.MapView;\n attributesarray;\n years;\n draw;\n action;\n instructionsExpand;\n public setUpInstructions;\n public selectedYear;\n public createGraphic;\n public updateVertices;\n public createPolygonGraphic;\n public createMultipointGraphic;\n\n constructor(@Inject(DOCUMENT) private document: Document, private summaryToolMapService: SummaryToolMapService ) { }\n\n public ngOnInit() {\n return loadModules([\n 'esri/Map',\n 'esri/widgets/Expand',\n \"esri/layers/GraphicsLayer\",\n 'esri/widgets/Sketch/SketchViewModel',\n 'esri/views/MapView',\n 'esri/core/promiseUtils',\n 'esri/Color',\n 'esri/views/draw/Draw',\n 'esri/Graphic',\n \"esri/geometry/SpatialReference\",\n 'esri/core/watchUtils',\n 'esri/layers/FeatureLayer'\n ], {\n url: 'https://js.arcgis.com/4.20/' // Explicitly set the desired API version here\n })\n .then(([EsriMap, Expand, GraphicsLayer, SketchViewModel, EsriMapView, promiseUtils, Color, Draw, Graphic, SpatialReference, watchUtils, FeatureLayer]) => {\n // tslint:disable-next-line: prefer-const\n let view: __esri.MapView;\n const map: esri.Map = new EsriMap({\n\n });\n $('#gridtabscontainermain').addClass(\"notallowedtable\");\n\n $('#gridtabscontainer').addClass(\"disabledtable\");\n var graphicforyear;\n // tslint:disable-next-line: prefer-const\n let chart2;\n // tslint:disable-next-line: prefer-const\n let chart1;\n let queryvalues = [];\n const summaryToolMapService2 = this.summaryToolMapService;\n $('.jqx-grid-statusbar').css(\"display\", \"none\");\n const renderer = {\n type: \"simple\", // autocasts as new SimpleRenderer()\n symbol: {\n type: 'simple-fill', // autocasts as SimpleFillSymbol\n color: new Color([232, 104, 80, 0]),\n style: 'solid',\n outline: { // autocasts as SimpleLineSymbol\n color: new Color([160, 160, 160, 1]),\n width: 1\n }\n }\n }\n\n const graphicsLayer = new GraphicsLayer({\n id: \"tempGraphics\"\n });\n\n const economicimpactLayer = new FeatureLayer({\n url: 'http://tfsgis02.tfs.tamu.edu/arcgis/rest/services/EconomicImpacts/EconomicImpacts/FeatureServer/0',\n outFields: ['*'],\n renderer: renderer,\n });\n\n this.view = new EsriMapView({\n container: this.mapViewEl.nativeElement,\n\n extent: {\n xmin: -1.07366510619E7,\n ymin: 3440153.831100002,\n xmax: -1.04091956698E7,\n ymax: 4024099.909699999,\n spatialReference: new SpatialReference({ wkid: 3857 })\n\n },\n\n map,\n navigation: {\n mouseWheelZoomEnabled: false,\n browserTouchPanEnabled: false\n },\n ui: {\n components: [\"attribution\"]\n }\n });\n\n this.view.on(\"drag\", function (evt) {\n // prevents panning with the mouse drag event\n evt.stopPropagation();\n });\n this.view.ui.remove(\"zoom\")\n // to stop zooming, but I need the double click to finish drawing, so if it is not drawing, remove the double-click\n this.view.on(\"double-click\", function (event) {\n if ($('#drawpolygonbutton').hasClass('active') == true && $('#drawmultipointbutton').hasClass('active') == true || ($('#drawpolygonbutton').hasClass('action-button') == true && $('#drawmultipointbutton').hasClass('action-button') == true )) {\n event.stopPropagation();\n }\n\n });\n\n // Watch to the scale property\n //this.view.watch(\"extent\", function (newValue) {\n // console.log(\"scale property changed: \", newValue);\n //});\n\n\n\n map.add(economicimpactLayer);\n map.add(graphicsLayer);\n this.years = ['2007', '2009', '2012', '2015', \"2019\", \"2021\"]\n this.selectedYear = 2021;\n this.createchart1 = (chartel) => {\n this.chart1 = this.summaryToolMapService.createChart(chartel.nativeElement.getContext('2d'), 'Industry Output Totals (Million $)');\n };\n this.createchart2 = (chartel) => {\n this.chart2 = this.summaryToolMapService.createChart(chartel.nativeElement.getContext('2d'), 'Employment Totals (Jobs)');\n };\n\n this.view.when(() => {\n }).catch(err => {\n Swal.fire(\"Your browser is not currently supported. Please use the latest version of Chrome, Microsoft Edge, Opera, Firefox or Safari\")\n }).then;\n {\n\n\n var economicimpactQuery = economicimpactLayer.createQuery();\n economicimpactQuery.where = \"DATA_YEAR_TXT = '2015'\";\n economicimpactLayer.queryFeatures(economicimpactQuery).then(function (response) {\n\n response.features.map(function (feature) {\n var yoffset = feature.attributes.YOffset.toString() + \"px\";\n var xoffset = feature.attributes.XOffset.toString() + \"px\";\n var anglefromfield = feature.attributes.Angle;\n\n var countytext = feature.attributes.NAME\n // identify which counties have two words for the name and break the second word to the next line\n if (countytext.trim().indexOf(' ') != -1) {\n\n var firstword = countytext.split(' ').slice(0, 1).toString();\n var secondword = countytext.split(' ').slice(1, 2).toString();\n countytext = firstword + \"\\n\" + secondword\n }\n const textSymbol = {\n type: \"text\",\n text: countytext,\n angle: feature.attributes.Angle,\n color: new Color([0, 0, 0]),\n font: {\n size: \"11px\",\n family: \"Arial\",\n weight: \"normal\",\n fontColor: \"#000\"\n },\n lineWidth: 47,\n yoffset: yoffset,\n xoffset: xoffset\n }\n var graphic = new Graphic({\n geometry: feature.geometry,\n symbol: textSymbol\n });\n graphicsLayer.add(graphic);\n })\n\n })\n\n // Create the charts when the view is ready\n this.createchart1(this.chart1El);\n this.createchart2(this.chart2El);\n this.gridtabs.select(6);\n this.draw = new Draw({\n view: this.view\n });\n // this.setUpInstructions();\n }\n document.getElementById('exportexcelbutton').addEventListener('click', () => {\n if (this.countyarray.length > 0) {\n if (this.grid1.attrSource != undefined) {\n let griddataforestry = [];\n let griddatalogging = [];\n var griddataprimarypaper = [];\n let griddataprimarysolid = [];\n let griddatasecondarypaper = [];\n let griddatasecondarysolid = [];\n let allgridsdatatotal = [];\n griddataforestry = this.grid1.attrSource.localdata;\n griddatalogging = this.grid2.attrSource.localdata;\n griddataprimarypaper = this.grid3.attrSource.localdata;\n griddataprimarysolid = this.grid4.attrSource.localdata;\n griddatasecondarypaper = this.grid5.attrSource.localdata;\n griddatasecondarysolid = this.grid6.attrSource.localdata;\n allgridsdatatotal = this.grid7.attrSource.localdata;\n\n const wsforestry: xlsx.WorkSheet = xlsx.utils.json_to_sheet(griddataforestry);\n const wslogging: xlsx.WorkSheet = xlsx.utils.json_to_sheet(griddatalogging);\n const wsprimarypaper: xlsx.WorkSheet = xlsx.utils.json_to_sheet(griddataprimarypaper);\n const wsprimarysolid: xlsx.WorkSheet = xlsx.utils.json_to_sheet(griddataprimarysolid);\n const wssecondarypaper: xlsx.WorkSheet = xlsx.utils.json_to_sheet(griddatasecondarypaper);\n const wssecondarysolid: xlsx.WorkSheet = xlsx.utils.json_to_sheet(griddatasecondarysolid);\n const wstotal: xlsx.WorkSheet = xlsx.utils.json_to_sheet(allgridsdatatotal);\n const wb: xlsx.WorkBook = xlsx.utils.book_new();\n xlsx.utils.book_append_sheet(wb, wsforestry, 'Forestry');\n xlsx.utils.book_append_sheet(wb, wslogging, 'Logging');\n xlsx.utils.book_append_sheet(wb, wsprimarypaper, 'Primary Paper');\n xlsx.utils.book_append_sheet(wb, wsprimarysolid, 'Primary Solid');\n xlsx.utils.book_append_sheet(wb, wssecondarypaper, 'Secondary Paper');\n xlsx.utils.book_append_sheet(wb, wssecondarysolid, 'Secondary Solid');\n xlsx.utils.book_append_sheet(wb, wstotal, 'Total');\n const filetitle = 'TexasForestSectorEconomicContribution_' + this.selectedYear + '.xlsx';\n xlsx.writeFile(wb, filetitle);\n }\n }\n else {\n Swal.fire(\"Make sure you select a county before selecting this tool\");\n }\n });\n\n document.getElementById('drawpolygonbutton').addEventListener('click', () => {\n // tslint:disable-next-line: triple-equals\n $('#gridtabscontainer').addClass(\"disabledtable\");\n $('#gridtabscontainer').removeClass(\"enabledtable\");\n if (this.view.graphics != undefined) {\n\n this.view.graphics.removeAll();\n removeData(this.chart1);\n removeData(this.chart2);\n this.grid1.clear();\n this.grid2.clear();\n this.grid3.clear();\n this.grid4.clear();\n this.grid5.clear();\n this.grid6.clear();\n this.grid7.clear();\n this.countyarray = [];\n if ($('.tablefooter').length > 0) {\n\n $('.jqx-grid-statusbar').css(\"display\", \"none\");\n }\n\n\n }\n if ($('#drawpolygonbutton').hasClass('action-button')) {\n this.view.graphics.removeAll();\n this.draw.reset();\n const action = this.draw.create('polygon', { mode: 'hybrid' });\n if (/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n if (document.documentElement.clientHeight > document.documentElement.clientWidth && this.clickcountingforwarning === 0) {\n Swal.fire(\"For optimal display results, please use Landscape orientation.\");\n }\n }\n this.clickcountingforwarning++\n $('#drawpolygonbutton').addClass('active');\n $('#drawpolygonbutton').removeClass('action-button');\n $('#drawmultipointbutton').removeClass('active');\n $('#drawmultipointbutton').addClass('action-button');\n // focus the view to activate keyboard shortcuts for sketching\n this.view.focus();\n action.on('vertex-add', (evt) => this.createPolygonGraphic(evt.vertices, evt));\n action.on('vertex-remove', (evt) => this.createPolygonGraphic(evt.vertices, evt));\n action.on('cursor-update', (evt) => this.createPolygonGraphic(evt.vertices, evt));\n action.on('draw-complete', (evt) => this.createPolygonGraphic(evt.vertices, evt));\n this.clickcount++;\n }\n else {\n this.view.graphics.removeAll();\n this.draw.reset();\n $('#drawpolygonbutton').removeClass('active');\n $('#drawpolygonbutton').addClass('action-button');\n this.clickcount = 0;\n\n }\n });\n\n this.createPolygonGraphic = (vertices: any, event: any) => {\n this.view.graphics.removeAll();\n\n const polygon = {\n type: 'polygon', // autocasts as Polygon\n rings: vertices,\n spatialReference: this.view.spatialReference\n };\n const graphic = new Graphic({\n geometry: polygon,\n symbol: {\n type: 'simple-fill', // autocasts as SimpleFillSymbol\n color: new Color([232, 104, 80, 0.25]),\n style: 'solid',\n outline: { // autocasts as SimpleLineSymbol\n color: new Color([232, 104, 80, 1]),\n width: 2\n }\n }\n });\n\n this.view.graphics.add(graphic);\n if (event.type === 'draw-complete') {\n this.firsttabletabclick = 0;\n $('#gridtabscontainermain').removeClass(\"notallowedtable\");\n $('#gridtabscontainermain').addClass(\"allowedtable\");\n $('#gridtabscontainer').removeClass(\"disabledtable\");\n $('#gridtabscontainer').addClass(\"enabledtable\");\n $('.jqx-grid-statusbar').css(\"display\", \"block\");\n\n $('#drawpolygonbutton').removeClass('active');\n $('#drawpolygonbutton').addClass('action-button');\n queryStatsOnDrag(graphic, this.selectedYear)\n .then(this.updateCharts)\n .catch(function(error) {\n if (error.name != 'AbortError') {\n console.error(error);\n }\n });\n }\n\n };\n document.getElementById('drawmultipointbutton').addEventListener('click', () => {\n $('#gridtabscontainer').addClass(\"disabledtable\");\n $('#gridtabscontainer').removeClass(\"enabledtable\");\n if (this.view.graphics != undefined) {\n //this.view.graphics.removeAll();\n removeData(this.chart1);\n removeData(this.chart2);\n this.grid1.clear();\n this.grid2.clear();\n this.grid3.clear();\n this.grid4.clear();\n this.grid5.clear();\n this.grid6.clear();\n this.grid7.clear();\n this.countyarray = [];\n if ($('.tablefooter').length > 0) {\n\n $('.jqx-grid-statusbar').css(\"display\", \"none\");\n }\n\n }\n\n if ($('#drawmultipointbutton').hasClass('action-button')) {\n this.view.graphics.removeAll();\n var action = this.draw.create('multipoint');\n\n if (/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n // for native resolution as in https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions\n //alert(\"Your screen resolution is: \" + window.screen.width * window.devicePixelRatio + \"x\" + window.screen.height * window.devicePixelRatio);\n //not good to use native resolution because some old phones have big resolutions like iphone 8 plus and some newer also, while some newer might also have low native resolution\n //resolution of screen:\n // alert(\"Your screen resolution is: \" + screen.width + \"x\" + screen.height);\n if (screen.width <= 414 && screen.height < 896) {\n this.draw.reset()\n action = this.draw.create('point');\n if (document.documentElement.clientHeight > document.documentElement.clientWidth && this.clickcountingforwarning === 0) {\n Swal.fire(\"For this device resolution, only one county can be selected using this tool. For optimal display results, please use Landscape orientation.\")\n }\n else {\n if (this.clickcountingforwarning == 0) {\n Swal.fire(\"For this device resolution, only one county can be selected using this tool\")\n }\n }\n }\n if (screen.width >= 414 && screen.height >= 896 && this.clickcountingforwarning == 0) {\n if (document.documentElement.clientHeight > document.documentElement.clientWidth) {\n Swal.fire(\"For optimal display results, please use Landscape orientation.\");\n }\n this.draw.reset()\n action = this.draw.create('multipoint');\n\n\n }\n this.clickcountingforwarning++\n } else {\n //this.draw.reset()\n //action = this.draw.create('multipoint');\n }\n\n $('#drawmultipointbutton').addClass('active');\n $('#drawmultipointbutton').removeClass('action-button');\n $('#drawpolygonbutton').removeClass('active');\n $('#drawpolygonbutton').addClass('action-button');\n // focus the view to activate keyboard shortcuts for sketching\n //this.view.focus();\n action.on('vertex-add', (evt) => this.createMultipointGraphic(evt.vertices, evt));\n action.on('vertex-remove', (evt) => this.createMultipointGraphic(evt.vertices, evt));\n //action.on('cursor-update', (evt) => this.createMultipointGraphic(evt.vertices, evt));\n action.on('draw-complete', (evt) => this.createMultipointGraphic(evt.vertices, evt));\n this.clickcount++;\n\n }\n else {\n this.draw.reset();\n this.view.graphics.removeAll();\n $('#drawmultipointbutton').removeClass('active');\n $('#drawmultipointbutton').addClass('action-button');\n }\n });\n // create a new graphic presenting the point that is being drawn on the view\n this.createMultipointGraphic = (vertices: any, event: any) => {\n var multipoint = {\n type: 'multipoint', // autocasts as Polygon\n points: vertices,\n\n spatialReference: this.view.spatialReference\n };\n var graphic = new Graphic({\n geometry: multipoint,\n symbol: {\n type: 'simple-marker',\n style: 'circle',\n size: '12px',\n color: new Color([232, 104, 80, 0.25]),\n outline: { // autocasts as SimpleLineSymbol\n color: new Color([232, 104, 80, 1]),\n width: 2\n }\n }\n });\n this.view.graphics.add(graphic);\n if (event.type === 'draw-complete') {\n this.firsttabletabclick = 0;\n $('.jqx-grid-statusbar').css(\"display\", \"block\");\n $('#gridtabscontainermain').removeClass(\"notallowedtable\");\n $('#gridtabscontainermain').addClass(\"allowedtable\");\n $('#gridtabscontainer').removeClass(\"disabledtable\");\n $('#gridtabscontainer').addClass(\"enabledtable\");\n $('#drawmultipointbutton').removeClass('active');\n $('#drawmultipointbutton').addClass('action-button');\n\n queryStatsOnDrag(graphic, this.selectedYear)\n .then(this.updateCharts)\n .catch(function(error) {\n if (error.name !== 'AbortError') {\n console.error(error);\n }\n });\n }\n };\n\n function updateChart(chart, dataValues, labels) {\n if (chart.boxes[0].chart.canvas.id == 'chart1') {\n\n chart.data.datasets[0].data = dataValues.industrytotal;\n chart.data.datasets[1].data = dataValues.industrydirect;\n }\n if (chart.boxes[0].chart.canvas.id == 'chart2') {\n\n chart.data.datasets[0].data = dataValues.employmenttotal;\n chart.data.datasets[1].data = dataValues.employmentdirect;\n }\n chart.data.labels = labels;\n chart.update();\n }\n function removeData(chart) {\n chart.data.labels = [];\n chart.data.datasets.forEach((dataset) => {\n dataset.data = [];\n });\n chart.update();\n }\n\n this.rowselected = (event: any) =>\n {\n\n // var args = event.args;\n // var rowBoundIndex = args.rowindex;\n // var rowData = args.row;\n // if (this.grid7.getselectedrowindex() === rowBoundIndex)\n // {\n // setTimeout(() => {\n // this.grid7.unselectrow(rowBoundIndex);\n // }, 1000);\n // }\n\n }\n\n this.tabclick = (event: any) =>\n {\n this.firsttabletabclick++\n if (event.args.item === 0) {\n\n this.grid1.width(\"100%\")\n }\n //if (this.firsttabletabclick === 1) {\n\n\n // }\nsetTimeout(() => {\nthis.updateaggregatesrenderer()\n\n }, 1500);\n }\n\n this.callgenerateData = () =>\n {\n this.forestrysource.localdata = this.callGenerateDataForestry();\n this.loggingsource.localdata = this.callGenerateDataLogging();\n this.ppsource.localdata = this.callGenerateDataPrimaryPaper();\n this.pssource.localdata = this.callGenerateDataPrimarySolid();\n this.spsource.localdata = this.callGenerateDataSecondaryPaper();\n this.sssource.localdata = this.callGenerateDataSecondarySolid();\n this.totalsource.localdata = this.callGenerateDataTotal();\n }\n this.updateaggregatesrenderer = () =>\n {\n\n\n this.callgenerateData()\n\n if(document.getElementById('forestrycolumindustry') != null && this.forestryindustrydirectarray.length > 0){\n document.getElementById('forestrycolumindustry').innerText = this.forestryindustrydirectarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('forestrycolumemployment') != null && this.forestryemploymentdirectarray.length > 0){\n document.getElementById('forestrycolumemployment').innerText = this.forestryemploymentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n }\n if(document.getElementById('forestrycolumlaborincome') != null && this.forestrylaborincomedirectarray.length > 0){\n document.getElementById('forestrycolumlaborincome').innerText = this.forestrylaborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('forestrycolumdirectvalue') != null && this.forestryindirectbusinesstaxarray.length > 0){\n document.getElementById('forestrycolumdirectvalue').innerText = this.forestryindirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('loggingcolumindustry') != null && this.loggingindustrydirectarray.length > 0){\n document.getElementById('loggingcolumindustry').innerText = this.loggingindustrydirectarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('loggingcolumemployment') != null && this.loggingemploymentdirectarray.length > 0){\n document.getElementById('loggingcolumemployment').innerText = this.loggingemploymentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n }\n if(document.getElementById('loggingcolumlaborincome') != null && this.logginglaborincomedirectarray.length > 0){\n document.getElementById('loggingcolumlaborincome').innerText = this.logginglaborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('loggingcolumdirectvalue') != null && this.loggingindirectbusinesstaxarray.length > 0){\n document.getElementById('loggingcolumdirectvalue').innerText = this.loggingindirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n}\n\n if(document.getElementById('ppcolumindustry') != null && this.ppindustrydirectarray.length > 0){\n document.getElementById('ppcolumindustry').innerText = this.ppindustrydirectarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('ppcolumemployment') != null && this.ppemploymentdirectarray.length > 0){\n document.getElementById('ppcolumemployment').innerText = this.ppemploymentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n }\n if(document.getElementById('ppcolumlaborincome') != null && this.pplaborincomedirectarray.length > 0){\n document.getElementById('ppcolumlaborincome').innerText = this.pplaborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('ppcolumdirectvalue') != null && this.ppindirectbusinesstaxarray.length > 0){\n document.getElementById('ppcolumdirectvalue').innerText = this.ppindirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('spcolumindustry') != null && this.spindustrydirectarray.length > 0){\n document.getElementById('spcolumindustry').innerText = this.spindustrydirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('spcolumemployment') != null && this.spemploymentdirectarray.length > 0){\n document.getElementById('spcolumemployment').innerText = this.spemploymentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n }\n if(document.getElementById('spcolumlaborincome') != null && this.splaborincomedirectarray.length > 0){\n document.getElementById('spcolumlaborincome').innerText = this.splaborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('spcolumdirectvalue') != null && this.spindirectbusinesstaxarray.length > 0){\n document.getElementById('spcolumdirectvalue').innerText = this.spindirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('pscolumindustry') != null && this.psindustrydirectarray.length > 0){\n document.getElementById('pscolumindustry').innerText = this.psindustrydirectarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('pscolumemployment') != null && this.psemploymentdirectarray.length > 0){\n document.getElementById('pscolumemployment').innerText = this.psemploymentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n }\n if(document.getElementById('pscolumlaborincome') != null && this.pslaborincomedirectarray.length > 0){\n document.getElementById('pscolumlaborincome').innerText = this.pslaborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('pscolumdirectvalue') != null && this.psindirectbusinesstaxarray.length > 0){\n document.getElementById('pscolumdirectvalue').innerText = this.psindirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('sscolumindustry') != null && this.ssindustrydirectarray.length > 0){\n document.getElementById('sscolumindustry').innerText = this.ssindustrydirectarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('sscolumemployment') != null && this.ssemploymentdirectarray.length > 0){\n document.getElementById('sscolumemployment').innerText = this.ssemploymentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n }\n if(document.getElementById('sscolumlaborincome') != null && this.sslaborincomedirectarray.length > 0){\n document.getElementById('sscolumlaborincome').innerText = this.sslaborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('sscolumdirectvalue') != null && this.ssindirectbusinesstaxarray.length > 0){\n document.getElementById('sscolumdirectvalue').innerText = this.ssindirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toFixed(2).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('totalcolumindustry') != null && this.totalindustrydirectarray.length > 0){\n document.getElementById('totalcolumindustry').innerText = this.totalindustrydirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('totalcolumemployment') != null && this.totalemploymentdirectarray.length > 0){\n document.getElementById('totalcolumemployment').innerText = this.totalemploymentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n }\n if(document.getElementById('totalcolumlaborincome') != null && this.totallaborincomedirectarray.length > 0){\n document.getElementById('totalcolumlaborincome').innerText = this.totallaborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n if(document.getElementById('totalcolumdirectvalue') != null && this.totalindirectbusinesstaxarray.length > 0){\n document.getElementById('totalcolumdirectvalue').innerText = this.totalindirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n\n }\n\n\n this.updateCharts = (responses) => {\n\n this.summaryToolMapService.AddDatatoArrays(this, responses);\n this.view.graphics.removeAll();\n for (let i = 0; i < this.allfeaturesarray.length; i++) {\n const graphic = new Graphic({\n geometry: this.allfeaturesarray[i].geometry,\n symbol: {\n type: 'simple-fill', // autocasts as SimpleFillSymbol\n color: new Color([232, 104, 80, 0.25]),\n style: 'solid',\n outline: { // autocasts as SimpleLineSymbol\n color: new Color([232, 104, 80, 1]),\n width: 2\n }\n }\n });\n this.view.graphics.add(graphic);\n }\n this.callGenerateDataTotal = () => {\n return this.generateData(responses, this.countyarray, this.totalindustrytotalarray, this.totalindustrydirectarray,\n this.totalsammindustryarray, this.totalemploymenttotalarray, this.totalemploymentdirectarray,\n this.totalsammemploymentarray, this.totallaborincometotalarray, this.totallaborincomedirectarray,\n this.totalsammlaborincomearray, this.totalindirectbusinesstaxarray, 'Total');\n };\n this.callGenerateDataForestry = () => {\n return this.generateData(responses, this.countyarray, this.forestryindustrytotalarray,\n this.forestryindustrydirectarray, this.forestrysammindustryarray,\n this.forestryemploymenttotalarray, this.forestryemploymentdirectarray,\n this.forestrysammemploymentarray, this.forestrylaborincometotalarray, this.forestrylaborincomedirectarray,\n this.forestrysammlaborincomearray, this.forestryindirectbusinesstaxarray, 'Forestry');\n };\n this.callGenerateDataLogging = () => {\n return this.generateData(responses, this.countyarray, this.loggingindustrytotalarray,\n this.loggingindustrydirectarray, this.loggingsammindustryarray,\n this.loggingemploymenttotalarray, this.loggingemploymentdirectarray,\n this.loggingsammemploymentarray, this.logginglaborincometotalarray, this.logginglaborincomedirectarray,\n this.loggingsammlaborincomearray, this.loggingindirectbusinesstaxarray, 'Logging');\n };\n\n this.callGenerateDataPrimaryPaper = () => {\n return this.generateData(responses, this.countyarray, this.ppindustrytotalarray,\n this.ppindustrydirectarray, this.ppsammindustryarray,\n this.ppemploymenttotalarray, this.ppemploymentdirectarray,\n this.ppsammemploymentarray, this.pplaborincometotalarray, this.pplaborincomedirectarray,\n this.ppsammlaborincomearray, this.ppindirectbusinesstaxarray, 'Primary Paper');\n };\n\n this.callGenerateDataPrimarySolid = () => {\n return this.generateData(responses, this.countyarray, this.psindustrytotalarray,\n this.psindustrydirectarray, this.pssammindustryarray,\n this.psemploymenttotalarray, this.psemploymentdirectarray,\n this.pssammemploymentarray, this.pslaborincometotalarray, this.pslaborincomedirectarray,\n this.pssammlaborincomearray, this.psindirectbusinesstaxarray, 'Primary Solid');\n };\n this.callGenerateDataSecondaryPaper = () => {\n return this.generateData(responses, this.countyarray, this.spindustrytotalarray,\n this.spindustrydirectarray, this.spsammindustryarray,\n this.spemploymenttotalarray, this.spemploymentdirectarray,\n this.spsammemploymentarray, this.splaborincometotalarray, this.splaborincomedirectarray,\n this.spsammlaborincomearray, this.spindirectbusinesstaxarray, 'Secondary Paper');\n };\n this.callGenerateDataSecondarySolid = () => {\n return this.generateData(responses, this.countyarray, this.ssindustrytotalarray,\n this.ssindustrydirectarray, this.sssammindustryarray,\n this.ssemploymenttotalarray, this.ssemploymentdirectarray,\n this.sssammemploymentarray, this.sslaborincometotalarray, this.sslaborincomedirectarray,\n this.sssammlaborincomearray, this.ssindirectbusinesstaxarray, 'Secondary Solid');\n };\n // tslint:disable-next-line: no-shadowed-variable\n this.generateData = (responses, countyarray, industrytotalarray, industrydirectarray, sammindustryarray,\n // tslint:disable-next-line: no-shadowed-variable\n employmenttotalarray, employmentdirectarray, sammemploymentarray, laborincometotalarray,\n laborincomedirectarray, sammlaborincomearray, indirectbusinesstaxarray, MeasurementName) => {\n let totaldata = new Array();\n\n totaldata = this.summaryToolMapService.GenerateTotalData(responses,\n countyarray, industrytotalarray, industrydirectarray, sammindustryarray,\n employmenttotalarray, employmentdirectarray, sammemploymentarray, laborincometotalarray,\n laborincomedirectarray, sammlaborincomearray, indirectbusinesstaxarray, MeasurementName);\n return totaldata;\n };\n this.callGenerateTableColumns = (industrydirectarray,\n employmentdirectarray, laborincomedirectarray, indirectbusinesstaxarray, Measurement) =>\n\n {\n let tablecolumns = new Array();\n\n tablecolumns = this.summaryToolMapService.GenerateTableColumnsData(industrydirectarray,\n employmentdirectarray, laborincomedirectarray, indirectbusinesstaxarray,\n Measurement);\n\n return tablecolumns;\n }\n\n\n\n if (this.clickcount == 1) {\n\n this.totalsource =\n {\n localdata: this.callGenerateDataTotal(),\n datafields:\n totaltabledatafields,\n datatype: 'array'\n };\n\n this.columngroups =\n [\n { text: 'Industry Output (Million $)', align: 'center', name: 'IndustryOutput' },\n { text: 'Employment (Jobs)', align: 'center', name: 'Employment' },\n { text: 'Labor Income (Million $)', align: 'center', name: 'LaborIncome' }\n ];\n this.totalcolumns = this.callGenerateTableColumns(this.totalindustrydirectarray,\n this.totalemploymentdirectarray, this.totallaborincomedirectarray, this.totalindirectbusinesstaxarray, 'Total');\n\n this.forestrysource =\n {\n localdata: this.callGenerateDataForestry(),\n datafields:\n forestrytabledatafields,\n datatype: 'array'\n };\n this.forestrycolumns = this.callGenerateTableColumns(this.forestryindustrydirectarray,\n this.forestryemploymentdirectarray, this.forestrylaborincomedirectarray, this.forestryindirectbusinesstaxarray, 'Forestry');\n\n this.loggingsource =\n {\n localdata: this.callGenerateDataLogging(),\n datafields:\n loggingtabledatafields,\n datatype: 'array'\n };\n this.loggingcolumns = this.callGenerateTableColumns(this.loggingindustrydirectarray,\n this.loggingemploymentdirectarray, this.logginglaborincomedirectarray, this.loggingindirectbusinesstaxarray, 'Logging');\n\n this.ppsource =\n {\n localdata: this.callGenerateDataPrimaryPaper(),\n datafields:\n pptabledatafields,\n datatype: 'array'\n };\n this.ppcolumns = this.callGenerateTableColumns(this.ppindustrydirectarray,\n this.ppemploymentdirectarray, this.pplaborincomedirectarray, this.ppindirectbusinesstaxarray, 'Primary Paper');\n\n this.spsource =\n {\n localdata: this.callGenerateDataSecondaryPaper(),\n datafields:\n sptabledatafields,\n datatype: 'array'\n };\n this.spcolumns = this.callGenerateTableColumns(this.spindustrydirectarray,\n this.spemploymentdirectarray, this.splaborincomedirectarray, this.spindirectbusinesstaxarray, 'Secondary Paper');\n this.pssource =\n {\n localdata: this.callGenerateDataPrimarySolid(),\n datafields:\n pstabledatafields,\n datatype: 'array'\n };\n this.pscolumns = this.callGenerateTableColumns(this.psindustrydirectarray,\n this.psemploymentdirectarray, this.pslaborincomedirectarray, this.psindirectbusinesstaxarray, 'Primary Solid');\n this.sssource =\n {\n localdata: this.callGenerateDataSecondarySolid(),\n datafields:\n sstabledatafields,\n datatype: 'array'\n };\n\n this.sscolumns = this.callGenerateTableColumns(this.ssindustrydirectarray,\n this.ssemploymentdirectarray, this.sslaborincomedirectarray, this.ssindirectbusinesstaxarray, 'Secondary Solid');\n\n }\n // this.onSelect = (event) =>\n // {\n\n // }\n if (this.clickcount > 1) {\n this.callgenerateData()\n this.grid1.updatebounddata('cells');\n this.grid2.updatebounddata('cells');\n this.grid3.updatebounddata('cells');\n this.grid4.updatebounddata('cells');\n this.grid5.updatebounddata('cells');\n this.grid6.updatebounddata('cells');\n this.grid7.updatebounddata('cells');\n\n setTimeout(() => {\n\n this.updateaggregatesrenderer()\n\n }, 1500)\n }\n else {\n\n };\n\n const ChartStats = {\n industrytotal: this.industrytotalarray,\n industrydirect: this.industrydirectarray,\n employmenttotal: this.employmenttotalarray,\n employmentdirect: this.employmentdirectarray\n };\n updateChart(this.chart1, ChartStats, this.labels);\n updateChart(this.chart2, ChartStats, this.labels);\n this.gridtabs.select(6);\n\n };\n\n\n\n this.MeasureorYearChangeFunction = (event: any) => {\n if (this.view.graphics != undefined) {\n\n this.view.graphics.removeAll();\n removeData(this.chart1);\n removeData(this.chart2);\n this.grid1.clear();\n this.grid2.clear();\n this.grid3.clear();\n this.grid4.clear();\n this.grid5.clear();\n this.grid6.clear();\n this.grid7.clear();\n }\n if ($('#drawpolygonbutton').hasClass('action-button') && $('#drawmultipointbutton').hasClass('action-button')) {\n\n if (graphicforyear != undefined) {\n queryStatsOnDrag(graphicforyear, this.selectedYear)\n .then(this.updateCharts)\n .catch(function (error) {\n if (error.name != 'AbortError') {\n console.error(error);\n }\n });\n }\n if ($('#drawpolygonbutton').hasClass('active') || $('#drawmultipointbutton').hasClass('active')) {\n Swal.fire(\"Make sure you first select a county by drawing a polygon or a point\");\n }\n }\n\n else {\n Swal.fire(\"Make sure you first select a county by drawing a polygon or a point\");\n }\n }\n const queryStatsOnDrag = promiseUtils.debounce(function(\n\n graphic,\n selectedYear\n ) {\n graphicforyear = graphic;\n const query = economicimpactLayer.createQuery();\n query.geometry = graphic.geometry; // converts the screen point to a map point\n query.where = 'DATA_YEAR_TXT = \\'' + selectedYear + '\\'';\n query.spatialRelationship = 'intersects';\n const allStatsResponse = economicimpactLayer.queryFeatures(query)\n .then(function(response) {\n\n queryvalues = [];\n queryvalues = summaryToolMapService2.createQueryValuesArray(response);\n const stats = queryvalues;\n return stats;\n });\n // Return the promises that will resolve to each set of statistics\n return promiseUtils.eachAlways([\n allStatsResponse\n ]);\n });\n\n })\n .catch(err => {\n\n });\n\n }\n\n\n exportpdfclick = (event: any) => {\n\n if (this.countyarray.length > 0) {\n $(\".hidden\").show();\n\n var pdf = new jsPDF('l', 'mm', 'a4');\n pdf.setTextColor(0, 0, 0);\n pdf.setFontSize(20);\n //pdf.setFontType(\"bold\");\n pdf.text(36, 11, 'Texas Forest Sector Economic Contribution Analysis Report By County');\n console.log(this.chart1El.nativeElement.width, this.chart1El.nativeElement.height);\n var imgData = this.chart1El.nativeElement.toDataURL(\"image/png\", 1.0);\n pdf.addImage(imgData, 'PNG', 58, 17, 174, 95);\n var imgData2 = this.chart2El.nativeElement.toDataURL(\"image/png\", 1.0);\n pdf.addImage(imgData2, 'PNG', 58, 113, 174, 95);\n //this.chart2El.nativeElement.toBlob(blob => {\n\n //})\n\n let allTotalMeasuresAarray = [this.countyarray, this.totalindustrydirectarray, this.totalindustrytotalarray,\n this.totalsammindustryarray, this.totalemploymentdirectarray, this.totalemploymenttotalarray,\n this.totalsammemploymentarray, this.totallaborincomedirectarray, this.totallaborincometotalarray,\n this.totalsammlaborincomearray, this.totalindirectbusinesstaxarray, \"Total\"];\n\n let allForestryMeasuresArray = [this.countyarray, this.forestryindustrydirectarray, this.forestryindustrytotalarray,\n this.forestrysammindustryarray,\n this.forestryemploymentdirectarray, this.forestryemploymenttotalarray,\n this.forestrysammemploymentarray, this.forestrylaborincomedirectarray, this.forestrylaborincometotalarray,\n this.forestrysammlaborincomearray, this.forestryindirectbusinesstaxarray, \"Forestry\"];\n\n let allLoggingMeasuresArray = [this.countyarray, this.loggingindustrydirectarray, this.loggingindustrytotalarray,\n this.loggingsammindustryarray, this.loggingemploymentdirectarray, this.loggingemploymenttotalarray,\n this.loggingsammemploymentarray, this.logginglaborincomedirectarray, this.logginglaborincometotalarray,\n this.loggingsammlaborincomearray, this.loggingindirectbusinesstaxarray, \"Logging\"];\n\n let allPrimaryPaperMeasuresArray = [this.countyarray, this.ppindustrydirectarray, this.ppindustrytotalarray,\n this.ppsammindustryarray, this.ppemploymentdirectarray, this.ppemploymenttotalarray,\n this.ppsammemploymentarray, this.pplaborincomedirectarray, this.pplaborincometotalarray,\n this.ppsammlaborincomearray, this.ppindirectbusinesstaxarray, \"Primary Paper\"];\n\n let allPrimarySolidMeasuresArray = [this.countyarray, this.psindustrydirectarray, this.psindustrytotalarray,\n this.pssammindustryarray, this.psemploymentdirectarray, this.psemploymenttotalarray,\n this.pssammemploymentarray, this.pslaborincomedirectarray, this.pslaborincometotalarray,\n this.pssammlaborincomearray, this.psindirectbusinesstaxarray, \"Primary Solid\"];\n\n let allSecondaryPaperMeasuresArray = [this.countyarray, this.spindustrydirectarray, this.spindustrytotalarray,\n this.spsammindustryarray, this.spemploymentdirectarray, this.spemploymenttotalarray,\n this.spsammemploymentarray, this.splaborincomedirectarray, this.splaborincometotalarray,\n this.spsammlaborincomearray, this.spindirectbusinesstaxarray, \"Secondary Paper\"];\n\n let allSecondarySolidMeasuresArray = [this.countyarray, this.ssindustrydirectarray, this.ssindustrytotalarray,\n this.sssammindustryarray, this.ssemploymentdirectarray, this.ssemploymenttotalarray,\n this.sssammemploymentarray, this.sslaborincomedirectarray, this.sslaborincometotalarray,\n this.sssammlaborincomearray, this.ssindirectbusinesstaxarray, \"Secondary Solid\"];\n\n // create nested arrays adding the above arrays on the one below:\n let mainMeasuresArray = [];\n mainMeasuresArray[0] = allTotalMeasuresAarray;\n mainMeasuresArray[1] = allForestryMeasuresArray;\n mainMeasuresArray[2] = allLoggingMeasuresArray;\n mainMeasuresArray[3] = allPrimaryPaperMeasuresArray;\n mainMeasuresArray[4] = allPrimarySolidMeasuresArray;\n mainMeasuresArray[5] = allSecondaryPaperMeasuresArray;\n mainMeasuresArray[6] = allSecondarySolidMeasuresArray;\n\n this.summaryToolMapService.createPDF(mainMeasuresArray, pdf);\n\n setTimeout(() => $(\".hidden\").hide(), 500);\n\n\n }\n\n else {\n Swal.fire(\"Make sure you select a county before selecting this tool\");\n setTimeout(() => $(\".hidden\").hide(), 500);\n }\n }// exportpdfclick = (event: any) => {\n\n // ngOnInit\n //// event handler for the radio button's change event\n questionclick = (event: any) => {\n\n $('.questionpopup').show();\n\n\n }\n questioncloseclick = (event: any) => {\n $('.questionpopup').hide();\n }\n\n}\n","\n\n\n\n
\n\n\n\n\n\n \n \n
\n \n\n \n \n\n\n\n
\n\n \n
\n\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n To display values on the chart you need to click either the Draw a Polygon button or the Draw a Point button and select any counties on the map.\n
\n \n Draw a Polygon\n \n \n This tool allows you to select counties for a summary by drawing a polygon (boundary) on the map. To begin, click the Draw a Polygon button, then click on the map to set a starting point. Continue clicking to add vertices and shape your polygon. The selected area will be outlined and shaded red.\n To finalize the selection, either press Enter on your keyboard or triple-click and release the mouse button—this will automatically select the counties within the drawn area.\n To start a new selection, simply click the Draw a Polygon button again.\n
\n\n\n \n Example\n \n\n
\n\n
\n Draw a Point\n
\n ![\"Polygon](\"assets/images/polygon_selection.png\")
\n This tool allows you to select counties for a summary by placing one or more points on the map. To begin, click on the Draw a Point button. Then, left-click on each county of interest to mark it with a red point.\n To finalize the selection, either press Enter on your keyboard or triple-click and release the mouse button—this will automatically select the counties.\n\n To start a new selection, click the Draw a Point button again. On certain mobile devices, you may be limited to drawing one point at a time.\n
\n \n Example\n \n\n
\n\n
\n \n
\n ![\"Point](\"assets/images/point_selection.png\")
\n \n
\n \n \n
\n\n \n
\n\n \n
\n \n \n
\n \n \n
\n \n\n
\n \n\n \n\n
\n \n\n \n\n
\n\n \n
\n\n
\n \n
\n \n \n \n
\n \n\n \n - \n
- Forestry \n
- Logging \n
- Primary Paper \n
- Primary Solid \n
- Secondary Paper \n
- Secondary Solid \n
- Total \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n\n\n
\n a. Cells with blank values indicate that data is not available or values have been supressed to avoid disclosure of individual company's information.
\nb. For information on definitions see FAQs.
\nc. Data shown in this table may be different compared to the downloadable individual reports due to rounding or data suppression to protect confidentiality.
\n* The sum of Direct Contribution values for each industry may not match the total values displayed in this column due to data supression.
\n** The total contribution be summed between counties due to potential trade inter-linkages.
\n\n
\n
\n","let ppindustrytotalarray = [];\nlet ppindustrydirectarray = [];\n\n\nexport const objectsarray =\n\n{\n ppindustrytotalarray: ppindustrytotalarray,\n ppindustrydirectarray: ppindustrydirectarray\n}\n\n\nexport const totaltabledatafields = [\n { name: 'CountyName', type: 'string' },\n { name: 'TotImpTotalIndAdd', type: 'number' },\n { name: 'DirTotalIndAdd', type: 'number' },\n { name: 'TotImpTotalEmpAdd', type: 'number' },\n { name: 'DirTotalEmpAdd', type: 'number' },\n { name: 'TotImpTotalLabIncAdd', type: 'number' },\n { name: 'DirTotalLabIncAdd', type: 'number' },\n { name: 'DirTotalIndirBusTaxAdd', type: 'number' },\n { name: 'SAMMTotalIndAdd', type: 'number' },\n { name: 'SAMMTotalEmpAdd', type: 'number' },\n { name: 'SAMMTotalLabIncAdd', type: 'number' }\n];\nexport const forestrytabledatafields = [\n { name: 'CountyName', type: 'string' },\n { name: 'FDirIndOut', type: 'number' },\n { name: 'FTotImpIndOut', type: 'number' },\n { name: 'ForSAMMIndAdd', type: 'number' },\n { name: 'FDirEmp', type: 'number' },\n { name: 'FTotImpEmp', type: 'number' },\n { name: 'ForSAMMEmpAdd', type: 'number' },\n { name: 'FDirLabInc', type: 'number' },\n { name: 'FTotImpLabInc', type: 'number' },\n { name: 'ForSAMMLabAdd', type: 'number' },\n { name: 'FIndirBusTax', type: 'number' }\n\n];\n\nexport const loggingtabledatafields = [\n { name: 'CountyName', type: 'string' },\n { name: 'LDirIndOut', type: 'number' },\n { name: 'LTotImpIndOut', type: 'number' },\n { name: 'LogSAMMIndAdd', type: 'number' },\n { name: 'LDirEmp', type: 'number' },\n { name: 'LTotImpEmp', type: 'number' },\n { name: 'LogSAMMEmpAdd', type: 'number' },\n { name: 'LDirLabInc', type: 'number' },\n { name: 'LTotImpLabInc', type: 'number' },\n { name: 'LogSAMMLabAdd', type: 'number' },\n { name: 'LIndirBusTax', type: 'number' }\n]\n\nexport const pptabledatafields = [\n { name: 'CountyName', type: 'string' },\n { name: 'PPDirIndOut', type: 'number' },\n { name: 'PPTotImpIndOut', type: 'number' },\n { name: 'PrimaryPaperSAMMIndAdd', type: 'number' },\n { name: 'PPDirEmp', type: 'number' },\n { name: 'PPTotImpEmp', type: 'number' },\n { name: 'PrimaryPaperSAMMEmpAdd', type: 'number' },\n { name: 'PPDirLabInc', type: 'number' },\n { name: 'PPTotImpLabInc', type: 'number' },\n { name: 'PrimaryPaperSAMMLabAdd', type: 'number' },\n { name: 'PPIndirBusTax', type: 'number' }\n\n]\n\n\nexport const pstabledatafields = [\n { name: 'CountyName', type: 'string' },\n { name: 'PSDirIndOut', type: 'number' },\n { name: 'PSTotImpIndOut', type: 'number' },\n { name: 'PrimarySolidSAMMIndAdd', type: 'number' },\n { name: 'PSDirEmp', type: 'number' },\n { name: 'PSTotImpEmp', type: 'number' },\n { name: 'PrimarySolidSAMMEmpAdd', type: 'number' },\n { name: 'PSDirLabInc', type: 'number' },\n { name: 'PSTotImpLabInc', type: 'number' },\n { name: 'PrimarySolidSAMMLabAdd', type: 'number' },\n { name: 'PSIndirBusTax', type: 'number' }\n\n]\n\nexport const sptabledatafields = [\n { name: 'CountyName', type: 'string' },\n { name: 'SPDirIndOut', type: 'number' },\n { name: 'SPTotImpIndOut', type: 'number' },\n { name: 'SecondPaperSAMMIndAdd', type: 'number' },\n { name: 'SPDirEmp', type: 'number' },\n { name: 'SPTotImpEmp', type: 'number' },\n { name: 'SecondPaperSAMMEmpAdd', type: 'number' },\n { name: 'SPDirLabInc', type: 'number' },\n { name: 'SPTotImpLabInc', type: 'number' },\n { name: 'SecondPaperSAMMLabAdd', type: 'number' },\n { name: 'SPIndirBusTax', type: 'number' }\n\n]\n\nexport const sstabledatafields = [\n { name: 'CountyName', type: 'string' },\n { name: 'SSDirIndOut', type: 'number' },\n { name: 'SSTotImpIndOut', type: 'number' },\n { name: 'SecondSolidSAMMIndAdd', type: 'number' },\n { name: 'SSDirEmp', type: 'number' },\n { name: 'SSTotImpEmp', type: 'number' },\n { name: 'SecondSolidSAMMEmpAdd', type: 'number' },\n { name: 'SSDirLabInc', type: 'number' },\n { name: 'SSTotImpLabInc', type: 'number' },\n { name: 'SecondSolidSAMMLabAdd', type: 'number' },\n { name: 'SSIndirBusTax', type: 'number' }\n\n]\n","import { OnInit } from '@angular/core';\n\nimport { Injectable } from '@angular/core';\nimport { Chart } from 'chart.js'\ndeclare var jsPDF: any;\nimport 'jspdf-autotable';\n\n@Injectable()\nexport class SummaryToolMapService implements OnInit {\n public industrytotalarrayforpdf = [];\n public industrydirectarrayforpdf = [];\n public sammindustryarrayforpdf = [];\n public employmenttotalarrayforpdf = [];\n public employmentdirectarrayforpdf = [];\n public sammemploymentarrayforpdf = [];\n public laborincometotalarrayforpdf = [];\n public laborincomedirectarrayforpdf = [];\n public sammlaborincomearrayforpdf = [];\n public indirectbusinesstaxarrayforpdf = [];\n public mapfunction;\n public mapfunctioninteger;\n public addTable;\n public transpose;\n public arraylongerthan2 = false;\n public togobelow = false;\n public togolower = false;\n public starty;\n public addpages;\n public addpages3orless;\n public pageNumber;\n mapView;\n constructor() { }\n\n createPDF(mainMeasuresArray: any, pdf: any) {\n function numberTransformToString(num: any, integerornot: string) {\n var value2 = \"\";\n if (num == null || num == 0) {\n value2 = \" \";\n }\n if (integerornot == \"integer\") {\n if (num != null && num != 0) {\n value2 = Number(num).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n }\n }\n else {\n if (num != null && num != 0) {\n value2 = num.toFixed(2).toLocaleString('en-US', { useGrouping: true, minimumFractionDigits: 1, maximumFractionDigits: 2 });\n }\n }\n\n\n return value2\n }\n\n\n this.transpose = (a) => {\n return Object.keys(a[0]).map(function (c) {\n return a.map(function (r) {\n return r[c];\n });\n });\n }\n\n this.mapfunction = (array: any, integerornot: string) => {\n\n let obj1 = [];\n\n obj1 = array.map(a => numberTransformToString(a, integerornot));\n\n return obj1;\n }\n\n this.starty = (item: any, index: any, array: any) => {\n\n if (this.arraylongerthan2 == true) {\n if (array[0][0].length < 8) {\n if (this.togobelow == true && this.togolower == false) {\n return 110\n }\n else {\n return 13\n }\n }\n if (array[0][0].length >= 8) {\n\n return 15\n\n }\n }\n\n\n if (this.arraylongerthan2 == false) {\n\n if (this.togobelow == false && this.togolower == false) {\n return 12\n }\n if (this.togobelow == true && this.togolower == false) {\n return 76\n }\n if (this.togobelow == false && this.togolower == true) {\n return 141\n }\n\n }\n }\n this.addTable = (item: any, index: any, array: any) => {\n let head = [\n [\n { content: 'County ', colSpan: 1, rowSpan: 2, styles: { halign: 'center', valign: 'center' } },\n { content: 'Industry Output (Million $)', colSpan: 3, styles: { halign: 'center', valign: 'top', cellPadding: { top: 2.5, right: 0, bottom: 0, left: 0 } } },\n { content: 'Employment Jobs', colSpan: 3, styles: { halign: 'center', valign: 'top', cellPadding: { top: 2.5, right: 0, bottom: 0, left: 0 } } },\n { content: 'Labor Income (Million $)', colSpan: 3, styles: { halign: 'center', valign: 'top', cellPadding: { top: 2.5, right: 0, bottom: 0, left: 0 } } },\n { content: 'Direct Value Added (Million $)', colSpan: 1, rowSpan: 2, styles: { halign: 'center', valign: 'top', cellWidth: 22, cellPadding: { top: 5, right: 1, bottom: 0, left: 1 } } }\n ],\n [\n { content: 'Direct Contrib.', colSpan: 1, styles: { halign: 'center', valign: 'top', cellWidth: 24 } },\n { content: 'Total Contrib. ', colSpan: 1, styles: { halign: 'center', valign: 'top', cellWidth: 24, cellPadding: { top: 2, right: 5, bottom: 0, left: 5 } } },\n { content: 'SAM Multipliers', colSpan: 1, styles: { halign: 'center', valign: 'top', cellWidth: 21 } },\n { content: 'Direct Contrib.', colSpan: 1, styles: { halign: 'center', valign: 'top', cellWidth: 24 } },\n { content: 'Total Contrib. ', colSpan: 1, styles: { halign: 'center', valign: 'top', cellWidth: 24, cellPadding: { top: 2, right: 5, bottom: 0, left: 5 } } },\n { content: 'SAM Multipliers', colSpan: 1, styles: { halign: 'center', valign: 'top', cellWidth: 21 } },\n { content: 'Direct Contrib.', colSpan: 1, styles: { halign: 'center', valign: 'top', cellWidth: 24 } },\n { content: 'Total Contrib.', colSpan: 1, styles: { halign: 'center', valign: 'top', cellWidth: 24, cellPadding: { top: 2, right: 5, bottom: 0, left: 5 } } },\n { content: 'SAM Multipliers', colSpan: 1, styles: { halign: 'center', valign: 'top', cellWidth: 21 } },\n ]\n ];\n\n var footRows = () => {\n\n return [[{ content: 'Total', colSpan: 1, rowSpan: 1, styles: { halign: 'center', valign: 'center', cellPadding: { top: 2, right: 5, bottom: 2, left: 2 } } },\n { content: item[1].reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }), colSpan: 1, rowSpan: 2, styles: { fontSize: 10, halign: 'right', valign: 'center', cellPadding: { top: 2, right: 6, bottom: 2, left: 0 }, fillColor: [245, 245, 220], lineColor: [197, 197, 197], lineWidth: 0.5 } },\n { content: \"\", colSpan: 1, rowSpan: 2, styles: { fontSize: 10, halign: 'center', valign: 'center', cellPadding: 4, fillColor: [245, 245, 220], lineColor: [197, 197, 197], lineWidth: 0.5 } },\n { content: \"\", colSpan: 1, rowSpan: 2, styles: { fontSize: 10, halign: 'center', valign: 'center', cellPadding: 4, fillColor: [245, 245, 220], lineColor: [197, 197, 197], lineWidth: 0.5 } },\n { content: item[4].reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 }), colSpan: 1, rowSpan: 2, styles: { fontSize: 10, halign: 'right', valign: 'center', cellPadding: { top: 2, right: 7, bottom: 2, left: 0}, fillColor: [245, 245, 220], lineColor: [197, 197, 197], lineWidth: 0.5 } },\n { content: \"\", colSpan: 1, rowSpan: 2, styles: { fontSize: 10, halign: 'center', valign: 'center', cellPadding: 4, fillColor: [245, 245, 220], lineColor: [197, 197, 197], lineWidth: 0.5 } },\n { content: \"\", colSpan: 1, rowSpan: 2, styles: { fontSize: 10, halign: 'center', valign: 'center', cellPadding: 4, fillColor: [245, 245, 220], lineColor: [197, 197, 197], lineWidth: 0.5 } },\n { content: item[7].reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }), colSpan: 1, rowSpan: 2, styles: { fontSize: 10, halign: 'right', valign: 'center', cellPadding: { top: 2, right: 6, bottom: 2, left: 0 }, fillColor: [245, 245, 220], lineColor: [197, 197, 197], lineWidth: 0.5 } },\n { content: \"\", colSpan: 1, rowSpan: 2, styles: { fontSize: 10, halign: 'center', valign: 'center', cellPadding: 4, fillColor: [245, 245, 220], lineColor: [197, 197, 197], lineWidth: 0.5 } },\n { content: \"\", colSpan: 1, rowSpan: 2, styles: { fontSize: 10, halign: 'center', valign: 'center', cellPadding: 4, fillColor: [245, 245, 220], lineColor: [197, 197, 197], lineWidth: 0.5 } },\n { content: item[10].reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }), colSpan: 1, rowSpan: 2, styles: { fontSize: 10, halign: 'right', valign: 'center', cellPadding: { top: 2, right: 6, bottom: 2, left: 0 }, fillColor: [245, 245, 220], lineColor: [197, 197, 197], lineWidth: 0.5 } }\n ]]\n }\n pdf.setTextColor(0, 0, 0);\n pdf.autoTable({\n startY: this.starty(item, index, array),\n styles: {\n overflow: 'linebreak', fontSize: 10, textColor: [0, 0, 0],\n cellWidth: 'wrap', valign: 'center', halign: 'right', cellPadding: 1\n },\n columnStyles: {\n 0: { halign: 'left', valign: 'center', overflow: 'linebreak', cellWidth: 'auto', textColor: [0, 0, 0], cellPadding: { right: 2, left: 2 } },\n 1: {\n cellPadding: { top: 2, right: 6, bottom: 2, left: 0 }, halign: 'right'\n },\n 2: {\n cellPadding: { top: 2, right: 6, bottom: 2, left: 2 }\n },\n 3: {\n cellPadding: { top: 2, right: 1, bottom: 2, left: 7 }, halign: 'left'\n },\n 4: {\n cellPadding: { top: 2, right: 7, bottom: 2, left: 0 }, halign: 'right'\n },\n 5: {\n cellPadding: { top: 2, right: 7, bottom: 2, left: 2 }\n },\n 6: {\n cellPadding: { top: 2, right: 1, bottom: 2, left: 7 }, halign: 'left'\n },\n 7: {\n cellPadding: { top: 2, right: 6, bottom: 2, left: 0 }, halign: 'right'\n },\n 8: {\n cellPadding: { top: 2, right: 7, bottom: 2, left: 2 }\n },\n 9: {\n cellPadding: { top: 2, right: 1, bottom: 2, left: 7 }, halign: 'left'\n },\n 10: {\n cellWidth: pdf.internal.pageSize.width * 0.066, overflow: 'linebreak',\n cellPadding: { top: 2, right: 6, bottom: 2, left: 0 }, halign: 'right'\n }\n },\n // I had to create other arrays for the same measurementes because this has to be with string (because I cant do 0.00 with numbers), but the total values have to be in number to do the calculations\n margin: { top: 15 },\n body: this.transpose([\n item[0],\n this.industrydirectarrayforpdf = this.mapfunction(item[1], \"notinteger\"),\n this.industrytotalarrayforpdf = this.mapfunction(item[2], \"notinteger\"),\n this.sammindustryarrayforpdf = this.mapfunction(item[3], \"notinteger\"),\n this.employmentdirectarrayforpdf = this.mapfunction(item[4], \"integer\"),\n this.employmenttotalarrayforpdf = this.mapfunction(item[5], \"integer\"),\n this.sammemploymentarrayforpdf = this.mapfunction(item[6], \"notinteger\"),\n this.laborincomedirectarrayforpdf = this.mapfunction(item[7], \"notinteger\"),\n this.laborincometotalarrayforpdf = this.mapfunction(item[8], \"notinteger\"),\n this.sammlaborincomearrayforpdf = this.mapfunction(item[9], \"notinteger\"),\n this.indirectbusinesstaxarrayforpdf = this.mapfunction(item[10], \"notinteger\"),\n ]),\n head: head,\n tableLineColor: [170, 170, 170],\n lineColor: [170, 170, 170],\n tableLineWidth: 0.5,\n headStyles: {\n fillColor: [245, 245, 220],\n fontSize: 9,\n lineColor: [170, 170, 170],\n lineWidth: 0.5,\n cellPadding: 2\n },\n footStyles: {\n fillColor: [245, 245, 220],\n lineColor: [170, 170, 170],\n fontStyle: 'bold',\n lineWidth: 0.5,\n cellPadding: 2\n },\n bodyStyles: {\n fillColor: [255, 255, 255],\n lineColor: [170, 170, 170],\n textColor: [0, 0, 0],\n lineWidth: 0.5\n },\n foot: footRows(),\n theme: 'grid',\n didDrawPage: function (data) {\n // Footer\n var str = \"Page \" + pdf.internal.getNumberOfPages()\n // Total page number plugin only available in jspdf v1.0+\n if (typeof pdf.putTotalPages === 'function') {\n str = str + \" of \" + totalPagesExp;\n }\n pdf.setFontSize(10);\n // jsPDF 1.4+ uses getWidth, <1.4 uses .width\n var pageSize = pdf.internal.pageSize;\n var pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight();\n pdf.text(str, data.settings.margin.left, pageHeight - 5);\n },\n //willDrawCell: function (data) {\n // var rows = data.table.body;\n // if (data.row.index === rows.length - 1) {\n // pdf.setFillColor(239, 154, 154);\n // }\n //},\n });\n }\n // this.addpages = (pdftext1: any, pdftext2: any, pdftext3: any, addtable1: any, addtable2: any, addtable3: any, pdftext4: any,\n // pdftext5: any, pdftext6: any, addtable4: any, addtable5: any, addtable6: any) => {\n // this.togobelow = false;\n // pdf.addPage()\n // pdf.text(pdftext1, pdftext2, pdftext3);\n // this.addTable(addtable1, addtable2, addtable3);\n // this.togobelow = true;\n // pdf.text(pdftext4, pdftext5, pdftext6);\n // this.addTable(addtable4, addtable5, addtable6);\n // }\n this.addpages3orless = (pdftext1: any, pdftext2: any, pdftext3: any, addtable1: any, addtable2: any, addtable3: any, pdftext4: any,\n pdftext5: any, pdftext6: any, addtable4: any, addtable5: any, addtable6: any,\n pdftext7: any, pdftext8: any, pdftext9: any, addtable7: any, addtable8: any, addtable9: any\n ) => {\n this.togobelow = false;\n this.togolower = false;\n pdf.addPage();\n pdf.text(pdftext1, pdftext2, pdftext3);\n this.addTable(addtable1, addtable2, addtable3);\n this.togobelow = true;\n this.togolower = false;\n pdf.text(pdftext4, pdftext5, pdftext6);\n this.addTable(addtable4, addtable5, addtable6);\n this.togobelow = false;\n this.togolower = false;\n if (this.arraylongerthan2 == false) {\n this.togobelow = false;\n this.togolower = true;\n pdf.text(pdftext7, pdftext8, pdftext9);\n this.addTable(addtable7, addtable8, addtable9);\n\n this.togobelow = false;\n this.togolower = false;\n }\n\n }\n var totalPagesExp = \"{total_pages_count_string}\";\n mainMeasuresArray.forEach((item, index, array) => {\n this.pageNumber = pdf.internal.getNumberOfPages()\n pdf.setFontSize(18);\n pdf.setTextColor(0, 0, 0);\n if (array[0][0].length >= 8) {\n this.arraylongerthan2 = true\n pdf.addPage();\n pdf.text(130, 10, item[11]);\n this.addTable(item, index, array)\n }\n // if selected is less than 8\n if (array[0][0].length < 8) {\n //if selected is more than 3\n if (array[0][0].length > 3) {\n this.arraylongerthan2 = true;\n //second page with first tables (total, forestry)\n if (this.pageNumber == 1) {\n this.addpages3orless(130, 9, item[11], array[0], index, array, 130, 107, array[1][11], array[1], index, array, 130, 107, array[3][11], array[3], index, array)\n }\n //subsequent pages after the second\n else {\n //logging, primary paper\n if (pdf.autoTable.previous.pageNumber == 1 && this.pageNumber == 2) {\n this.addpages3orless(130, 9, array[2][11], array[2], index, array, 130, 107, array[3][11], array[3], index, array, 130, 107, array[3][11], array[3], index, array)\n }\n // secondary paper, primary solid\n if (this.pageNumber == 3) {\n this.addpages3orless(130, 9, array[4][11], array[4], index, array, 130, 107, array[5][11], array[5], index, array, 130, 107, array[3][11], array[3], index, array)\n }\n //secondary solid\n if (this.pageNumber == 4) {\n\n this.togobelow = false;\n pdf.addPage();\n pdf.text(130, 9, array[6][11]);\n this.addTable(array[6], index, array)\n\n }\n\n }\n\n }// if (array[0][0].length > 3) {\n else {// if selected is less or equal to 3\n this.arraylongerthan2 = false;\n // the second pagem, with the first tables (total, forestry, logging)\n if (this.pageNumber == 1) {\n this.addpages3orless(130, 9, item[11], array[0], index, array, 130, 73, array[1][11], array[1], index, array,\n 130, 137, array[2][11], array[2], index, array\n )\n\n }// if (this.pageNumber == 1) {\n else {\n // primary paper, primary solid, secondary paper\n\n if (pdf.autoTable.previous.pageNumber == 1 && this.pageNumber == 2) {\n\n this.addpages3orless(130, 9, array[3][11], array[3], index, array, 130, 73, array[4][11], array[4], index, array,\n 130, 137, array[5][11], array[5], index, array\n )\n }\n // secondary solid\n if (this.pageNumber == 3) {\n this.togobelow = false;\n this.togolower = false;\n pdf.addPage();\n pdf.text(130, 9, array[6][11]);\n this.addTable(array[6], index, array)\n\n }\n\n }\n }\n }\n })// mainMeasuresArray.forEach(function (item, index) {\n if (typeof pdf.putTotalPages === 'function') {\n pdf.putTotalPages(totalPagesExp);\n }\n pdf.setTextColor(0, 0, 0);\n\n pdf.save(`TexasForestSectorEconomicContributionReportbyCounty.pdf`)\n\n \n\n }\n AddDatatoArrays(thisdocument: any, responses: any) {\n thisdocument.industrytotalarray = [];\n thisdocument.industrydirectarray = [];\n thisdocument.employmenttotalarray = [];\n thisdocument.employmentdirectarray = [];\n thisdocument.totalindustrytotalarray = [];\n thisdocument.totalindustrydirectarray = [];\n thisdocument.totalsammindustryarray = [];\n thisdocument.totalemploymenttotalarray = [];\n thisdocument.totalemploymentdirectarray = [];\n thisdocument.totalsammemploymentarray = [];\n thisdocument.totallaborincometotalarray = [];\n thisdocument.totallaborincomedirectarray = [];\n thisdocument.totalsammlaborincomearray = [];\n thisdocument.totalindirectbusinesstaxarray = [];\n thisdocument.forestryindustrytotalarray = [];\n thisdocument.forestryindustrydirectarray = [];\n thisdocument.forestrysammindustryarray = [];\n thisdocument.forestryemploymenttotalarray = [];\n thisdocument.forestryemploymentdirectarray = [];\n thisdocument.forestrysammemploymentarray = [];\n thisdocument.forestrylaborincometotalarray = [];\n thisdocument.forestrylaborincomedirectarray = [];\n thisdocument.forestrysammlaborincomearray = [];\n thisdocument.forestryindirectbusinesstaxarray = [];\n thisdocument.loggingindustrytotalarray = [];\n thisdocument.loggingindustrydirectarray = [];\n thisdocument.loggingsammindustryarray = [];\n thisdocument.loggingemploymenttotalarray = [];\n thisdocument.loggingemploymentdirectarray = [];\n thisdocument.loggingsammemploymentarray = [];\n thisdocument.logginglaborincometotalarray = [];\n thisdocument.logginglaborincomedirectarray = [];\n thisdocument.loggingsammlaborincomearray = [];\n thisdocument.loggingindirectbusinesstaxarray = [];\n thisdocument.ppindustrytotalarray = [];\n thisdocument.ppindustrydirectarray = [];\n thisdocument.ppsammindustryarray = [];\n thisdocument.ppemploymenttotalarray = [];\n thisdocument.ppemploymentdirectarray = [];\n thisdocument.ppsammemploymentarray = [];\n thisdocument.pplaborincometotalarray = [];\n thisdocument.pplaborincomedirectarray = [];\n thisdocument.ppsammlaborincomearray = [];\n thisdocument.ppindirectbusinesstaxarray = [];\n\n thisdocument.psindustrytotalarray = [];\n thisdocument.psindustrydirectarray = [];\n thisdocument.pssammindustryarray = [];\n thisdocument.psemploymenttotalarray = [];\n thisdocument.psemploymentdirectarray = [];\n thisdocument.pssammemploymentarray = [];\n thisdocument.pslaborincometotalarray = [];\n thisdocument.pslaborincomedirectarray = [];\n thisdocument.pssammlaborincomearray = [];\n thisdocument.psindirectbusinesstaxarray = [];\n\n thisdocument.spindustrytotalarray = [];\n thisdocument.spindustrydirectarray = [];\n thisdocument.spsammindustryarray = [];\n thisdocument.spemploymenttotalarray = [];\n thisdocument.spemploymentdirectarray = [];\n thisdocument.spsammemploymentarray = [];\n thisdocument.splaborincometotalarray = [];\n thisdocument.splaborincomedirectarray = [];\n thisdocument.spsammlaborincomearray = [];\n thisdocument.spindirectbusinesstaxarray = [];\n\n thisdocument.ssindustrytotalarray = [];\n thisdocument.ssindustrydirectarray = [];\n thisdocument.sssammindustryarray = [];\n thisdocument.ssemploymenttotalarray = [];\n thisdocument.ssemploymentdirectarray = [];\n thisdocument.sssammemploymentarray = [];\n thisdocument.sslaborincometotalarray = [];\n thisdocument.sslaborincomedirectarray = [];\n thisdocument.sssammlaborincomearray = [];\n thisdocument.ssindirectbusinesstaxarray = [];\n thisdocument.countyarray = [];\n thisdocument.allfeaturesarray = [];\n thisdocument.labels = [];\n\n\n // tslint:disable-next-line: prefer-for-of\n for (let i = 0; i < responses[0].value.length; i++) {\n const allStatsChart = responses[0].value[i];\n const allStatsTable = responses[0].value[i];\n thisdocument.allfeaturesarray.push(allStatsChart.allfeatures);\n\n thisdocument.industrytotalarray.push(allStatsChart.TotImpTotalIndAdd);\n thisdocument.industrydirectarray.push(allStatsChart.DirTotalIndAdd);\n thisdocument.employmenttotalarray.push(allStatsChart.TotImpTotalEmpAdd);\n thisdocument.employmentdirectarray.push(allStatsChart.DirTotalEmpAdd);\n thisdocument.countyarray.push(allStatsTable.name);\n\n thisdocument.labels.push(allStatsChart.name);\n thisdocument.totalindustrytotalarray.push(allStatsTable.TotImpTotalIndAdd);\n thisdocument.totalindustrydirectarray.push(allStatsTable.DirTotalIndAdd);\n thisdocument.totalsammindustryarray.push(allStatsTable.SAMMTotalIndAdd);\n thisdocument.totalemploymenttotalarray.push(allStatsTable.TotImpTotalEmpAdd);\n thisdocument.totalemploymentdirectarray.push(allStatsTable.DirTotalEmpAdd);\n thisdocument.totalsammemploymentarray.push(allStatsTable.SAMMTotalEmpAdd);\n thisdocument.totallaborincometotalarray.push(allStatsTable.TotImpTotalLabIncAdd);\n thisdocument.totallaborincomedirectarray.push(allStatsTable.DirTotalLabIncAdd);\n thisdocument.totalsammlaborincomearray.push(allStatsTable.SAMMTotalLabIncAdd);\n thisdocument.totalindirectbusinesstaxarray.push(allStatsTable.DirTotalIndirBusTaxAdd);\n\n thisdocument.forestryindustrytotalarray.push(allStatsTable.FTotImpIndOut);\n thisdocument.forestryindustrydirectarray.push(allStatsTable.FDirIndOut);\n thisdocument.forestrysammindustryarray.push(allStatsTable.ForSAMMIndAdd);\n thisdocument.forestryemploymenttotalarray.push(allStatsTable.FTotImpEmp);\n thisdocument.forestryemploymentdirectarray.push(allStatsTable.FDirEmp);\n thisdocument.forestrysammemploymentarray.push(allStatsTable.ForSAMMEmpAdd);\n thisdocument.forestrylaborincometotalarray.push(allStatsTable.FTotImpLabInc);\n thisdocument.forestrylaborincomedirectarray.push(allStatsTable.FDirLabInc);\n thisdocument.forestrysammlaborincomearray.push(allStatsTable.ForSAMMLabAdd);\n thisdocument.forestryindirectbusinesstaxarray.push(allStatsTable.FIndirBusTax);\n thisdocument.loggingindustrytotalarray.push(allStatsTable.LTotImpIndOut);\n thisdocument.loggingindustrydirectarray.push(allStatsTable.LDirIndOut);\n thisdocument.loggingsammindustryarray.push(allStatsTable.LogSAMMIndAdd);\n thisdocument.loggingemploymenttotalarray.push(allStatsTable.LTotImpEmp);\n thisdocument.loggingemploymentdirectarray.push(allStatsTable.LDirEmp);\n thisdocument.loggingsammemploymentarray.push(allStatsTable.LogSAMMEmpAdd);\n thisdocument.logginglaborincometotalarray.push(allStatsTable.LTotImpLabInc);\n thisdocument.logginglaborincomedirectarray.push(allStatsTable.LDirLabInc);\n thisdocument.loggingsammlaborincomearray.push(allStatsTable.LogSAMMLabAdd);\n thisdocument.loggingindirectbusinesstaxarray.push(allStatsTable.LIndirBusTax);\n\n thisdocument.ppindustrytotalarray.push(allStatsTable.PPTotImpIndOut);\n thisdocument.ppindustrydirectarray.push(allStatsTable.PPDirIndOut);\n thisdocument.ppsammindustryarray.push(allStatsTable.PrimaryPaperSAMMIndAdd);\n thisdocument.ppemploymenttotalarray.push(allStatsTable.PPTotImpEmp);\n thisdocument.ppemploymentdirectarray.push(allStatsTable.PPDirEmp);\n thisdocument.ppsammemploymentarray.push(allStatsTable.PrimaryPaperSAMMEmpAdd);\n thisdocument.pplaborincometotalarray.push(allStatsTable.PPTotImpLabInc);\n thisdocument.pplaborincomedirectarray.push(allStatsTable.PPDirLabInc);\n thisdocument.ppsammlaborincomearray.push(allStatsTable.PrimaryPaperSAMMLabAdd);\n thisdocument.ppindirectbusinesstaxarray.push(allStatsTable.PPIndirBusTax);\n\n thisdocument.psindustrytotalarray.push(allStatsTable.PSTotImpIndOut);\n thisdocument.psindustrydirectarray.push(allStatsTable.PSDirIndOut);\n thisdocument.pssammindustryarray.push(allStatsTable.PrimarySolidSAMMIndAdd);\n thisdocument.psemploymenttotalarray.push(allStatsTable.PSTotImpEmp);\n thisdocument.psemploymentdirectarray.push(allStatsTable.PSDirEmp);\n thisdocument.pssammemploymentarray.push(allStatsTable.PrimarySolidSAMMEmpAdd);\n thisdocument.pslaborincometotalarray.push(allStatsTable.PSTotImpLabInc);\n thisdocument.pslaborincomedirectarray.push(allStatsTable.PSDirLabInc);\n thisdocument.pssammlaborincomearray.push(allStatsTable.PrimarySolidSAMMLabAdd);\n thisdocument.psindirectbusinesstaxarray.push(allStatsTable.PSIndirBusTax);\n\n thisdocument.spindustrytotalarray.push(allStatsTable.SPTotImpIndOut);\n thisdocument.spindustrydirectarray.push(allStatsTable.SPDirIndOut);\n thisdocument.spsammindustryarray.push(allStatsTable.SecondPaperSAMMIndAdd);\n thisdocument.spemploymenttotalarray.push(allStatsTable.SPTotImpEmp);\n thisdocument.spemploymentdirectarray.push(allStatsTable.SPDirEmp);\n thisdocument.spsammemploymentarray.push(allStatsTable.SecondPaperSAMMEmpAdd);\n thisdocument.splaborincometotalarray.push(allStatsTable.SPTotImpLabInc);\n thisdocument.splaborincomedirectarray.push(allStatsTable.SPDirLabInc);\n thisdocument.spsammlaborincomearray.push(allStatsTable.SecondPaperSAMMLabAdd);\n thisdocument.spindirectbusinesstaxarray.push(allStatsTable.SPIndirBusTax);\n\n thisdocument.ssindustrytotalarray.push(allStatsTable.SSTotImpIndOut);\n thisdocument.ssindustrydirectarray.push(allStatsTable.SSDirIndOut);\n thisdocument.sssammindustryarray.push(allStatsTable.SecondSolidSAMMIndAdd);\n thisdocument.ssemploymenttotalarray.push(allStatsTable.SSTotImpEmp);\n thisdocument.ssemploymentdirectarray.push(allStatsTable.SSDirEmp);\n thisdocument.sssammemploymentarray.push(allStatsTable.SecondSolidSAMMEmpAdd);\n thisdocument.sslaborincometotalarray.push(allStatsTable.SSTotImpLabInc);\n thisdocument.sslaborincomedirectarray.push(allStatsTable.SSDirLabInc);\n thisdocument.sssammlaborincomearray.push(allStatsTable.SecondSolidSAMMLabAdd);\n thisdocument.ssindirectbusinesstaxarray.push(allStatsTable.SSIndirBusTax);\n }\n }\n createChart(chartel: any, charttitle: string) {\n var chart = new Chart(chartel, {\n type: \"bar\",\n data: {\n labels: [\n\n ],\n datasets: [\n {\n label: \"Total Contribution\",\n backgroundColor: \"#10574C\",\n data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]\n },\n {\n label: \"Direct Contribution\",\n backgroundColor: \"#F3AA4E\",\n \n data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]\n }\n ]\n },\n options: {\n responsive: true,\n\n maintainAspectRatio: false,\n legend: {\n position: \"top\",\n\n labels: {\n // This more specific font property overrides the global property\n fontSize: 20,\n fontColor: \"#000\"\n }\n },\n tooltips: {\n callbacks: {\n label: function (tooltipItem, data) {\n var label = data.datasets[tooltipItem.datasetIndex].label || '';\n\n if (label) {\n label += ': ';\n }\n label += Math.round(Number(tooltipItem.yLabel) * 100) / 100;\n return label;\n }\n },\n bodyFontSize: 20,\n },\n title: {\n display: true,\n text: charttitle,\n fontSize: 24,\n fontStyle: 'normal',\n fontColor: \"#000\",\n },\n scales: {\n xAxes: [\n {\n\n stacked: false,\n ticks: {\n fontColor: \"#000\",\n fontSize: 18\n },\n\n }\n ],\n yAxes: [\n {\n stacked: false,\n ticks: {\n beginAtZero: true,\n fontSize: 18,\n autoSkip: true,\n autoSkipPadding: 20,\n fontColor: \"#000\",\n callback: function (label: any, index: any, labels: any) {\n // return label/1000+'k';\n return Intl.NumberFormat().format(label);\n }\n }\n // ,scaleLabel: {\n // display: true,\n // fontSize: 17,\n // fontColor: '#666',\n // labelString: '1k = 1000'\n // }\n\n }\n ]\n }\n }\n });\n \n return chart\n }\n\n createQueryValuesArray(response: any) {\n var queryvalues = [];\n for (var i = 0; i < response.features.length; i++) {\n queryvalues.push({\n allfeatures: response.features[i],\n name: response.features[i].attributes.NAME,\n FDirIndOut: response.features[i].attributes['ForDirIndOut'],\n FDirEmp: response.features[i].attributes['ForDirEmp'],\n FDirLabInc: response.features[i].attributes['ForDirLabInc'],\n FIndirBusTax: response.features[i].attributes['ForIndirBusTax'],\n FTotImpIndOut: response.features[i].attributes['ForTotImpIndOut'],\n FTotImpEmp: response.features[i].attributes['ForTotImpEmp'],\n FTotImpLabInc: response.features[i].attributes['ForTotImpLabInc'],\n LDirIndOut: response.features[i].attributes['LogDirIndOut'],\n LDirEmp: response.features[i].attributes['LogDirEmp'],\n LDirLabInc: response.features[i].attributes['LogDirLabInc'],\n LTotImpLabInc: response.features[i].attributes['LogTotImpLabInc'],\n LIndirBusTax: response.features[i].attributes['LogIndirBusTax'],\n LTotImpIndOut: response.features[i].attributes['LogTotImpIndOut'],\n LTotImpEmp: response.features[i].attributes['LogTotImpEmp'],\n PPDirIndOut: response.features[i].attributes['PrimaryPaperDirIndOut'],\n PPDirEmp: response.features[i].attributes['PrimaryPaperDirEmp'],\n PPDirLabInc: response.features[i].attributes['PrimaryPaperDirLabInc'],\n PPIndirBusTax: response.features[i].attributes['PrimaryPaperIndirBusTax'],\n PPTotImpIndOut: response.features[i].attributes['PrimaryPaperTotImpIndOut'],\n PPTotImpEmp: response.features[i].attributes['PrimaryPaperTotImpEmp'],\n PPTotImpLabInc: response.features[i].attributes['PrimaryPaperTotImpLabInc'],\n PSDirIndOut: response.features[i].attributes['PrimarySolidIndOut'],\n PSDirEmp: response.features[i].attributes['PrimarySolidEmp'],\n PSDirLabInc: response.features[i].attributes['PrimarySolidLabInc'],\n PSIndirBusTax: response.features[i].attributes['PrimarySolidIndBusTax'],\n PSTotImpIndOut: response.features[i].attributes['PrimarySolidTotImpIndOut'],\n PSTotImpEmp: response.features[i].attributes['PrimarySolidTotImpEmp'],\n PSTotImpLabInc: response.features[i].attributes['PrimarySolidTotImpLabInc'],\n SPDirIndOut: response.features[i].attributes['SecondPaperDirIndOut'],\n SPDirEmp: response.features[i].attributes['SecondPaperDirEmp'],\n SPDirLabInc: response.features[i].attributes['SecondPaperDirLabInc'],\n SPIndirBusTax: response.features[i].attributes['SecondPaperIndirBusTax'],\n SPTotImpIndOut: response.features[i].attributes['SecondPaperTotImpIndOut'],\n SPTotImpEmp: response.features[i].attributes['SecondPaperTotImpEmp'],\n SPTotImpLabInc: response.features[i].attributes['SecondPaperTotImpLabInc'],\n SSDirIndOut: response.features[i].attributes['SecondSolidDirIndOut'],\n SSDirEmp: response.features[i].attributes['SecondSolidDirEmp'],\n SSDirLabInc: response.features[i].attributes['SecondSolidDirLabInc'],\n SSIndirBusTax: response.features[i].attributes['SecondSolidBusTax'],\n SSTotImpIndOut: response.features[i].attributes['SecondSolidIndOut'],\n SSTotImpEmp: response.features[i].attributes['SecondSolidEmp'],\n SSTotImpLabInc: response.features[i].attributes['SecondSolidLabInc'],\n ForSAMMIndAdd: response.features[i].attributes['ForSAMMInd'],\n ForSAMMEmpAdd: response.features[i].attributes['ForSAMMEmp'],\n ForSAMMLabAdd: response.features[i].attributes['ForSAMMLab'],\n LogSAMMIndAdd: response.features[i].attributes['LogSAMMInd'],\n LogSAMMEmpAdd: response.features[i].attributes['LogSAMMEmp'],\n LogSAMMLabAdd: response.features[i].attributes['LogSAMMLab'],\n PrimaryPaperSAMMIndAdd: response.features[i].attributes['PrimaryPaperSAMMInd'],\n PrimaryPaperSAMMEmpAdd: response.features[i].attributes['PrimaryPaperSAMMEmp'],\n PrimaryPaperSAMMLabAdd: response.features[i].attributes['PrimaryPaperSAMMLab'],\n PrimarySolidSAMMIndAdd: response.features[i].attributes['PrimarySolidSAMMInd'],\n PrimarySolidSAMMEmpAdd: response.features[i].attributes['PrimarySolidSAMMEmp'],\n PrimarySolidSAMMLabAdd: response.features[i].attributes['PrimarySolidSAMMLab'],\n SecondPaperSAMMIndAdd: response.features[i].attributes['SecondPaperSAMMInd'],\n SecondPaperSAMMEmpAdd: response.features[i].attributes['SecondPaperSAMMEmp'],\n SecondPaperSAMMLabAdd: response.features[i].attributes['SecondPaperSAMMLab'],\n SecondSolidSAMMIndAdd: response.features[i].attributes['SecondSolidSAMMInd'],\n SecondSolidSAMMEmpAdd: response.features[i].attributes['SecondSolidSAMMEmp'],\n SecondSolidSAMMLabAdd: response.features[i].attributes['SecondSolidSAMMLab'],\n DirTotalIndAdd: response.features[i].attributes['DirTotalInd'],\n DirTotalEmpAdd: response.features[i].attributes['DirTotalEmp'],\n DirTotalLabIncAdd: response.features[i].attributes['DirTotalLabInc'],\n DirTotalIndirBusTaxAdd: response.features[i].attributes['DirTotalIndirBusTax'],\n TotImpTotalIndAdd: response.features[i].attributes['TotImpTotalInd'],\n TotImpTotalEmpAdd: response.features[i].attributes['TotImpTotalEmp'],\n TotImpTotalLabIncAdd: response.features[i].attributes['TotImpTotalLabInc'],\n SAMMTotalIndAdd: response.features[i].attributes['SAMMTotalInd'],\n SAMMTotalEmpAdd: response.features[i].attributes['SAMMTotalEmp'],\n SAMMTotalLabIncAdd: response.features[i].attributes['SAMMTotalLabInc']\n\n });\n\n }\n return queryvalues.sort(this.compare);\n\n }\n compare = (a, b) => {\n // Use toUpperCase() to ignore character casing\n const nameA = a.name.toUpperCase();\n const nameB = b.name.toUpperCase();\n\n let comparison = 0;\n if (nameA > nameB) {\n comparison = 1;\n } else if (nameA < nameB) {\n comparison = -1;\n }\n return comparison;\n }\n GenerateTableColumnsData(industrydirectarray: any, employmentdirectarray: any, laborincomedirectarray: any,\n indirectbusinesstaxarray: any, MeasurementName: any) {\n var cellsrenderer = function (row, columnfield, value, defaulthtml, columnproperties, rowdata) {\n if (columnproperties.text === \"Direct Contrib.\" || columnproperties.text === \"Total Contrib.\") {\n // employment but not samm\n if (columnproperties.datafield.indexOf(\"Emp\") >= 0 && columnproperties.datafield.indexOf(\"SAMM\") < 0) {\n if (value === 0 || value === 0.0 || value === 0.00) {\n var numbertostring = \" \"\n\n }\n else {\n var numbertostring = Number(value).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n }\n return '\n
\n' + numbertostring + '
';\n }\n if (columnproperties.datafield.indexOf(\"Emp\") < 0 && columnproperties.datafield.indexOf(\"SAMM\") < 0) {\n if (value === 0 || value === 0.0 || value === 0.00) {\n\n var numbertostring = \" \"\n\n }\n else {\n var numbertostring = Number(value).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n\n }\n return '' + numbertostring + '
';\n }\n }\n if (columnproperties.text === \"SAM Multipliers\") {\n if (value === 0 || value === 0.0 || value === 0.00 || value === \"\") {\n var numbertostring = \" \"\n\n }\n else {\n var numbertostring = Number(value).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n return '' + numbertostring + '
';\n }\n if (columnproperties.text === \"Direct Value Added (Million $)\") {\n if (value === 0 || value === 0.0 || value === 0.00) {\n var numbertostring = \" \"\n\n }\n else {\n var numbertostring = Number(value).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n return '' + numbertostring + '
';\n }\n }\n if (MeasurementName == \"Forestry\") {\n var tablecolumns = new Array();\n tablecolumns = [{\n text: 'County', datafield: 'CountyName', width: '12%', renderer: function () {\n return 'County
'\n },\n aggregatesrenderer: (aggregates) => {\n return '';\n }\n },\n {\n text: 'Direct Contrib.', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Direct
Contrib.
'\n }, datafield: 'FDirIndOut', columngroup: 'IndustryOutput', width: '8%',\n aggregatesrenderer: (aggregates) => {\n\n var sum = industrydirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'FTotImpIndOut', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'ForSAMMIndAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n {\n text: 'Direct Contrib.', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, datafield: 'FDirEmp', columngroup: 'Employment', width: '8%', aggregatesrenderer: (aggregates) => {\n var sum = employmentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'FTotImpEmp', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'ForSAMMEmpAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'Direct Contrib.', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, datafield: 'FDirLabInc', columngroup: 'LaborIncome', width: '8%', aggregatesrenderer: (aggregates) => {\n var sum = laborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'FTotImpLabInc', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'LaborIncome', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'ForSAMMLabAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'LaborIncome', width: '8%'\n },\n {\n text: 'Direct Value Added (Million $)', renderer: function () {\n return 'Multipliers
Direct Value
Added (Million $)
';\n }, cellsrenderer: cellsrenderer, datafield: 'FIndirBusTax', width: '16%', aggregatesrenderer: (aggregates) => {\n var sum = indirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n ];\n return tablecolumns;\n }\n if (MeasurementName === \"Logging\") {\n var tablecolumns = new Array();\n tablecolumns = [{\n text: 'County', datafield: 'CountyName', width: '12%', renderer: function () {\n return 'Added (Million $)
County
'\n },\n aggregatesrenderer: (aggregates) => {\n return '';\n }\n },\n {\n text: 'Direct Contrib.', datafield: 'LDirIndOut', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Direct
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%', aggregates: ['sum'],\n aggregatesrenderer: (aggregates) => {\n\n var sum = industrydirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'LTotImpIndOut', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'LogSAMMIndAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n {\n text: 'Direct Contrib.', datafield: 'LDirEmp', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, columngroup: 'Employment', width: '8%', aggregatesrenderer: (aggregates) => {\n var sum = employmentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'LTotImpEmp', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'LogSAMMEmpAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'Direct Contrib.', datafield: 'LDirLabInc', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, columngroup: 'LaborIncome', width: '8%', aggregatesrenderer: (aggregates) => {\n ;\n var sum = laborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'LTotImpLabInc', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'LaborIncome', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'LogSAMMLabAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'LaborIncome', width: '8%',\n },\n {\n text: 'Direct Value Added (Million $)', renderer: function () {\n return 'Multipliers
Direct Value
Added (Million $)
';\n }, cellsrenderer: cellsrenderer, datafield: 'LIndirBusTax', width: '16%', aggregatesrenderer: (aggregates) => {\n var sum = indirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n ];\n\n return tablecolumns;\n\n }\n if (MeasurementName === \"Primary Paper\") {\n var tablecolumns = new Array();\n tablecolumns = [{\n text: 'County', datafield: 'CountyName', width: '12%', renderer: function () {\n return 'Added (Million $)
County
'\n },\n aggregatesrenderer: (aggregates) => {\n return '';\n }\n },\n {\n text: 'Direct Contrib.', datafield: 'PPDirIndOut', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Direct
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%',\n aggregatesrenderer: (aggregates) => {\n\n var sum = industrydirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'PPTotImpIndOut', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'PrimaryPaperSAMMIndAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n {\n text: 'Direct Contrib.', datafield: 'PPDirEmp', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, columngroup: 'Employment', width: '8%', aggregatesrenderer: (aggregates) => {\n var sum = employmentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'PPTotImpEmp', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'PrimaryPaperSAMMEmpAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'Direct Contrib.', datafield: 'PPDirLabInc', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, columngroup: 'LaborIncome', width: '8%', aggregatesrenderer: (aggregates) => {\n ;\n var sum = laborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'PPTotImpLabInc', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'LaborIncome', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'PrimaryPaperSAMMLabAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'LaborIncome', width: '8%'\n },\n {\n text: 'Direct Value Added (Million $)', renderer: function () {\n return 'Multipliers
Direct Value
Added (Million $)
';\n }, cellsrenderer: cellsrenderer, datafield: 'PPIndirBusTax', width: '16%', aggregatesrenderer: (aggregates) => {\n var sum = indirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n ];\n\n return tablecolumns;\n }\n if (MeasurementName == \"Secondary Paper\") {\n var tablecolumns = new Array();\n tablecolumns = [{\n text: 'County', datafield: 'CountyName', width: '12%', renderer: function () {\n return 'Added (Million $)
County
'\n },\n aggregatesrenderer: (aggregates) => {\n return '';\n }\n },\n {\n text: 'Direct Contrib.', datafield: 'SPDirIndOut', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Direct
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%',\n aggregatesrenderer: (aggregates) => {\n\n var sum = industrydirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'SPTotImpIndOut', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'SecondPaperSAMMIndAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n {\n text: 'Direct Contrib.', datafield: 'SPDirEmp', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, columngroup: 'Employment', width: '8%', aggregatesrenderer: (aggregates) => {\n var sum = employmentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'SPTotImpEmp', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'SecondPaperSAMMEmpAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'Direct Contrib.', datafield: 'SPDirLabInc', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, columngroup: 'LaborIncome', width: '8%', aggregatesrenderer: (aggregates) => {\n ;\n var sum = laborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'SPTotImpLabInc', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'LaborIncome', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'SecondPaperSAMMLabAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'LaborIncome', width: '8%'\n },\n {\n text: 'Direct Value Added (Million $)', renderer: function () {\n return 'Multipliers
Direct Value
Added (Million $)
';\n }, cellsrenderer: cellsrenderer, datafield: 'SPIndirBusTax', width: '16%', aggregatesrenderer: (aggregates) => {\n var sum = indirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n ];\n return tablecolumns;\n }\n if (MeasurementName === \"Primary Solid\") {\n var tablecolumns = new Array();\n tablecolumns = [{\n text: 'County', datafield: 'CountyName', width: '12%', renderer: function () {\n return 'Added (Million $)
County
'\n },\n aggregatesrenderer: (aggregates) => {\n return '';\n }\n },\n {\n text: 'Direct Contrib.', datafield: 'PSDirIndOut', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Direct
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%',\n aggregatesrenderer: (aggregates) => {\n\n var sum = industrydirectarray.reduce((acc, cur) => acc + cur, 0).toFixed(2);\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'PSTotImpIndOut', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'PrimarySolidSAMMIndAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n {\n text: 'Direct Contrib.', datafield: 'PSDirEmp', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, columngroup: 'Employment', width: '8%', aggregatesrenderer: (aggregates) => {\n var sum = employmentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'PSTotImpEmp', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'PrimarySolidSAMMEmpAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'Direct Contrib.', datafield: 'PSDirLabInc', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, columngroup: 'LaborIncome', width: '8%', aggregatesrenderer: (aggregates) => {\n ;\n var sum = laborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'PSTotImpLabInc', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'LaborIncome', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'PrimarySolidSAMMLabAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'LaborIncome', width: '8%'\n },\n {\n text: 'Direct Value Added (Million $)', renderer: function () {\n return 'Multipliers
Direct Value
Added (Million $)
';\n }, cellsrenderer: cellsrenderer, datafield: 'PSIndirBusTax', width: '16%', aggregatesrenderer: (aggregates) => {\n var sum = indirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n ];\n return tablecolumns;\n }\n if (MeasurementName === \"Secondary Solid\") {\n var tablecolumns = new Array();\n tablecolumns = [{\n text: 'County', datafield: 'CountyName', width: '12%', renderer: function () {\n return 'Added (Million $)
County
'\n },\n aggregatesrenderer: (aggregates) => {\n //return '';\n return '';\n }\n },\n {\n text: 'Direct Contrib.', datafield: 'SSDirIndOut', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Direct
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%',\n aggregatesrenderer: (aggregates) => {\n\n var sum = industrydirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'SSTotImpIndOut', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'SecondSolidSAMMIndAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'IndustryOutput', width: '8%'\n },\n\n {\n text: 'Direct Contrib.', datafield: 'SSDirEmp', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, columngroup: 'Employment', width: '8%', aggregatesrenderer: (aggregates) => {\n var sum = employmentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'SSTotImpEmp', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'SecondSolidSAMMEmpAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'Direct Contrib.', datafield: 'SSDirLabInc', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, columngroup: 'LaborIncome', width: '8%', aggregatesrenderer: (aggregates) => {\n ;\n var sum = laborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'SSTotImpLabInc', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'LaborIncome', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'SecondSolidSAMMLabAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'LaborIncome', width: '8%'\n },\n {\n text: 'Direct Value Added (Million $)', renderer: function () {\n return 'Multipliers
Direct Value
Added (Million $)
';\n }, cellsrenderer: cellsrenderer, datafield: 'SSIndirBusTax', width: '16%', aggregatesrenderer: (aggregates) => {\n var sum = indirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n }\n ];\n return tablecolumns;\n }\n if (MeasurementName === \"Total\") {\n var tablecolumns = new Array();\n tablecolumns = [{\n text: 'County', datafield: 'CountyName', width: '12%', renderer: function () {\n return 'Added (Million $)
County
'\n },\n aggregatesrenderer: (aggregates) => {\n return '';\n }\n },\n {\n text: 'Direct Contrib.', datafield: 'DirTotalIndAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Direct
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%', cellsformat: 'F2',\n aggregatesrenderer: (aggregates) => {\n var sum = industrydirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'TotImpTotalIndAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'IndustryOutput', width: '8%', cellsformat: 'F2'\n },\n {\n text: 'SAM Multipliers', datafield: 'SAMMTotalIndAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, columngroup: 'IndustryOutput', width: '8%', cellsformat: 'F2'\n },\n\n {\n text: 'Direct Contrib.', datafield: 'DirTotalEmpAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, columngroup: 'Employment', width: '8%', aggregatesrenderer: (aggregates) => {\n var sum = employmentdirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', datafield: 'TotImpTotalEmpAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
Total
Contrib.
'\n }, columngroup: 'Employment', width: '8%'\n },\n {\n text: 'SAM Multipliers', datafield: 'SAMMTotalEmpAdd', cellsrenderer: cellsrenderer, renderer: function () {\n return 'Contrib.
SAM
Multipliers
'\n }, columngroup: 'Employment', width: '8%', cellsformat: 'F2'\n },\n {\n text: 'Direct Contrib.', renderer: function () {\n return 'Multipliers
Direct
Contrib.
'\n }, datafield: 'DirTotalLabIncAdd', cellsrenderer: cellsrenderer, columngroup: 'LaborIncome', width: '8%', cellsformat: 'F2', aggregatesrenderer: (aggregates) => {\n ;\n var sum = laborincomedirectarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n {\n text: 'Total Contrib.', renderer: function () {\n return 'Contrib.
Total
Contrib.
';\n }, datafield: 'TotImpTotalLabIncAdd', cellsrenderer: cellsrenderer, columngroup: 'LaborIncome', width: '8%', cellsformat: 'F2'\n },\n {\n text: 'SAM Multipliers', renderer: function () {\n return 'Contrib.
SAM
Multipliers
';\n }, datafield: 'SAMMTotalLabIncAdd', cellsrenderer: cellsrenderer, columngroup: 'LaborIncome', width: '8%', cellsformat: 'F2'\n },\n {\n text: 'Direct Value Added (Million $)', renderer: function () {\n return 'Multipliers
Direct Value
Added (Million $)
';\n }, datafield: 'DirTotalIndirBusTaxAdd', cellsrenderer: cellsrenderer, width: '16%', cellsformat: 'F2', aggregatesrenderer: (aggregates) => {\n var sum = indirectbusinesstaxarray.reduce((acc, cur) => acc + cur, 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return '';\n }\n },\n ];\n\n\n return tablecolumns;\n }\n }\n\n // Getloggingmeasure = ()=>\n\n // {\n // return this.loggingmeasure;\n // }\n\n\n GenerateTotalData(responses: any, countyarray: any, industrytotalarray: any, industrydirectarray: any, sammindustryarray: any, employmenttotalarray: any, employmentdirectarray: any, sammemploymentarray: any,\n laborincometotalarray: any,\n laborincomedirectarray: any, sammlaborincomearray: any, indirectbusinesstaxarray: any, MeasurementName: string) {\n let data = new Array();\n if (MeasurementName == \"Total\") {\n for (let i = 0; i < responses[0].value.length; i++) {\n let row = {};\n\n row['CountyName'] = countyarray[i];\n row['DirTotalIndAdd'] = industrydirectarray[i];\n row['TotImpTotalIndAdd'] = industrytotalarray[i]\n row['SAMMTotalIndAdd'] = sammindustryarray[i].toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n row['DirTotalEmpAdd'] = employmentdirectarray[i]\n row['TotImpTotalEmpAdd'] = employmenttotalarray[i]\n row['SAMMTotalEmpAdd'] = sammemploymentarray[i].toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n row['DirTotalLabIncAdd'] = laborincomedirectarray[i].toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })\n row['TotImpTotalLabIncAdd'] = laborincometotalarray[i].toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })\n row['SAMMTotalLabIncAdd'] = sammlaborincomearray[i].toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })\n row['DirTotalIndirBusTaxAdd'] = indirectbusinesstaxarray[i].toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })\n\n\n\n data[i] = row;\n }\n return data;\n }\n if (MeasurementName == \"Forestry\") {\n let data = new Array();\n\n for (let i = 0; i < responses[0].value.length; i++) {\n let row = {};\n row['CountyName'] = countyarray[i];\n row['FDirIndOut'] = parseFloat(industrydirectarray[i]).toFixed(2);\n row['FTotImpIndOut'] = parseFloat(industrytotalarray[i]).toFixed(2);\n row['ForSAMMIndAdd'] = parseFloat(sammindustryarray[i]).toFixed(2);\n row['FDirEmp'] = employmentdirectarray[i];\n row['FTotImpEmp'] = employmenttotalarray[i];\n row['ForSAMMEmpAdd'] = parseFloat(sammemploymentarray[i]).toFixed(2);\n row['FDirLabInc'] = parseFloat(laborincomedirectarray[i]).toFixed(2);\n row['FTotImpLabInc'] = parseFloat(laborincometotalarray[i]).toFixed(2);\n row['ForSAMMLabAdd'] = parseFloat(sammlaborincomearray[i]).toFixed(2);\n row['FIndirBusTax'] = parseFloat(indirectbusinesstaxarray[i]).toFixed(2);\n\n data[i] = row;\n }\n return data;\n }\n if (MeasurementName == \"Logging\") {\n let data = new Array();\n\n for (let i = 0; i < responses[0].value.length; i++) {\n let row = {};\n row['CountyName'] = countyarray[i];\n row['LDirIndOut'] = parseFloat(industrydirectarray[i]).toFixed(2);\n row['LTotImpIndOut'] = parseFloat(industrytotalarray[i]).toFixed(2);\n row['LogSAMMIndAdd'] = parseFloat(sammindustryarray[i]).toFixed(2);\n row['LDirEmp'] = employmentdirectarray[i];\n row['LTotImpEmp'] = employmenttotalarray[i];\n row['LogSAMMEmpAdd'] = parseFloat(sammemploymentarray[i]).toFixed(2);\n row['LDirLabInc'] = parseFloat(laborincomedirectarray[i]).toFixed(2);\n row['LTotImpLabInc'] = parseFloat(laborincometotalarray[i]).toFixed(2);\n row['LogSAMMLabAdd'] = parseFloat(sammlaborincomearray[i]).toFixed(2);\n row['LIndirBusTax'] = parseFloat(indirectbusinesstaxarray[i]).toFixed(2);\n data[i] = row;\n }\n return data;\n }\n\n if (MeasurementName == \"Primary Paper\") {\n let data = new Array();\n\n for (let i = 0; i < responses[0].value.length; i++) {\n let row = {};\n row['CountyName'] = countyarray[i];\n row['PPDirIndOut'] = parseFloat(industrydirectarray[i]).toFixed(2);\n row['PPTotImpIndOut'] = parseFloat(industrytotalarray[i]).toFixed(2);\n row['PrimaryPaperSAMMIndAdd'] = parseFloat(sammindustryarray[i]).toFixed(2);\n row['PPDirEmp'] = employmentdirectarray[i];\n row['PPTotImpEmp'] = employmenttotalarray[i];\n row['PrimaryPaperSAMMEmpAdd'] = parseFloat(sammemploymentarray[i]).toFixed(2);\n row['PPDirLabInc'] = parseFloat(laborincomedirectarray[i]).toFixed(2);\n row['PPTotImpLabInc'] = parseFloat(laborincometotalarray[i]).toFixed(2);\n row['PrimaryPaperSAMMLabAdd'] = parseFloat(sammlaborincomearray[i]).toFixed(2);\n row['PPIndirBusTax'] = parseFloat(indirectbusinesstaxarray[i]).toFixed(2);\n\n data[i] = row;\n }\n return data;\n }\n if (MeasurementName == \"Primary Solid\") {\n let data = new Array();\n\n for (let i = 0; i < responses[0].value.length; i++) {\n let row = {};\n row['CountyName'] = countyarray[i];\n row['PSDirIndOut'] = parseFloat(industrydirectarray[i]).toFixed(2);\n row['PSTotImpIndOut'] = parseFloat(industrytotalarray[i]).toFixed(2);\n row['PrimarySolidSAMMIndAdd'] = parseFloat(sammindustryarray[i]).toFixed(2);\n row['PSDirEmp'] = employmentdirectarray[i];\n row['PSTotImpEmp'] = employmenttotalarray[i];\n row['PrimarySolidSAMMEmpAdd'] = parseFloat(sammemploymentarray[i]).toFixed(2);\n row['PSDirLabInc'] = parseFloat(laborincomedirectarray[i]).toFixed(2);\n row['PSTotImpLabInc'] = parseFloat(laborincometotalarray[i]).toFixed(2);\n row['PrimarySolidSAMMLabAdd'] = parseFloat(sammlaborincomearray[i]).toFixed(2);\n row['PSIndirBusTax'] = parseFloat(indirectbusinesstaxarray[i]).toFixed(2);\n\n\n\n\n data[i] = row;\n }\n return data;\n }\n if (MeasurementName == \"Secondary Paper\") {\n let data = new Array();\n\n for (let i = 0; i < responses[0].value.length; i++) {\n let row = {};\n row['CountyName'] = countyarray[i];\n row['SPDirIndOut'] = parseFloat(industrydirectarray[i]).toFixed(2);\n row['SPTotImpIndOut'] = parseFloat(industrytotalarray[i]).toFixed(2);\n row['SecondPaperSAMMIndAdd'] = parseFloat(sammindustryarray[i]).toFixed(2);\n row['SPDirEmp'] = employmentdirectarray[i];\n row['SPTotImpEmp'] = employmenttotalarray[i];\n row['SecondPaperSAMMEmpAdd'] = parseFloat(sammemploymentarray[i]).toFixed(2);\n row['SPDirLabInc'] = parseFloat(laborincomedirectarray[i]).toFixed(2);\n row['SPTotImpLabInc'] = parseFloat(laborincometotalarray[i]).toFixed(2);\n row['SecondPaperSAMMLabAdd'] = parseFloat(sammlaborincomearray[i]).toFixed(2);\n row['SPIndirBusTax'] = parseFloat(indirectbusinesstaxarray[i]).toFixed(2);\n\n data[i] = row;\n }\n return data;\n }\n if (MeasurementName == \"Secondary Solid\") {\n let data = new Array();\n\n for (let i = 0; i < responses[0].value.length; i++) {\n let row = {};\n row['CountyName'] = countyarray[i];\n row['SSDirIndOut'] = parseFloat(industrydirectarray[i]).toFixed(2);\n row['SSTotImpIndOut'] = parseFloat(industrytotalarray[i]).toFixed(2);\n row['SecondSolidSAMMIndAdd'] = parseFloat(sammindustryarray[i]).toFixed(2);\n row['SSDirEmp'] = employmentdirectarray[i];\n row['SSTotImpEmp'] = employmenttotalarray[i];\n row['SecondSolidSAMMEmpAdd'] = parseFloat(sammemploymentarray[i]).toFixed(2);\n row['SSDirLabInc'] = parseFloat(laborincomedirectarray[i]).toFixed(2);\n row['SSTotImpLabInc'] = parseFloat(laborincometotalarray[i]).toFixed(2);\n row['SecondSolidSAMMLabAdd'] = parseFloat(sammlaborincomearray[i]).toFixed(2);\n row['SSIndirBusTax'] = parseFloat(indirectbusinesstaxarray[i]).toFixed(2);\n\n data[i] = row;\n }\n return data;\n }\n\n\n }\n\n\n ngOnInit() { }\n\n}\n","import { Component, OnInit } from '@angular/core';\n\ndeclare var jquery: any;\ndeclare var $: any;\n@Component({\n selector: 'app-faqs',\n templateUrl: './faqs.component.html',\n styleUrls: ['./faqs.component.css']\n})\nexport class FaqsComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n\n\n\n }\n questionClicked(event) {\n\n if (event.target.classList.contains('closed')) {\n event.target.classList.remove('closed');\n event.target.classList.add('open');\n for (let i = 1; i < event.target.parentNode.childNodes.length; i++) {\n event.target.parentNode.childNodes[i].classList.remove('texthidden');\n event.target.parentNode.childNodes[i].classList.add('textshown');\n }\n\n} else if (event.target.classList.contains('open')) {\n event.target.classList.remove('open');\n event.target.classList.add('closed');\n for (let i = 1; i < event.target.parentNode.childNodes.length; i++) {\n event.target.parentNode.childNodes[i].classList.remove('textshown');\n event.target.parentNode.childNodes[i].classList.add('texthidden');\n }\n}\n\n}\n}\n","\nAdded (Million $)
\n
\n\n","import { Component, OnInit } from '@angular/core';\ndeclare var jQuery: any;\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.css']\n}\n)\nexport class FooterComponent implements OnInit {\n\n ngOnInit() {\n (function ($) {\n const year = new Date().getFullYear();\n $('#scriptspan').append('' + year + '')\n })(jQuery);\n }\n}\n","\n\n\n","\n\n \n \n\n\n\n
\n\n\n\n\n
\n
\n
\n
\n
\nFAQs
\n\n\n\n
\n \n What is the Texas Forest Sector Economic Contribution County Summary Tool? \n\n
\n The Texas Forest Sector Economic Contribution County Summary Tool is a web-based, \n interactive tool developed by the Texas A&M Forest Service. It allows users to query and compare economic contributions\n of the forest sector for counties in East Texas by industry and economic contribution indicators. In addition to providing values for each of the selected counties, totals are provided for all counties in the selection.
\n\n How do I select an area to summarize?\n
\n\n \n
\n An area, or set of counties, can be defined in two ways:
- \n
- Click on the Draw a Polygon button and then simply left-click and hold the mouse button at a starting point in the map and keep clicking at different locations to create each vertice until you draw the shape of the polygon. \n
- Click on the Draw a point button, then click on the counties of interest on the map. The last county selected should be triple-clicked to complete the selection. \n
Greater detail on using the selection tools is provided by clicking on the help button (?) between each tool on the Summary Tool page.
\n\n How do I sort data in the results table or the Summary Tool\n
\n\n
\nTo sort data in the results table, double-click on a column heading name. To change the ascending/descending order, click on the up/down arrow to the right of the column heading. Double-click on another column heading name to sort by that column.
\n\nCan I download the data in the Texas Forest Sector Economic Contribution Summary Tool page?\n
\n \n
\n Yes. You may either download the data for Microsoft Excel by clicking \"Export to Excel\" or generate a whole report (including data and charts) in PDF by clicking \"Export to PDF\".
\nHow is the forest sector defined in the study?\n \n
\n Texas forest sector description, industry codes in IMPLAN, and compatibility with 1997 BEA and NAICS 2007.
\n![\"IMPLAN\"](\"assets/images/implan2015.jpg\")
\n Where can I get data for other levels of geography?\n
\n \n
\n At this time, the web-based interactive tool Texas Forest Sector Economic Contribution is available only for the counties in East Texas. However, you can get the estimated economic contributions of the forest sector for the entire state in our downloadable reports. In the future, we may offer the web-based interactive tool for Senate Districts in Texas. Please visit us later.
\n\n\n Where can I get data for previous years?\n\n \n
\n \n \n Why does the summary tool sometimes show different values for economic contributions compared to the pre-prepared country reports?\n\n
\n\n \n \n
\n The difference is mainly due to data suppression to protect confidentiality. When the difference occurs, \n the estimation shown in the downloadable individual county report \n is recommended to use. This does not affect the validity of the summary tool since it is mainly aimed at\n estimating economic contributions of multiple counties while the report is intended to estimate economic contributions of individual counties. \n Minor discrepancy may also come from rounding.
\n \n Should I use the pre-prepared county reports or the Summary Tool? \n\n
\n\n \n
\n It depends. If you're interested in the contributions for a county, the pre-prepared is a better option as described in Question 8. However, the Summary Tool displays graphs of direct and indirect contributions, which may provide better presentation. If you're interested in the contributions of multiple counties, the Summary Tool is an obvious better choice.
\n \n How do I use/interpret the data/report? \n\n
\n\n\n
\nThe data provide estimation of the economic contributions of the forest sector for the area of interest in East Texas. Let’s use the retrieved data for Angelina as an example to show how it can be interpreted. Suppose the table below is the economic contribution table for Angelina in 2009.
\n![\"Angelina](\"assets/images/FAQ_question10_image_resized.jpg\")
It shows that the forest sector as a whole directly contributed $459.66 million of industry output to the local economy, employing about 1,350 people with a payroll of $104.45 million in 2009. State and local taxing jurisdictions in Angelina County received around $5.48 million from the forest sector in indirect business taxes (such as sales and use taxes, property taxes, and government revenues from permit fees and licenses).
\nThe forest sector has a ripple effect on other industries in the region. For example, lumber sawmills purchase utilities, machinery and equipment from local suppliers and spend money for transportation services. This spending triggers a series of chain reactions of companies and business which supply raw materials or services to these suppliers. These effects are referred to as “indirect effects” and occur in the backward-linked industries. Employees at the sawmills may use their salaries to buy houses from realtors, clothes from local department stores, food from local grocery stores, or enjoy a drink at local bars. These effects are “induced effects” resulting from household spending of the income the employees receive in the local area.
\nIncluding direct, indirect, and induced effects, the forest sector in Angelina County had a total economic contribution of $701.62 million in industry output and supported 3,171 jobs with a payroll of $182.08 million in the local economy. Every job created in the forest sector resulted in another 1.35 jobs in the county. Every dollar generated in the sector contributed an additional $0.53 to the rest of the economy in Angelina County.
\n\n
\n\n How do I estimate the SAM multipliers for an area composed of multiple counties? \n\n
\n \n
\n Social Accounting Matrices (SAM) multipliers are calculated as the ratio of an industry's total contributions to its direct contributions. \nLet's use the retrieved data for Angelina and Nacogdoches counties as an example to show how the multipliers for the area can be estimated. Suppose the table below is the economic contribution table retrieved from the summary tool for Angelina and Nacogdoches in 2009.\n
\n![\"Angelina](\"assets/images/question_11_1.png\")
The SAM multupliers are calculated as follows:
\n![\"Angelina](\"assets/images/question_11_2.png\")
\n
\n \n Are there any changes in methods that account for economic contributions over years? \n\n
\n \n
\n Yes. Our aim is to provide the most realistic projections of the forest sector contribution in the state of Texas. Often, we update the methods which are used to obtain indirect and induced contribution of the forest sector. In recent years, the trade flows model has been preferred over the conventional econometric RPC model for input-output analysis. Since forestry related industries have existed in the state for many years, the five year trend analysis adheres to multi-industry contribution analysis and the trade flows model. \n
\n\n
\n \nIMPLAN sector numbers changed with 2013 data. Does this impact trend analysis? \n\n
\n\n
\n A little bit. With the new data released in 2013, IMPLAN changed its industry sectoring scheme. Some components of the secondary solid wood products sub-industry are now aggregated with non-forestry sectors. The contributions caused by these changes, however, are small compared to the overall economic contributions of the forestry sector in Texas.
\n\n
\n
\n
\n
![\"TAMFS](\"assets/images/TFS_White.png\")
\n\n \n \n
\n\n![\"Share](\"assets/images/icons/twitterxicon.png\"){kind=icon}
\n ![\"Share](\"assets/images/icons/Icon2cropped.png\"){kind=icon}
\n ![\"TAMFS\"/](\"assets/images/icons/Icon3cropped.png\"){kind=icon}
\n \n\n
\n\n\n TEXAS FOREST SECTOR ECONOMIC CONTRIBUTION
\n\n\n\n \n \n\n \n \n \n \n \n \n \n\n
\n\n\n\n \n
\n\n\n The Texas forest sector directly contributed $27.36 billion of industry output to the Texas economy
\n\n
\n Texas forest products firms exported $1.68 billion worth of forest products to foreign countries
\n\n\n
\n\n The Texas forest sector had a total economic contribution of $54.19 billion in industry output, supporting more than 187,500 jobs
\n\n\n
\n\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-home',\n templateUrl: './home.component.html',\n styleUrls: ['./home.component.css']\n})\nexport class HomeComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","\n\n \n \n\n
\n\n \n
\n
\n
\n
\n
\n
\n
\n\n
\nHighlights of the Forest Sector Economic Contributions in Texas, 2024
\n\n $27.36 Billion\n
\n \n The Texas forest sector directly contributed $27.36 billion of industry output to the Texas economy, employing 73,096 people with a payroll of $5.41 billion.\n \n
\n
\n 187,500 Jobs\n
\n \n Including direct, indirect, and induced effects, the Texas forest sector had a total economic contribution of $54.19 billion in industry output, supporting more than 187,500 jobs with $13.00 billion in labor income.\n
\n
\n 98 Cent/Dollar\n
\n On average, every dollar generated in the Texas forest sector contributed an additional 98 cents to the rest of the Texas economy.\n
\n
\n Job Creation\n
\n Every job created in the forest sector resulted in another 1.57 jobs in the state.\n
\n
\n Sub-industries\n
\n Secondary forest products manufacturing sub-industries contributed over two-thirds of the Texas forest sector's total industry output and employed 67 percent of the forest sector workforce.\n
\n
\n 1.68 Billion Worth\n
\n Texas forest products firms exported $1.68 billion worth of forest products to foreign countries.\n
\n
\n Industry Output\n
\n Compared to 2021, the 2024 Texas forest sector total industry output and employment increased 30 percent and 9 percent, respectively.\n
\n
\n \n A brief \n summary\n of the Texas Forest Sector Economic Contribution is available for download.\n \n
\n\n
\n
\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-maps',\n templateUrl: './maps.component.html',\n styles: []\n})\nexport class MapsComponent implements OnInit {\n\n\n constructor() { }\n \n public ngOnInit() {\n \n } // ngOnInit\n\n}\n","\n \n
\n\n \n \n
\n
\n
\n
\n
\n
\n \n\n Texas Forest Sector Economic Contribution
\n\n *NEW FOR 2024! State and county forest sector economic contribution reports.\n
\n\n Top Employers\n
\n \n Most of the timberland in Texas is located in the eastern part of the state. More than two-thirds of all forestry and logging companies and the great majority of the primary forest product companies in the state are found in this region. In 33 of the 43 East Texas counties, wood-based industries are one of the top five manufacturing employers.\n \n
\n
\n Interactive Tools\n
\n \n This website offers an interactive tool to summarize economic contributions of the forest sector in East Texas for 2007, 2009, 2012, 2015, 2019 and 2021.\n The tool allows users to display economic contributions of a selected set of counties. This website also offers thematic maps\n and multi-year trends\n for the counties in East Texas. Statewide economic contributions of forest-related industries during 2010-2021 and the impacts of the recent\n economic downturn are presented in interactive tables and charts.\n \n
\n
\n Reports\n
\n \n Pre-prepared reports can be downloaded for individual counties in East Texas (2024) or for the entire group of East Texas counties (2007, 2009, 2012 and 2015). Statewide economic contribution reports for 2024 and prior years are also available. Reports for Texas Senate districts and House districts will be available soon.\n \n
\n
\n Highlights\n
\n The Highlights pages shows the latest selected facts on the economic contribution of the forest sector in Texas.\n
\n
\n