@operato/chart 9.0.0-beta.7 → 9.0.0-beta.70

package/CHANGELOG.md

@@ -3,6 +3,337 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.0.0-beta.70](https://github.com/hatiolab/operato/compare/v9.0.0-beta.69...v9.0.0-beta.70) (2025-04-23)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.67](https://github.com/hatiolab/operato/compare/v9.0.0-beta.66...v9.0.0-beta.67) (2025-04-12)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.65](https://github.com/hatiolab/operato/compare/v9.0.0-beta.64...v9.0.0-beta.65) (2025-04-12)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.64](https://github.com/hatiolab/operato/compare/v9.0.0-beta.63...v9.0.0-beta.64) (2025-04-12)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.63](https://github.com/hatiolab/operato/compare/v9.0.0-beta.62...v9.0.0-beta.63) (2025-04-12)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.62](https://github.com/hatiolab/operato/compare/v9.0.0-beta.61...v9.0.0-beta.62) (2025-04-12)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.61](https://github.com/hatiolab/operato/compare/v9.0.0-beta.60...v9.0.0-beta.61) (2025-04-12)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.56](https://github.com/hatiolab/operato/compare/v9.0.0-beta.55...v9.0.0-beta.56) (2025-03-30)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.55](https://github.com/hatiolab/operato/compare/v9.0.0-beta.54...v9.0.0-beta.55) (2025-03-05)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.54](https://github.com/hatiolab/operato/compare/v9.0.0-beta.53...v9.0.0-beta.54) (2025-03-04)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.53](https://github.com/hatiolab/operato/compare/v9.0.0-beta.52...v9.0.0-beta.53) (2025-03-04)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.52](https://github.com/hatiolab/operato/compare/v9.0.0-beta.51...v9.0.0-beta.52) (2025-03-04)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.49](https://github.com/hatiolab/operato/compare/v9.0.0-beta.48...v9.0.0-beta.49) (2025-02-14)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.48](https://github.com/hatiolab/operato/compare/v9.0.0-beta.47...v9.0.0-beta.48) (2025-02-14)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.47](https://github.com/hatiolab/operato/compare/v9.0.0-beta.46...v9.0.0-beta.47) (2025-02-14)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.41](https://github.com/hatiolab/operato/compare/v9.0.0-beta.40...v9.0.0-beta.41) (2025-02-09)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.38](https://github.com/hatiolab/operato/compare/v9.0.0-beta.37...v9.0.0-beta.38) (2025-02-02)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.37](https://github.com/hatiolab/operato/compare/v9.0.0-beta.36...v9.0.0-beta.37) (2025-02-01)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.36](https://github.com/hatiolab/operato/compare/v9.0.0-beta.35...v9.0.0-beta.36) (2025-02-01)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.35](https://github.com/hatiolab/operato/compare/v9.0.0-beta.34...v9.0.0-beta.35) (2025-02-01)
+
+
+### :bug: Bug Fix
+
+* change tap => click event (due to polymer library being removed) ([2f1add0](https://github.com/hatiolab/operato/commit/2f1add0ed89214b63acb127de34f65caf3bec9b5))
+
+
+
+## [9.0.0-beta.34](https://github.com/hatiolab/operato/compare/v9.0.0-beta.33...v9.0.0-beta.34) (2025-01-31)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.33](https://github.com/hatiolab/operato/compare/v9.0.0-beta.32...v9.0.0-beta.33) (2025-01-31)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.32](https://github.com/hatiolab/operato/compare/v9.0.0-beta.31...v9.0.0-beta.32) (2025-01-31)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.31](https://github.com/hatiolab/operato/compare/v9.0.0-beta.30...v9.0.0-beta.31) (2025-01-31)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.30](https://github.com/hatiolab/operato/compare/v9.0.0-beta.29...v9.0.0-beta.30) (2025-01-30)
+
+
+### :bug: Bug Fix
+
+* input-chart-styles in @operato/chart ([b222559](https://github.com/hatiolab/operato/commit/b2225593f066b2bf7a427d67a142a683535f7b26))
+
+
+
+## [9.0.0-beta.29](https://github.com/hatiolab/operato/compare/v9.0.0-beta.28...v9.0.0-beta.29) (2025-01-30)
+
+
+### :bug: Bug Fix
+
+* updated(..) signatures ([8a2fe50](https://github.com/hatiolab/operato/commit/8a2fe507abb75ba9e48774b487df8af5b8531e26))
+
+
+
+## [9.0.0-beta.28](https://github.com/hatiolab/operato/compare/v9.0.0-beta.27...v9.0.0-beta.28) (2025-01-28)
+
+
+### :rocket: New Features
+
+* module property-panel ([d3dd184](https://github.com/hatiolab/operato/commit/d3dd18461756814dc17e33157a397d8d679650a6))
+
+
+
+## [9.0.0-beta.27](https://github.com/hatiolab/operato/compare/v9.0.0-beta.26...v9.0.0-beta.27) (2025-01-28)
+
+
+### :bug: Bug Fix
+
+* tune chart module for preventing chart.js version conflict ([f934779](https://github.com/hatiolab/operato/commit/f934779fe60ad3dc4dd2871df79c4248bd08ba18))
+
+
+
+## [9.0.0-beta.26](https://github.com/hatiolab/operato/compare/v9.0.0-beta.25...v9.0.0-beta.26) (2025-01-28)
+
+
+### :bug: Bug Fix
+
+* chart.js/auto for chart.js@v4 ([cc9336c](https://github.com/hatiolab/operato/commit/cc9336c10f28ccf5950636c090770c31b888fef5))
+
+
+
+## [9.0.0-beta.25](https://github.com/hatiolab/operato/compare/v9.0.0-beta.24...v9.0.0-beta.25) (2025-01-28)
+
+
+### :rocket: New Features
+
+* esm modulize ([8c1810f](https://github.com/hatiolab/operato/commit/8c1810f653e7785b91829fe5ffc77fb623fdd6e8))
+
+
+
+## [9.0.0-beta.24](https://github.com/hatiolab/operato/compare/v9.0.0-beta.23...v9.0.0-beta.24) (2025-01-28)
+
+
+### :bug: Bug Fix
+
+* global scope type definition => exportable for es module ([55f06ff](https://github.com/hatiolab/operato/commit/55f06fff849879f9b66e689314667391000b7cf0))
+
+
+
+## [9.0.0-beta.21](https://github.com/hatiolab/operato/compare/v9.0.0-beta.20...v9.0.0-beta.21) (2025-01-28)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.20](https://github.com/hatiolab/operato/compare/v9.0.0-beta.19...v9.0.0-beta.20) (2025-01-27)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.18](https://github.com/hatiolab/operato/compare/v9.0.0-beta.17...v9.0.0-beta.18) (2025-01-27)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.16](https://github.com/hatiolab/operato/compare/v9.0.0-beta.15...v9.0.0-beta.16) (2025-01-27)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.15](https://github.com/hatiolab/operato/compare/v9.0.0-beta.14...v9.0.0-beta.15) (2025-01-27)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.14](https://github.com/hatiolab/operato/compare/v9.0.0-beta.13...v9.0.0-beta.14) (2025-01-27)
+
+
+### :rocket: New Features
+
+* module property-panel ([d78e4cf](https://github.com/hatiolab/operato/commit/d78e4cf7080b95fa74e61b42094b9f3f59f1409b))
+
+
+
+## [9.0.0-beta.13](https://github.com/hatiolab/operato/compare/v9.0.0-beta.12...v9.0.0-beta.13) (2025-01-25)
+
+**Note:** Version bump only for package @operato/chart
+
+
+
+
+
+## [9.0.0-beta.11](https://github.com/hatiolab/operato/compare/v9.0.0-beta.10...v9.0.0-beta.11) (2025-01-25)
+
+
+### :bug: Bug Fix
+
+* tsconfig option useDefineForClassFields=false ([0d77c0a](https://github.com/hatiolab/operato/commit/0d77c0aa620282c65b3c05f8e0b559e82836b6ab))
+
+
+
+## [9.0.0-beta.10](https://github.com/hatiolab/operato/compare/v9.0.0-beta.9...v9.0.0-beta.10) (2025-01-25)
+
+
+### :bug: Bug Fix
+
+* tweak tsconfig.json ([3c424b1](https://github.com/hatiolab/operato/commit/3c424b18d046f95d5619076d113d49a4b4dc9bbb))
+
+
+
 ## [9.0.0-beta.7](https://github.com/hatiolab/operato/compare/v9.0.0-beta.6...v9.0.0-beta.7) (2025-01-20)
 
 **Note:** Version bump only for package @operato/chart

package/dist/src/chartjs/config-converter.d.ts

@@ -1,3 +1,4 @@
+import type { OperatoChart } from '../../types/types.d.ts';
 export declare function convertConfigure(config: OperatoChart.ChartConfig, { fontSize, fontFamily, fontColor }: {
     fontSize?: number;
     fontFamily?: string;

package/dist/src/chartjs/config-converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-converter.js","sourceRoot":"","sources":["../../../src/chartjs/config-converter.ts"],"names":[],"mappings":"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","sourcesContent":["import { TinyColor } from '@ctrl/tinycolor'\nimport { format as formatText } from '@operato/utils/format.js'\n\nfunction getBaseColorFromTheme(theme?: 'light' | 'dark' | 'auto') {\n  return new TinyColor(theme == 'dark' ? '#fff' : '#000')\n}\n\nfunction getThemeFromBrowser() {\n  return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nexport function convertConfigure(\n  config: OperatoChart.ChartConfig,\n  { fontSize, fontFamily, fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string }\n) {\n  if (!config) {\n    return\n  }\n\n  const { type: chartType, options, data: fromData } = config\n  var {\n    theme,\n    animation,\n    tooltip,\n    stacked,\n    legend,\n    scales: fromScales,\n    xGridLine,\n    yGridLine,\n    y2ndGridLine,\n    multiAxis\n  } = options || {}\n  const { datasets = [] } = fromData || {}\n\n  if (theme === 'auto') {\n    theme = getThemeFromBrowser()\n  }\n\n  const { xAxes = [], yAxes = [] } = fromScales || {}\n  const toScales = {} as any\n\n  chartType != 'pie' &&\n    xAxes.forEach((xAxis, index) => {\n      const { axisTitle, barSpacing, categorySpacing, barPercentage, ticks } = xAxis\n      const id = xAxes.length > 1 ? `x${index + 1}` : 'x'\n\n      toScales[id] = setupScale(\n        {\n          axis: 'x',\n          id,\n          position: 'bottom',\n          display: true,\n          title: {\n            display: !!axisTitle,\n            text: axisTitle\n          },\n          grid: {\n            display: xGridLine\n          },\n          beginAtZero: false,\n          ticks\n        },\n        { fontSize, fontFamily, fontColor, theme }\n      )\n    })\n\n  chartType != 'pie' &&\n    yAxes.forEach((yAxis, index) => {\n      const { axisTitle, barSpacing, categorySpacing, barPercentage, ticks } = yAxis\n      const id = yAxes.length > 1 ? `right` : 'left'\n\n      toScales[id] = setupScale(\n        {\n          axis: 'y',\n          id,\n          position: id,\n          display: true,\n          title: {\n            display: !!axisTitle,\n            text: axisTitle\n          },\n          grid: {\n            display: index == 0 ? yGridLine : y2ndGridLine\n          },\n          ticks,\n          stacked: stacked ? true : false\n        },\n        { fontSize, fontFamily, fontColor, theme }\n      )\n    })\n\n  // setup series configure\n  // for (let i in datasets) {\n  //   let series = datasets[i]\n  //\n  //   /*\n  //    * TODO from chartjs 2.9, categoryPercentage, barPercentage properties move to dataset.\n  //    * so need to move related properties - categorySpacing, barSpacing should be moved to series.\n  //    */\n  //   if (chartType == 'bar') {\n  //     let categorySpacing = (xAxes && xAxes[0].categorySpacing) || 0\n  //     let barSpacing = (xAxes && xAxes[0].barSpacing) || 0\n\n  //     series.categoryPercentage = 1 - categorySpacing || 1\n  //     series.barPercentage = 1 - barSpacing || 0.8\n  //   } else if (chartType == 'horizontalBar') {\n  //     let categorySpacing = (yAxes && yAxes[0].categorySpacing) || 0\n  //     let barSpacing = (yAxes && yAxes[0].barSpacing) || 0\n\n  //     series.categoryPercentage = 1 - categorySpacing || 1\n  //     series.barPercentage = 1 - barSpacing || 0.8\n  //   }\n  // }\n\n  const converted = {\n    type: chartType == 'horizontalBar' ? 'bar' : chartType,\n    options: {\n      animation,\n      stacked,\n      maintainAspectRatio: false,\n      // parsing: false /* recommendations for performance */,\n      // normalized: true /* recommendations for performance */,\n      plugins: {\n        legend: setupLegend(legend || {}, { fontSize, fontFamily, fontColor, theme }),\n        tooltip: setupTooltip(\n          {\n            enabled: tooltip,\n            mode: 'interpolate',\n            intersect: false\n          },\n          { fontSize, fontFamily }\n        ),\n        title: {\n          /* new option candidate - subtitle */\n          display: false,\n          text: 'Custom Chart Title'\n        },\n        subtitle: {\n          /* new option candidate - subtitle */\n          display: false,\n          text: 'Custom Chart Subtitle'\n        },\n        crosshair: {\n          line: {\n            color: '#F66', // crosshair line color\n            width: 1 // crosshair line width\n          },\n          sync: {\n            enabled: true, // enable trace line syncing with other charts\n            group: 1, // chart group\n            suppressTooltips: false // suppress tooltips when showing a synced tracer\n          },\n          zoom: {\n            enabled: true, // enable zooming\n            zoomboxBackgroundColor: 'rgba(66,133,244,0.2)', // background color of zoom box\n            zoomboxBorderColor: '#48F', // border color of zoom box\n            zoomButtonText: 'Reset Zoom', // reset zoom button text\n            zoomButtonClass: 'reset-zoom' // reset zoom button class\n          },\n          callbacks: {\n            beforeZoom: () =>\n              function (start: number, end: number) {\n                // called before zoom, return false to prevent zoom\n                return true\n              },\n            afterZoom: () =>\n              function (start: number, end: number) {\n                // called after zoom\n              }\n          }\n        }\n      },\n      scales: toScales,\n      indexAxis: chartType == 'horizontalBar' ? 'y' : chartType != 'pie' ? 'x' : ''\n    },\n    data: {\n      datasets: datasets.map((dataset, index) => {\n        return setupSeries(chartType!, {\n          ...dataset,\n          stack:\n            chartType == 'pie' || chartType == 'doughnut'\n              ? undefined\n              : stacked && !dataset.stack\n                ? '__all__'\n                : `__${index}__`,\n          type: dataset.type == 'horizontalBar' ? 'bar' : dataset.type\n        })\n      })\n    }\n  }\n\n  console.error('converted', config, converted)\n  return converted\n}\n\nfunction setupLegend(\n  legend: any,\n  {\n    fontSize,\n    fontFamily,\n    fontColor,\n    theme\n  }: { fontSize?: number; fontFamily?: string; fontColor?: string; theme?: 'light' | 'dark' | 'auto' }\n) {\n  legend.labels = legend.labels ? legend.labels : {}\n\n  if (fontSize) {\n    legend.labels.fontSize = fontSize\n  }\n\n  if (fontFamily) {\n    legend.labels.fontFamily = fontFamily\n  }\n\n  var baseColor = getBaseColorFromTheme(theme)\n\n  legend.labels = legend.labels ? legend.labels : {}\n  legend.labels.fontColor = fontColor ? fontColor : baseColor.clone().setAlpha(0.5).toString()\n  // legend.labels.usePointStyle = true\n\n  return legend\n}\n\nfunction setupTooltip(\n  tooltip: any,\n  {\n    fontSize,\n    fontFamily,\n    fontColor,\n    theme\n  }: { fontSize?: number; fontFamily?: string; fontColor?: string; theme?: 'light' | 'dark' }\n) {\n  if (fontSize) {\n    tooltip.titleFontSize = tooltip.bodyFontSize = tooltip.footerFontSize = fontSize\n  }\n\n  if (fontFamily) {\n    tooltip.titleFontFamily = tooltip.bodyFontFamily = tooltip.footerFontFamily = fontFamily\n  }\n\n  tooltip.mode = 'index'\n  tooltip.intersect = false\n  tooltip.callbacks = {\n    ...tooltip.callbacks,\n    label: function ({ dataset, label }: { dataset: any; label: any }) {\n      var prefix = dataset.valuePrefix || ''\n      var suffix = dataset.valueSuffix || ''\n      var format = dataset.valueFormat || ''\n\n      var stringValue = format ? formatText(format, Number(label)) : Number(label).toLocaleString()\n\n      return `${prefix + stringValue + suffix}`\n    }\n  }\n\n  return tooltip\n}\n\nfunction setupScale(\n  axis: any,\n  {\n    fontSize,\n    fontFamily,\n    fontColor,\n    theme\n  }: { fontSize?: number; fontFamily?: string; fontColor?: string; theme?: 'light' | 'dark' | 'auto' }\n) {\n  axis.ticks = axis.ticks ? axis.ticks : {}\n\n  if (fontSize) {\n    axis.ticks.fontSize = fontSize\n  }\n\n  if (fontFamily) {\n    axis.ticks.fontFamily = fontFamily\n  }\n\n  axis.pointLabels = {\n    fontSize,\n    fontFamily\n  }\n\n  /* TODO move min, max, autoMin, autoMax from ticks to axis */\n  const { min, max, autoMin, autoMax } = axis.ticks\n\n  axis.min = min\n  axis.max = max\n\n  if (autoMin) {\n    delete axis.min\n  }\n  if (autoMax) {\n    delete axis.max\n  }\n\n  var baseColor = getBaseColorFromTheme(theme)\n\n  axis.grid = axis.grid ? axis.grid : {}\n  if (axis.grid) {\n    axis.grid.tickColor = baseColor.clone().setAlpha(0.5).toString()\n    axis.grid.color = baseColor.clone().setAlpha(0.1).toString()\n  }\n\n  axis.ticks = axis.ticks ? axis.ticks : {}\n  axis.ticks.color = baseColor.clone().setAlpha(0.5).toString()\n  axis.ticks.textStrokeColor = fontColor ? fontColor : baseColor.clone().setAlpha(0.5).toString()\n\n  return axis\n}\n\nfunction setupSeries(chartType: string, series: OperatoChart.Dataset) {\n  var type = series.type || chartType\n\n  // series.parsing = {\n  //   yAxisKey: series.dataKey\n  // } /* 이 형식의 data는 잘 안되었음. */\n\n  var color = series.color ? series.color : series.backgroundColor\n\n  switch (type) {\n    case 'bar':\n    case 'horizontalBar':\n      series.borderColor = series.backgroundColor = color\n      break\n\n    case 'line':\n    case 'radar':\n      color = series.color ? series.color : series.borderColor\n      series.pointBackgroundColor = series.pointBorderColor = series.borderColor = series.backgroundColor = color\n      series.pointBorderWidth = (series.borderWidth as number) * 0.5\n      series.pointHoverRadius = series.pointRadius\n      if (series.fill == undefined) series.fill = false\n      break\n\n    default:\n      series.borderColor = series.backgroundColor = color\n      break\n  }\n\n  return series\n}\n"]}
+{"version":3,"file":"config-converter.js","sourceRoot":"","sources":["../../../src/chartjs/config-converter.ts"],"names":[],"mappings":"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","sourcesContent":["import { TinyColor } from '@ctrl/tinycolor'\nimport { format as formatText } from '@operato/utils/format.js'\n\nimport type { OperatoChart } from '../../types/types.d.ts'\n\nfunction getBaseColorFromTheme(theme?: 'light' | 'dark' | 'auto') {\n  return new TinyColor(theme == 'dark' ? '#fff' : '#000')\n}\n\nfunction getThemeFromBrowser() {\n  return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nexport function convertConfigure(\n  config: OperatoChart.ChartConfig,\n  { fontSize, fontFamily, fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string }\n) {\n  if (!config) {\n    return\n  }\n\n  const { type: chartType, options, data: fromData } = config\n  var {\n    theme,\n    animation,\n    tooltip,\n    stacked,\n    legend,\n    scales: fromScales,\n    xGridLine,\n    yGridLine,\n    y2ndGridLine,\n    multiAxis\n  } = options || {}\n  const { datasets = [] } = fromData || {}\n\n  if (theme === 'auto') {\n    theme = getThemeFromBrowser()\n  }\n\n  const { xAxes = [], yAxes = [] } = fromScales || {}\n  const toScales = {} as any\n\n  chartType != 'pie' &&\n    xAxes.forEach((xAxis, index) => {\n      const { axisTitle, barSpacing, categorySpacing, barPercentage, ticks } = xAxis\n      const id = xAxes.length > 1 ? `x${index + 1}` : 'x'\n\n      toScales[id] = setupScale(\n        {\n          axis: 'x',\n          id,\n          position: 'bottom',\n          display: true,\n          title: {\n            display: !!axisTitle,\n            text: axisTitle\n          },\n          grid: {\n            display: xGridLine\n          },\n          beginAtZero: false,\n          ticks\n        },\n        { fontSize, fontFamily, fontColor, theme }\n      )\n    })\n\n  chartType != 'pie' &&\n    yAxes.forEach((yAxis, index) => {\n      const { axisTitle, barSpacing, categorySpacing, barPercentage, ticks } = yAxis\n      const id = yAxes.length > 1 ? `right` : 'left'\n\n      toScales[id] = setupScale(\n        {\n          axis: 'y',\n          id,\n          position: id,\n          display: true,\n          title: {\n            display: !!axisTitle,\n            text: axisTitle\n          },\n          grid: {\n            display: index == 0 ? yGridLine : y2ndGridLine\n          },\n          ticks,\n          stacked: stacked ? true : false\n        },\n        { fontSize, fontFamily, fontColor, theme }\n      )\n    })\n\n  // setup series configure\n  // for (let i in datasets) {\n  //   let series = datasets[i]\n  //\n  //   /*\n  //    * TODO from chartjs 2.9, categoryPercentage, barPercentage properties move to dataset.\n  //    * so need to move related properties - categorySpacing, barSpacing should be moved to series.\n  //    */\n  //   if (chartType == 'bar') {\n  //     let categorySpacing = (xAxes && xAxes[0].categorySpacing) || 0\n  //     let barSpacing = (xAxes && xAxes[0].barSpacing) || 0\n\n  //     series.categoryPercentage = 1 - categorySpacing || 1\n  //     series.barPercentage = 1 - barSpacing || 0.8\n  //   } else if (chartType == 'horizontalBar') {\n  //     let categorySpacing = (yAxes && yAxes[0].categorySpacing) || 0\n  //     let barSpacing = (yAxes && yAxes[0].barSpacing) || 0\n\n  //     series.categoryPercentage = 1 - categorySpacing || 1\n  //     series.barPercentage = 1 - barSpacing || 0.8\n  //   }\n  // }\n\n  const converted = {\n    type: chartType == 'horizontalBar' ? 'bar' : chartType,\n    options: {\n      animation,\n      stacked,\n      maintainAspectRatio: false,\n      // parsing: false /* recommendations for performance */,\n      // normalized: true /* recommendations for performance */,\n      plugins: {\n        legend: setupLegend(legend || {}, { fontSize, fontFamily, fontColor, theme }),\n        tooltip: setupTooltip(\n          {\n            enabled: tooltip,\n            mode: 'interpolate',\n            intersect: false\n          },\n          { fontSize, fontFamily }\n        ),\n        title: {\n          /* new option candidate - subtitle */\n          display: false,\n          text: 'Custom Chart Title'\n        },\n        subtitle: {\n          /* new option candidate - subtitle */\n          display: false,\n          text: 'Custom Chart Subtitle'\n        },\n        crosshair: {\n          line: {\n            color: '#F66', // crosshair line color\n            width: 1 // crosshair line width\n          },\n          sync: {\n            enabled: true, // enable trace line syncing with other charts\n            group: 1, // chart group\n            suppressTooltips: false // suppress tooltips when showing a synced tracer\n          },\n          zoom: {\n            enabled: true, // enable zooming\n            zoomboxBackgroundColor: 'rgba(66,133,244,0.2)', // background color of zoom box\n            zoomboxBorderColor: '#48F', // border color of zoom box\n            zoomButtonText: 'Reset Zoom', // reset zoom button text\n            zoomButtonClass: 'reset-zoom' // reset zoom button class\n          },\n          callbacks: {\n            beforeZoom: () =>\n              function (start: number, end: number) {\n                // called before zoom, return false to prevent zoom\n                return true\n              },\n            afterZoom: () =>\n              function (start: number, end: number) {\n                // called after zoom\n              }\n          }\n        }\n      },\n      scales: toScales,\n      indexAxis: chartType == 'horizontalBar' ? 'y' : chartType != 'pie' ? 'x' : ''\n    },\n    data: {\n      datasets: datasets.map((dataset, index) => {\n        return setupSeries(chartType!, {\n          ...dataset,\n          stack:\n            chartType == 'pie' || chartType == 'doughnut'\n              ? undefined\n              : stacked && !dataset.stack\n                ? '__all__'\n                : `__${index}__`,\n          type: dataset.type == 'horizontalBar' ? 'bar' : dataset.type\n        })\n      })\n    }\n  }\n\n  console.error('converted', config, converted)\n  return converted\n}\n\nfunction setupLegend(\n  legend: any,\n  {\n    fontSize,\n    fontFamily,\n    fontColor,\n    theme\n  }: { fontSize?: number; fontFamily?: string; fontColor?: string; theme?: 'light' | 'dark' | 'auto' }\n) {\n  legend.labels = legend.labels ? legend.labels : {}\n\n  if (fontSize) {\n    legend.labels.fontSize = fontSize\n  }\n\n  if (fontFamily) {\n    legend.labels.fontFamily = fontFamily\n  }\n\n  var baseColor = getBaseColorFromTheme(theme)\n\n  legend.labels = legend.labels ? legend.labels : {}\n  legend.labels.fontColor = fontColor ? fontColor : baseColor.clone().setAlpha(0.5).toString()\n  // legend.labels.usePointStyle = true\n\n  return legend\n}\n\nfunction setupTooltip(\n  tooltip: any,\n  {\n    fontSize,\n    fontFamily,\n    fontColor,\n    theme\n  }: { fontSize?: number; fontFamily?: string; fontColor?: string; theme?: 'light' | 'dark' }\n) {\n  if (fontSize) {\n    tooltip.titleFontSize = tooltip.bodyFontSize = tooltip.footerFontSize = fontSize\n  }\n\n  if (fontFamily) {\n    tooltip.titleFontFamily = tooltip.bodyFontFamily = tooltip.footerFontFamily = fontFamily\n  }\n\n  tooltip.mode = 'index'\n  tooltip.intersect = false\n  tooltip.callbacks = {\n    ...tooltip.callbacks,\n    label: function ({ dataset, label }: { dataset: any; label: any }) {\n      var prefix = dataset.valuePrefix || ''\n      var suffix = dataset.valueSuffix || ''\n      var format = dataset.valueFormat || ''\n\n      var stringValue = format ? formatText(format, Number(label)) : Number(label).toLocaleString()\n\n      return `${prefix + stringValue + suffix}`\n    }\n  }\n\n  return tooltip\n}\n\nfunction setupScale(\n  axis: any,\n  {\n    fontSize,\n    fontFamily,\n    fontColor,\n    theme\n  }: { fontSize?: number; fontFamily?: string; fontColor?: string; theme?: 'light' | 'dark' | 'auto' }\n) {\n  axis.ticks = axis.ticks ? axis.ticks : {}\n\n  if (fontSize) {\n    axis.ticks.fontSize = fontSize\n  }\n\n  if (fontFamily) {\n    axis.ticks.fontFamily = fontFamily\n  }\n\n  axis.pointLabels = {\n    fontSize,\n    fontFamily\n  }\n\n  /* TODO move min, max, autoMin, autoMax from ticks to axis */\n  const { min, max, autoMin, autoMax } = axis.ticks\n\n  axis.min = min\n  axis.max = max\n\n  if (autoMin) {\n    delete axis.min\n  }\n  if (autoMax) {\n    delete axis.max\n  }\n\n  var baseColor = getBaseColorFromTheme(theme)\n\n  axis.grid = axis.grid ? axis.grid : {}\n  if (axis.grid) {\n    axis.grid.tickColor = baseColor.clone().setAlpha(0.5).toString()\n    axis.grid.color = baseColor.clone().setAlpha(0.1).toString()\n  }\n\n  axis.ticks = axis.ticks ? axis.ticks : {}\n  axis.ticks.color = baseColor.clone().setAlpha(0.5).toString()\n  axis.ticks.textStrokeColor = fontColor ? fontColor : baseColor.clone().setAlpha(0.5).toString()\n\n  return axis\n}\n\nfunction setupSeries(chartType: string, series: OperatoChart.Dataset) {\n  var type = series.type || chartType\n\n  // series.parsing = {\n  //   yAxisKey: series.dataKey\n  // } /* 이 형식의 data는 잘 안되었음. */\n\n  var color = series.color ? series.color : series.backgroundColor\n\n  switch (type) {\n    case 'bar':\n    case 'horizontalBar':\n      series.borderColor = series.backgroundColor = color\n      break\n\n    case 'line':\n    case 'radar':\n      color = series.color ? series.color : series.borderColor\n      series.pointBackgroundColor = series.pointBorderColor = series.borderColor = series.backgroundColor = color\n      series.pointBorderWidth = (series.borderWidth as number) * 0.5\n      series.pointHoverRadius = series.pointRadius\n      if (series.fill == undefined) series.fill = false\n      break\n\n    default:\n      series.borderColor = series.backgroundColor = color\n      break\n  }\n\n  return series\n}\n"]}

package/dist/src/chartjs/ox-chart-js.d.ts

@@ -1,4 +1,5 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
+import type { OperatoChart } from '../../types/types.d.ts';
 export declare class OxChartJs extends LitElement {
     config: OperatoChart.ChartConfig | null;
     data: {
@@ -11,7 +12,7 @@ export declare class OxChartJs extends LitElement {
     canvas: HTMLCanvasElement;
     static styles: import("lit").CSSResult;
     disconnectedCallback(): void;
-    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    updated(changedProperties: PropertyValues<this>): void;
     updateData(): void;
     updateChartSize(): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/src/chartjs/ox-chart-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-chart-js.js","sourceRoot":"","sources":["../../../src/chartjs/ox-chart-js.ts"],"names":[],"mappings":"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","sourcesContent":["import ChartDataLabels from 'chartjs-plugin-datalabels'\n\nimport { LitElement, html, css } from 'lit'\nimport { property, query, state, customElement } from 'lit/decorators.js'\nimport { Chart, ChartConfiguration } from 'chart.js/auto'\nimport { format as formatText } from '@operato/utils/format.js'\nimport { convertConfigure } from './config-converter.js'\n\nChart.register(ChartDataLabels)\n\n@customElement('ox-chart-js')\nexport class OxChartJs extends LitElement {\n  @property({ type: Object }) config: OperatoChart.ChartConfig | null = null\n  @property({ type: Array }) data: { [key: string]: any }[] = []\n  @property({ type: Number }) width!: number\n  @property({ type: Number }) height!: number\n\n  private chart: Chart | null = null\n  private chartjsConfig: ChartConfiguration | null = null\n\n  @query('canvas') canvas!: HTMLCanvasElement\n\n  static styles = css`\n    :host {\n      display: block;\n\n      background-color: var(--ox-chart-background-color, var(--md-sys-color-surface));\n      color: var(--ox-chart-color, var(--md-sys-color-on-surface));\n    }\n\n    canvas {\n      width: 100%;\n      height: 100%;\n    }\n  `\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback()\n    if (this.chart) {\n      this.chart.destroy()\n    }\n  }\n\n  updated(changedProperties: Map<string | number | symbol, unknown>) {\n    var needUpdateData = false\n\n    if (changedProperties.has('width') || changedProperties.has('height')) {\n      this.updateChartSize()\n    }\n\n    if (changedProperties.has('config') && this.config) {\n      this.chartjsConfig = convertConfigure(this.config, {}) as any\n\n      this.attachPluginOptions(this.chartjsConfig!.options as any)\n\n      this.chart && this.chart.destroy()\n      this.chart = new Chart(this.canvas, this.chartjsConfig!)\n\n      needUpdateData = true\n    }\n\n    if (changedProperties.has('data')) {\n      needUpdateData = true\n    }\n\n    if (needUpdateData) {\n      this.updateData()\n    }\n  }\n\n  updateData() {\n    if (!this.chart) {\n      return\n    }\n\n    var data = this.data\n\n    if (this.data[0]?.hasOwnProperty('__field1')) {\n      /* DEPRECATED 이 케이스는 앞으로 지원하지 않는 것이 좋다. 하위 호환성 때문에 제공함. 사용빈도 낮음. */\n      data = toObjectArrayValue(this.data) as { [key: string]: any }[]\n    }\n\n    const labelDataKey = this.config!.data.labelDataKey || ''\n\n    labelDataKey && (this.chart!.config.data!.labels = data.map((data: any) => data[labelDataKey]))\n\n    const datasets = this.chart!.config.data.datasets\n    for (let key in datasets) {\n      const dataset = datasets[Number(key)]\n      const dataKey = (dataset as any).dataKey\n      dataKey && (dataset.data = data.map(d => d[dataKey]) as any)\n    }\n\n    this.chart.update()\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  render() {\n    return html`<canvas></canvas>`\n  }\n\n  attachPluginOptions(options: OperatoChart.ChartOptions) {\n    if (!options.plugins) {\n      options.plugins = {}\n    }\n\n    this.attachDatalabelPluginOptions(options.plugins)\n  }\n\n  attachDatalabelPluginOptions(pluginOptions: any) {\n    pluginOptions.datalabels = {\n      ...pluginOptions.datalabels,\n      display: function (context: any) {\n        return !!context.dataset.displayValue\n      },\n      anchor: function (context: any) {\n        return context.dataset.dataLabelAnchor || 'center'\n      },\n      offset: function (context: any) {\n        return context.dataset.dataLabelOffset || 0\n      },\n      align: function (context: any) {\n        return context.dataset.dataLabelAnchor || 'center'\n      },\n      rotation: function (context: any) {\n        return context.dataset.dataLabelRotation || 0\n      },\n      color: function (context: any) {\n        return context.dataset?.defaultFontColor || '#000'\n      },\n      font: function (context: any) {\n        return {\n          size: context.dataset?.defaultFontSize,\n          family: context.chart.options?.defaultFontFamily\n        }\n      },\n      clamp: true,\n      formatter: function (value: string, context: any) {\n        var prefix = context.dataset.valuePrefix || ''\n        var suffix = context.dataset.valueSuffix || ''\n        var format = context.dataset.valueFormat || ''\n\n        if (value === undefined) {\n          return value\n        }\n\n        var stringValue = format ? formatText(format, Number(value)) : Number(value).toLocaleString()\n        return prefix + stringValue + suffix\n      }\n    }\n  }\n}\n\nfunction toObjectArrayValue(array: any[]): any[] | null {\n  if (!array || array.length === 0) {\n    return null\n  }\n\n  let indexKeyMap: any = {}\n  let value = []\n\n  for (let key in array[0]) {\n    indexKeyMap[key] = array[0][key]\n  }\n\n  for (var i = 1; i < array.length; i++) {\n    let object: any = {}\n    let thisObject = array[i]\n\n    for (let key in indexKeyMap) {\n      let k = indexKeyMap[key]\n      let v = thisObject[key]\n      object[k] = v\n    }\n\n    value.push(object)\n  }\n\n  return value\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ox-chart-js': OxChartJs\n  }\n}\n"]}
+{"version":3,"file":"ox-chart-js.js","sourceRoot":"","sources":["../../../src/chartjs/ox-chart-js.ts"],"names":[],"mappings":"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","sourcesContent":["import ChartDataLabels from 'chartjs-plugin-datalabels'\n\nimport { LitElement, html, css, PropertyValues } from 'lit'\nimport { property, query, state, customElement } from 'lit/decorators.js'\nimport { Chart, ChartConfiguration } from 'chart.js/auto'\nimport { format as formatText } from '@operato/utils/format.js'\nimport { convertConfigure } from './config-converter.js'\nimport type { OperatoChart } from '../../types/types.d.ts'\n\nChart.register(ChartDataLabels)\n\n@customElement('ox-chart-js')\nexport class OxChartJs extends LitElement {\n  @property({ type: Object }) config: OperatoChart.ChartConfig | null = null\n  @property({ type: Array }) data: { [key: string]: any }[] = []\n  @property({ type: Number }) width!: number\n  @property({ type: Number }) height!: number\n\n  private chart: Chart | null = null\n  private chartjsConfig: ChartConfiguration | null = null\n\n  @query('canvas') canvas!: HTMLCanvasElement\n\n  static styles = css`\n    :host {\n      display: block;\n\n      background-color: var(--ox-chart-background-color, var(--md-sys-color-surface));\n      color: var(--ox-chart-color, var(--md-sys-color-on-surface));\n    }\n\n    canvas {\n      width: 100%;\n      height: 100%;\n    }\n  `\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback()\n    if (this.chart) {\n      this.chart.destroy()\n    }\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    var needUpdateData = false\n\n    if (changedProperties.has('width') || changedProperties.has('height')) {\n      this.updateChartSize()\n    }\n\n    if (changedProperties.has('config') && this.config) {\n      this.chartjsConfig = convertConfigure(this.config, {}) as any\n\n      this.attachPluginOptions(this.chartjsConfig!.options as any)\n\n      this.chart && this.chart.destroy()\n      this.chart = new Chart(this.canvas, this.chartjsConfig!)\n\n      needUpdateData = true\n    }\n\n    if (changedProperties.has('data')) {\n      needUpdateData = true\n    }\n\n    if (needUpdateData) {\n      this.updateData()\n    }\n  }\n\n  updateData() {\n    if (!this.chart) {\n      return\n    }\n\n    var data = this.data\n\n    if (this.data[0]?.hasOwnProperty('__field1')) {\n      /* DEPRECATED 이 케이스는 앞으로 지원하지 않는 것이 좋다. 하위 호환성 때문에 제공함. 사용빈도 낮음. */\n      data = toObjectArrayValue(this.data) as { [key: string]: any }[]\n    }\n\n    const labelDataKey = this.config!.data.labelDataKey || ''\n\n    labelDataKey && (this.chart!.config.data!.labels = data.map((data: any) => data[labelDataKey]))\n\n    const datasets = this.chart!.config.data.datasets\n    for (let key in datasets) {\n      const dataset = datasets[Number(key)]\n      const dataKey = (dataset as any).dataKey\n      dataKey && (dataset.data = data.map(d => d[dataKey]) as any)\n    }\n\n    this.chart.update()\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  render() {\n    return html`<canvas></canvas>`\n  }\n\n  attachPluginOptions(options: OperatoChart.ChartOptions) {\n    if (!options.plugins) {\n      options.plugins = {}\n    }\n\n    this.attachDatalabelPluginOptions(options.plugins)\n  }\n\n  attachDatalabelPluginOptions(pluginOptions: any) {\n    pluginOptions.datalabels = {\n      ...pluginOptions.datalabels,\n      display: function (context: any) {\n        return !!context.dataset.displayValue\n      },\n      anchor: function (context: any) {\n        return context.dataset.dataLabelAnchor || 'center'\n      },\n      offset: function (context: any) {\n        return context.dataset.dataLabelOffset || 0\n      },\n      align: function (context: any) {\n        return context.dataset.dataLabelAnchor || 'center'\n      },\n      rotation: function (context: any) {\n        return context.dataset.dataLabelRotation || 0\n      },\n      color: function (context: any) {\n        return context.dataset?.defaultFontColor || '#000'\n      },\n      font: function (context: any) {\n        return {\n          size: context.dataset?.defaultFontSize,\n          family: context.chart.options?.defaultFontFamily\n        }\n      },\n      clamp: true,\n      formatter: function (value: string, context: any) {\n        var prefix = context.dataset.valuePrefix || ''\n        var suffix = context.dataset.valueSuffix || ''\n        var format = context.dataset.valueFormat || ''\n\n        if (value === undefined) {\n          return value\n        }\n\n        var stringValue = format ? formatText(format, Number(value)) : Number(value).toLocaleString()\n        return prefix + stringValue + suffix\n      }\n    }\n  }\n}\n\nfunction toObjectArrayValue(array: any[]): any[] | null {\n  if (!array || array.length === 0) {\n    return null\n  }\n\n  let indexKeyMap: any = {}\n  let value = []\n\n  for (let key in array[0]) {\n    indexKeyMap[key] = array[0][key]\n  }\n\n  for (var i = 1; i < array.length; i++) {\n    let object: any = {}\n    let thisObject = array[i]\n\n    for (let key in indexKeyMap) {\n      let k = indexKeyMap[key]\n      let v = thisObject[key]\n      object[k] = v\n    }\n\n    value.push(object)\n  }\n\n  return value\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ox-chart-js': OxChartJs\n  }\n}\n"]}

package/dist/src/editors/configurer.d.ts

@@ -1,3 +1,4 @@
+import type { OperatoChart } from '../../types/types.d.ts';
 export declare class Configurer {
     value: OperatoChart.ChartConfig;
     currentSeriesIndex: number;
@@ -20,8 +21,8 @@ export declare class Configurer {
     get dataKey(): string | undefined;
     get legend(): OperatoChart.LegendOptions | undefined;
     set legend(legend: OperatoChart.LegendOptions | undefined);
-    get theme(): "light" | "dark" | "auto" | undefined;
-    set theme(theme: "light" | "dark" | "auto" | undefined);
+    get theme(): "dark" | "light" | "auto" | undefined;
+    set theme(theme: "dark" | "light" | "auto" | undefined);
     get tooltip(): boolean;
     set tooltip(tooltip: boolean);
     get animation(): boolean;

package/dist/src/editors/configurer.js.map

@@ -1 +1 @@
-{"version":3,"file":"configurer.js","sourceRoot":"","sources":["../../../src/editors/configurer.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,UAAU;IAMrB,YAAY,KAAsC,EAAE,WAA2C;QAJxF,uBAAkB,GAAW,CAAC,CAAA;QAC9B,2BAAsB,GAAW,CAAC,CAAC,CAAA;QAIxC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA;QAC9B,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC9C,CAAC;IAED,WAAW,CAAC,KAAgC;QAC1C,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAA;IACzC,CAAC;IAED,qBAAqB,CAAC,kBAA0B;QAC9C,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAA;QAC5C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAE,CAAA;IACvD,CAAC;IAED,yBAAyB,CAAC,sBAA8B;QACtD,IAAI,CAAC,sBAAsB,GAAG,sBAAsB,CAAA;QACpD,IAAI,sBAAsB,IAAI,CAAC,IAAI,sBAAsB,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;YACpF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAA;QAC5D,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,sBAAsB,GAAG,CAAC,CAAC,CAAA;QAClC,CAAC;IACH,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAE,IAAI,EAAE,CAAA;IACtD,CAAC;IAED,IAAI,MAAM,CAAC,MAAM;QACf,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE,CAAA;QAC3C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAA;QACjD,CAAC;IACH,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,sBAAsB,CAAE,IAAI,EAAE,CAAA;IAC7D,CAAC;IAED,IAAI,UAAU,CAAC,UAAU;QACvB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,IAAI,CAAC,WAAW,GAAG,CAAC,UAAU,CAAC,CAAA;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,sBAAsB,CAAC,GAAG,UAAU,CAAA;QAC5D,CAAC;IACH,CAAC;IAED,IAAI,MAAM;QACR,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC1C,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAA;IACnB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAA;IACzB,CAAC;IAED,IAAI,IAAI,CAAC,IAAI;QACX,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAA;IACzB,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAA;QACzB,CAAC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA;IAC3B,CAAC;IAED,IAAI,QAAQ,CAAC,QAAQ;QACnB,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC/B,CAAC;IAED,IAAI,OAAO,CAAC,GAAG;QACb,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAO,CAAC,OAAO,GAAG,GAAG,CAAA;QAC5B,CAAC;IACH,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAA;IAC5B,CAAC;IAED,IAAI,MAAM;QACR,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;QAClD,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAA;IACnC,CAAC;IAED,IAAI,MAAM,CAAC,MAAM;QACf,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;QAC1B,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA;IACrC,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAA;IACzD,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACb,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;QAClD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;IACnC,CAAC;IAED,IAAI,OAAO;QACT,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,KAAK,KAAK,CAAA;IACtE,CAAC;IAED,IAAI,OAAO,CAAC,OAAO;QACjB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;QAC1B,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAA;IACvC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,KAAK,KAAK,CAAA;IACxE,CAAC;IAED,IAAI,SAAS,CAAC,SAAS;QACrB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;QAC1B,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAA;IAC3C,CAAC;IAED,IAAI,MAAM;QACR,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;QAC1B,CAAC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAA;IACnC,CAAC;IAED,IAAI,MAAM,CAAC,MAAM;QACf,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;QAClD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA;IACrC,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAA;IAC3C,CAAC;IAED,IAAI,OAAO,CAAC,OAAO;QACjB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;QAClB,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAA;IAC/B,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;QAClB,CAAC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAA;IAC7B,CAAC;IAED,IAAI,QAAQ,CAAC,QAAQ;QACnB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;QAClB,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAA;IACjC,CAAC;IAED,IAAI,OAAO;QACT,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;QAC1B,CAAC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAA;IACpC,CAAC;IAED,IAAI,OAAO,CAAC,OAAO;QACjB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;QAC1B,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAA;IACvC,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAA;IAC5C,CAAC;IAED,IAAI,YAAY,CAAC,YAAY;QAC3B,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAA;IACvC,CAAC;IAED,IAAI,OAAO,CAAC,OAAO;QACjB,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAA;IAC/B,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAA;IAC5B,CAAC;IAED,IAAI,KAAK;QACP,IAAI,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,CAAA;QACjD,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM;YAAE,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAA;QACzE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO;YAAE,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAA;QAC1E,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,eAAe,CAAA;IAC7C,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACb,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAA;QACzB,OAAO,IAAI,CAAC,MAAM,CAAC,eAAe,CAAA;QAClC,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAA;IAChC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,MAAO,CAAC,KAAM,CAAC,CAAC,CAAC,CAAA;IAC/B,CAAC;IAED,IAAI,MAAM,CAAC,MAAM;QACf,IAAI,CAAC,MAAO,CAAC,KAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAA;IACjC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,MAAO,CAAC,KAAM,CAAC,CAAC,CAAC,CAAA;IAC/B,CAAC;IAED,IAAI,MAAM,CAAC,MAAM;QACf,IAAI,CAAC,MAAO,CAAC,KAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAA;IACjC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,MAAO,CAAC,KAAM,CAAC,CAAC,CAAC,CAAA;IAC/B,CAAC;IAED,IAAI,MAAM,CAAC,MAAM;QACf,IAAI,CAAC,IAAI,CAAC,MAAO,CAAC,KAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,MAAO,CAAC,KAAM,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA;QAC7B,CAAC;QACD,IAAI,CAAC,MAAO,CAAC,KAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAA;IACjC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,MAAM,CAAC,OAAQ,CAAC,SAAS,CAAA;IACvC,CAAC;IAED,IAAI,SAAS,CAAC,SAAS;QACrB,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,IAAI,CAAC,MAAO,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACpC,CAAC;aAAM,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG;gBACZ,KAAK,EAAE,EAAE;aACV,CAAA;QACH,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,OAAQ,CAAC,SAAS,GAAG,SAAS,CAAA;IAC5C,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAA;IAChC,CAAC;IAED,IAAI,WAAW,CAAC,WAA+B;QAC7C,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAA;IACvC,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAA;IAChC,CAAC;IAED,IAAI,WAAW,CAAC,WAA+B;QAC7C,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAA;IACvC,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAA;IAChC,CAAC;IAED,IAAI,WAAW,CAAC,WAA+B;QAC7C,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAA;IACvC,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,CAAA;IACjC,CAAC;IAED,IAAI,YAAY,CAAC,YAAY;QAC3B,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY,CAAA;IACzC,CAAC;IAED,IAAI,WAAW;QACb,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;QAC1B,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;YACrC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,GAAG,EAAE,CAAA;QACtC,CAAC;QAED,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,WAAY,CAAA;IACzC,CAAC;IAED,IAAI,WAAW,CAAC,WAAW;QACzB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;QAC1B,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;YACrC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,GAAG,EAAE,CAAA;QACtC,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,GAAG,WAAW,CAAA;IAC/C,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;IACtD,CAAC;IAED,SAAS,CAAC,SAA+B,EAAE;QACzC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC1B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IACtD,CAAC;IAED,YAAY,CAAC,KAAa;QACxB,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC/C,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YAC9B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;QACzF,CAAC;IACH,CAAC;IAED,aAAa,CAAC,aAAsC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QAChF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACjC,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAC7D,CAAC;IAED,gBAAgB,CAAC,KAAa;QAC5B,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;YAClD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YACjC,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;QACpG,CAAC;IACH,CAAC;CACF","sourcesContent":["export class Configurer {\n  public value: OperatoChart.ChartConfig\n  public currentSeriesIndex: number = 0\n  public currentAnnotationIndex: number = -1\n  public initializer: () => OperatoChart.ChartConfig\n\n  constructor(value: OperatoChart.ChartConfig | null, initializer: () => OperatoChart.ChartConfig) {\n    this.initializer = initializer\n    this.value = value || initializer.call(this)\n  }\n\n  updateValue(value?: OperatoChart.ChartConfig) {\n    this.value = value || { ...this.value }\n  }\n\n  setCurrentSeriesIndex(currentSeriesIndex: number) {\n    this.currentSeriesIndex = currentSeriesIndex\n    this.series = this.datasets[this.currentSeriesIndex]!\n  }\n\n  setCurrentAnnotationIndex(currentAnnotationIndex: number) {\n    this.currentAnnotationIndex = currentAnnotationIndex\n    if (currentAnnotationIndex >= 0 && currentAnnotationIndex < this.annotations.length) {\n      this.annotation = this.annotations[currentAnnotationIndex]\n    } else {\n      this.currentAnnotationIndex = -1\n    }\n  }\n\n  get series() {\n    return this.datasets[this.currentSeriesIndex]! || {}\n  }\n\n  set series(series) {\n    if (!this.data) {\n      this.config.data = { datasets: [series] }\n    } else {\n      this.datasets[this.currentSeriesIndex] = series\n    }\n  }\n\n  get annotation() {\n    return this.annotations[this.currentAnnotationIndex]! || {}\n  }\n\n  set annotation(annotation) {\n    if (!this.annotations) {\n      this.annotations = [annotation]\n    } else {\n      this.annotations[this.currentAnnotationIndex] = annotation\n    }\n  }\n\n  get config() {\n    if (!this.value) {\n      this.value = this.initializer.call(this)\n    }\n    return this.value\n  }\n\n  get data() {\n    return this.config.data\n  }\n\n  set data(data) {\n    this.config.data = data\n  }\n\n  get datasets() {\n    if (!this.data.datasets) {\n      this.data.datasets = []\n    }\n    return this.data.datasets\n  }\n\n  set datasets(datasets) {\n    this.data.datasets = datasets\n  }\n\n  set dataKey(key) {\n    if (this.series) {\n      this.series!.dataKey = key\n    }\n  }\n\n  get dataKey() {\n    return this.series.dataKey\n  }\n\n  get legend() {\n    !this.config.options && (this.config.options = {})\n    return this.config.options.legend\n  }\n\n  set legend(legend) {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    this.config.options.legend = legend\n  }\n\n  get theme() {\n    return this.config.options && this.config.options.theme\n  }\n\n  set theme(theme) {\n    !this.config.options && (this.config.options = {})\n    this.config.options.theme = theme\n  }\n\n  get tooltip() {\n    return !this.config.options || this.config.options.tooltip !== false\n  }\n\n  set tooltip(tooltip) {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    this.config.options.tooltip = tooltip\n  }\n\n  get animation() {\n    return !this.config.options || this.config.options.animation !== false\n  }\n\n  set animation(animation) {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    this.config.options.animation = animation\n  }\n\n  get scales() {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    return this.config.options.scales\n  }\n\n  set scales(scales) {\n    !this.config.options && (this.config.options = {})\n    this.config.options.scales = scales\n  }\n\n  get display() {\n    return this.legend && this.legend.display\n  }\n\n  set display(display) {\n    if (!this.legend) {\n      this.legend = {}\n    }\n    this.legend.display = display\n  }\n\n  get position() {\n    if (!this.legend) {\n      this.legend = {}\n    }\n    return this.legend.position\n  }\n\n  set position(position) {\n    if (!this.legend) {\n      this.legend = {}\n    }\n    this.legend.position = position\n  }\n\n  get stacked() {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    return this.config.options.stacked\n  }\n\n  set stacked(stacked) {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    this.config.options.stacked = stacked\n  }\n\n  get labelDataKey() {\n    return this.data && this.data.labelDataKey\n  }\n\n  set labelDataKey(labelDataKey) {\n    this.data.labelDataKey = labelDataKey\n  }\n\n  set options(options) {\n    this.config.options = options\n  }\n\n  get options() {\n    return this.config.options\n  }\n\n  get color() {\n    var oldVersionColor = this.series.backgroundColor\n    if (this.series.type == 'line') oldVersionColor = this.series.borderColor\n    if (this.series.type == 'radar') oldVersionColor = this.series.borderColor\n    return this.series.color || oldVersionColor\n  }\n\n  set color(color) {\n    this.series.color = color\n    delete this.series.backgroundColor\n    delete this.series.borderColor\n  }\n\n  get xAxes0() {\n    return this.scales!.xAxes![0]\n  }\n\n  set xAxes0(xAxes0) {\n    this.scales!.xAxes![0] = xAxes0\n  }\n\n  get yAxes0() {\n    return this.scales!.yAxes![0]\n  }\n\n  set yAxes0(yAxes0) {\n    this.scales!.yAxes![0] = yAxes0\n  }\n\n  get yAxes1() {\n    return this.scales!.yAxes![1]\n  }\n\n  set yAxes1(yAxes1) {\n    if (!this.scales!.yAxes![1]) {\n      this.scales!.yAxes![1] = {}\n    }\n    this.scales!.yAxes![1] = yAxes1\n  }\n\n  get multiAxis() {\n    return this.config.options!.multiAxis\n  }\n\n  set multiAxis(multiAxis) {\n    if (!multiAxis) {\n      this.scales!.yAxes = [this.yAxes0]\n    } else if (!this.yAxes1) {\n      this.yAxes1 = {\n        ticks: {}\n      }\n    }\n\n    this.config.options!.multiAxis = multiAxis\n  }\n\n  get valuePrefix() {\n    return this.series.valuePrefix\n  }\n\n  set valuePrefix(valuePrefix: string | undefined) {\n    this.series.valuePrefix = valuePrefix\n  }\n\n  get valueSuffix() {\n    return this.series.valueSuffix\n  }\n\n  set valueSuffix(valueSuffix: string | undefined) {\n    this.series.valueSuffix = valueSuffix\n  }\n\n  get valueFormat() {\n    return this.series.valueFormat\n  }\n\n  set valueFormat(valueFormat: string | undefined) {\n    this.series.valueFormat = valueFormat\n  }\n\n  get displayValue() {\n    return this.series.displayValue\n  }\n\n  set displayValue(displayValue) {\n    this.series.displayValue = displayValue\n  }\n\n  get annotations(): OperatoChart.Annotation[] {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    if (!this.config.options.annotations) {\n      this.config.options.annotations = []\n    }\n\n    return this.config.options.annotations!\n  }\n\n  set annotations(annotations) {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    if (!this.config.options.annotations) {\n      this.config.options.annotations = []\n    }\n    this.config.options.annotations = annotations\n  }\n\n  get currentAnnotation() {\n    return this.annotations[this.currentAnnotationIndex]\n  }\n\n  addSeries(series: OperatoChart.Dataset = {}) {\n    this.datasets.push(series)\n    this.setCurrentSeriesIndex(this.datasets.length - 1)\n  }\n\n  removeSeries(index: number) {\n    if (index >= 0 && index < this.datasets.length) {\n      this.datasets.splice(index, 1)\n      this.setCurrentSeriesIndex(Math.min(this.currentSeriesIndex, this.datasets.length - 1))\n    }\n  }\n\n  addAnnotation(annotation: OperatoChart.Annotation = { type: 'line', x1: 0, y1: 0 }) {\n    this.annotations.push(annotation)\n    this.setCurrentAnnotationIndex(this.annotations.length - 1)\n  }\n\n  removeAnnotation(index: number) {\n    if (index >= 0 && index < this.annotations.length) {\n      this.annotations.splice(index, 1)\n      this.setCurrentAnnotationIndex(Math.min(this.currentAnnotationIndex, this.annotations.length - 1))\n    }\n  }\n}\n"]}
+{"version":3,"file":"configurer.js","sourceRoot":"","sources":["../../../src/editors/configurer.ts"],"names":[],"mappings":"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","sourcesContent":["import type { OperatoChart } from '../../types/types.d.ts'\n\nexport class Configurer {\n  public value: OperatoChart.ChartConfig\n  public currentSeriesIndex: number = 0\n  public currentAnnotationIndex: number = -1\n  public initializer: () => OperatoChart.ChartConfig\n\n  constructor(value: OperatoChart.ChartConfig | null, initializer: () => OperatoChart.ChartConfig) {\n    this.initializer = initializer\n    this.value = value || initializer.call(this)\n  }\n\n  updateValue(value?: OperatoChart.ChartConfig) {\n    this.value = value || { ...this.value }\n  }\n\n  setCurrentSeriesIndex(currentSeriesIndex: number) {\n    this.currentSeriesIndex = currentSeriesIndex\n    this.series = this.datasets[this.currentSeriesIndex]!\n  }\n\n  setCurrentAnnotationIndex(currentAnnotationIndex: number) {\n    this.currentAnnotationIndex = currentAnnotationIndex\n    if (currentAnnotationIndex >= 0 && currentAnnotationIndex < this.annotations.length) {\n      this.annotation = this.annotations[currentAnnotationIndex]\n    } else {\n      this.currentAnnotationIndex = -1\n    }\n  }\n\n  get series() {\n    return this.datasets[this.currentSeriesIndex]! || {}\n  }\n\n  set series(series) {\n    if (!this.data) {\n      this.config.data = { datasets: [series] }\n    } else {\n      this.datasets[this.currentSeriesIndex] = series\n    }\n  }\n\n  get annotation() {\n    return this.annotations[this.currentAnnotationIndex]! || {}\n  }\n\n  set annotation(annotation) {\n    if (!this.annotations) {\n      this.annotations = [annotation]\n    } else {\n      this.annotations[this.currentAnnotationIndex] = annotation\n    }\n  }\n\n  get config() {\n    if (!this.value) {\n      this.value = this.initializer.call(this)\n    }\n    return this.value\n  }\n\n  get data() {\n    return this.config.data\n  }\n\n  set data(data) {\n    this.config.data = data\n  }\n\n  get datasets() {\n    if (!this.data.datasets) {\n      this.data.datasets = []\n    }\n    return this.data.datasets\n  }\n\n  set datasets(datasets) {\n    this.data.datasets = datasets\n  }\n\n  set dataKey(key) {\n    if (this.series) {\n      this.series!.dataKey = key\n    }\n  }\n\n  get dataKey() {\n    return this.series.dataKey\n  }\n\n  get legend() {\n    !this.config.options && (this.config.options = {})\n    return this.config.options.legend\n  }\n\n  set legend(legend) {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    this.config.options.legend = legend\n  }\n\n  get theme() {\n    return this.config.options && this.config.options.theme\n  }\n\n  set theme(theme) {\n    !this.config.options && (this.config.options = {})\n    this.config.options.theme = theme\n  }\n\n  get tooltip() {\n    return !this.config.options || this.config.options.tooltip !== false\n  }\n\n  set tooltip(tooltip) {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    this.config.options.tooltip = tooltip\n  }\n\n  get animation() {\n    return !this.config.options || this.config.options.animation !== false\n  }\n\n  set animation(animation) {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    this.config.options.animation = animation\n  }\n\n  get scales() {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    return this.config.options.scales\n  }\n\n  set scales(scales) {\n    !this.config.options && (this.config.options = {})\n    this.config.options.scales = scales\n  }\n\n  get display() {\n    return this.legend && this.legend.display\n  }\n\n  set display(display) {\n    if (!this.legend) {\n      this.legend = {}\n    }\n    this.legend.display = display\n  }\n\n  get position() {\n    if (!this.legend) {\n      this.legend = {}\n    }\n    return this.legend.position\n  }\n\n  set position(position) {\n    if (!this.legend) {\n      this.legend = {}\n    }\n    this.legend.position = position\n  }\n\n  get stacked() {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    return this.config.options.stacked\n  }\n\n  set stacked(stacked) {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    this.config.options.stacked = stacked\n  }\n\n  get labelDataKey() {\n    return this.data && this.data.labelDataKey\n  }\n\n  set labelDataKey(labelDataKey) {\n    this.data.labelDataKey = labelDataKey\n  }\n\n  set options(options) {\n    this.config.options = options\n  }\n\n  get options() {\n    return this.config.options\n  }\n\n  get color() {\n    var oldVersionColor = this.series.backgroundColor\n    if (this.series.type == 'line') oldVersionColor = this.series.borderColor\n    if (this.series.type == 'radar') oldVersionColor = this.series.borderColor\n    return this.series.color || oldVersionColor\n  }\n\n  set color(color) {\n    this.series.color = color\n    delete this.series.backgroundColor\n    delete this.series.borderColor\n  }\n\n  get xAxes0() {\n    return this.scales!.xAxes![0]\n  }\n\n  set xAxes0(xAxes0) {\n    this.scales!.xAxes![0] = xAxes0\n  }\n\n  get yAxes0() {\n    return this.scales!.yAxes![0]\n  }\n\n  set yAxes0(yAxes0) {\n    this.scales!.yAxes![0] = yAxes0\n  }\n\n  get yAxes1() {\n    return this.scales!.yAxes![1]\n  }\n\n  set yAxes1(yAxes1) {\n    if (!this.scales!.yAxes![1]) {\n      this.scales!.yAxes![1] = {}\n    }\n    this.scales!.yAxes![1] = yAxes1\n  }\n\n  get multiAxis() {\n    return this.config.options!.multiAxis\n  }\n\n  set multiAxis(multiAxis) {\n    if (!multiAxis) {\n      this.scales!.yAxes = [this.yAxes0]\n    } else if (!this.yAxes1) {\n      this.yAxes1 = {\n        ticks: {}\n      }\n    }\n\n    this.config.options!.multiAxis = multiAxis\n  }\n\n  get valuePrefix() {\n    return this.series.valuePrefix\n  }\n\n  set valuePrefix(valuePrefix: string | undefined) {\n    this.series.valuePrefix = valuePrefix\n  }\n\n  get valueSuffix() {\n    return this.series.valueSuffix\n  }\n\n  set valueSuffix(valueSuffix: string | undefined) {\n    this.series.valueSuffix = valueSuffix\n  }\n\n  get valueFormat() {\n    return this.series.valueFormat\n  }\n\n  set valueFormat(valueFormat: string | undefined) {\n    this.series.valueFormat = valueFormat\n  }\n\n  get displayValue() {\n    return this.series.displayValue\n  }\n\n  set displayValue(displayValue) {\n    this.series.displayValue = displayValue\n  }\n\n  get annotations(): OperatoChart.Annotation[] {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    if (!this.config.options.annotations) {\n      this.config.options.annotations = []\n    }\n\n    return this.config.options.annotations!\n  }\n\n  set annotations(annotations) {\n    if (!this.config.options) {\n      this.config.options = {}\n    }\n    if (!this.config.options.annotations) {\n      this.config.options.annotations = []\n    }\n    this.config.options.annotations = annotations\n  }\n\n  get currentAnnotation() {\n    return this.annotations[this.currentAnnotationIndex]\n  }\n\n  addSeries(series: OperatoChart.Dataset = {}) {\n    this.datasets.push(series)\n    this.setCurrentSeriesIndex(this.datasets.length - 1)\n  }\n\n  removeSeries(index: number) {\n    if (index >= 0 && index < this.datasets.length) {\n      this.datasets.splice(index, 1)\n      this.setCurrentSeriesIndex(Math.min(this.currentSeriesIndex, this.datasets.length - 1))\n    }\n  }\n\n  addAnnotation(annotation: OperatoChart.Annotation = { type: 'line', x1: 0, y1: 0 }) {\n    this.annotations.push(annotation)\n    this.setCurrentAnnotationIndex(this.annotations.length - 1)\n  }\n\n  removeAnnotation(index: number) {\n    if (index >= 0 && index < this.annotations.length) {\n      this.annotations.splice(index, 1)\n      this.setCurrentAnnotationIndex(Math.min(this.currentAnnotationIndex, this.annotations.length - 1))\n    }\n  }\n}\n"]}

package/dist/src/editors/input-chart-abstract.d.ts

@@ -1,7 +1,8 @@
 import '@operato/i18n/ox-i18n.js';
 import { PropertyValues } from 'lit';
-import { Configurer } from './configurer.js';
 import { OxFormField } from '@operato/input';
+import { Configurer } from './configurer.js';
+import type { OperatoChart } from '../../types/types.d.ts';
 export declare class InputChartAbstract extends OxFormField {
     static styles: import("lit").CSSResult[];
     value: OperatoChart.ChartConfig | null;

package/dist/src/editors/input-chart-abstract.js

@@ -3,9 +3,9 @@ import '@operato/i18n/ox-i18n.js';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { random as randomColor, TinyColor } from '@ctrl/tinycolor';
+import { OxFormField } from '@operato/input';
 import { InputChartStyles } from './input-chart-styles.js';
 import { Configurer } from './configurer.js';
-import { OxFormField } from '@operato/input';
 export class InputChartAbstract extends OxFormField {
     constructor() {
         super(...arguments);