@omegagrid/plugin-charts 0.10.2 → 0.10.4

package/dist/themes/tmDark.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tmDark.d.ts.map

package/dist/themes/tmDark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tmDark.d.ts","sourceRoot":"","sources":["../../src/themes/tmDark.ts"],"names":[],"mappings":""}

package/dist/themes/tmDark.js

@@ -0,0 +1,227 @@
+import { getThemeManager } from "@omegagrid/core";
+const baseTheme = getThemeManager().themes.get('dark');
+Object.assign(baseTheme.definition, {
+    'highcharts-title-font-size': '16px',
+    'highcharts-subtitle-font-size': '14px',
+    /* Colors for data series and points */
+    'highcharts-color-0': '#2caffe',
+    'highcharts-color-1': '#544fc5',
+    'highcharts-color-2': '#00e272',
+    'highcharts-color-3': '#fe6a35',
+    'highcharts-color-4': '#6b8abc',
+    'highcharts-color-5': '#d568fb',
+    'highcharts-color-6': '#2ee0ca',
+    'highcharts-color-7': '#fa4b42',
+    'highcharts-color-8': '#feb56a',
+    'highcharts-color-9': '#91e8e1',
+    'highcharts-background-color': 'rgb(48, 48, 48)',
+    /*
+        Neutral color variations
+        https://www.highcharts.com/samples/highcharts/css/palette-helper
+    */
+    'highcharts-neutral-color-100': 'rgb(255, 255, 255)',
+    'highcharts-neutral-color-80': 'rgb(214, 214, 214)',
+    'highcharts-neutral-color-60': 'rgb(173, 173, 173)',
+    'highcharts-neutral-color-40': 'rgb(133, 133, 133)',
+    'highcharts-neutral-color-20': 'rgb(92, 92, 92)',
+    'highcharts-neutral-color-10': 'rgb(71, 71, 71)',
+    'highcharts-neutral-color-5': 'rgb(61, 61, 61)',
+    'highcharts-neutral-color-3': 'rgb(57, 57, 57)',
+    /* Highlight color variations */
+    'highcharts-highlight-color-100': 'rgb(122, 167, 255)',
+    'highcharts-highlight-color-80': 'rgb(108, 144, 214)',
+    'highcharts-highlight-color-60': 'rgb(94, 121, 173)',
+    'highcharts-highlight-color-20': 'rgb(65, 74, 92)',
+    'highcharts-highlight-color-10': 'rgb(58, 63, 71)',
+});
+// export const theme: DeepPartial<Highcharts.Options> = {
+// 	colors: [
+// 		'#2b908f', '#90ee7e', '#f45b5b', '#7798BF', '#aaeeee', '#ff0066',
+// 		'#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
+// 	],
+// 	chart: {
+// 		backgroundColor: {
+// 			linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
+// 			stops: [
+// 				[0, '#2a2a2b'],
+// 				[1, '#3e3e40']
+// 			]
+// 		},
+// 		style: {
+// 			//fontFamily: '\'Unica One\', sans-serif'
+// 		},
+// 		plotBorderColor: '#606063'
+// 	},
+// 	title: {
+// 		style: {
+// 			color: '#E0E0E3',
+// 			textTransform: 'uppercase',
+// 			fontSize: '16px'
+// 		}
+// 	},
+// 	subtitle: {
+// 		style: {
+// 			color: '#E0E0E3',
+// 			textTransform: 'uppercase'
+// 		}
+// 	},
+// 	xAxis: {
+// 		gridLineColor: '#707073',
+// 		labels: {
+// 			style: {
+// 				color: '#E0E0E3'
+// 			}
+// 		},
+// 		lineColor: '#707073',
+// 		minorGridLineColor: '#505053',
+// 		tickColor: '#707073',
+// 		title: {
+// 			style: {
+// 				color: '#A0A0A3'
+// 			}
+// 		}
+// 	},
+// 	yAxis: {
+// 		gridLineColor: '#707073',
+// 		labels: {
+// 			style: {
+// 				color: '#E0E0E3'
+// 			}
+// 		},
+// 		lineColor: '#707073',
+// 		minorGridLineColor: '#505053',
+// 		tickColor: '#707073',
+// 		tickWidth: 1,
+// 		title: {
+// 			style: {
+// 				color: '#A0A0A3'
+// 			}
+// 		}
+// 	},
+// 	tooltip: {
+// 		backgroundColor: 'rgba(0, 0, 0, 0.85)',
+// 		style: {
+// 			color: '#F0F0F0'
+// 		}
+// 	},
+// 	plotOptions: {
+// 		series: {
+// 			dataLabels: {
+// 				color: '#F0F0F3',
+// 				style: {
+// 					fontSize: '13px'
+// 				}
+// 			},
+// 			marker: {
+// 				lineColor: '#333'
+// 			}
+// 		},
+// 		boxplot: {
+// 			fillColor: '#505053'
+// 		},
+// 		candlestick: {
+// 			lineColor: 'white'
+// 		},
+// 		errorbar: {
+// 			color: 'white'
+// 		}
+// 	},
+// 	legend: {
+// 		backgroundColor: 'rgba(0, 0, 0, 0.5)',
+// 		itemStyle: {
+// 			color: '#E0E0E3'
+// 		},
+// 		itemHoverStyle: {
+// 			color: '#FFF'
+// 		},
+// 		itemHiddenStyle: {
+// 			color: '#606063'
+// 		},
+// 		title: {
+// 			style: {
+// 				color: '#C0C0C0'
+// 			}
+// 		}
+// 	},
+// 	credits: {
+// 		style: {
+// 			color: '#666'
+// 		}
+// 	},
+// 	drilldown: {
+// 		activeAxisLabelStyle: {
+// 			color: '#F0F0F3'
+// 		},
+// 		activeDataLabelStyle: {
+// 			color: '#F0F0F3'
+// 		}
+// 	},
+// 	navigation: {
+// 		buttonOptions: {
+// 			symbolStroke: '#DDDDDD',
+// 			theme: {
+// 				fill: '#505053'
+// 			}
+// 		}
+// 	},
+// 	// Scroll charts
+// 	rangeSelector: {
+// 		buttonTheme: {
+// 			fill: '#505053',
+// 			stroke: '#000000',
+// 			style: {
+// 				color: '#CCC'
+// 			},
+// 			states: {
+// 				hover: {
+// 					fill: '#707073',
+// 					stroke: '#000000',
+// 					style: {
+// 						color: 'white'
+// 					}
+// 				},
+// 				select: {
+// 					fill: '#000003',
+// 					stroke: '#000000',
+// 					style: {
+// 						color: 'white'
+// 					}
+// 				}
+// 			}
+// 		},
+// 		inputBoxBorderColor: '#505053',
+// 		inputStyle: {
+// 			backgroundColor: '#333',
+// 			color: 'silver'
+// 		},
+// 		labelStyle: {
+// 			color: 'silver'
+// 		}
+// 	},
+// 	navigator: {
+// 		handles: {
+// 			backgroundColor: '#666',
+// 			borderColor: '#AAA'
+// 		},
+// 		outlineColor: '#CCC',
+// 		maskFill: 'rgba(255,255,255,0.1)',
+// 		series: {
+// 			color: '#7798BF',
+// 			lineColor: '#A6C7ED'
+// 		},
+// 		xAxis: {
+// 			gridLineColor: '#505053'
+// 		}
+// 	},
+// 	scrollbar: {
+// 		barBackgroundColor: '#808083',
+// 		barBorderColor: '#808083',
+// 		buttonArrowColor: '#CCC',
+// 		buttonBackgroundColor: '#606063',
+// 		buttonBorderColor: '#606063',
+// 		rifleColor: '#FFF',
+// 		trackBackgroundColor: '#404043',
+// 		trackBorderColor: '#404043'
+// 	}
+// };
+//# sourceMappingURL=tmDark.js.map

package/dist/themes/tmDark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tmDark.js","sourceRoot":"","sources":["../../src/themes/tmDark.ts"],"names":[],"mappings":"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","sourcesContent":["import { getThemeManager } from \"@omegagrid/core\";\n\nconst baseTheme = getThemeManager().themes.get('dark');\n\nObject.assign(baseTheme.definition, {\n\t'highcharts-title-font-size': '16px',\n\t'highcharts-subtitle-font-size': '14px',\n\n\t/* Colors for data series and points */\n\t'highcharts-color-0': '#2caffe',\n\t'highcharts-color-1': '#544fc5',\n\t'highcharts-color-2': '#00e272',\n\t'highcharts-color-3': '#fe6a35',\n\t'highcharts-color-4': '#6b8abc',\n\t'highcharts-color-5': '#d568fb',\n\t'highcharts-color-6': '#2ee0ca',\n\t'highcharts-color-7': '#fa4b42',\n\t'highcharts-color-8': '#feb56a',\n\t'highcharts-color-9': '#91e8e1',\n\n\t'highcharts-background-color': 'rgb(48, 48, 48)',\n\n\t/*\n\t\tNeutral color variations\n\t\thttps://www.highcharts.com/samples/highcharts/css/palette-helper\n\t*/\n\t'highcharts-neutral-color-100': 'rgb(255, 255, 255)',\n\t'highcharts-neutral-color-80': 'rgb(214, 214, 214)',\n\t'highcharts-neutral-color-60': 'rgb(173, 173, 173)',\n\t'highcharts-neutral-color-40': 'rgb(133, 133, 133)',\n\t'highcharts-neutral-color-20': 'rgb(92, 92, 92)',\n\t'highcharts-neutral-color-10': 'rgb(71, 71, 71)',\n\t'highcharts-neutral-color-5': 'rgb(61, 61, 61)',\n\t'highcharts-neutral-color-3': 'rgb(57, 57, 57)',\n\n\t/* Highlight color variations */\n\t'highcharts-highlight-color-100': 'rgb(122, 167, 255)',\n\t'highcharts-highlight-color-80': 'rgb(108, 144, 214)',\n\t'highcharts-highlight-color-60': 'rgb(94, 121, 173)',\n\t'highcharts-highlight-color-20': 'rgb(65, 74, 92)',\n\t'highcharts-highlight-color-10': 'rgb(58, 63, 71)',\n\n});\n\n// export const theme: DeepPartial<Highcharts.Options> = {\n// \tcolors: [\n// \t\t'#2b908f', '#90ee7e', '#f45b5b', '#7798BF', '#aaeeee', '#ff0066',\n// \t\t'#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'\n// \t],\n// \tchart: {\n// \t\tbackgroundColor: {\n// \t\t\tlinearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },\n// \t\t\tstops: [\n// \t\t\t\t[0, '#2a2a2b'],\n// \t\t\t\t[1, '#3e3e40']\n// \t\t\t]\n// \t\t},\n// \t\tstyle: {\n// \t\t\t//fontFamily: '\\'Unica One\\', sans-serif'\n// \t\t},\n// \t\tplotBorderColor: '#606063'\n// \t},\n// \ttitle: {\n// \t\tstyle: {\n// \t\t\tcolor: '#E0E0E3',\n// \t\t\ttextTransform: 'uppercase',\n// \t\t\tfontSize: '16px'\n// \t\t}\n// \t},\n// \tsubtitle: {\n// \t\tstyle: {\n// \t\t\tcolor: '#E0E0E3',\n// \t\t\ttextTransform: 'uppercase'\n// \t\t}\n// \t},\n// \txAxis: {\n// \t\tgridLineColor: '#707073',\n// \t\tlabels: {\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#E0E0E3'\n// \t\t\t}\n// \t\t},\n// \t\tlineColor: '#707073',\n// \t\tminorGridLineColor: '#505053',\n// \t\ttickColor: '#707073',\n// \t\ttitle: {\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#A0A0A3'\n\n// \t\t\t}\n// \t\t}\n// \t},\n// \tyAxis: {\n// \t\tgridLineColor: '#707073',\n// \t\tlabels: {\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#E0E0E3'\n// \t\t\t}\n// \t\t},\n// \t\tlineColor: '#707073',\n// \t\tminorGridLineColor: '#505053',\n// \t\ttickColor: '#707073',\n// \t\ttickWidth: 1,\n// \t\ttitle: {\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#A0A0A3'\n// \t\t\t}\n// \t\t}\n// \t},\n// \ttooltip: {\n// \t\tbackgroundColor: 'rgba(0, 0, 0, 0.85)',\n// \t\tstyle: {\n// \t\t\tcolor: '#F0F0F0'\n// \t\t}\n// \t},\n// \tplotOptions: {\n// \t\tseries: {\n// \t\t\tdataLabels: {\n// \t\t\t\tcolor: '#F0F0F3',\n// \t\t\t\tstyle: {\n// \t\t\t\t\tfontSize: '13px'\n// \t\t\t\t}\n// \t\t\t},\n// \t\t\tmarker: {\n// \t\t\t\tlineColor: '#333'\n// \t\t\t}\n// \t\t},\n// \t\tboxplot: {\n// \t\t\tfillColor: '#505053'\n// \t\t},\n// \t\tcandlestick: {\n// \t\t\tlineColor: 'white'\n// \t\t},\n// \t\terrorbar: {\n// \t\t\tcolor: 'white'\n// \t\t}\n// \t},\n// \tlegend: {\n// \t\tbackgroundColor: 'rgba(0, 0, 0, 0.5)',\n// \t\titemStyle: {\n// \t\t\tcolor: '#E0E0E3'\n// \t\t},\n// \t\titemHoverStyle: {\n// \t\t\tcolor: '#FFF'\n// \t\t},\n// \t\titemHiddenStyle: {\n// \t\t\tcolor: '#606063'\n// \t\t},\n// \t\ttitle: {\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#C0C0C0'\n// \t\t\t}\n// \t\t}\n// \t},\n// \tcredits: {\n// \t\tstyle: {\n// \t\t\tcolor: '#666'\n// \t\t}\n// \t},\n\n// \tdrilldown: {\n// \t\tactiveAxisLabelStyle: {\n// \t\t\tcolor: '#F0F0F3'\n// \t\t},\n// \t\tactiveDataLabelStyle: {\n// \t\t\tcolor: '#F0F0F3'\n// \t\t}\n// \t},\n\n// \tnavigation: {\n// \t\tbuttonOptions: {\n// \t\t\tsymbolStroke: '#DDDDDD',\n// \t\t\ttheme: {\n// \t\t\t\tfill: '#505053'\n// \t\t\t}\n// \t\t}\n// \t},\n\n// \t// Scroll charts\n// \trangeSelector: {\n// \t\tbuttonTheme: {\n// \t\t\tfill: '#505053',\n// \t\t\tstroke: '#000000',\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#CCC'\n// \t\t\t},\n// \t\t\tstates: {\n// \t\t\t\thover: {\n// \t\t\t\t\tfill: '#707073',\n// \t\t\t\t\tstroke: '#000000',\n// \t\t\t\t\tstyle: {\n// \t\t\t\t\t\tcolor: 'white'\n// \t\t\t\t\t}\n// \t\t\t\t},\n// \t\t\t\tselect: {\n// \t\t\t\t\tfill: '#000003',\n// \t\t\t\t\tstroke: '#000000',\n// \t\t\t\t\tstyle: {\n// \t\t\t\t\t\tcolor: 'white'\n// \t\t\t\t\t}\n// \t\t\t\t}\n// \t\t\t}\n// \t\t},\n// \t\tinputBoxBorderColor: '#505053',\n// \t\tinputStyle: {\n// \t\t\tbackgroundColor: '#333',\n// \t\t\tcolor: 'silver'\n// \t\t},\n// \t\tlabelStyle: {\n// \t\t\tcolor: 'silver'\n// \t\t}\n// \t},\n\n// \tnavigator: {\n// \t\thandles: {\n// \t\t\tbackgroundColor: '#666',\n// \t\t\tborderColor: '#AAA'\n// \t\t},\n// \t\toutlineColor: '#CCC',\n// \t\tmaskFill: 'rgba(255,255,255,0.1)',\n// \t\tseries: {\n// \t\t\tcolor: '#7798BF',\n// \t\t\tlineColor: '#A6C7ED'\n// \t\t},\n// \t\txAxis: {\n// \t\t\tgridLineColor: '#505053'\n// \t\t}\n// \t},\n\n// \tscrollbar: {\n// \t\tbarBackgroundColor: '#808083',\n// \t\tbarBorderColor: '#808083',\n// \t\tbuttonArrowColor: '#CCC',\n// \t\tbuttonBackgroundColor: '#606063',\n// \t\tbuttonBorderColor: '#606063',\n// \t\trifleColor: '#FFF',\n// \t\ttrackBackgroundColor: '#404043',\n// \t\ttrackBorderColor: '#404043'\n// \t}\n// };\n"]}

package/dist/themes/tmLight.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tmLight.d.ts.map

package/dist/themes/tmLight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tmLight.d.ts","sourceRoot":"","sources":["../../src/themes/tmLight.ts"],"names":[],"mappings":""}

package/dist/themes/tmLight.js

@@ -0,0 +1,249 @@
+import { getThemeManager } from "@omegagrid/core";
+const baseTheme = getThemeManager().themes.get('light');
+Object.assign(baseTheme.definition, {
+    'highcharts-title-font-size': '16px',
+    'chart-background-color': '#2a2a2b',
+    /* Colors for data series and points */
+    'highcharts-color-0': '#2caffe',
+    'highcharts-color-1': '#544fc5',
+    'highcharts-color-2': '#00e272',
+    'highcharts-color-3': '#fe6a35',
+    'highcharts-color-4': '#6b8abc',
+    'highcharts-color-5': '#d568fb',
+    'highcharts-color-6': '#2ee0ca',
+    'highcharts-color-7': '#fa4b42',
+    'highcharts-color-8': '#feb56a',
+    'highcharts-color-9': '#91e8e1',
+    'highcharts-background-color': '#ffffff',
+    /* Strong text. */
+    'highcharts-neutral-color-100': '#000000',
+    /* Main text, axis labels and some strokes. */
+    'highcharts-neutral-color-80': '#333333',
+    /* Axis title, connector fallback. */
+    'highcharts-neutral-color-60': '#666666',
+    /* Credits text, export menu stroke. */
+    'highcharts-neutral-color-40': '#999999',
+    /* Disabled texts, button strokes, crosshair etc. */
+    'highcharts-neutral-color-20': '#cccccc',
+    /* Grid lines etc. */
+    'highcharts-neutral-color-10': '#e6e6e6',
+    /* Minor grid lines etc. */
+    'highcharts-neutral-color-5': '#f2f2f2',
+    /* Tooltip backgroud, button fills, map null points. */
+    'highcharts-neutral-color-3': '#f7f7f7',
+    /*
+    Highlights, shades of blue by default
+    */
+    /* Drilldown clickable labels, color axis max color. */
+    'highcharts-highlight-color-100': '#0022ff',
+    /* Selection marker, menu hover, button hover, chart border, navigator
+    series. */
+    'highcharts-highlight-color-80': '#334eff',
+    /* Navigator mask fill. */
+    'highcharts-highlight-color-60': '#667aff',
+    /* Ticks and axis line. */
+    'highcharts-highlight-color-20': '#ccd3ff',
+    /* Pressed button, color axis min color. */
+    'highcharts-highlight-color-10': '#e6e9ff',
+    /* Indicators */
+    'highcharts-positive-color': '#06b535',
+    'highcharts-negative-color': '#f21313',
+    /* Transparent colors for annotations */
+    'highcharts-annotation-color-0': 'rgba(130, 170, 255, 0.4)',
+    'highcharts-annotation-color-1': 'rgba(139, 191, 216, 0.4)',
+    'highcharts-annotation-color-2': 'rgba(150, 216, 192, 0.4)',
+    'highcharts-annotation-color-3': 'rgba(156, 229, 161, 0.4)',
+    'highcharts-annotation-color-4': 'rgba(162, 241, 130, 0.4)',
+    'highcharts-annotation-color-5': 'rgba(169, 255, 101, 0.4)',
+});
+// export const theme: DeepPartial<Highcharts.Options> = {
+// 	colors: [
+// 		'#2b908f', '#90ee7e', '#f45b5b', '#7798BF', '#aaeeee', '#ff0066',
+// 		'#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
+// 	],
+// 	chart: {
+// 		backgroundColor: {
+// 			linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
+// 			stops: [
+// 				[0, '#2a2a2b'],
+// 				[1, '#3e3e40']
+// 			]
+// 		},
+// 		style: {
+// 			//fontFamily: '\'Unica One\', sans-serif'
+// 		},
+// 		plotBorderColor: '#606063'
+// 	},
+// 	title: {
+// 		style: {
+// 			color: '#E0E0E3',
+// 			textTransform: 'uppercase',
+// 			fontSize: '16px'
+// 		}
+// 	},
+// 	subtitle: {
+// 		style: {
+// 			color: '#E0E0E3',
+// 			textTransform: 'uppercase'
+// 		}
+// 	},
+// 	xAxis: {
+// 		gridLineColor: '#707073',
+// 		labels: {
+// 			style: {
+// 				color: '#E0E0E3'
+// 			}
+// 		},
+// 		lineColor: '#707073',
+// 		minorGridLineColor: '#505053',
+// 		tickColor: '#707073',
+// 		title: {
+// 			style: {
+// 				color: '#A0A0A3'
+// 			}
+// 		}
+// 	},
+// 	yAxis: {
+// 		gridLineColor: '#707073',
+// 		labels: {
+// 			style: {
+// 				color: '#E0E0E3'
+// 			}
+// 		},
+// 		lineColor: '#707073',
+// 		minorGridLineColor: '#505053',
+// 		tickColor: '#707073',
+// 		tickWidth: 1,
+// 		title: {
+// 			style: {
+// 				color: '#A0A0A3'
+// 			}
+// 		}
+// 	},
+// 	tooltip: {
+// 		backgroundColor: 'rgba(0, 0, 0, 0.85)',
+// 		style: {
+// 			color: '#F0F0F0'
+// 		}
+// 	},
+// 	plotOptions: {
+// 		series: {
+// 			dataLabels: {
+// 				color: '#F0F0F3',
+// 				style: {
+// 					fontSize: '13px'
+// 				}
+// 			},
+// 			marker: {
+// 				lineColor: '#333'
+// 			}
+// 		},
+// 		boxplot: {
+// 			fillColor: '#505053'
+// 		},
+// 		candlestick: {
+// 			lineColor: 'white'
+// 		},
+// 		errorbar: {
+// 			color: 'white'
+// 		}
+// 	},
+// 	legend: {
+// 		backgroundColor: 'rgba(0, 0, 0, 0.5)',
+// 		itemStyle: {
+// 			color: '#E0E0E3'
+// 		},
+// 		itemHoverStyle: {
+// 			color: '#FFF'
+// 		},
+// 		itemHiddenStyle: {
+// 			color: '#606063'
+// 		},
+// 		title: {
+// 			style: {
+// 				color: '#C0C0C0'
+// 			}
+// 		}
+// 	},
+// 	credits: {
+// 		style: {
+// 			color: '#666'
+// 		}
+// 	},
+// 	drilldown: {
+// 		activeAxisLabelStyle: {
+// 			color: '#F0F0F3'
+// 		},
+// 		activeDataLabelStyle: {
+// 			color: '#F0F0F3'
+// 		}
+// 	},
+// 	navigation: {
+// 		buttonOptions: {
+// 			symbolStroke: '#DDDDDD',
+// 			theme: {
+// 				fill: '#505053'
+// 			}
+// 		}
+// 	},
+// 	// Scroll charts
+// 	rangeSelector: {
+// 		buttonTheme: {
+// 			fill: '#505053',
+// 			stroke: '#000000',
+// 			style: {
+// 				color: '#CCC'
+// 			},
+// 			states: {
+// 				hover: {
+// 					fill: '#707073',
+// 					stroke: '#000000',
+// 					style: {
+// 						color: 'white'
+// 					}
+// 				},
+// 				select: {
+// 					fill: '#000003',
+// 					stroke: '#000000',
+// 					style: {
+// 						color: 'white'
+// 					}
+// 				}
+// 			}
+// 		},
+// 		inputBoxBorderColor: '#505053',
+// 		inputStyle: {
+// 			backgroundColor: '#333',
+// 			color: 'silver'
+// 		},
+// 		labelStyle: {
+// 			color: 'silver'
+// 		}
+// 	},
+// 	navigator: {
+// 		handles: {
+// 			backgroundColor: '#666',
+// 			borderColor: '#AAA'
+// 		},
+// 		outlineColor: '#CCC',
+// 		maskFill: 'rgba(255,255,255,0.1)',
+// 		series: {
+// 			color: '#7798BF',
+// 			lineColor: '#A6C7ED'
+// 		},
+// 		xAxis: {
+// 			gridLineColor: '#505053'
+// 		}
+// 	},
+// 	scrollbar: {
+// 		barBackgroundColor: '#808083',
+// 		barBorderColor: '#808083',
+// 		buttonArrowColor: '#CCC',
+// 		buttonBackgroundColor: '#606063',
+// 		buttonBorderColor: '#606063',
+// 		rifleColor: '#FFF',
+// 		trackBackgroundColor: '#404043',
+// 		trackBorderColor: '#404043'
+// 	}
+// };
+//# sourceMappingURL=tmLight.js.map

package/dist/themes/tmLight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tmLight.js","sourceRoot":"","sources":["../../src/themes/tmLight.ts"],"names":[],"mappings":"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","sourcesContent":["import { getThemeManager } from \"@omegagrid/core\";\n\nconst baseTheme = getThemeManager().themes.get('light');\n\nObject.assign(baseTheme.definition, {\n\t'highcharts-title-font-size': '16px',\n\n\t'chart-background-color': '#2a2a2b',\n\t/* Colors for data series and points */\n\t'highcharts-color-0': '#2caffe',\n\t'highcharts-color-1': '#544fc5',\n\t'highcharts-color-2': '#00e272',\n\t'highcharts-color-3': '#fe6a35',\n\t'highcharts-color-4': '#6b8abc',\n\t'highcharts-color-5': '#d568fb',\n\t'highcharts-color-6': '#2ee0ca',\n\t'highcharts-color-7': '#fa4b42',\n\t'highcharts-color-8': '#feb56a',\n\t'highcharts-color-9': '#91e8e1',\n\n\t'highcharts-background-color': '#ffffff',\n\n\t/* Strong text. */\n\t'highcharts-neutral-color-100': '#000000',\n\n\t/* Main text, axis labels and some strokes. */\n\t'highcharts-neutral-color-80': '#333333',\n\n\t/* Axis title, connector fallback. */\n\t'highcharts-neutral-color-60': '#666666',\n\n\t/* Credits text, export menu stroke. */\n\t'highcharts-neutral-color-40': '#999999',\n\n\t/* Disabled texts, button strokes, crosshair etc. */\n\t'highcharts-neutral-color-20': '#cccccc',\n\n\t/* Grid lines etc. */\n\t'highcharts-neutral-color-10': '#e6e6e6',\n\n\t/* Minor grid lines etc. */\n\t'highcharts-neutral-color-5': '#f2f2f2',\n\n\t/* Tooltip backgroud, button fills, map null points. */\n\t'highcharts-neutral-color-3': '#f7f7f7',\n\n\t/*\n\tHighlights, shades of blue by default\n\t*/\n\n\t/* Drilldown clickable labels, color axis max color. */\n\t'highcharts-highlight-color-100': '#0022ff',\n\n\t/* Selection marker, menu hover, button hover, chart border, navigator\n\tseries. */\n\t'highcharts-highlight-color-80': '#334eff',\n\n\t/* Navigator mask fill. */\n\t'highcharts-highlight-color-60': '#667aff',\n\n\t/* Ticks and axis line. */\n\t'highcharts-highlight-color-20': '#ccd3ff',\n\n\t/* Pressed button, color axis min color. */\n\t'highcharts-highlight-color-10': '#e6e9ff',\n\n\t/* Indicators */\n\t'highcharts-positive-color': '#06b535',\n\t'highcharts-negative-color': '#f21313',\n\n\t/* Transparent colors for annotations */\n\t'highcharts-annotation-color-0': 'rgba(130, 170, 255, 0.4)',\n\t'highcharts-annotation-color-1': 'rgba(139, 191, 216, 0.4)',\n\t'highcharts-annotation-color-2': 'rgba(150, 216, 192, 0.4)',\n\t'highcharts-annotation-color-3': 'rgba(156, 229, 161, 0.4)',\n\t'highcharts-annotation-color-4': 'rgba(162, 241, 130, 0.4)',\n\t'highcharts-annotation-color-5': 'rgba(169, 255, 101, 0.4)',\n});\n\n// export const theme: DeepPartial<Highcharts.Options> = {\n// \tcolors: [\n// \t\t'#2b908f', '#90ee7e', '#f45b5b', '#7798BF', '#aaeeee', '#ff0066',\n// \t\t'#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'\n// \t],\n// \tchart: {\n// \t\tbackgroundColor: {\n// \t\t\tlinearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },\n// \t\t\tstops: [\n// \t\t\t\t[0, '#2a2a2b'],\n// \t\t\t\t[1, '#3e3e40']\n// \t\t\t]\n// \t\t},\n// \t\tstyle: {\n// \t\t\t//fontFamily: '\\'Unica One\\', sans-serif'\n// \t\t},\n// \t\tplotBorderColor: '#606063'\n// \t},\n// \ttitle: {\n// \t\tstyle: {\n// \t\t\tcolor: '#E0E0E3',\n// \t\t\ttextTransform: 'uppercase',\n// \t\t\tfontSize: '16px'\n// \t\t}\n// \t},\n// \tsubtitle: {\n// \t\tstyle: {\n// \t\t\tcolor: '#E0E0E3',\n// \t\t\ttextTransform: 'uppercase'\n// \t\t}\n// \t},\n// \txAxis: {\n// \t\tgridLineColor: '#707073',\n// \t\tlabels: {\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#E0E0E3'\n// \t\t\t}\n// \t\t},\n// \t\tlineColor: '#707073',\n// \t\tminorGridLineColor: '#505053',\n// \t\ttickColor: '#707073',\n// \t\ttitle: {\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#A0A0A3'\n\n// \t\t\t}\n// \t\t}\n// \t},\n// \tyAxis: {\n// \t\tgridLineColor: '#707073',\n// \t\tlabels: {\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#E0E0E3'\n// \t\t\t}\n// \t\t},\n// \t\tlineColor: '#707073',\n// \t\tminorGridLineColor: '#505053',\n// \t\ttickColor: '#707073',\n// \t\ttickWidth: 1,\n// \t\ttitle: {\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#A0A0A3'\n// \t\t\t}\n// \t\t}\n// \t},\n// \ttooltip: {\n// \t\tbackgroundColor: 'rgba(0, 0, 0, 0.85)',\n// \t\tstyle: {\n// \t\t\tcolor: '#F0F0F0'\n// \t\t}\n// \t},\n// \tplotOptions: {\n// \t\tseries: {\n// \t\t\tdataLabels: {\n// \t\t\t\tcolor: '#F0F0F3',\n// \t\t\t\tstyle: {\n// \t\t\t\t\tfontSize: '13px'\n// \t\t\t\t}\n// \t\t\t},\n// \t\t\tmarker: {\n// \t\t\t\tlineColor: '#333'\n// \t\t\t}\n// \t\t},\n// \t\tboxplot: {\n// \t\t\tfillColor: '#505053'\n// \t\t},\n// \t\tcandlestick: {\n// \t\t\tlineColor: 'white'\n// \t\t},\n// \t\terrorbar: {\n// \t\t\tcolor: 'white'\n// \t\t}\n// \t},\n// \tlegend: {\n// \t\tbackgroundColor: 'rgba(0, 0, 0, 0.5)',\n// \t\titemStyle: {\n// \t\t\tcolor: '#E0E0E3'\n// \t\t},\n// \t\titemHoverStyle: {\n// \t\t\tcolor: '#FFF'\n// \t\t},\n// \t\titemHiddenStyle: {\n// \t\t\tcolor: '#606063'\n// \t\t},\n// \t\ttitle: {\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#C0C0C0'\n// \t\t\t}\n// \t\t}\n// \t},\n// \tcredits: {\n// \t\tstyle: {\n// \t\t\tcolor: '#666'\n// \t\t}\n// \t},\n\n// \tdrilldown: {\n// \t\tactiveAxisLabelStyle: {\n// \t\t\tcolor: '#F0F0F3'\n// \t\t},\n// \t\tactiveDataLabelStyle: {\n// \t\t\tcolor: '#F0F0F3'\n// \t\t}\n// \t},\n\n// \tnavigation: {\n// \t\tbuttonOptions: {\n// \t\t\tsymbolStroke: '#DDDDDD',\n// \t\t\ttheme: {\n// \t\t\t\tfill: '#505053'\n// \t\t\t}\n// \t\t}\n// \t},\n\n// \t// Scroll charts\n// \trangeSelector: {\n// \t\tbuttonTheme: {\n// \t\t\tfill: '#505053',\n// \t\t\tstroke: '#000000',\n// \t\t\tstyle: {\n// \t\t\t\tcolor: '#CCC'\n// \t\t\t},\n// \t\t\tstates: {\n// \t\t\t\thover: {\n// \t\t\t\t\tfill: '#707073',\n// \t\t\t\t\tstroke: '#000000',\n// \t\t\t\t\tstyle: {\n// \t\t\t\t\t\tcolor: 'white'\n// \t\t\t\t\t}\n// \t\t\t\t},\n// \t\t\t\tselect: {\n// \t\t\t\t\tfill: '#000003',\n// \t\t\t\t\tstroke: '#000000',\n// \t\t\t\t\tstyle: {\n// \t\t\t\t\t\tcolor: 'white'\n// \t\t\t\t\t}\n// \t\t\t\t}\n// \t\t\t}\n// \t\t},\n// \t\tinputBoxBorderColor: '#505053',\n// \t\tinputStyle: {\n// \t\t\tbackgroundColor: '#333',\n// \t\t\tcolor: 'silver'\n// \t\t},\n// \t\tlabelStyle: {\n// \t\t\tcolor: 'silver'\n// \t\t}\n// \t},\n\n// \tnavigator: {\n// \t\thandles: {\n// \t\t\tbackgroundColor: '#666',\n// \t\t\tborderColor: '#AAA'\n// \t\t},\n// \t\toutlineColor: '#CCC',\n// \t\tmaskFill: 'rgba(255,255,255,0.1)',\n// \t\tseries: {\n// \t\t\tcolor: '#7798BF',\n// \t\t\tlineColor: '#A6C7ED'\n// \t\t},\n// \t\txAxis: {\n// \t\t\tgridLineColor: '#505053'\n// \t\t}\n// \t},\n\n// \tscrollbar: {\n// \t\tbarBackgroundColor: '#808083',\n// \t\tbarBorderColor: '#808083',\n// \t\tbuttonArrowColor: '#CCC',\n// \t\tbuttonBackgroundColor: '#606063',\n// \t\tbuttonBorderColor: '#606063',\n// \t\trifleColor: '#FFF',\n// \t\ttrackBackgroundColor: '#404043',\n// \t\ttrackBorderColor: '#404043'\n// \t}\n// };\n"]}

package/dist/types.d.ts

@@ -0,0 +1,17 @@
+import { GridSource, ObjectModel, RangeAddress } from '@omegagrid/grid';
+import type { Options } from 'highcharts/highcharts';
+export type ChartType = 'column' | 'bar' | 'line' | 'pie';
+export type ChartGrouping = 'standard' | 'stacked' | 'percentStacked' | 'clustered';
+export type ChartSource = ObjectModel & {
+    type: ChartType;
+    dataRange: RangeAddress;
+    grouping?: ChartGrouping;
+    seriesRange?: RangeAddress;
+    categoriesRange?: RangeAddress;
+    title?: string;
+    highchartsOptions?: Options;
+};
+export type ChartGridSource = GridSource & {
+    charts?: ChartSource[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,SAAS,GAAG,gBAAgB,GAAG,WAAW,CAAC;AAEpF,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACvC,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG;IAC1C,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB,CAAC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { GridSource, ObjectModel, RangeAddress } from '@omegagrid/grid';\nimport type { Options } from 'highcharts/highcharts';\n\nexport type ChartType = 'column' | 'bar' | 'line' | 'pie';\nexport type ChartGrouping = 'standard' | 'stacked' | 'percentStacked' | 'clustered';\n\nexport type ChartSource = ObjectModel & {\n\ttype: ChartType;\n\tdataRange: RangeAddress;\n\tgrouping?: ChartGrouping;\n\tseriesRange?: RangeAddress;\n\tcategoriesRange?: RangeAddress;\n\ttitle?: string;\n\thighchartsOptions?: Options;\n};\n\nexport type ChartGridSource = GridSource & {\n\tcharts?: ChartSource[];\n};\n"]}

package/dist/ui/chart.d.ts

@@ -0,0 +1,14 @@
+import { Layout } from "@omegagrid/core";
+import { LitElement } from "lit";
+import { ChartModel } from "../model";
+export declare class Chart extends LitElement implements Layout {
+    static styles: import("lit").CSSResult[];
+    chartWrapper: HTMLDivElement;
+    model: ChartModel;
+    chart: Highcharts.Chart;
+    updated(): Promise<void>;
+    refresh(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+    layout(): void;
+}
+//# sourceMappingURL=chart.d.ts.map

package/dist/ui/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/ui/chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,qBACa,KAAM,SAAQ,UAAW,YAAW,MAAM;IAEtD,MAAM,CAAC,MAAM,4BAAW;IAGxB,YAAY,EAAE,cAAc,CAAC;IAG7B,KAAK,EAAE,UAAU,CAAC;IAElB,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC;IAElB,OAAO;IAKb,OAAO;IAMP,MAAM,6CAEJ;IAEF,MAAM;CAKN"}

package/dist/ui/chart.js

@@ -0,0 +1,44 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { renderChart } from "../utils";
+import { LitElement, html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { style } from "./chart.style";
+let Chart = class Chart extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.render = () => html `
+		<div id="chart">uninitialized chart</div>
+	`;
+    }
+    async updated() {
+        if (!this.model)
+            return;
+        this.chart = await renderChart(this.model, this.chartWrapper);
+    }
+    refresh() {
+        if (!this.model)
+            return;
+        this.model.invalidateData();
+        this.requestUpdate();
+    }
+    layout() {
+        this.chart?.reflow();
+    }
+};
+Chart.styles = [style];
+__decorate([
+    query("#chart")
+], Chart.prototype, "chartWrapper", void 0);
+__decorate([
+    property({ type: Object })
+], Chart.prototype, "model", void 0);
+Chart = __decorate([
+    customElement("og-plugin-chart")
+], Chart);
+export { Chart };
+//# sourceMappingURL=chart.js.map

package/dist/ui/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../src/ui/chart.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG/B,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QAuBN,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;EAElB,CAAC;IAOH,CAAC;IApBA,KAAK,CAAC,OAAO;QACZ,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,IAAI,CAAC,KAAK,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/D,CAAC;IAED,OAAO;QACN,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAC5B,IAAI,CAAC,aAAa,EAAE,CAAC;IACtB,CAAC;IAMD,MAAM;QACL,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;IACtB,CAAC;;AA3BM,YAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAGxB;IADC,KAAK,CAAC,QAAQ,CAAC;2CACa;AAG7B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;oCACP;AARN,KAAK;IADjB,aAAa,CAAC,iBAAiB,CAAC;GACpB,KAAK,CAgCjB","sourcesContent":["import { Layout } from \"@omegagrid/core\";\nimport { renderChart } from \"../utils\";\nimport { LitElement, html } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { ChartModel } from \"../model\";\nimport { style } from \"./chart.style\";\n\n@customElement(\"og-plugin-chart\")\nexport class Chart extends LitElement implements Layout {\n\t\n\tstatic styles = [style];\n\n\t@query(\"#chart\")\n\tchartWrapper: HTMLDivElement;\n\n\t@property({type: Object})\n\tmodel: ChartModel;\n\n\tchart: Highcharts.Chart;\n\n\tasync updated() {\n\t\tif (!this.model) return;\n\t\tthis.chart = await renderChart(this.model, this.chartWrapper);\n\t}\n\n\trefresh() {\n\t\tif (!this.model) return;\n\t\tthis.model.invalidateData();\n\t\tthis.requestUpdate();\n\t}\n\n\trender = () => html`\n\t\t<div id=\"chart\">uninitialized chart</div>\n\t`;\n\n\tlayout() {\n\t\tthis.chart?.reflow();\n\t}\n\n\n}"]}

package/dist/ui/chart.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=chart.style.d.ts.map

package/dist/ui/chart.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.style.d.ts","sourceRoot":"","sources":["../../src/ui/chart.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAmpCjB,CAAC"}