@operato/scene-chartjs 2.0.0-alpha.0 → 2.0.0-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/dist/config-converter.js +2 -2
  3. package/dist/config-converter.js.map +1 -1
  4. package/dist/editors/property-editor-chartjs-abstract.d.ts +3 -3
  5. package/dist/editors/property-editor-chartjs-hbar.d.ts +4 -3
  6. package/dist/editors/property-editor-chartjs-hbar.js +14 -14
  7. package/dist/editors/property-editor-chartjs-hbar.js.map +1 -1
  8. package/dist/editors/property-editor-chartjs-mixed.d.ts +1 -1
  9. package/dist/editors/property-editor-chartjs-multi-series-abstract.d.ts +6 -6
  10. package/dist/editors/property-editor-chartjs-multi-series-abstract.js +13 -14
  11. package/dist/editors/property-editor-chartjs-multi-series-abstract.js.map +1 -1
  12. package/dist/editors/property-editor-chartjs-pie.d.ts +1 -1
  13. package/dist/editors/property-editor-chartjs-radar.d.ts +1 -1
  14. package/dist/editors/property-editor-chartjs.d.ts +1 -1
  15. package/dist/ox-chart.d.ts +1 -1
  16. package/dist/ox-chart.js +4 -2
  17. package/dist/ox-chart.js.map +1 -1
  18. package/dist/templates/bar-chart.js +1 -1
  19. package/dist/templates/bar-chart.js.map +1 -1
  20. package/dist/templates/doughnut-chart.js +1 -1
  21. package/dist/templates/doughnut-chart.js.map +1 -1
  22. package/dist/templates/horizontal-bar-chart.js +1 -1
  23. package/dist/templates/horizontal-bar-chart.js.map +1 -1
  24. package/dist/templates/line-chart.js +1 -1
  25. package/dist/templates/line-chart.js.map +1 -1
  26. package/dist/templates/mixed-chart.js +1 -1
  27. package/dist/templates/mixed-chart.js.map +1 -1
  28. package/dist/templates/pie-chart.js +1 -1
  29. package/dist/templates/pie-chart.js.map +1 -1
  30. package/dist/templates/polar-area-chart.js +1 -1
  31. package/dist/templates/polar-area-chart.js.map +1 -1
  32. package/dist/templates/radar-chart.js +1 -1
  33. package/dist/templates/radar-chart.js.map +1 -1
  34. package/package.json +6 -6
  35. package/schema.graphql +3969 -0
  36. package/src/config-converter.ts +3 -3
  37. package/src/editors/property-editor-chartjs-hbar.ts +14 -14
  38. package/src/editors/property-editor-chartjs-multi-series-abstract.ts +16 -17
  39. package/src/ox-chart.ts +3 -2
  40. package/src/templates/bar-chart.ts +1 -1
  41. package/src/templates/doughnut-chart.ts +1 -1
  42. package/src/templates/horizontal-bar-chart.ts +1 -1
  43. package/src/templates/line-chart.ts +1 -1
  44. package/src/templates/mixed-chart.ts +1 -1
  45. package/src/templates/pie-chart.ts +1 -1
  46. package/src/templates/polar-area-chart.ts +1 -1
  47. package/src/templates/radar-chart.ts +1 -1
  48. package/translations/en.json +9 -0
  49. package/translations/ja.json +17 -0
  50. package/translations/ko.json +9 -0
  51. package/translations/ms.json +14 -5
  52. package/translations/zh.json +11 -2
  53. package/tsconfig.tsbuildinfo +1 -1
package/dist/ox-chart.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare class OxChart extends LitElement {
10
10
  private _chart?;
11
11
  _canvas: HTMLCanvasElement;
12
12
  firstUpdated(): void;
13
- render(): import("lit-html").TemplateResult<1>;
13
+ render(): import("lit").TemplateResult<1>;
14
14
  updated(changes: PropertyValues<this>): void;
15
15
  initChart(): void;
16
16
  updateChartSize(): void;
package/dist/ox-chart.js CHANGED
@@ -27,7 +27,9 @@ let OxChart = class OxChart extends LitElement {
27
27
  }
28
28
  }
29
29
  initChart() {
30
+ var _a;
30
31
  const { data, options, type } = this.options;
32
+ this.options.options.tooltip = (_a = this.options.options.tooltip) !== null && _a !== void 0 ? _a : true;
31
33
  options.maintainAspectRatio = false;
32
34
  this.attachPluginOptions(options);
33
35
  convertConfigure(this.options);
@@ -110,8 +112,8 @@ let OxChart = class OxChart extends LitElement {
110
112
  var suffix = context.dataset.valueSuffix || '';
111
113
  if (value == undefined)
112
114
  return value;
113
- var stringValue = String(value);
114
- return prefix + stringValue.toLocaleString() + suffix;
115
+ var stringValue = Number(value).toLocaleString();
116
+ return prefix + stringValue + suffix;
115
117
  }
116
118
  };
117
119
  }
package/dist/ox-chart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ox-chart.js","sourceRoot":"","sources":["../src/ox-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import 'chartjs-plugin-datalabels'\nimport 'chartjs-plugin-style'\n\nimport { LitElement, PropertyValues, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { Chart } from 'chart.js'\nimport DataBinderPlugin from './plugins/chartjs-plugin-data-binder'\nimport { convertConfigure } from './config-converter'\n\nChart.plugins.register(DataBinderPlugin)\n\n@customElement('ox-chart')\nexport class OxChart extends LitElement {\n @property({ type: Number }) width!: number\n @property({ type: Number }) height!: number\n @property({ type: Object }) options!: SceneChart.ChartConfig\n @property({ type: Object }) data!: SceneChart.ChartData\n\n private _initialized?: boolean\n private _chart?: SceneChart\n\n @query('canvas') _canvas!: HTMLCanvasElement\n\n firstUpdated() {\n this.initChart()\n }\n\n render() {\n return html` <canvas></canvas> `\n }\n\n updated(changes: PropertyValues<this>) {\n if (changes.has('width') || changes.has('height')) {\n this.updateChartSize()\n }\n\n if (changes.has('options')) {\n this.updateChartConfig()\n }\n\n if (changes.has('data')) {\n this._chart!.data.rawData = this.data\n this._chart!.update()\n }\n }\n\n initChart() {\n const { data, options, type } = this.options\n options!.maintainAspectRatio = false\n\n this.attachPluginOptions(options)\n convertConfigure(this.options as SceneChart.ChartConfig)\n\n this._chart = new Chart(this._canvas, {\n type,\n data,\n options\n }) as SceneChart\n\n this.updateChartSize()\n\n this._initialized = true\n }\n\n updateChartSize() {\n const width = Math.floor(this.width)\n const height = Math.floor(this.height)\n\n this._canvas.style.width = `${width}px`\n this._canvas.style.height = `${height}px`\n\n const _ = () => {\n if (this._canvas.offsetWidth == 0 || this._canvas.offsetHeight == 0) {\n requestAnimationFrame(_)\n } else {\n /*\n 주의 : chart.resize() 내에서 pixel ratio를 감안해서, canvas 의 width, height를 설정하기때문에,\n 별도 처리가 필요하지 않다.\n */\n this._chart!.resize()\n }\n }\n\n requestAnimationFrame(_)\n }\n\n updateChartConfig() {\n if (!this._chart) return\n\n const { data, options, type } = this.options\n options!.maintainAspectRatio = false\n\n this.attachPluginOptions(options)\n convertConfigure(this.options as SceneChart.ChartConfig)\n\n this._chart.type = type\n this._chart.data = data\n this._chart.options = options\n this._chart.data.rawData = this.data\n this._chart.update()\n }\n\n attachPluginOptions(options: SceneChart.ChartOptions) {\n if (!options.plugins) {\n options.plugins = {}\n }\n\n this.attachDatalabelPluginOptions(options.plugins)\n }\n\n attachDatalabelPluginOptions(pluginOptions: SceneChart.ChartPluginsOptions) {\n pluginOptions.datalabels = {\n ...pluginOptions.datalabels,\n display: function (context) {\n //@ts-ignore\n return !!context.dataset.displayValue\n },\n anchor: function (context) {\n //@ts-ignore\n return context.dataset.dataLabelAnchor || 'center'\n },\n color: function (context) {\n //@ts-ignore\n return context.dataset?.defaultFontColor || '#000'\n },\n font: function (context) {\n return {\n //@ts-ignore\n size: context.dataset?.defaultFontSize,\n //@ts-ignore\n family: context.chart.options?.defaultFontFamily\n }\n },\n clamp: true,\n formatter: function (value, context) {\n //@ts-ignore\n var prefix = context.dataset.valuePrefix || ''\n //@ts-ignore\n var suffix = context.dataset.valueSuffix || ''\n if (value == undefined) return value\n\n var stringValue = String(value)\n return prefix + stringValue.toLocaleString() + suffix\n }\n }\n }\n}\n"]}
1
+ {"version":3,"file":"ox-chart.js","sourceRoot":"","sources":["../src/ox-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import 'chartjs-plugin-datalabels'\nimport 'chartjs-plugin-style'\n\nimport { LitElement, PropertyValues, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { Chart } from 'chart.js'\nimport DataBinderPlugin from './plugins/chartjs-plugin-data-binder'\nimport { convertConfigure } from './config-converter'\n\nChart.plugins.register(DataBinderPlugin)\n\n@customElement('ox-chart')\nexport class OxChart extends LitElement {\n @property({ type: Number }) width!: number\n @property({ type: Number }) height!: number\n @property({ type: Object }) options!: SceneChart.ChartConfig\n @property({ type: Object }) data!: SceneChart.ChartData\n\n private _initialized?: boolean\n private _chart?: SceneChart\n\n @query('canvas') _canvas!: HTMLCanvasElement\n\n firstUpdated() {\n this.initChart()\n }\n\n render() {\n return html` <canvas></canvas> `\n }\n\n updated(changes: PropertyValues<this>) {\n if (changes.has('width') || changes.has('height')) {\n this.updateChartSize()\n }\n\n if (changes.has('options')) {\n this.updateChartConfig()\n }\n\n if (changes.has('data')) {\n this._chart!.data.rawData = this.data\n this._chart!.update()\n }\n }\n\n initChart() {\n const { data, options, type } = this.options\n this.options.options.tooltip = this.options.options.tooltip ?? true\n options!.maintainAspectRatio = false\n\n this.attachPluginOptions(options)\n convertConfigure(this.options as SceneChart.ChartConfig)\n\n this._chart = new Chart(this._canvas, {\n type,\n data,\n options\n }) as SceneChart\n\n this.updateChartSize()\n\n this._initialized = true\n }\n\n updateChartSize() {\n const width = Math.floor(this.width)\n const height = Math.floor(this.height)\n\n this._canvas.style.width = `${width}px`\n this._canvas.style.height = `${height}px`\n\n const _ = () => {\n if (this._canvas.offsetWidth == 0 || this._canvas.offsetHeight == 0) {\n requestAnimationFrame(_)\n } else {\n /*\n 주의 : chart.resize() 내에서 pixel ratio를 감안해서, canvas 의 width, height를 설정하기때문에,\n 별도 처리가 필요하지 않다.\n */\n this._chart!.resize()\n }\n }\n\n requestAnimationFrame(_)\n }\n\n updateChartConfig() {\n if (!this._chart) return\n\n const { data, options, type } = this.options\n options!.maintainAspectRatio = false\n\n this.attachPluginOptions(options)\n convertConfigure(this.options as SceneChart.ChartConfig)\n\n this._chart.type = type\n this._chart.data = data\n this._chart.options = options\n this._chart.data.rawData = this.data\n this._chart.update()\n }\n\n attachPluginOptions(options: SceneChart.ChartOptions) {\n if (!options.plugins) {\n options.plugins = {}\n }\n\n this.attachDatalabelPluginOptions(options.plugins)\n }\n\n attachDatalabelPluginOptions(pluginOptions: SceneChart.ChartPluginsOptions) {\n pluginOptions.datalabels = {\n ...pluginOptions.datalabels,\n display: function (context) {\n //@ts-ignore\n return !!context.dataset.displayValue\n },\n anchor: function (context) {\n //@ts-ignore\n return context.dataset.dataLabelAnchor || 'center'\n },\n color: function (context) {\n //@ts-ignore\n return context.dataset?.defaultFontColor || '#000'\n },\n font: function (context) {\n return {\n //@ts-ignore\n size: context.dataset?.defaultFontSize,\n //@ts-ignore\n family: context.chart.options?.defaultFontFamily\n }\n },\n clamp: true,\n formatter: function (value, context) {\n //@ts-ignore\n var prefix = context.dataset.valuePrefix || ''\n //@ts-ignore\n var suffix = context.dataset.valueSuffix || ''\n if (value == undefined) return value\n\n var stringValue = Number(value).toLocaleString()\n return prefix + stringValue + suffix\n }\n }\n }\n}\n"]}
package/dist/templates/bar-chart.js CHANGED
@@ -1,6 +1,6 @@
1
1
  const icon = new URL('../../icons/bar-chart.png', import.meta.url).href;
2
2
  export default {
3
- type: 'bar chart',
3
+ type: 'bar-chart',
4
4
  description: 'ChartJS - barchart',
5
5
  icon: icon,
6
6
  group: 'chartAndGauge',
package/dist/templates/bar-chart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../../src/templates/bar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvE,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,oBAAoB;IACjC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,KAAK;YACX,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,UAAU;wBACjB,IAAI,EAAE,KAAK;wBACX,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,OAAO;wBAChB,OAAO,EAAE,MAAM;qBAChB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,IAAI;gBACf,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,SAAS,EAAE;gCACT,OAAO,EAAE,KAAK;6BACf;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,EAAE,EAAE,MAAM;4BACV,QAAQ,EAAE,MAAM;4BAChB,SAAS,EAAE;gCACT,OAAO,EAAE,IAAI;6BACd;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;wBACD;4BACE,EAAE,EAAE,OAAO;4BACX,QAAQ,EAAE,OAAO;4BACjB,OAAO,EAAE,KAAK;4BACd,SAAS,EAAE;gCACT,OAAO,EAAE,KAAK;6BACf;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;iBACF;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,CAAC;aACT;YACD;gBACE,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,CAAC;aACT;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,CAAC;aACT;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,CAAC;aACT;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/bar-chart.png', import.meta.url).href\n\nexport default {\n type: 'bar chart',\n description: 'ChartJS - barchart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 200,\n left: 300,\n width: 200,\n height: 200,\n chart: {\n type: 'bar',\n data: {\n labels: [],\n datasets: [\n {\n label: 'series 1',\n type: 'bar',\n data: [],\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 0,\n dataKey: 'value',\n yAxisID: 'left'\n }\n ],\n labelDataKey: 'color'\n },\n options: {\n theme: 'dark',\n xGridLine: false,\n yGridLine: true,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n display: true\n }\n }\n ],\n yAxes: [\n {\n id: 'left',\n position: 'left',\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n },\n {\n id: 'right',\n position: 'right',\n display: false,\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n color: 'Red',\n value: 12\n },\n {\n color: 'Blue',\n value: 19\n },\n {\n color: 'Yellow',\n value: 3\n },\n {\n color: 'Green',\n value: 5\n },\n {\n color: 'Purple',\n value: 2\n },\n {\n color: 'Orange',\n value: 3\n }\n ]\n }\n}\n"]}
1
+ {"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../../src/templates/bar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvE,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,oBAAoB;IACjC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,KAAK;YACX,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,UAAU;wBACjB,IAAI,EAAE,KAAK;wBACX,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,OAAO;wBAChB,OAAO,EAAE,MAAM;qBAChB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,IAAI;gBACf,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,SAAS,EAAE;gCACT,OAAO,EAAE,KAAK;6BACf;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,EAAE,EAAE,MAAM;4BACV,QAAQ,EAAE,MAAM;4BAChB,SAAS,EAAE;gCACT,OAAO,EAAE,IAAI;6BACd;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;wBACD;4BACE,EAAE,EAAE,OAAO;4BACX,QAAQ,EAAE,OAAO;4BACjB,OAAO,EAAE,KAAK;4BACd,SAAS,EAAE;gCACT,OAAO,EAAE,KAAK;6BACf;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;iBACF;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,CAAC;aACT;YACD;gBACE,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,CAAC;aACT;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,CAAC;aACT;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,CAAC;aACT;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/bar-chart.png', import.meta.url).href\n\nexport default {\n type: 'bar-chart',\n description: 'ChartJS - barchart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 200,\n left: 300,\n width: 200,\n height: 200,\n chart: {\n type: 'bar',\n data: {\n labels: [],\n datasets: [\n {\n label: 'series 1',\n type: 'bar',\n data: [],\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 0,\n dataKey: 'value',\n yAxisID: 'left'\n }\n ],\n labelDataKey: 'color'\n },\n options: {\n theme: 'dark',\n xGridLine: false,\n yGridLine: true,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n display: true\n }\n }\n ],\n yAxes: [\n {\n id: 'left',\n position: 'left',\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n },\n {\n id: 'right',\n position: 'right',\n display: false,\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n color: 'Red',\n value: 12\n },\n {\n color: 'Blue',\n value: 19\n },\n {\n color: 'Yellow',\n value: 3\n },\n {\n color: 'Green',\n value: 5\n },\n {\n color: 'Purple',\n value: 2\n },\n {\n color: 'Orange',\n value: 3\n }\n ]\n }\n}\n"]}
package/dist/templates/doughnut-chart.js CHANGED
@@ -1,6 +1,6 @@
1
1
  const icon = new URL('../../icons/doughnut-chart.png', import.meta.url).href;
2
2
  export default {
3
- type: 'doughnut chart',
3
+ type: 'doughnut-chart',
4
4
  description: 'ChartJS - doughnut',
5
5
  icon: icon,
6
6
  group: 'chartAndGauge',
package/dist/templates/doughnut-chart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"doughnut-chart.js","sourceRoot":"","sources":["../../src/templates/doughnut-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,gCAAgC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE5E,eAAe;IACb,IAAI,EAAE,gBAAgB;IACtB,WAAW,EAAE,oBAAoB;IACjC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;wBAClD,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,SAAS,EAAE;oBACT,YAAY,EAAE,IAAI;iBACnB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,GAAG;aACX;YACD;gBACE,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,GAAG;aACX;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/doughnut-chart.png', import.meta.url).href\n\nexport default {\n type: 'doughnut chart',\n description: 'ChartJS - doughnut',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'doughnut',\n data: {\n labels: [],\n datasets: [\n {\n data: [],\n backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],\n borderWidth: 0,\n dataKey: 'value'\n }\n ],\n labelDataKey: 'label'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n animation: {\n animateScale: true\n }\n }\n },\n data: [\n {\n label: 'Red',\n value: 300\n },\n {\n label: 'Blue',\n value: 50\n },\n {\n label: 'Yellow',\n value: 100\n }\n ]\n }\n}\n"]}
1
+ {"version":3,"file":"doughnut-chart.js","sourceRoot":"","sources":["../../src/templates/doughnut-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,gCAAgC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE5E,eAAe;IACb,IAAI,EAAE,gBAAgB;IACtB,WAAW,EAAE,oBAAoB;IACjC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;wBAClD,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,SAAS,EAAE;oBACT,YAAY,EAAE,IAAI;iBACnB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,GAAG;aACX;YACD;gBACE,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,GAAG;aACX;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/doughnut-chart.png', import.meta.url).href\n\nexport default {\n type: 'doughnut-chart',\n description: 'ChartJS - doughnut',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'doughnut',\n data: {\n labels: [],\n datasets: [\n {\n data: [],\n backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],\n borderWidth: 0,\n dataKey: 'value'\n }\n ],\n labelDataKey: 'label'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n animation: {\n animateScale: true\n }\n }\n },\n data: [\n {\n label: 'Red',\n value: 300\n },\n {\n label: 'Blue',\n value: 50\n },\n {\n label: 'Yellow',\n value: 100\n }\n ]\n }\n}\n"]}
package/dist/templates/horizontal-bar-chart.js CHANGED
@@ -1,6 +1,6 @@
1
1
  const icon = new URL('../../icons/horizontal-bar-chart.png', import.meta.url).href;
2
2
  export default {
3
- type: 'horizontal bar chart',
3
+ type: 'horizontal-bar-chart',
4
4
  description: 'ChartJS - horizontal barchart',
5
5
  icon: icon,
6
6
  group: 'chartAndGauge',
package/dist/templates/horizontal-bar-chart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"horizontal-bar-chart.js","sourceRoot":"","sources":["../../src/templates/horizontal-bar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,sCAAsC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAElF,eAAe;IACb,IAAI,EAAE,sBAAsB;IAC5B,WAAW,EAAE,+BAA+B;IAC5C,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,UAAU;wBACjB,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,QAAQ;wBACjB,OAAO,EAAE,MAAM;qBAChB;oBACD;wBACE,KAAK,EAAE,UAAU;wBACjB,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,QAAQ;wBACjB,OAAO,EAAE,MAAM;qBAChB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,IAAI;gBACf,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,SAAS,EAAE;gCACT,OAAO,EAAE,IAAI;6BACd;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,EAAE,EAAE,MAAM;4BACV,QAAQ,EAAE,MAAM;4BAChB,SAAS,EAAE;gCACT,OAAO,EAAE,KAAK;6BACf;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;iBACF;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,EAAE;gBACV,MAAM,EAAE,EAAE;aACX;YACD;gBACE,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,EAAE;gBACV,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/horizontal-bar-chart.png', import.meta.url).href\n\nexport default {\n type: 'horizontal bar chart',\n description: 'ChartJS - horizontal barchart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 200,\n left: 300,\n width: 200,\n height: 200,\n chart: {\n type: 'horizontalBar',\n data: {\n labels: [],\n datasets: [\n {\n label: 'series 1',\n data: [],\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 0,\n dataKey: 'value1',\n yAxisID: 'left'\n },\n {\n label: 'series 2',\n data: [],\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n borderWidth: 0,\n dataKey: 'value2',\n yAxisID: 'left'\n }\n ],\n labelDataKey: 'color'\n },\n options: {\n theme: 'dark',\n xGridLine: true,\n yGridLine: false,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ],\n yAxes: [\n {\n id: 'left',\n position: 'left',\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n color: 'Red',\n value1: 12,\n value2: 24\n },\n {\n color: 'Blue',\n value1: 19,\n value2: 9\n },\n {\n color: 'Yellow',\n value1: 3,\n value2: 6\n },\n {\n color: 'Green',\n value1: 5,\n value2: 2\n },\n {\n color: 'Purple',\n value1: 2,\n value2: 4\n },\n {\n color: 'Orange',\n value1: 3,\n value2: 1\n }\n ]\n }\n}\n"]}
1
+ {"version":3,"file":"horizontal-bar-chart.js","sourceRoot":"","sources":["../../src/templates/horizontal-bar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,sCAAsC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAElF,eAAe;IACb,IAAI,EAAE,sBAAsB;IAC5B,WAAW,EAAE,+BAA+B;IAC5C,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,UAAU;wBACjB,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,QAAQ;wBACjB,OAAO,EAAE,MAAM;qBAChB;oBACD;wBACE,KAAK,EAAE,UAAU;wBACjB,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,QAAQ;wBACjB,OAAO,EAAE,MAAM;qBAChB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,IAAI;gBACf,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,SAAS,EAAE;gCACT,OAAO,EAAE,IAAI;6BACd;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,EAAE,EAAE,MAAM;4BACV,QAAQ,EAAE,MAAM;4BAChB,SAAS,EAAE;gCACT,OAAO,EAAE,KAAK;6BACf;4BACD,UAAU,EAAE;gCACV,WAAW,EAAE,EAAE;gCACf,OAAO,EAAE,KAAK;6BACf;4BACD,KAAK,EAAE;gCACL,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,IAAI;6BACd;yBACF;qBACF;iBACF;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,EAAE;gBACV,MAAM,EAAE,EAAE;aACX;YACD;gBACE,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,EAAE;gBACV,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,CAAC;aACV;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/horizontal-bar-chart.png', import.meta.url).href\n\nexport default {\n type: 'horizontal-bar-chart',\n description: 'ChartJS - horizontal barchart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 200,\n left: 300,\n width: 200,\n height: 200,\n chart: {\n type: 'horizontalBar',\n data: {\n labels: [],\n datasets: [\n {\n label: 'series 1',\n data: [],\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 0,\n dataKey: 'value1',\n yAxisID: 'left'\n },\n {\n label: 'series 2',\n data: [],\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n borderWidth: 0,\n dataKey: 'value2',\n yAxisID: 'left'\n }\n ],\n labelDataKey: 'color'\n },\n options: {\n theme: 'dark',\n xGridLine: true,\n yGridLine: false,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ],\n yAxes: [\n {\n id: 'left',\n position: 'left',\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n color: 'Red',\n value1: 12,\n value2: 24\n },\n {\n color: 'Blue',\n value1: 19,\n value2: 9\n },\n {\n color: 'Yellow',\n value1: 3,\n value2: 6\n },\n {\n color: 'Green',\n value1: 5,\n value2: 2\n },\n {\n color: 'Purple',\n value1: 2,\n value2: 4\n },\n {\n color: 'Orange',\n value1: 3,\n value2: 1\n }\n ]\n }\n}\n"]}
package/dist/templates/line-chart.js CHANGED
@@ -1,6 +1,6 @@
1
1
  const icon = new URL('../../icons/line-chart.png', import.meta.url).href;
2
2
  export default {
3
- type: 'line chart',
3
+ type: 'line-chart',
4
4
  description: 'ChartJS - line chart',
5
5
  icon: icon,
6
6
  group: 'chartAndGauge',
package/dist/templates/line-chart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../src/templates/line-chart.ts"],"names":[],"mappings":"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","sourcesContent":["const icon = new URL('../../icons/line-chart.png', import.meta.url).href\n\nexport default {\n type: 'line chart',\n description: 'ChartJS - line chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'line',\n data: {\n labels: [],\n datasets: [\n {\n label: 'series 1',\n type: 'line',\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 3,\n pointBorderColor: 'rgb(66, 110, 164)',\n pointBorderWidth: 3,\n pointBackgroundColor: 'rgba(255,255,255,1)',\n lineTension: 0.4,\n yAxisID: 'left',\n data: [],\n dataKey: 'value1',\n fill: false\n },\n {\n label: 'series 2',\n type: 'line',\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n borderWidth: 3,\n pointBorderColor: 'rgb(62, 196, 221)',\n pointBorderWidth: 3,\n pointBackgroundColor: 'rgba(255,255,255,1)',\n lineTension: 0.4,\n yAxisID: 'left',\n data: [],\n dataKey: 'value2',\n fill: false\n }\n ],\n labelDataKey: 'data'\n },\n options: {\n theme: 'dark',\n xGridLine: false,\n yGridLine: true,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n display: true\n }\n }\n ],\n yAxes: [\n {\n id: 'left',\n position: 'left',\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n },\n {\n id: 'right',\n position: 'right',\n display: false,\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n data: 'Data 1',\n value1: 20,\n value2: 60\n },\n {\n data: 'Data 2',\n value1: 30,\n value2: 10\n },\n {\n data: 'Data 3',\n value1: 80,\n value2: 40\n },\n {\n data: 'Data 4',\n value1: 20,\n value2: 30\n },\n {\n data: 'Data 5',\n value1: 40,\n value2: 80\n },\n {\n data: 'Data 6',\n value1: 10,\n value2: 30\n },\n {\n data: 'Data 7',\n value1: 60,\n value2: 20\n }\n ]\n }\n}\n"]}
1
+ {"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../src/templates/line-chart.ts"],"names":[],"mappings":"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","sourcesContent":["const icon = new URL('../../icons/line-chart.png', import.meta.url).href\n\nexport default {\n type: 'line-chart',\n description: 'ChartJS - line chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'line',\n data: {\n labels: [],\n datasets: [\n {\n label: 'series 1',\n type: 'line',\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 3,\n pointBorderColor: 'rgb(66, 110, 164)',\n pointBorderWidth: 3,\n pointBackgroundColor: 'rgba(255,255,255,1)',\n lineTension: 0.4,\n yAxisID: 'left',\n data: [],\n dataKey: 'value1',\n fill: false\n },\n {\n label: 'series 2',\n type: 'line',\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n borderWidth: 3,\n pointBorderColor: 'rgb(62, 196, 221)',\n pointBorderWidth: 3,\n pointBackgroundColor: 'rgba(255,255,255,1)',\n lineTension: 0.4,\n yAxisID: 'left',\n data: [],\n dataKey: 'value2',\n fill: false\n }\n ],\n labelDataKey: 'data'\n },\n options: {\n theme: 'dark',\n xGridLine: false,\n yGridLine: true,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n display: true\n }\n }\n ],\n yAxes: [\n {\n id: 'left',\n position: 'left',\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n },\n {\n id: 'right',\n position: 'right',\n display: false,\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n data: 'Data 1',\n value1: 20,\n value2: 60\n },\n {\n data: 'Data 2',\n value1: 30,\n value2: 10\n },\n {\n data: 'Data 3',\n value1: 80,\n value2: 40\n },\n {\n data: 'Data 4',\n value1: 20,\n value2: 30\n },\n {\n data: 'Data 5',\n value1: 40,\n value2: 80\n },\n {\n data: 'Data 6',\n value1: 10,\n value2: 30\n },\n {\n data: 'Data 7',\n value1: 60,\n value2: 20\n }\n ]\n }\n}\n"]}
package/dist/templates/mixed-chart.js CHANGED
@@ -1,6 +1,6 @@
1
1
  const icon = new URL('../../icons/mixed-chart.png', import.meta.url).href;
2
2
  export default {
3
- type: 'mixed chart',
3
+ type: 'mixed-chart',
4
4
  description: 'ChartJS - mixed chart',
5
5
  icon: icon,
6
6
  group: 'chartAndGauge',
package/dist/templates/mixed-chart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mixed-chart.js","sourceRoot":"","sources":["../../src/templates/mixed-chart.ts"],"names":[],"mappings":"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","sourcesContent":["const icon = new URL('../../icons/mixed-chart.png', import.meta.url).href\n\nexport default {\n type: 'mixed chart',\n description: 'ChartJS - mixed chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'bar',\n subType: 'mixed',\n data: {\n labels: [],\n datasets: [\n {\n type: 'line',\n label: 'series 1',\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 3,\n pointBorderColor: 'rgb(66, 110, 164)',\n pointBorderWidth: 3,\n pointBackgroundColor: 'rgba(255,255,255,1)',\n lineTension: 0.4,\n fill: false,\n yAxisID: 'left',\n data: [],\n dataKey: 'value1'\n },\n {\n type: 'bar',\n label: 'series 2',\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n borderWidth: 0,\n yAxisID: 'right',\n data: [],\n dataKey: 'value2'\n }\n ],\n labelDataKey: 'data'\n },\n options: {\n theme: 'dark',\n multiAxis: true,\n xGridLine: false,\n yGridLine: true,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n display: true\n }\n }\n ],\n yAxes: [\n {\n position: 'left',\n id: 'left',\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n },\n {\n id: 'right',\n position: 'right',\n display: true,\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n data: 'Data 1',\n value1: 20,\n value2: 60\n },\n {\n data: 'Data 2',\n value1: 30,\n value2: 10\n },\n {\n data: 'Data 3',\n value1: 80,\n value2: 40\n },\n {\n data: 'Data 4',\n value1: 20,\n value2: 30\n },\n {\n data: 'Data 5',\n value1: 40,\n value2: 80\n },\n {\n data: 'Data 6',\n value1: 10,\n value2: 30\n },\n {\n data: 'Data 7',\n value1: 60,\n value2: 20\n }\n ]\n }\n}\n"]}
1
+ {"version":3,"file":"mixed-chart.js","sourceRoot":"","sources":["../../src/templates/mixed-chart.ts"],"names":[],"mappings":"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","sourcesContent":["const icon = new URL('../../icons/mixed-chart.png', import.meta.url).href\n\nexport default {\n type: 'mixed-chart',\n description: 'ChartJS - mixed chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'bar',\n subType: 'mixed',\n data: {\n labels: [],\n datasets: [\n {\n type: 'line',\n label: 'series 1',\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n borderWidth: 3,\n pointBorderColor: 'rgb(66, 110, 164)',\n pointBorderWidth: 3,\n pointBackgroundColor: 'rgba(255,255,255,1)',\n lineTension: 0.4,\n fill: false,\n yAxisID: 'left',\n data: [],\n dataKey: 'value1'\n },\n {\n type: 'bar',\n label: 'series 2',\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n borderWidth: 0,\n yAxisID: 'right',\n data: [],\n dataKey: 'value2'\n }\n ],\n labelDataKey: 'data'\n },\n options: {\n theme: 'dark',\n multiAxis: true,\n xGridLine: false,\n yGridLine: true,\n legend: {\n display: true,\n position: 'top'\n },\n scales: {\n xAxes: [\n {\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n display: true\n }\n }\n ],\n yAxes: [\n {\n position: 'left',\n id: 'left',\n gridLines: {\n display: true\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n },\n {\n id: 'right',\n position: 'right',\n display: true,\n gridLines: {\n display: false\n },\n scaleLabel: {\n labelString: '',\n display: false\n },\n ticks: {\n autoMin: true,\n autoMax: true,\n display: true\n }\n }\n ]\n }\n }\n },\n data: [\n {\n data: 'Data 1',\n value1: 20,\n value2: 60\n },\n {\n data: 'Data 2',\n value1: 30,\n value2: 10\n },\n {\n data: 'Data 3',\n value1: 80,\n value2: 40\n },\n {\n data: 'Data 4',\n value1: 20,\n value2: 30\n },\n {\n data: 'Data 5',\n value1: 40,\n value2: 80\n },\n {\n data: 'Data 6',\n value1: 10,\n value2: 30\n },\n {\n data: 'Data 7',\n value1: 60,\n value2: 20\n }\n ]\n }\n}\n"]}
package/dist/templates/pie-chart.js CHANGED
@@ -1,6 +1,6 @@
1
1
  const icon = new URL('../../icons/pie-chart.png', import.meta.url).href;
2
2
  export default {
3
- type: 'pie chart',
3
+ type: 'pie-chart',
4
4
  description: 'ChartJS - pie chart',
5
5
  icon: icon,
6
6
  group: 'chartAndGauge',
package/dist/templates/pie-chart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../src/templates/pie-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvE,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,qBAAqB;IAClC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,KAAK;YACX,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;wBAClD,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,SAAS,EAAE;oBACT,YAAY,EAAE,IAAI;iBACnB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/pie-chart.png', import.meta.url).href\n\nexport default {\n type: 'pie chart',\n description: 'ChartJS - pie chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'pie',\n data: {\n labels: [],\n datasets: [\n {\n data: [],\n backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],\n borderWidth: 0,\n dataKey: 'value'\n }\n ],\n labelDataKey: 'label'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n animation: {\n animateScale: true\n }\n }\n },\n data: [\n {\n label: 'A',\n value: 80\n },\n {\n label: 'B',\n value: 15\n },\n {\n label: 'C',\n value: 15\n }\n ]\n }\n}\n"]}
1
+ {"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../src/templates/pie-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvE,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,qBAAqB;IAClC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,KAAK;YACX,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,IAAI,EAAE,EAAE;wBACR,eAAe,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;wBAClD,WAAW,EAAE,CAAC;wBACd,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,SAAS,EAAE;oBACT,YAAY,EAAE,IAAI;iBACnB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,EAAE;aACV;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/pie-chart.png', import.meta.url).href\n\nexport default {\n type: 'pie-chart',\n description: 'ChartJS - pie chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'pie',\n data: {\n labels: [],\n datasets: [\n {\n data: [],\n backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],\n borderWidth: 0,\n dataKey: 'value'\n }\n ],\n labelDataKey: 'label'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n animation: {\n animateScale: true\n }\n }\n },\n data: [\n {\n label: 'A',\n value: 80\n },\n {\n label: 'B',\n value: 15\n },\n {\n label: 'C',\n value: 15\n }\n ]\n }\n}\n"]}
package/dist/templates/polar-area-chart.js CHANGED
@@ -1,6 +1,6 @@
1
1
  const icon = new URL('../../icons/polar-area-chart.png', import.meta.url).href;
2
2
  export default {
3
- type: 'polar area chart',
3
+ type: 'polar-area-chart',
4
4
  description: 'ChartJS - ploar area chart',
5
5
  icon: icon,
6
6
  group: 'chartAndGauge',
package/dist/templates/polar-area-chart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"polar-area-chart.js","sourceRoot":"","sources":["../../src/templates/polar-area-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,kCAAkC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE9E,eAAe;IACb,IAAI,EAAE,kBAAkB;IACxB,WAAW,EAAE,4BAA4B;IACzC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,kBAAkB;wBACzB,eAAe,EAAE;4BACf,sBAAsB;4BACtB,oBAAoB;4BACpB,qBAAqB;4BACrB,sBAAsB;4BACtB,uBAAuB;4BACvB,oBAAoB;4BACpB,wBAAwB;yBACzB;wBACD,WAAW,EAAE,qBAAqB;wBAClC,WAAW,EAAE,CAAC;wBACd,IAAI,EAAE,EAAE;wBACR,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,WAAW,EAAE,EAAE;iBAChB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,GAAG;aACX;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/polar-area-chart.png', import.meta.url).href\n\nexport default {\n type: 'polar area chart',\n description: 'ChartJS - ploar area chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'polarArea',\n data: {\n labels: [],\n datasets: [\n {\n label: 'My First dataset',\n backgroundColor: [\n 'rgba(248, 42, 18, 1)',\n 'rgba(255,99,132,1)',\n 'rgba(9, 64, 169, 1)',\n 'rgba(24, 185, 87, 1)',\n 'rgba(216, 100, 19, 1)',\n 'rgba(82, 8, 99, 1)',\n 'rgba(225, 102, 234, 1)'\n ],\n borderColor: 'rgba(179,181,198,1)',\n borderWidth: 0,\n data: [],\n dataKey: 'rate1'\n }\n ],\n labelDataKey: 'hobby'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n scale: {\n ticks: {},\n pointLabels: {}\n }\n }\n },\n data: [\n {\n hobby: 'Eating',\n rate1: 65,\n rate2: 28\n },\n {\n hobby: 'Drinking',\n rate1: 59,\n rate2: 48\n },\n {\n hobby: 'Sleeping',\n rate1: 90,\n rate2: 40\n },\n {\n hobby: 'Designing',\n rate1: 81,\n rate2: 19\n },\n {\n hobby: 'Coding',\n rate1: 56,\n rate2: 96\n },\n {\n hobby: 'Cycling',\n rate1: 55,\n rate2: 27\n },\n {\n hobby: 'Running',\n rate1: 40,\n rate2: 100\n }\n ]\n }\n}\n"]}
1
+ {"version":3,"file":"polar-area-chart.js","sourceRoot":"","sources":["../../src/templates/polar-area-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,kCAAkC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE9E,eAAe;IACb,IAAI,EAAE,kBAAkB;IACxB,WAAW,EAAE,4BAA4B;IACzC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,kBAAkB;wBACzB,eAAe,EAAE;4BACf,sBAAsB;4BACtB,oBAAoB;4BACpB,qBAAqB;4BACrB,sBAAsB;4BACtB,uBAAuB;4BACvB,oBAAoB;4BACpB,wBAAwB;yBACzB;wBACD,WAAW,EAAE,qBAAqB;wBAClC,WAAW,EAAE,CAAC;wBACd,IAAI,EAAE,EAAE;wBACR,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,WAAW,EAAE,EAAE;iBAChB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,GAAG;aACX;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/polar-area-chart.png', import.meta.url).href\n\nexport default {\n type: 'polar-area-chart',\n description: 'ChartJS - ploar area chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'polarArea',\n data: {\n labels: [],\n datasets: [\n {\n label: 'My First dataset',\n backgroundColor: [\n 'rgba(248, 42, 18, 1)',\n 'rgba(255,99,132,1)',\n 'rgba(9, 64, 169, 1)',\n 'rgba(24, 185, 87, 1)',\n 'rgba(216, 100, 19, 1)',\n 'rgba(82, 8, 99, 1)',\n 'rgba(225, 102, 234, 1)'\n ],\n borderColor: 'rgba(179,181,198,1)',\n borderWidth: 0,\n data: [],\n dataKey: 'rate1'\n }\n ],\n labelDataKey: 'hobby'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n scale: {\n ticks: {},\n pointLabels: {}\n }\n }\n },\n data: [\n {\n hobby: 'Eating',\n rate1: 65,\n rate2: 28\n },\n {\n hobby: 'Drinking',\n rate1: 59,\n rate2: 48\n },\n {\n hobby: 'Sleeping',\n rate1: 90,\n rate2: 40\n },\n {\n hobby: 'Designing',\n rate1: 81,\n rate2: 19\n },\n {\n hobby: 'Coding',\n rate1: 56,\n rate2: 96\n },\n {\n hobby: 'Cycling',\n rate1: 55,\n rate2: 27\n },\n {\n hobby: 'Running',\n rate1: 40,\n rate2: 100\n }\n ]\n }\n}\n"]}
package/dist/templates/radar-chart.js CHANGED
@@ -1,6 +1,6 @@
1
1
  const icon = new URL('../../icons/radar-chart.png', import.meta.url).href;
2
2
  export default {
3
- type: 'radar chart',
3
+ type: 'radar-chart',
4
4
  description: 'ChartJS - radar chart',
5
5
  icon: icon,
6
6
  group: 'chartAndGauge',
package/dist/templates/radar-chart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radar-chart.js","sourceRoot":"","sources":["../../src/templates/radar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,6BAA6B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEzE,eAAe;IACb,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,uBAAuB;IACpC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,kBAAkB;wBACzB,IAAI,EAAE,OAAO;wBACb,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,oBAAoB,EAAE,qBAAqB;wBAC3C,gBAAgB,EAAE,mBAAmB;wBACrC,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,KAAK;wBACX,OAAO,EAAE,OAAO;qBACjB;oBACD;wBACE,KAAK,EAAE,mBAAmB;wBAC1B,IAAI,EAAE,OAAO;wBACb,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,oBAAoB,EAAE,qBAAqB;wBAC3C,gBAAgB,EAAE,mBAAmB;wBACrC,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,KAAK;wBACX,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,WAAW,EAAE,EAAE;iBAChB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,GAAG;aACX;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/radar-chart.png', import.meta.url).href\n\nexport default {\n type: 'radar chart',\n description: 'ChartJS - radar chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'radar',\n data: {\n labels: [],\n datasets: [\n {\n label: 'My First dataset',\n type: 'radar',\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n pointBackgroundColor: 'rgba(255,255,255,1)',\n pointBorderColor: 'rgb(66, 110, 164)',\n data: [],\n fill: false,\n dataKey: 'rate1'\n },\n {\n label: 'My Second dataset',\n type: 'radar',\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n pointBackgroundColor: 'rgba(255,255,255,1)',\n pointBorderColor: 'rgb(62, 196, 221)',\n data: [],\n fill: false,\n dataKey: 'rate2'\n }\n ],\n labelDataKey: 'hobby'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n scale: {\n ticks: {},\n pointLabels: {}\n }\n }\n },\n data: [\n {\n hobby: 'Eating',\n rate1: 65,\n rate2: 28\n },\n {\n hobby: 'Drinking',\n rate1: 59,\n rate2: 48\n },\n {\n hobby: 'Sleeping',\n rate1: 90,\n rate2: 40\n },\n {\n hobby: 'Designing',\n rate1: 81,\n rate2: 19\n },\n {\n hobby: 'Coding',\n rate1: 56,\n rate2: 96\n },\n {\n hobby: 'Cycling',\n rate1: 55,\n rate2: 27\n },\n {\n hobby: 'Running',\n rate1: 40,\n rate2: 100\n }\n ]\n }\n}\n"]}
1
+ {"version":3,"file":"radar-chart.js","sourceRoot":"","sources":["../../src/templates/radar-chart.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,6BAA6B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEzE,eAAe;IACb,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,uBAAuB;IACpC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,eAAe;IACtB,gGAAgG;IAChG,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE;gBACV,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,kBAAkB;wBACzB,IAAI,EAAE,OAAO;wBACb,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,oBAAoB,EAAE,qBAAqB;wBAC3C,gBAAgB,EAAE,mBAAmB;wBACrC,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,KAAK;wBACX,OAAO,EAAE,OAAO;qBACjB;oBACD;wBACE,KAAK,EAAE,mBAAmB;wBAC1B,IAAI,EAAE,OAAO;wBACb,eAAe,EAAE,mBAAmB;wBACpC,WAAW,EAAE,mBAAmB;wBAChC,oBAAoB,EAAE,qBAAqB;wBAC3C,gBAAgB,EAAE,mBAAmB;wBACrC,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,KAAK;wBACX,OAAO,EAAE,OAAO;qBACjB;iBACF;gBACD,YAAY,EAAE,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACN,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,WAAW,EAAE,EAAE;iBAChB;aACF;SACF;QACD,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACV;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,GAAG;aACX;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/radar-chart.png', import.meta.url).href\n\nexport default {\n type: 'radar-chart',\n description: 'ChartJS - radar chart',\n icon: icon,\n group: 'chartAndGauge',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n model: {\n type: 'chartjs',\n top: 0,\n left: 0,\n width: 200,\n height: 200,\n chart: {\n type: 'radar',\n data: {\n labels: [],\n datasets: [\n {\n label: 'My First dataset',\n type: 'radar',\n backgroundColor: 'rgb(66, 110, 164)',\n borderColor: 'rgb(66, 110, 164)',\n pointBackgroundColor: 'rgba(255,255,255,1)',\n pointBorderColor: 'rgb(66, 110, 164)',\n data: [],\n fill: false,\n dataKey: 'rate1'\n },\n {\n label: 'My Second dataset',\n type: 'radar',\n backgroundColor: 'rgb(62, 196, 221)',\n borderColor: 'rgb(62, 196, 221)',\n pointBackgroundColor: 'rgba(255,255,255,1)',\n pointBorderColor: 'rgb(62, 196, 221)',\n data: [],\n fill: false,\n dataKey: 'rate2'\n }\n ],\n labelDataKey: 'hobby'\n },\n options: {\n theme: 'dark',\n legend: {\n display: true,\n position: 'top'\n },\n scale: {\n ticks: {},\n pointLabels: {}\n }\n }\n },\n data: [\n {\n hobby: 'Eating',\n rate1: 65,\n rate2: 28\n },\n {\n hobby: 'Drinking',\n rate1: 59,\n rate2: 48\n },\n {\n hobby: 'Sleeping',\n rate1: 90,\n rate2: 40\n },\n {\n hobby: 'Designing',\n rate1: 81,\n rate2: 19\n },\n {\n hobby: 'Coding',\n rate1: 56,\n rate2: 96\n },\n {\n hobby: 'Cycling',\n rate1: 55,\n rate2: 27\n },\n {\n hobby: 'Running',\n rate1: 40,\n rate2: 100\n }\n ]\n }\n}\n"]}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@operato/scene-chartjs",
3
3
  "description": "Things Scene ChartJS Component",
4
- "version": "2.0.0-alpha.0",
4
+ "version": "2.0.0-alpha.12",
5
5
  "author": "heartyoh",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -29,7 +29,7 @@
29
29
  "dependencies": {
30
30
  "@ctrl/tinycolor": "^3.1.6",
31
31
  "@hatiolab/things-scene": "^3.2.0",
32
- "@material/mwc-icon-button": "^0.27.0",
32
+ "@material/web": "^1.4.0",
33
33
  "@polymer/iron-pages": "^3.0.1",
34
34
  "@polymer/paper-tabs": "^3.1.0",
35
35
  "@webcomponents/template": "^1.5.0",
@@ -40,13 +40,13 @@
40
40
  "chartjs-plugin-datalabels": "^0.7.0",
41
41
  "chartjs-plugin-style": "^0.5.0",
42
42
  "core-js": "^3.26.0",
43
- "lit": "^2.4.0",
43
+ "lit": "^3.1.2",
44
44
  "regenerator-runtime": "^0.13.3"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@hatiolab/prettier-config": "^1.0.0",
48
- "@things-factory/builder": "^7.0.0-alpha.0",
49
- "@things-factory/operato-board": "^7.0.0-alpha.0",
48
+ "@things-factory/builder": "^7.0.1-alpha.0",
49
+ "@things-factory/operato-board": "^7.0.1-alpha.0",
50
50
  "@types/chart.js": "2.9.34",
51
51
  "@typescript-eslint/eslint-plugin": "^4.33.0",
52
52
  "@typescript-eslint/parser": "^4.33.0",
@@ -72,5 +72,5 @@
72
72
  "prettier --write"
73
73
  ]
74
74
  },
75
- "gitHead": "2268fc7a750dda9a342677a6acf4ef99afe1b90c"
75
+ "gitHead": "d512194f4e2eb9fb13910299202e7832178412be"
76
76
  }