analytics/webcontent/bi/js/dashboard-analytics/visualizations/properties/PropertySectioner.js

'use strict';

/**
 *+------------------------------------------------------------------------+
 *| Licensed Materials - Property of IBM
 *| IBM Cognos Products: Dashboard
 *| (C) Copyright IBM Corp. 2018, 2020
 *|
 *| US Government Users Restricted Rights - Use, duplication or disclosure
 *| restricted by GSA ADP Schedule Contract with IBM Corp.
 *+------------------------------------------------------------------------+
 */
define(['underscore', 'dashboard-analytics/widgets/livewidget/nls/StringResources'], function (_, StringResources) {
	'use strict';

	/*
 * The purpose of this singleton is to compartmentalize each property into
 * its corresponding tab and section for the properties panel.
 */

	var PropertiesSectioner = function () {

		/**
   * Instance stores a reference to the Singleton
   * @type { object }
   */
		var instance = null;
		// The following is used to map sections to section position
		var sectionToSectionPosition = {
			'colorPalette': 1,
			'axis': 2,
			'legend': 3,
			'chart': 4
		};

		// The following maps a property to its tab and section information.
		// Note, some props are commented out. They are unsupported at this time.
		var propertyIdToSectionMap = {
			'itemAxis.title.visible': { sectionId: 'axis.itemAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.title.visible': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.column.title.visible': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.line.title.visible': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.ticks.labels.layoutMode': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'heatScalePalette': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'colorPalette': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'contColorPalette': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'defaultPaletteIndex': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'lineColor': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'fromColor': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'goal_color': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'compositeLineColor': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'maintainAxisScales': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.minValue': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.maxValue': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.minValue': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.maxValue': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.line.minValue': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.line.maxValue': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.column.minValue': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.column.maxValue': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'widget.legend.display': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'widget.legend.titleVisible': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'widget.legend.aggregateTypeVisible': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'widget.legend.position': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'color.title': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'pointcolor.title': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'series.title': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'values.title': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'categories.title': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'size.title': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'columnColor.title': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'lineColor.title': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'gridLines.visible': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'axisColor': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.ticks.labels.color': { sectionId: 'axis.itemAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.ticks.labels.color': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.ticks.labels.font': { sectionId: 'axis.itemAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.ticks.labels.font': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.title.color': { sectionId: 'axis.itemAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.title.color': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.title': { sectionId: 'axis.itemAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.title': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.title.font': { sectionId: 'axis.itemAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.ticks.labels.visible': { sectionId: 'axis.itemAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.ticks.visible': { sectionId: 'axis.itemAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.ticks.labels.visible': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.ticks.visible': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.title.font': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.tickInterval': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.logarithmic': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.line.logarithmic': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.column.logarithmic': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.labels.layoutMode': { sectionId: 'axis.itemAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'axis.x.alignment': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.alignment': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'gridlineColor': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'labelColor': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'backgroundColor': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'colorPalette_column': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'colorPalette_column_defaultIndex': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'contColorPalette_column': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'colorPalette_line': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'colorPalette_line_defaultIndex': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'optimizeSize': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'border.width': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'border.color': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'widget.legend.color': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'widget.legend.font': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'widget.legend.titleColor': { sectionId: 'legend', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'itemAxis.labels.visible': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.labels.visible': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.zeroOrigin': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'transpose': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'area.interpolate': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'data.handling': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'area.borderColor':{ sectionId:'chart', sectionResource:'sectionName_chart', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'area.borderWidth':{ sectionId:'chart', sectionResource:'sectionName_chart', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'area.opacity':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			'contrast.axes.color': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'contrast.text.color': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'axis.title.visible': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'axis.indicators.visible': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'axis.labels.visible': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'target.title.visible': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'target.title.color': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'target.marker.color': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'target.marker.thickness': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'axis.color':{ sectionId:'axis', sectionResource:'sectionName_axis', tabId:'visualization', tabResource:'tabName_visualization' },
			'axis.label.color': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'axis.title.color': { sectionId: 'axis', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'oneWay.color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'twoWay.color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'combination.color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'target.stroke.color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			'targetVisibility': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'effect.duration': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'tableAreaBackground': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'tableContentBackground': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'ring4Color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'ring3Color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'ring2Color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'ring1Color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'ring0Color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'bullseyeColor':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			'contrastText': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'showMinimap': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'actions': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'showInsights': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'treeMode': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'topBottomN': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'topBottomTargetValue': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'leaf.labels.visible': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'contrast.label.color': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'label.shadow': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'donutRadius': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'label.percentage': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'labels.visible': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'labelLocation': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'sort': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'dataHandling': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'bubble.value.smallest.size':{ sectionId:'chart', sectionResource:'sectionName_chart', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'bubble.value.biggest.size':{ sectionId:'chart', sectionResource:'sectionName_chart', tabId:'visualization', tabResource:'tabName_visualization' },
			'symbolShape': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'stacked.percent': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'gridlines.visible': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'column.border.width': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'column.border.color': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueLabels.visible': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'column.valueLabels.visible': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'column.valueLabels.location': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'column.valueLabels.orientation': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'lineWithPoints.valueLabels.visible': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'chart.title.color':{ sectionId:'chart', sectionResource:'sectionName_chart', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'chart.title.visible':{ sectionId:'chart', sectionResource:'sectionName_chart', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'chart.title.areawidth':{ sectionId:'chart', sectionResource:'sectionName_chart', tabId:'visualization', tabResource:'tabName_visualization' },
			'color.min': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'color.mid': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'color.max': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'color.actual':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'color.goal':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'itemAxisSubtitle':{ sectionId:'chart', sectionResource:'sectionName_chart', tabId:'visualization', tabResource:'tabName_visualization' },
			'labels.format': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueLabels.location': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueLabels.orientation': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'pack':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			'itemAxis.labels.vertical': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'lines.visible': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'markers.visible': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'lineWithPoints.interpolate': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'lineWithPoints.symbol': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueLabels.format': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'line.interpolate': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'effect.entry.line.type': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'effect.entry.line.delay': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'effect.entry.line.stagger': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'effect.entry.line.duration': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'word.orientation': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'font.padding':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'font.minSize':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'font.maxSize':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			'valueLabels.color': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueLabels.size': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'valueLabels.fontFamily':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'backRing.color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'dial.border.color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'dial.border.width':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'dial.padding':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'dial.padding.color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'dial.width':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			'dial.roundedEnds': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'dial.startAngle':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			'dial.maxValue': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'center.background.radius':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'center.padding.radius':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'center.color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'center.radius':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'dial.minFontSize':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			'dial.propotionalwidths': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'dial.showAsPercentage': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'bar.padding': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'bar.direction.vertical': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'stacked': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'values.null.color':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			'effect.entry.bar.type': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'effect.entry.bar.delay': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'effect.entry.bar.stagger': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'effect.entry.bar.duration': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'lines.smooth': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },

			'valueAxis.column.title': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.column.title.color': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.column.title.font': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.gridLines.visible': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },

			'valueAxis.line.title': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.line.title.color': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.line.title.font': { sectionId: 'axis.valueAxisTitle', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },

			'valueAxis.column.ticks.labels.visible': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.column.ticks.visible': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.line.ticks.labels.visible': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.line.ticks.visible': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.column.ticks.labels.font': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.column.ticks.labels.color': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.line.ticks.labels.font': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'valueAxis.line.ticks.labels.color': { sectionId: 'axis.valueAxisLabel', sectionResource: 'sectionName_axis', tabId: 'visualization', tabResource: 'tabName_visualization' },

			'sortX': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'useSingleAxis': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'syncAxes': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'column.borderColor':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'column.borderWidth':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'lineWithPoints.size':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			'lineWithPoints.display': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'swapLineColumn': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			// 'network.nodes.size.min':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			// 'network.nodes.size.max':{ sectionId:'a', sectionResource:'a', tabId:'visualization', tabResource:'tabName_visualization' },
			'network.links.color': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'totalColumn.positive.color': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'totalColumn.negative.color': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'firstColumn.positive.color': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'firstColumn.negative.color': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'column.positive.color': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'column.negative.color': { sectionId: 'colorPalette', sectionResource: 'sectionName_colorPalette', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'totalColumn.legend.label.positive': { sectionId: 'chart', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'totalColumn.legend.label.negative': { sectionId: 'chart', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'firstColumn.positive.label': { sectionId: 'chart', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'firstColumn.negative.label': { sectionId: 'chart', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'value.positive.label': { sectionId: 'chart', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'value.negative.label': { sectionId: 'chart', sectionResource: 'sectionName_legend', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'mapStyle': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'autoZoom': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'maxZoom': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'views.hidden': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'enableLayerControl': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'enableFeatureSearchControl': { sectionId: 'chart', sectionResource: 'sectionName_chart', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'region.visible': { sectionId: 'regionLayer', sectionResource: 'sectionName_regionLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'region.transparency': { sectionId: 'regionLayer', sectionResource: 'sectionName_regionLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'region.custom.mapId': { sectionId: 'regionLayer', sectionResource: 'sectionName_regionLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'region.custom.layerName': { sectionId: 'regionLayer', sectionResource: 'sectionName_regionLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'region.custom.propertyName': { sectionId: 'regionLayer', sectionResource: 'sectionName_regionLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'locationColor.title': { sectionId: 'regionLayer', sectionResource: 'sectionName_regionLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.visible': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.defaultSize': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.minSize': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.maxSize': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.transparency': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.staticZeroValueSize': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.custom.mapId': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.custom.layerName': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.custom.propertyName': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.grouping.mode': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.grouping.transition': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.grouping.heat.weight': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.grouping.cluster.radius': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.grouping.cluster.groups': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'pointSize.title': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'pointColor.title': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'point.sizeScaling': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latlongSize.title': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latlongColor.title': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latLong.visible': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latLong.defaultSize': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latLong.minSize': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latLong.maxSize': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latLong.transparency': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latLong.staticZeroValueSize': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latLong.grouping.mode': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latLong.grouping.transition': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latLong.grouping.heat.weight': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latLong.grouping.cluster.radius': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'latLong.grouping.cluster.groups': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'colorPalette_data.region': { sectionId: 'regionLayer', sectionResource: 'sectionName_regionLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'colorPalette_data.point': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'colorPalette_data.latlong': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'contColorPalette_data.region': { sectionId: 'regionLayer', sectionResource: 'sectionName_regionLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'contColorPalette_data.point': { sectionId: 'pointLayer', sectionResource: 'sectionName_pointLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'contColorPalette_data.latlong': { sectionId: 'latLongLayer', sectionResource: 'sectionName_latLongLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'Mapbox.secretToken': { sectionId: 'regionLayer', sectionResource: 'sectionName_regionLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'Mapbox.accountName': { sectionId: 'regionLayer', sectionResource: 'sectionName_regionLayer', tabId: 'visualization', tabResource: 'tabName_visualization' },
			'Mapbox.token': { sectionId: 'regionLayer', sectionResource: 'sectionName_regionLayer', tabId: 'visualization', tabResource: 'tabName_visualization' }
		};

		var sections = {
			'itemAxisTitle': { active: true, collapsible: false, id: 'itemAxisTitle', label: StringResources.get('sectionItemAxisTitle'), type: 'Section', position: 20 },
			'itemAxisLabel': { active: true, collapsible: false, id: 'itemAxisLabel', label: StringResources.get('sectionItemAxisLabel'), type: 'Section', position: 21 },
			'valueAxisTitle': { active: true, collapsible: false, id: 'valueAxisTitle', label: StringResources.get('sectionValueAxisTitle'), type: 'Section', position: 22 },
			'valueAxisLabel': { active: true, collapsible: false, id: 'valueAxisLabel', label: StringResources.get('sectionValueAxisLabel'), type: 'Section', position: 23 }
		};

		function init() {
			return {

				/**
    * @param {String} id of the property of interest
    */
				getSectionInformationForPropertyId: function getSectionInformationForPropertyId(id) {
					var sectionInfo = void 0;
					// If its in the map return its content.
					if (propertyIdToSectionMap && propertyIdToSectionMap[id]) {
						sectionInfo = propertyIdToSectionMap[id];
						sectionInfo['tabId'] = sectionInfo.tabId;
						sectionInfo['tabName'] = StringResources.get(sectionInfo.tabResource);
						sectionInfo['sectionId'] = sectionInfo.sectionId;
						sectionInfo['sectionName'] = StringResources.get(sectionInfo.sectionResource);
						sectionInfo['sectionPosition'] = sectionToSectionPosition[sectionInfo.sectionId.split('.')[0]]; //Section ID could have sub-section. Use the first section
						return _.omit(sectionInfo, 'tabResource', 'sectionResource');
					} else {
						sectionInfo = {};
						sectionInfo['tabId'] = 'visualization';
						sectionInfo['tabName'] = StringResources.get('tabName_visualization');
						sectionInfo['sectionId'] = 'chart';
						sectionInfo['sectionName'] = StringResources.get('sectionName_chart');
						sectionInfo['sectionPosition'] = sectionToSectionPosition[sectionInfo.sectionId.split('.')[0]]; //Section ID could have sub-section. Use the first section
						return sectionInfo;
					}
				},

				/**
    * @param {String} id of the property of interest
    */
				getSection: function getSection(id) {
					return sections[id];
				}
			};
		}

		return {

			// Get the Singleton instance if one exists
			// or create one if it doesn't
			getInstance: function getInstance() {

				if (!instance) {
					instance = init();
				}

				return instance;
			}
		};
	}();
	return PropertiesSectioner;
});
//# sourceMappingURL=PropertySectioner.js.map