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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. package/CHANGELOG.md +55 -7
  2. package/dist/editors/property-editor-chartjs-abstract.d.ts +3 -3
  3. package/dist/editors/property-editor-chartjs-hbar.d.ts +4 -3
  4. package/dist/editors/property-editor-chartjs-hbar.js +14 -14
  5. package/dist/editors/property-editor-chartjs-hbar.js.map +1 -1
  6. package/dist/editors/property-editor-chartjs-mixed.d.ts +1 -1
  7. package/dist/editors/property-editor-chartjs-multi-series-abstract.d.ts +6 -6
  8. package/dist/editors/property-editor-chartjs-multi-series-abstract.js +13 -14
  9. package/dist/editors/property-editor-chartjs-multi-series-abstract.js.map +1 -1
  10. package/dist/editors/property-editor-chartjs-pie.d.ts +1 -1
  11. package/dist/editors/property-editor-chartjs-radar.d.ts +1 -1
  12. package/dist/editors/property-editor-chartjs.d.ts +1 -1
  13. package/dist/ox-chart.d.ts +1 -1
  14. package/dist/templates/bar-chart.js +1 -1
  15. package/dist/templates/bar-chart.js.map +1 -1
  16. package/dist/templates/doughnut-chart.js +1 -1
  17. package/dist/templates/doughnut-chart.js.map +1 -1
  18. package/dist/templates/horizontal-bar-chart.js +1 -1
  19. package/dist/templates/horizontal-bar-chart.js.map +1 -1
  20. package/dist/templates/line-chart.js +1 -1
  21. package/dist/templates/line-chart.js.map +1 -1
  22. package/dist/templates/mixed-chart.js +1 -1
  23. package/dist/templates/mixed-chart.js.map +1 -1
  24. package/dist/templates/pie-chart.js +1 -1
  25. package/dist/templates/pie-chart.js.map +1 -1
  26. package/dist/templates/polar-area-chart.js +1 -1
  27. package/dist/templates/polar-area-chart.js.map +1 -1
  28. package/dist/templates/radar-chart.js +1 -1
  29. package/dist/templates/radar-chart.js.map +1 -1
  30. package/package.json +6 -6
  31. package/src/editors/property-editor-chartjs-hbar.ts +14 -14
  32. package/src/editors/property-editor-chartjs-multi-series-abstract.ts +16 -17
  33. package/src/templates/bar-chart.ts +1 -1
  34. package/src/templates/doughnut-chart.ts +1 -1
  35. package/src/templates/horizontal-bar-chart.ts +1 -1
  36. package/src/templates/line-chart.ts +1 -1
  37. package/src/templates/mixed-chart.ts +1 -1
  38. package/src/templates/pie-chart.ts +1 -1
  39. package/src/templates/polar-area-chart.ts +1 -1
  40. package/src/templates/radar-chart.ts +1 -1
  41. package/translations/en.json +9 -0
  42. package/translations/ja.json +17 -0
  43. package/translations/ko.json +9 -0
  44. package/translations/ms.json +14 -5
  45. package/translations/zh.json +11 -2
  46. package/tsconfig.tsbuildinfo +1 -1
@@ -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"]}
@@ -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',
@@ -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"]}
@@ -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',
@@ -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"]}
@@ -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',
@@ -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"]}
@@ -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',
@@ -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": "1.3.14",
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": "^6.0.0",
49
- "@things-factory/operato-board": "^6.0.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": "4bcb3cf4efb2f99d89d9219246be65055c78b4c3"
75
+ "gitHead": "d512194f4e2eb9fb13910299202e7832178412be"
76
76
  }
@@ -1,4 +1,5 @@
1
- import '@material/mwc-icon-button'
1
+ import '@material/web/icon/icon.js'
2
+ import '@material/web/button/elevated-button.js'
2
3
  import '@polymer/paper-tabs/paper-tabs'
3
4
  import '@polymer/iron-pages/iron-pages'
4
5
 
@@ -90,14 +91,14 @@ export default class PropertyEditorChartJSHBar extends PropertyEditorChartJSMult
90
91
  return html`
91
92
  <div id="series-properties-container" fullwidth>
92
93
  <div id="tab-header">
93
- <mwc-icon-button
94
+ <md-elevated-button
94
95
  id="tab-nav-left-button"
95
- icon="chevron_left"
96
96
  @click=${(e: Event) => {
97
97
  this._onTabScrollNavLeft(e)
98
98
  }}
99
99
  disabled
100
- ></mwc-icon-button>
100
+ ><md-icon>chevron_left</md-icon></md-elevated-button
101
+ >
101
102
  <paper-tabs
102
103
  id="tabs"
103
104
  @iron-select=${(e: Event) => (this.currentSeriesIndex = (e.target as any).selected)}
@@ -114,29 +115,28 @@ export default class PropertyEditorChartJSHBar extends PropertyEditorChartJSMult
114
115
  >${index + 1}
115
116
  ${!this.datasets || (this.datasets.length != 1 && this.currentSeriesIndex == index)
116
117
  ? html`
117
- <mwc-icon-button icon="close" @tap="${(e: Event) => this.onTapRemoveCurrentTab(e)}">
118
- </mwc-icon-button>
118
+ <md-elevated-button @tap="${(e: Event) => this.onTapRemoveCurrentTab(e)}">
119
+ <md-icon>close</md-icon>
120
+ </md-elevated-button>
119
121
  `
120
122
  : html``}
121
123
  </paper-tab>
122
124
  `
123
125
  )}
124
126
  </paper-tabs>
125
- <mwc-icon-button
127
+ <md-elevated-button
126
128
  id="tab-nav-right-button"
127
- icon="chevron_right"
128
129
  @click=${(e: Event) => {
129
130
  this._onTabScrollNavRight(e)
130
131
  }}
131
132
  disabled
132
- ></mwc-icon-button>
133
+ ><md-icon>chevron_right</md-icon></md-elevated-button
134
+ >
133
135
  </div>
134
136
  <div id="add-series-button-container">
135
- <mwc-icon-button
136
- id="add-series-button"
137
- icon="add"
138
- @tap=${(e: Event) => this.onTapAddTab(e)}
139
- ></mwc-icon-button>
137
+ <md-elevated-button id="add-series-button" @tap=${(e: Event) => this.onTapAddTab(e)}
138
+ ><md-icon>add</md-icon></md-elevated-button
139
+ >
140
140
  </div>
141
141
 
142
142
  <iron-pages .selected=${this.currentSeriesIndex} .attr-for-selected="series-index">
@@ -1,4 +1,4 @@
1
- import '@material/mwc-icon-button'
1
+ import '@material/web/button/elevated-button.js'
2
2
  import '@polymer/iron-pages/iron-pages'
3
3
  import '@polymer/paper-tabs/paper-tabs'
4
4
 
@@ -8,7 +8,7 @@ import { css, html } from 'lit'
8
8
  import { query } from 'lit/decorators.js'
9
9
 
10
10
  import { Properties } from '@hatiolab/things-scene'
11
- import { IconButton } from '@material/mwc-icon-button'
11
+ import { MdElevatedButton } from '@material/web/button/elevated-button.js'
12
12
 
13
13
  import PropertyEditorChartJSAbstract from './property-editor-chartjs-abstract'
14
14
 
@@ -52,8 +52,8 @@ export default class PropertyEditorChartJSMultiSeriesAbstract extends PropertyEd
52
52
  }
53
53
 
54
54
  @query('#tabs') tabs!: HTMLElement
55
- @query('#tab-nav-left-button') tabNavLeftButton!: IconButton
56
- @query('#tab-nav-right-button') tabNavRightButton!: IconButton
55
+ @query('#tab-nav-left-button') tabNavLeftButton!: MdElevatedButton
56
+ @query('#tab-nav-right-button') tabNavRightButton!: MdElevatedButton
57
57
 
58
58
  get color() {
59
59
  var oldVersionColor = this.series.backgroundColor
@@ -214,14 +214,14 @@ export default class PropertyEditorChartJSMultiSeriesAbstract extends PropertyEd
214
214
  return html`
215
215
  <div id="series-properties-container" fullwidth>
216
216
  <div id="tab-header">
217
- <mwc-icon-button
217
+ <md-elevated-button
218
218
  id="tab-nav-left-button"
219
- icon="chevron_left"
220
219
  @click=${(e: Event) => {
221
220
  this._onTabScrollNavLeft(e)
222
221
  }}
223
222
  disabled
224
- ></mwc-icon-button>
223
+ ><md-icon>chevron_left</md-icon></md-elevated-button
224
+ >
225
225
  <paper-tabs
226
226
  id="tabs"
227
227
  @iron-select=${(e: Event) => (this.currentSeriesIndex = (e.target as any).selected)}
@@ -238,29 +238,28 @@ export default class PropertyEditorChartJSMultiSeriesAbstract extends PropertyEd
238
238
  >${index + 1}
239
239
  ${!this.datasets || (this.datasets.length != 1 && this.currentSeriesIndex == index)
240
240
  ? html`
241
- <mwc-icon-button icon="close" @tap=${(e: Event) => this.onTapRemoveCurrentTab(e)}>
242
- </mwc-icon-button>
241
+ <md-elevated-button @tap=${(e: Event) => this.onTapRemoveCurrentTab(e)}>
242
+ <md-icon>close</md-icon>
243
+ </md-elevated-button>
243
244
  `
244
245
  : html``}
245
246
  </paper-tab>
246
247
  `
247
248
  )}
248
249
  </paper-tabs>
249
- <mwc-icon-button
250
+ <md-elevated-button
250
251
  id="tab-nav-right-button"
251
- icon="chevron_right"
252
252
  @click=${(e: Event) => {
253
253
  this._onTabScrollNavRight(e)
254
254
  }}
255
255
  disabled
256
- ></mwc-icon-button>
256
+ ><md-icon>chevron_right</md-icon></md-elevated-button
257
+ >
257
258
  </div>
258
259
  <div id="add-series-button-container">
259
- <mwc-icon-button
260
- id="add-series-button"
261
- icon="add"
262
- @tap=${(e: Event) => this.onTapAddTab(e)}
263
- ></mwc-icon-button>
260
+ <md-elevated-button id="add-series-button" @tap=${(e: Event) => this.onTapAddTab(e)}
261
+ ><md-icon>add</md-icon></md-elevated-button
262
+ >
264
263
  </div>
265
264
 
266
265
  <iron-pages .selected=${this.currentSeriesIndex} .attr-for-selected="series-index">
@@ -1,7 +1,7 @@
1
1
  const icon = new URL('../../icons/bar-chart.png', import.meta.url).href
2
2
 
3
3
  export default {
4
- type: 'bar chart',
4
+ type: 'bar-chart',
5
5
  description: 'ChartJS - barchart',
6
6
  icon: icon,
7
7
  group: 'chartAndGauge',
@@ -1,7 +1,7 @@
1
1
  const icon = new URL('../../icons/doughnut-chart.png', import.meta.url).href
2
2
 
3
3
  export default {
4
- type: 'doughnut chart',
4
+ type: 'doughnut-chart',
5
5
  description: 'ChartJS - doughnut',
6
6
  icon: icon,
7
7
  group: 'chartAndGauge',
@@ -1,7 +1,7 @@
1
1
  const icon = new URL('../../icons/horizontal-bar-chart.png', import.meta.url).href
2
2
 
3
3
  export default {
4
- type: 'horizontal bar chart',
4
+ type: 'horizontal-bar-chart',
5
5
  description: 'ChartJS - horizontal barchart',
6
6
  icon: icon,
7
7
  group: 'chartAndGauge',
@@ -1,7 +1,7 @@
1
1
  const icon = new URL('../../icons/line-chart.png', import.meta.url).href
2
2
 
3
3
  export default {
4
- type: 'line chart',
4
+ type: 'line-chart',
5
5
  description: 'ChartJS - line chart',
6
6
  icon: icon,
7
7
  group: 'chartAndGauge',
@@ -1,7 +1,7 @@
1
1
  const icon = new URL('../../icons/mixed-chart.png', import.meta.url).href
2
2
 
3
3
  export default {
4
- type: 'mixed chart',
4
+ type: 'mixed-chart',
5
5
  description: 'ChartJS - mixed chart',
6
6
  icon: icon,
7
7
  group: 'chartAndGauge',
@@ -1,7 +1,7 @@
1
1
  const icon = new URL('../../icons/pie-chart.png', import.meta.url).href
2
2
 
3
3
  export default {
4
- type: 'pie chart',
4
+ type: 'pie-chart',
5
5
  description: 'ChartJS - pie chart',
6
6
  icon: icon,
7
7
  group: 'chartAndGauge',
@@ -1,7 +1,7 @@
1
1
  const icon = new URL('../../icons/polar-area-chart.png', import.meta.url).href
2
2
 
3
3
  export default {
4
- type: 'polar area chart',
4
+ type: 'polar-area-chart',
5
5
  description: 'ChartJS - ploar area chart',
6
6
  icon: icon,
7
7
  group: 'chartAndGauge',
@@ -1,7 +1,7 @@
1
1
  const icon = new URL('../../icons/radar-chart.png', import.meta.url).href
2
2
 
3
3
  export default {
4
- type: 'radar chart',
4
+ type: 'radar-chart',
5
5
  description: 'ChartJS - radar chart',
6
6
  icon: icon,
7
7
  group: 'chartAndGauge',
@@ -1,4 +1,13 @@
1
1
  {
2
+ "component.chartjs": "chart",
3
+ "component.bar-chart": "bar chart",
4
+ "component.doughnut-chart": "doughnut chart",
5
+ "component.horizontal-bar-chart": "horizontal bar chart",
6
+ "component.line-chart": "line chart",
7
+ "component.mixed-chart": "mixed chart",
8
+ "component.pie-chart": "pie chart",
9
+ "component.polar-area-chart": "polar area chart",
10
+ "component.radar-chart": "radar chart",
2
11
  "label.stack-group": "stack group",
3
12
  "label.bar-spacing": "bar spacing",
4
13
  "label.stacked": "stacked",
@@ -0,0 +1,17 @@
1
+ {
2
+ "component.chartjs": "チャート",
3
+ "component.bar-chart": "棒グラフ",
4
+ "component.doughnut-chart": "ドーナツチャート",
5
+ "component.horizontal-bar-chart": "横棒グラフ",
6
+ "component.line-chart": "折れ線グラフ",
7
+ "component.mixed-chart": "混合チャート",
8
+ "component.pie-chart": "パイチャート",
9
+ "component.polar-area-chart": "極座標エリアチャート",
10
+ "component.radar-chart": "レーダーチャート",
11
+ "label.stack-group": "スタックグループ",
12
+ "label.bar-spacing": "バー間隔",
13
+ "label.stacked": "積み重ね",
14
+ "label.tick-spacing": "目盛り間隔",
15
+ "label.tooltip": "ツールチップ",
16
+ "label.animation": "アニメーション"
17
+ }
@@ -1,4 +1,13 @@
1
1
  {
2
+ "component.chartjs": "차트",
3
+ "component.bar-chart": "바 차트",
4
+ "component.doughnut-chart": "도넛 차트",
5
+ "component.horizontal-bar-chart": "수평바 차트",
6
+ "component.line-chart": "라인 차트",
7
+ "component.mixed-chart": "혼합 차트",
8
+ "component.pie-chart": "파이 차트",
9
+ "component.polar-area-chart": "폴라 차트",
10
+ "component.radar-chart": "레이다 차트",
2
11
  "label.stack-group": "누적 그룹",
3
12
  "label.bar-spacing": "막대 간격",
4
13
  "label.stacked": "누적",
@@ -1,8 +1,17 @@
1
1
  {
2
- "label.stack-group": "[ms] stack group",
3
- "label.bar-spacing": "[ms] bar spacing",
2
+ "component.chartjs": "carta",
3
+ "component.bar-chart": "carta bar",
4
+ "component.doughnut-chart": "carta donat",
5
+ "component.horizontal-bar-chart": "carta bar mendatar",
6
+ "component.line-chart": "carta garis",
7
+ "component.mixed-chart": "carta campuran",
8
+ "component.pie-chart": "carta pai",
9
+ "component.polar-area-chart": "carta kawasan kutub",
10
+ "component.radar-chart": "carta radar",
11
+ "label.stack-group": "kumpulan tindanan",
12
+ "label.bar-spacing": "jarak bar",
4
13
  "label.stacked": "bertindan",
5
- "label.tick-spacing": "[ms] tick spacing",
6
- "label.tooltip": "[ms] tooltip",
7
- "label.animation": "[ms] animation"
14
+ "label.tick-spacing": "jarak tik",
15
+ "label.tooltip": "tooltip",
16
+ "label.animation": "animasi"
8
17
  }
@@ -1,7 +1,16 @@
1
1
  {
2
+ "component.chartjs": "图表",
3
+ "component.bar-chart": "柱状图",
4
+ "component.doughnut-chart": "圆环图",
5
+ "component.horizontal-bar-chart": "横向柱状图",
6
+ "component.line-chart": "折线图",
7
+ "component.mixed-chart": "混合图表",
8
+ "component.pie-chart": "饼图",
9
+ "component.polar-area-chart": "极地区域图",
10
+ "component.radar-chart": "雷达图",
2
11
  "label.stack-group": "堆叠组",
3
- "label.bar-spacing": "条间距",
4
- "label.stacked": "图列位置",
12
+ "label.bar-spacing": "柱间距",
13
+ "label.stacked": "堆叠",
5
14
  "label.tick-spacing": "刻度间距",
6
15
  "label.tooltip": "工具提示",
7
16
  "label.animation": "动画"