@operato/chart 7.0.13 → 7.0.15

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [7.0.15](https://github.com/hatiolab/operato/compare/v7.0.14...v7.0.15) (2024-07-13)
+
+
+### :bug: Bug Fix
+
+* annotation remove action ([a891b14](https://github.com/hatiolab/operato/commit/a891b147981e89ca8be50c638932f2f341ca8168))
+
+
+
+### [7.0.14](https://github.com/hatiolab/operato/compare/v7.0.13...v7.0.14) (2024-07-13)
+
+
+### :bug: Bug Fix
+
+* annotations option for chart ([2bd9854](https://github.com/hatiolab/operato/commit/2bd9854df6cc2f6c26b77bc95a0e301e3f8eb6c4))
+* annotations option for chart ([b00672b](https://github.com/hatiolab/operato/commit/b00672b7917309b27ce6250614455e9cff3f782f))
+
+
+
 ### [7.0.13](https://github.com/hatiolab/operato/compare/v7.0.12...v7.0.13) (2024-07-13)
 
 

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

@@ -279,12 +279,12 @@ export class InputChartAbstract extends OxFormField {
     }
     onTapRemoveCurrentAnnotation(index) {
         const configurer = this.configurer;
-        if (!configurer.config.data.datasets) {
+        if (!configurer.annotations) {
             return;
         }
-        this.configurer.data.datasets.splice(index, 1);
+        configurer.annotations.splice(index, 1);
         this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
-        configurer.currentSeriesIndex = Math.max(0, configurer.currentSeriesIndex - 1);
+        configurer.currentAnnotationIndex = Math.max(0, configurer.currentAnnotationIndex - 1);
         this.requestUpdate();
     }
     _getSeriesModel({ chartType, datasetsLength, lastSeriesColor }) {

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

@@ -1 +1 @@
-{"version":3,"file":"input-chart-abstract.js","sourceRoot":"","sources":["../../../src/editors/input-chart-abstract.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport { html, PropertyValues } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { random as randomColor, TinyColor } from '@ctrl/tinycolor'\nimport { MdIcon } from '@material/web/icon/icon.js'\n\nimport { InputChartStyles } from './input-chart-styles'\nimport { Configurer } from './configurer'\nimport { OxFormField } from '@operato/input'\n\nexport class InputChartAbstract extends OxFormField {\n  static styles = [InputChartStyles]\n\n  @property({ type: Object }) value: OperatoChart.ChartConfig | null = null\n  @property({ type: String, attribute: 'chart-type' }) chartType: OperatoChart.ChartType\n\n  @query('#annotations-tabs') annotationsTabs!: HTMLElement\n  @query('#annotations-tab-nav-left-button') annotationsTabNavLeftButton!: MdIcon\n  @query('#annotations-tab-nav-right-button') annotationsTabNavRightButton!: MdIcon\n\n  @query('#series-tabs') seriesTabs!: HTMLElement\n  @query('#series-tab-nav-left-button') seriesTabNavLeftButton!: MdIcon\n  @query('#series-tab-nav-right-button') seriesTabNavRightButton!: MdIcon\n\n  private _configurer?: Configurer\n\n  get configurer() {\n    if (!this._configurer) {\n      this._configurer = new Configurer(this.value, () => {\n        return this.value || this.getDefaultChartConfig(this.chartType, this.getDefaultDatasets())\n      })\n    }\n    return this._configurer\n  }\n\n  render() {\n    const configurer = this.configurer\n\n    return html`\n      <legend><ox-i18n msgid=\"label.chart\">Chart</ox-i18n></legend>\n\n      <label for=\"theme\"> <ox-i18n msgid=\"label.theme\">Theme</ox-i18n> </label>\n      <select id=\"theme\" value-key=\"theme\" class=\"select-content\" .value=${configurer.theme || 'light'}>\n        <option value=\"auto\">auto</option>\n        <option value=\"dark\">dark</option>\n        <option value=\"light\" checked>light</option>\n      </select>\n\n      <input id=\"tooltip\" type=\"checkbox\" value-key=\"tooltip\" ?checked=${configurer.tooltip} />\n      <label for=\"tooltip\"> <ox-i18n msgid=\"label.tooltip\">Tooltip</ox-i18n> </label>\n\n      <input id=\"animation\" type=\"checkbox\" value-key=\"animation\" ?checked=${configurer.animation} />\n      <label for=\"animation\"> <ox-i18n msgid=\"label.animation\">Animation</ox-i18n> </label>\n\n      <input id=\"display\" type=\"checkbox\" value-key=\"display\" ?checked=${configurer.display} />\n      <label for=\"display\"> <ox-i18n msgid=\"label.legend\">Legend</ox-i18n> </label>\n\n      <input id=\"stacked\" type=\"checkbox\" value-key=\"stacked\" ?checked=${configurer.stacked} />\n      <label for=\"stacked\"> <ox-i18n msgid=\"label.stacked\">Stacked</ox-i18n> </label>\n\n      ${configurer.display\n        ? html`\n            <label for=\"position\"> <ox-i18n msgid=\"label.position\">Position</ox-i18n> </label>\n            <select id=\"position\" value-key=\"position\" class=\"select-content\" .value=${configurer.position || ''}>\n              <option value=\"top\">top</option>\n              <option value=\"right\">right</option>\n              <option value=\"bottom\">bottom</option>\n              <option value=\"left\">left</option>\n            </select>\n          `\n        : html``}\n      ${this.subTemplate()}\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    this.renderRoot.addEventListener('change', this.onValuesChanged.bind(this))\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.seriesTabContainer?.addEventListener('scroll', e => {\n      this._onTabScroll(e, 'series')\n    })\n\n    this.annotationsTabContainer?.addEventListener('scroll', e => {\n      this._onTabScroll(e, 'annotations')\n    })\n  }\n\n  get seriesTabContainer(): HTMLElement | null | undefined {\n    return this.seriesTabs\n  }\n\n  get annotationsTabContainer(): HTMLElement | null | undefined {\n    return this.annotationsTabs\n  }\n\n  displayValueTemplate() {\n    const configurer = this.configurer\n\n    return html`\n      <label for=\"value-format\"> <ox-i18n msgid=\"label.value-format\">Value Format</ox-i18n> </label>\n      <input\n        id=\"value-format\"\n        type=\"text\"\n        value-key=\"series.valueFormat\"\n        .value=${configurer.series.valueFormat || ''}\n        list=\"format-list\"\n      />\n      <datalist id=\"format-list\">\n        <option value=\"#,###.\"></option>\n        <option value=\"#,###.#\"></option>\n        <option value=\"#,###.0\"></option>\n        <option value=\"#,##0.#\"></option>\n        <option value=\"#,##0.0\"></option>\n        <option value=\"#,##0.0%\"></option>\n      </datalist>\n\n      <label for=\"value-prefix\"> <ox-i18n msgid=\"label.value-prefix\">Value Prefix</ox-i18n> </label>\n      <input\n        id=\"value-prefix\"\n        type=\"text\"\n        value-key=\"series.valuePrefix\"\n        .value=${configurer.series.valuePrefix || ''}\n      />\n\n      <label for=\"value-suffix\"> <ox-i18n msgid=\"label.value-suffix\">Value Suffix</ox-i18n> </label>\n      <input\n        id=\"value-suffix\"\n        type=\"text\"\n        value-key=\"series.valueSuffix\"\n        .value=${configurer.series.valueSuffix || ''}\n      />\n\n      <input\n        id=\"display-value\"\n        type=\"checkbox\"\n        value-key=\"series.displayValue\"\n        ?checked=${!!configurer.series.displayValue}\n      />\n      <label for=\"display-value\"> <ox-i18n msgid=\"label.value-display\">Value Display</ox-i18n> </label>\n\n      ${configurer.series.displayValue\n        ? html`\n            <label for=\"font-color\"> <ox-i18n msgid=\"label.font-color\">Font Color</ox-i18n> </label>\n            <ox-input-color\n              id=\"font-color\"\n              value-key=\"series.defaultFontColor\"\n              .value=${configurer.series.defaultFontColor || '#000'}\n            ></ox-input-color>\n            <label for=\"font-size\"> <ox-i18n msgid=\"label.font-size\">Font Size</ox-i18n> </label>\n            <input\n              id=\"font-size\"\n              type=\"number\"\n              value-key=\"series.defaultFontSize\"\n              value=${configurer.series.defaultFontSize || 10}\n            />\n            <label for=\"data-label-anchor\"> <ox-i18n msgid=\"label.position\">Position</ox-i18n> </label>\n            <select\n              id=\"data-label-anchor\"\n              value-key=\"series.dataLabelAnchor\"\n              value=${configurer.series.dataLabelAnchor || 'center'}\n            >\n              <option value=\"start\">Start</option>\n              <option value=\"center\" selected>Center</option>\n              <option value=\"end\">End</option>\n            </select>\n          `\n        : html``}\n    `\n  }\n\n  subTemplate() {\n    return html``\n  }\n\n  getDefaultDatasets(): OperatoChart.Dataset[] {\n    return [this.getDefaultDataset('bar')]\n  }\n\n  getDefaultDataset(seriesType: 'bar' | 'horizontalBar' | 'line' | 'radar' | 'pie'): OperatoChart.Dataset {\n    return {\n      label: 'Series 1',\n      data: [],\n      borderWidth: 1,\n      dataKey: '',\n      yAxisID: 'left',\n      color: randomColor({\n        hue: new TinyColor('#fff').clone().toString()\n      }).toRgbString(),\n      backgroundColor: '#FFFFFF',\n      type: seriesType,\n      stack: '',\n      fill: false,\n      lineTension: 0.4,\n      pointStyle: 'circle',\n      pointRadius: 3,\n      valuePrefix: '',\n      valueSuffix: '',\n      displayValue: false\n    }\n  }\n\n  getDefaultChartConfig(type: OperatoChart.ChartType, datasets?: OperatoChart.Dataset[]): OperatoChart.ChartConfig {\n    return {\n      data: {\n        datasets: datasets || [],\n        labelDataKey: ''\n      },\n      options: {\n        theme: 'light',\n        tooltip: true,\n        animation: true,\n        legend: {\n          display: true,\n          position: 'top'\n        },\n        scales: {\n          xAxes: [this.getDefaultAxisOptions()],\n          yAxes: [this.getDefaultAxisOptions()]\n        },\n        stacked: false,\n        xGridLine: true,\n        yGridLine: true,\n        y2ndGridLine: false,\n        multiAxis: false\n      },\n      type\n    }\n  }\n\n  getDefaultAxisOptions(): OperatoChart.AxisOptions {\n    return {\n      axisTitle: '',\n      barSpacing: 0,\n      categorySpacing: 0,\n      barPercentage: 0.9,\n      ticks: {\n        display: true,\n        autoMin: true,\n        autoMax: true,\n        min: undefined,\n        max: undefined,\n        stepSize: undefined\n      }\n    }\n  }\n\n  onValuesChanged(e: Event) {\n    e.stopPropagation()\n\n    const element = e.target as HTMLInputElement\n    let key = element.getAttribute('value-key')\n    let value = element.value\n\n    if (!key) {\n      return\n    }\n\n    value = this._getElementValue(element)\n\n    const attrs = key.split('.')\n    let attr = attrs.shift() || ''\n    let variable: any = this.configurer\n\n    while (attrs.length > 0) {\n      variable = variable[attr]\n      attr = attrs.shift() || ''\n    }\n\n    variable[attr] = value\n\n    this.value = { ...this.configurer.value }\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n    this.requestUpdate()\n  }\n\n  onTapAddTab(e: Event) {\n    const configurer = this.configurer\n\n    if (!configurer.config.data.datasets) return\n\n    const lastSeriesIndex = configurer.config.data.datasets.length\n    const chartType = configurer.series.type || configurer.config.type\n    const color = configurer.datasets[lastSeriesIndex - 1]?.backgroundColor\n    const lastSeriesColor = new TinyColor(Array.isArray(color) ? color[0] : color)\n\n    const seriesModel = this._getSeriesModel({\n      chartType: chartType!,\n      datasetsLength: lastSeriesIndex,\n      lastSeriesColor\n    })\n\n    configurer.config.data.datasets.push(seriesModel)\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n    configurer.currentSeriesIndex = lastSeriesIndex\n\n    this.value = { ...this.configurer.value }\n  }\n\n  onTapRemoveCurrentTab(index: number) {\n    const configurer = this.configurer\n\n    if (!configurer.config.data.datasets) {\n      return\n    }\n\n    this.configurer.data.datasets.splice(index, 1)\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n    configurer.currentSeriesIndex = Math.max(0, configurer.currentSeriesIndex - 1)\n\n    this.requestUpdate()\n  }\n\n  onTapAddAnnotation(e: Event) {\n    const configurer = this.configurer\n\n    const lastAnnotationIndex = configurer.annotations.length\n    configurer.annotations.push({ type: 'line', x1: 0, y1: 0 })\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n    configurer.currentAnnotationIndex = lastAnnotationIndex\n\n    this.value = { ...this.configurer.value }\n  }\n\n  onTapRemoveCurrentAnnotation(index: number) {\n    const configurer = this.configurer\n\n    if (!configurer.config.data.datasets) {\n      return\n    }\n\n    this.configurer.data.datasets.splice(index, 1)\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n    configurer.currentSeriesIndex = Math.max(0, configurer.currentSeriesIndex - 1)\n\n    this.requestUpdate()\n  }\n\n  _getSeriesModel({\n    chartType,\n    datasetsLength,\n    lastSeriesColor\n  }: {\n    chartType: string\n    datasetsLength: number\n    lastSeriesColor: TinyColor\n  }) {\n    const addSeriesOption: any = {\n      label: `series ${datasetsLength + 1}`,\n      data: [],\n      borderWidth: 1,\n      dataKey: '',\n      yAxisID: 'left',\n      color: randomColor({\n        hue: lastSeriesColor.toHsv().h\n      }).toRgbString(),\n      stack: ''\n    }\n\n    addSeriesOption.type = addSeriesOption.chartType = chartType\n    return addSeriesOption\n  }\n\n  _getElementValue(element: HTMLElement) {\n    switch (element.tagName) {\n      case 'INPUT':\n        switch ((element as HTMLInputElement).type) {\n          case 'checkbox':\n            return (element as HTMLInputElement).checked\n          case 'number':\n            return Number((element as HTMLInputElement).value) || 0\n          case 'text':\n            return String((element as HTMLInputElement).value)\n        }\n      default:\n        return (element as any).value\n    }\n  }\n\n  annotationsTabTemplate() {\n    const configurer = this.configurer\n    const currentAnnotation = configurer.annotations[configurer.currentAnnotationIndex] || {}\n\n    return html`\n      <div id=\"annotations-properties-container\" fullwidth>\n        <div id=\"annotations-tab-header\">\n          <md-icon\n            id=\"annotations-tab-nav-left-button\"\n            @tap=${(e: Event) => {\n              this._onTabScrollNavLeft(e, 'annotations')\n            }}\n            disabled\n            >chevron_left</md-icon\n          >\n          <div\n            id=\"annotations-tabs\"\n            @change=${(e: Event) => {\n              configurer.currentAnnotationIndex = (e.target as any).activeTabIndex\n            }}\n            active-tab-index=${configurer.currentAnnotationIndex}\n            fit-container\n          >\n            ${configurer.annotations!.map(\n              (annotation: any, index: number) => html`\n                <div\n                  data-annotation=${index + 1}\n                  data-tab-index=${index}\n                  tab\n                  ?selected=${index == configurer.currentAnnotationIndex}\n                  @click=${(e: Event) => {\n                    const target = e.target as HTMLDivElement\n                    this.configurer.setCurrentAnnotationIndex(Number(target.getAttribute('data-tab-index')))\n                    this.value = { ...this.configurer.value }\n                  }}\n                >\n                  ${index + 1}\n                  ${!configurer.annotations ||\n                  (configurer.annotations.length != 1 && configurer.currentAnnotationIndex == index)\n                    ? html` <md-icon @tap=${(e: Event) => this.onTapRemoveCurrentAnnotation(index)}> close </md-icon> `\n                    : html``}\n                </div>\n              `\n            )}\n          </div>\n          <md-icon\n            id=\"annotations-tab-nav-right-button\"\n            @click=${(e: Event) => {\n              this._onTabScrollNavRight(e, 'annotations')\n            }}\n            disabled\n            >chevron_right</md-icon\n          >\n        </div>\n        <div id=\"add-annotation-button-container\">\n          <md-icon id=\"add-annotation-button\" @tap=${(e: Event) => this.onTapAddAnnotation(e)}>add</md-icon>\n        </div>\n\n        <div class=\"tab-content\">\n          <label for=\"annotation-type\"> <ox-i18n msgid=\"label.chart-annotation-type\">Type</ox-i18n> </label>\n          <select\n            id=\"annotation-type\"\n            class=\"select-content\"\n            value-key=\"annotation.type\"\n            .value=${currentAnnotation.type || ''}\n          >\n            <option value=\"line\">Line</option>\n            <option value=\"text\">Text</option>\n            <option value=\"box\">Box</option>\n            <option value=\"horizontalLine\">Horizontal Line</option>\n            <option value=\"verticalLine\">Vertical Line</option>\n            <option value=\"custom\">Custom</option>\n          </select>\n\n          <label for=\"annotation-x1\">X1</label>\n          <input\n            id=\"annotation-x1\"\n            type=\"number\"\n            value-key=\"annotation.x1\"\n            .value=${String(currentAnnotation.x1 || 0)}\n          />\n\n          <label for=\"annotation-y1\">Y1</label>\n          <input\n            id=\"annotation-y1\"\n            type=\"number\"\n            value-key=\"annotation.y1\"\n            .value=${String(currentAnnotation.y1 || 0)}\n          />\n\n          <label for=\"annotation-x2\">X2</label>\n          <input\n            id=\"annotation-x2\"\n            type=\"number\"\n            value-key=\"annotation.x2\"\n            .value=${String(currentAnnotation.x2 || 0)}\n          />\n\n          <label for=\"annotation-y2\">Y2</label>\n          <input\n            id=\"annotation-y2\"\n            type=\"number\"\n            value-key=\"annotation.y2\"\n            .value=${String(currentAnnotation.y2 || 0)}\n          />\n\n          <label for=\"annotation-stroke\"> <ox-i18n msgid=\"label.stroke-style\">Stroke Style</ox-i18n> </label>\n          <ox-input-color\n            id=\"annotation-stroke\"\n            value-key=\"annotation.stroke\"\n            .value=${currentAnnotation.stroke}\n          ></ox-input-color>\n\n          <label for=\"annotation-stroke-thickness\">\n            <ox-i18n msgid=\"label.stroke-thickness\">Stroke Thickness</ox-i18n>\n          </label>\n          <input\n            id=\"annotation-stroke-thickness\"\n            type=\"number\"\n            value-key=\"annotation.strokeThickness\"\n            .value=${String(currentAnnotation.strokeThickness || 1)}\n          />\n\n          <label for=\"annotation-fill\"> <ox-i18n msgid=\"label.fill\">Fill</ox-i18n> </label>\n          <ox-input-color\n            id=\"annotation-fill\"\n            value-key=\"annotation.fill\"\n            .value=${currentAnnotation.fill}\n          ></ox-input-color>\n\n          <label for=\"annotation-text\"> <ox-i18n msgid=\"label.annotation-text\">Text</ox-i18n> </label>\n          <input id=\"annotation-text\" type=\"text\" value-key=\"annotation.text\" .value=${currentAnnotation.text || ''} />\n\n          <label for=\"annotation-horizontal-anchor\">\n            <ox-i18n msgid=\"label.horizontal-anchor\">Horizontal Anchor</ox-i18n>\n          </label>\n          <select\n            id=\"annotation-horizontal-anchor\"\n            class=\"select-content\"\n            value-key=\"annotation.horizontalAnchorPoint\"\n            .value=${currentAnnotation.horizontalAnchorPoint || ''}\n          >\n            <option value=\"Left\">Left</option>\n            <option value=\"Center\">Center</option>\n            <option value=\"Right\">Right</option>\n          </select>\n\n          <label for=\"annotation-vertical-anchor\">\n            <ox-i18n msgid=\"label.vertical-anchor\">Vertical Anchor</ox-i18n>\n          </label>\n          <select\n            id=\"annotation-vertical-anchor\"\n            class=\"select-content\"\n            value-key=\"annotation.verticalAnchorPoint\"\n            .value=${currentAnnotation.verticalAnchorPoint || ''}\n          >\n            <option value=\"Top\">Top</option>\n            <option value=\"Center\">Center</option>\n            <option value=\"Bottom\">Bottom</option>\n          </select>\n        </div>\n      </div>\n    `\n  }\n\n  multiSeriesTabTemplate() {\n    const configurer = this.configurer\n\n    return html`\n      <div id=\"series-properties-container\" fullwidth>\n        <div id=\"series-tab-header\">\n          <md-icon\n            id=\"series-tab-nav-left-button\"\n            @tap=${(e: Event) => {\n              this._onTabScrollNavLeft(e, 'series')\n            }}\n            disabled\n            >chevron_left</md-icon\n          >\n          <div\n            id=\"series-tabs\"\n            @change=${(e: Event) => {\n              configurer.currentSeriesIndex = (e.target as any).activeTabIndex\n            }}\n            active-tab-index=${configurer.currentSeriesIndex}\n            fit-container\n          >\n            ${configurer.datasets.map(\n              (dataset: any, index: number) => html`\n                <div\n                  data-series=${index + 1}\n                  data-tab-index=${index}\n                  tab\n                  ?selected=${index == configurer.currentSeriesIndex}\n                  @click=${(e: Event) => {\n                    const target = e.target as HTMLDivElement\n                    this.configurer.setCurrentSeriesIndex(Number(target.getAttribute('data-tab-index')))\n                    this.value = { ...this.configurer.value }\n                  }}\n                >\n                  ${index + 1}\n                  ${!configurer.datasets || (configurer.datasets.length != 1 && configurer.currentSeriesIndex == index)\n                    ? html` <md-icon @tap=${(e: Event) => this.onTapRemoveCurrentTab(index)}> close </md-icon> `\n                    : html``}\n                </div>\n              `\n            )}\n          </div>\n          <md-icon\n            id=\"series-tab-nav-right-button\"\n            @click=${(e: Event) => {\n              this._onTabScrollNavRight(e, 'series')\n            }}\n            disabled\n            >chevron_right</md-icon\n          >\n        </div>\n        <div id=\"add-series-button-container\">\n          <md-icon id=\"add-series-button\" @tap=${(e: Event) => this.onTapAddTab(e)}>add</md-icon>\n        </div>\n\n        <div class=\"tab-content\">\n          <label for=\"data-key\"> <ox-i18n msgid=\"label.data-key\">Data Key</ox-i18n> </label>\n          <input id=\"data-key\" type=\"text\" value-key=\"dataKey\" .value=${configurer.dataKey || ''} />\n\n          ${this.chartType == 'line' || this.chartType == 'bar'\n            ? html`\n                <label for=\"series-type\"> <ox-i18n msgid=\"label.series-type\">Type</ox-i18n> </label>\n                <select\n                  id=\"series-type\"\n                  class=\"select-content\"\n                  value-key=\"series.type\"\n                  .value=${configurer.series.type || ''}\n                >\n                  <option value=\"bar\" selected>Bar</option>\n                  <option value=\"line\">Line</option>\n                </select>\n              `\n            : html``}\n\n          <label for=\"series-label\"> <ox-i18n msgid=\"label.label\">Label</ox-i18n> </label>\n          <input id=\"series-label\" type=\"text\" value-key=\"series.label\" .value=${configurer.series.label || ''} />\n\n          ${configurer.series.type == 'line'\n            ? html`\n                <label for=\"series-line-tension\"> <ox-i18n msgid=\"label.line-tension\">Line Tension</ox-i18n> </label>\n                <select\n                  id=\"series-line-tension\"\n                  class=\"select-content\"\n                  value-key=\"series.lineTension\"\n                  .value=${String(configurer.series.lineTension || 0)}\n                >\n                  <option value=\"0.4\">Smooth</option>\n                  <option value=\"0\">Angled</option>\n                </select>\n              `\n            : html``}\n          ${configurer.series.type == 'line'\n            ? html`\n                <label for=\"series-border-width\"> <ox-i18n msgid=\"label.border-width\">Border Width</ox-i18n> </label>\n                <input\n                  id=\"series-border-width\"\n                  type=\"number\"\n                  value-key=\"series.borderWidth\"\n                  .value=${String(configurer.series.borderWidth || 0)}\n                />\n              `\n            : html``}\n\n          <label for=\"series-color\"> <ox-i18n msgid=\"label.color\">Color</ox-i18n> </label>\n          <ox-input-color id=\"series-color\" value-key=\"color\" .value=${configurer.color}></ox-input-color>\n\n          ${configurer.series.type == 'line'\n            ? html`\n                <label for=\"series-point-style\"> <ox-i18n msgid=\"label.point-shape\">Point Shape</ox-i18n> </label>\n                <select\n                  id=\"series-point-style\"\n                  class=\"select-content\"\n                  value-key=\"series.pointStyle\"\n                  .value=${configurer.series.pointStyle || ''}\n                >\n                  <option value=\"\">&nbsp;</option>\n                  <option value=\"circle\">⚬</option>\n                  <option value=\"triangle\">▵</option>\n                  <option value=\"rect\">□</option>\n                  <option value=\"rectRot\">◇</option>\n                  <option value=\"cross\">+</option>\n                  <option value=\"crossRot\">⨉</option>\n                  <option value=\"star\">✱</option>\n                  <option value=\"line\">―</option>\n                  <option value=\"dash\">┄</option>\n                </select>\n\n                <label for=\"series-point-radius\"> <ox-i18n msgid=\"label.point-size\">Point Size</ox-i18n> </label>\n                <input\n                  id=\"series-point-radius\"\n                  type=\"number\"\n                  value-key=\"series.pointRadius\"\n                  .value=${String(configurer.series.pointRadius || 0)}\n                />\n              `\n            : html``} <label for=\"series-stack\"> <ox-i18n msgid=\"label.stack-group\">Stack group</ox-i18n> </label>\n          <input id=\"series-stack\" type=\"text\" value-key=\"series.stack\" .value=${configurer.series.stack || ''} />\n          ${configurer.series.type == 'line'\n            ? html`\n                <input id=\"seires-fill\" type=\"checkbox\" value-key=\"series.fill\" ?checked=${configurer.series.fill} />\n                <label for=\"seires-fill\"> <ox-i18n msgid=\"label.fill\">Fill</ox-i18n> </label>\n              `\n            : html``}\n          ${configurer.multiAxis\n            ? html`\n                <label for=\"series-y-axis-id\"> <ox-i18n msgid=\"label.target-axis\">Target Axis</ox-i18n> </label>\n                <select\n                  id=\"series-y-axis-id\"\n                  class=\"select-content\"\n                  value-key=\"series.yAxisID\"\n                  .value=${configurer.series.yAxisID || ''}\n                >\n                  <option value=\"left\">Left</option>\n                  <option value=\"right\">Right</option>\n                </select>\n              `\n            : html``}\n          ${this.displayValueTemplate()}\n        </div>\n      </div>\n    `\n  }\n\n  _onTabScroll(e: Event, type: 'series' | 'annotations') {\n    let tabContainer: HTMLElement | null | undefined\n    let tabNavLeftButton: MdIcon\n    let tabNavRightButton: MdIcon\n\n    if (type === 'series') {\n      tabContainer = this.seriesTabContainer\n      tabNavLeftButton = this.seriesTabNavLeftButton\n      tabNavRightButton = this.seriesTabNavRightButton\n    } else {\n      tabContainer = this.annotationsTabContainer\n      tabNavLeftButton = this.annotationsTabNavLeftButton\n      tabNavRightButton = this.annotationsTabNavRightButton\n    }\n\n    if (!tabContainer) {\n      return\n    }\n\n    if (tabContainer.clientWidth == tabContainer.scrollWidth) {\n      tabNavLeftButton.setAttribute('disabled', '')\n      tabNavRightButton.setAttribute('disabled', '')\n    }\n    // left-end\n    else if (tabContainer.scrollLeft == 0) {\n      tabNavLeftButton.setAttribute('disabled', '')\n      tabNavRightButton.removeAttribute('disabled')\n    }\n    // right-end\n    else if (tabContainer.scrollLeft + tabContainer.clientWidth >= tabContainer.scrollWidth) {\n      tabNavLeftButton.removeAttribute('disabled')\n      tabNavRightButton.setAttribute('disabled', '')\n    } else {\n      tabNavLeftButton.removeAttribute('disabled')\n      tabNavRightButton.removeAttribute('disabled')\n    }\n  }\n\n  _onTabScrollNavLeft(e: Event, type: 'series' | 'annotations') {\n    let tabContainer: HTMLElement | null | undefined\n\n    if (type === 'series') {\n      tabContainer = this.seriesTabContainer\n    } else {\n      tabContainer = this.annotationsTabContainer\n    }\n\n    if (!tabContainer) {\n      return\n    }\n\n    tabContainer.style.scrollBehavior = 'smooth'\n    tabContainer.scrollLeft -= tabContainer.clientWidth\n    tabContainer.style.scrollBehavior = 'auto'\n  }\n\n  _onTabScrollNavRight(e: Event, type: 'series' | 'annotations') {\n    let tabContainer: HTMLElement | null | undefined\n\n    if (type === 'series') {\n      tabContainer = this.seriesTabContainer\n    } else {\n      tabContainer = this.annotationsTabContainer\n    }\n\n    if (!tabContainer) {\n      return\n    }\n\n    tabContainer.style.scrollBehavior = 'smooth'\n    tabContainer.scrollLeft += tabContainer.clientWidth\n    tabContainer.style.scrollBehavior = 'auto'\n  }\n}\n"]}
+{"version":3,"file":"input-chart-abstract.js","sourceRoot":"","sources":["../../../src/editors/input-chart-abstract.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport { html, PropertyValues } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { random as randomColor, TinyColor } from '@ctrl/tinycolor'\nimport { MdIcon } from '@material/web/icon/icon.js'\n\nimport { InputChartStyles } from './input-chart-styles'\nimport { Configurer } from './configurer'\nimport { OxFormField } from '@operato/input'\n\nexport class InputChartAbstract extends OxFormField {\n  static styles = [InputChartStyles]\n\n  @property({ type: Object }) value: OperatoChart.ChartConfig | null = null\n  @property({ type: String, attribute: 'chart-type' }) chartType: OperatoChart.ChartType\n\n  @query('#annotations-tabs') annotationsTabs!: HTMLElement\n  @query('#annotations-tab-nav-left-button') annotationsTabNavLeftButton!: MdIcon\n  @query('#annotations-tab-nav-right-button') annotationsTabNavRightButton!: MdIcon\n\n  @query('#series-tabs') seriesTabs!: HTMLElement\n  @query('#series-tab-nav-left-button') seriesTabNavLeftButton!: MdIcon\n  @query('#series-tab-nav-right-button') seriesTabNavRightButton!: MdIcon\n\n  private _configurer?: Configurer\n\n  get configurer() {\n    if (!this._configurer) {\n      this._configurer = new Configurer(this.value, () => {\n        return this.value || this.getDefaultChartConfig(this.chartType, this.getDefaultDatasets())\n      })\n    }\n    return this._configurer\n  }\n\n  render() {\n    const configurer = this.configurer\n\n    return html`\n      <legend><ox-i18n msgid=\"label.chart\">Chart</ox-i18n></legend>\n\n      <label for=\"theme\"> <ox-i18n msgid=\"label.theme\">Theme</ox-i18n> </label>\n      <select id=\"theme\" value-key=\"theme\" class=\"select-content\" .value=${configurer.theme || 'light'}>\n        <option value=\"auto\">auto</option>\n        <option value=\"dark\">dark</option>\n        <option value=\"light\" checked>light</option>\n      </select>\n\n      <input id=\"tooltip\" type=\"checkbox\" value-key=\"tooltip\" ?checked=${configurer.tooltip} />\n      <label for=\"tooltip\"> <ox-i18n msgid=\"label.tooltip\">Tooltip</ox-i18n> </label>\n\n      <input id=\"animation\" type=\"checkbox\" value-key=\"animation\" ?checked=${configurer.animation} />\n      <label for=\"animation\"> <ox-i18n msgid=\"label.animation\">Animation</ox-i18n> </label>\n\n      <input id=\"display\" type=\"checkbox\" value-key=\"display\" ?checked=${configurer.display} />\n      <label for=\"display\"> <ox-i18n msgid=\"label.legend\">Legend</ox-i18n> </label>\n\n      <input id=\"stacked\" type=\"checkbox\" value-key=\"stacked\" ?checked=${configurer.stacked} />\n      <label for=\"stacked\"> <ox-i18n msgid=\"label.stacked\">Stacked</ox-i18n> </label>\n\n      ${configurer.display\n        ? html`\n            <label for=\"position\"> <ox-i18n msgid=\"label.position\">Position</ox-i18n> </label>\n            <select id=\"position\" value-key=\"position\" class=\"select-content\" .value=${configurer.position || ''}>\n              <option value=\"top\">top</option>\n              <option value=\"right\">right</option>\n              <option value=\"bottom\">bottom</option>\n              <option value=\"left\">left</option>\n            </select>\n          `\n        : html``}\n      ${this.subTemplate()}\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    this.renderRoot.addEventListener('change', this.onValuesChanged.bind(this))\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.seriesTabContainer?.addEventListener('scroll', e => {\n      this._onTabScroll(e, 'series')\n    })\n\n    this.annotationsTabContainer?.addEventListener('scroll', e => {\n      this._onTabScroll(e, 'annotations')\n    })\n  }\n\n  get seriesTabContainer(): HTMLElement | null | undefined {\n    return this.seriesTabs\n  }\n\n  get annotationsTabContainer(): HTMLElement | null | undefined {\n    return this.annotationsTabs\n  }\n\n  displayValueTemplate() {\n    const configurer = this.configurer\n\n    return html`\n      <label for=\"value-format\"> <ox-i18n msgid=\"label.value-format\">Value Format</ox-i18n> </label>\n      <input\n        id=\"value-format\"\n        type=\"text\"\n        value-key=\"series.valueFormat\"\n        .value=${configurer.series.valueFormat || ''}\n        list=\"format-list\"\n      />\n      <datalist id=\"format-list\">\n        <option value=\"#,###.\"></option>\n        <option value=\"#,###.#\"></option>\n        <option value=\"#,###.0\"></option>\n        <option value=\"#,##0.#\"></option>\n        <option value=\"#,##0.0\"></option>\n        <option value=\"#,##0.0%\"></option>\n      </datalist>\n\n      <label for=\"value-prefix\"> <ox-i18n msgid=\"label.value-prefix\">Value Prefix</ox-i18n> </label>\n      <input\n        id=\"value-prefix\"\n        type=\"text\"\n        value-key=\"series.valuePrefix\"\n        .value=${configurer.series.valuePrefix || ''}\n      />\n\n      <label for=\"value-suffix\"> <ox-i18n msgid=\"label.value-suffix\">Value Suffix</ox-i18n> </label>\n      <input\n        id=\"value-suffix\"\n        type=\"text\"\n        value-key=\"series.valueSuffix\"\n        .value=${configurer.series.valueSuffix || ''}\n      />\n\n      <input\n        id=\"display-value\"\n        type=\"checkbox\"\n        value-key=\"series.displayValue\"\n        ?checked=${!!configurer.series.displayValue}\n      />\n      <label for=\"display-value\"> <ox-i18n msgid=\"label.value-display\">Value Display</ox-i18n> </label>\n\n      ${configurer.series.displayValue\n        ? html`\n            <label for=\"font-color\"> <ox-i18n msgid=\"label.font-color\">Font Color</ox-i18n> </label>\n            <ox-input-color\n              id=\"font-color\"\n              value-key=\"series.defaultFontColor\"\n              .value=${configurer.series.defaultFontColor || '#000'}\n            ></ox-input-color>\n            <label for=\"font-size\"> <ox-i18n msgid=\"label.font-size\">Font Size</ox-i18n> </label>\n            <input\n              id=\"font-size\"\n              type=\"number\"\n              value-key=\"series.defaultFontSize\"\n              value=${configurer.series.defaultFontSize || 10}\n            />\n            <label for=\"data-label-anchor\"> <ox-i18n msgid=\"label.position\">Position</ox-i18n> </label>\n            <select\n              id=\"data-label-anchor\"\n              value-key=\"series.dataLabelAnchor\"\n              value=${configurer.series.dataLabelAnchor || 'center'}\n            >\n              <option value=\"start\">Start</option>\n              <option value=\"center\" selected>Center</option>\n              <option value=\"end\">End</option>\n            </select>\n          `\n        : html``}\n    `\n  }\n\n  subTemplate() {\n    return html``\n  }\n\n  getDefaultDatasets(): OperatoChart.Dataset[] {\n    return [this.getDefaultDataset('bar')]\n  }\n\n  getDefaultDataset(seriesType: 'bar' | 'horizontalBar' | 'line' | 'radar' | 'pie'): OperatoChart.Dataset {\n    return {\n      label: 'Series 1',\n      data: [],\n      borderWidth: 1,\n      dataKey: '',\n      yAxisID: 'left',\n      color: randomColor({\n        hue: new TinyColor('#fff').clone().toString()\n      }).toRgbString(),\n      backgroundColor: '#FFFFFF',\n      type: seriesType,\n      stack: '',\n      fill: false,\n      lineTension: 0.4,\n      pointStyle: 'circle',\n      pointRadius: 3,\n      valuePrefix: '',\n      valueSuffix: '',\n      displayValue: false\n    }\n  }\n\n  getDefaultChartConfig(type: OperatoChart.ChartType, datasets?: OperatoChart.Dataset[]): OperatoChart.ChartConfig {\n    return {\n      data: {\n        datasets: datasets || [],\n        labelDataKey: ''\n      },\n      options: {\n        theme: 'light',\n        tooltip: true,\n        animation: true,\n        legend: {\n          display: true,\n          position: 'top'\n        },\n        scales: {\n          xAxes: [this.getDefaultAxisOptions()],\n          yAxes: [this.getDefaultAxisOptions()]\n        },\n        stacked: false,\n        xGridLine: true,\n        yGridLine: true,\n        y2ndGridLine: false,\n        multiAxis: false\n      },\n      type\n    }\n  }\n\n  getDefaultAxisOptions(): OperatoChart.AxisOptions {\n    return {\n      axisTitle: '',\n      barSpacing: 0,\n      categorySpacing: 0,\n      barPercentage: 0.9,\n      ticks: {\n        display: true,\n        autoMin: true,\n        autoMax: true,\n        min: undefined,\n        max: undefined,\n        stepSize: undefined\n      }\n    }\n  }\n\n  onValuesChanged(e: Event) {\n    e.stopPropagation()\n\n    const element = e.target as HTMLInputElement\n    let key = element.getAttribute('value-key')\n    let value = element.value\n\n    if (!key) {\n      return\n    }\n\n    value = this._getElementValue(element)\n\n    const attrs = key.split('.')\n    let attr = attrs.shift() || ''\n    let variable: any = this.configurer\n\n    while (attrs.length > 0) {\n      variable = variable[attr]\n      attr = attrs.shift() || ''\n    }\n\n    variable[attr] = value\n\n    this.value = { ...this.configurer.value }\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n    this.requestUpdate()\n  }\n\n  onTapAddTab(e: Event) {\n    const configurer = this.configurer\n\n    if (!configurer.config.data.datasets) return\n\n    const lastSeriesIndex = configurer.config.data.datasets.length\n    const chartType = configurer.series.type || configurer.config.type\n    const color = configurer.datasets[lastSeriesIndex - 1]?.backgroundColor\n    const lastSeriesColor = new TinyColor(Array.isArray(color) ? color[0] : color)\n\n    const seriesModel = this._getSeriesModel({\n      chartType: chartType!,\n      datasetsLength: lastSeriesIndex,\n      lastSeriesColor\n    })\n\n    configurer.config.data.datasets.push(seriesModel)\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n    configurer.currentSeriesIndex = lastSeriesIndex\n\n    this.value = { ...this.configurer.value }\n  }\n\n  onTapRemoveCurrentTab(index: number) {\n    const configurer = this.configurer\n\n    if (!configurer.config.data.datasets) {\n      return\n    }\n\n    this.configurer.data.datasets.splice(index, 1)\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n    configurer.currentSeriesIndex = Math.max(0, configurer.currentSeriesIndex - 1)\n\n    this.requestUpdate()\n  }\n\n  onTapAddAnnotation(e: Event) {\n    const configurer = this.configurer\n\n    const lastAnnotationIndex = configurer.annotations.length\n    configurer.annotations.push({ type: 'line', x1: 0, y1: 0 })\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n    configurer.currentAnnotationIndex = lastAnnotationIndex\n\n    this.value = { ...this.configurer.value }\n  }\n\n  onTapRemoveCurrentAnnotation(index: number) {\n    const configurer = this.configurer\n\n    if (!configurer.annotations) {\n      return\n    }\n\n    configurer.annotations.splice(index, 1)\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n    configurer.currentAnnotationIndex = Math.max(0, configurer.currentAnnotationIndex - 1)\n\n    this.requestUpdate()\n  }\n\n  _getSeriesModel({\n    chartType,\n    datasetsLength,\n    lastSeriesColor\n  }: {\n    chartType: string\n    datasetsLength: number\n    lastSeriesColor: TinyColor\n  }) {\n    const addSeriesOption: any = {\n      label: `series ${datasetsLength + 1}`,\n      data: [],\n      borderWidth: 1,\n      dataKey: '',\n      yAxisID: 'left',\n      color: randomColor({\n        hue: lastSeriesColor.toHsv().h\n      }).toRgbString(),\n      stack: ''\n    }\n\n    addSeriesOption.type = addSeriesOption.chartType = chartType\n    return addSeriesOption\n  }\n\n  _getElementValue(element: HTMLElement) {\n    switch (element.tagName) {\n      case 'INPUT':\n        switch ((element as HTMLInputElement).type) {\n          case 'checkbox':\n            return (element as HTMLInputElement).checked\n          case 'number':\n            return Number((element as HTMLInputElement).value) || 0\n          case 'text':\n            return String((element as HTMLInputElement).value)\n        }\n      default:\n        return (element as any).value\n    }\n  }\n\n  annotationsTabTemplate() {\n    const configurer = this.configurer\n    const currentAnnotation = configurer.annotations[configurer.currentAnnotationIndex] || {}\n\n    return html`\n      <div id=\"annotations-properties-container\" fullwidth>\n        <div id=\"annotations-tab-header\">\n          <md-icon\n            id=\"annotations-tab-nav-left-button\"\n            @tap=${(e: Event) => {\n              this._onTabScrollNavLeft(e, 'annotations')\n            }}\n            disabled\n            >chevron_left</md-icon\n          >\n          <div\n            id=\"annotations-tabs\"\n            @change=${(e: Event) => {\n              configurer.currentAnnotationIndex = (e.target as any).activeTabIndex\n            }}\n            active-tab-index=${configurer.currentAnnotationIndex}\n            fit-container\n          >\n            ${configurer.annotations!.map(\n              (annotation: any, index: number) => html`\n                <div\n                  data-annotation=${index + 1}\n                  data-tab-index=${index}\n                  tab\n                  ?selected=${index == configurer.currentAnnotationIndex}\n                  @click=${(e: Event) => {\n                    const target = e.target as HTMLDivElement\n                    this.configurer.setCurrentAnnotationIndex(Number(target.getAttribute('data-tab-index')))\n                    this.value = { ...this.configurer.value }\n                  }}\n                >\n                  ${index + 1}\n                  ${!configurer.annotations ||\n                  (configurer.annotations.length != 1 && configurer.currentAnnotationIndex == index)\n                    ? html` <md-icon @tap=${(e: Event) => this.onTapRemoveCurrentAnnotation(index)}> close </md-icon> `\n                    : html``}\n                </div>\n              `\n            )}\n          </div>\n          <md-icon\n            id=\"annotations-tab-nav-right-button\"\n            @click=${(e: Event) => {\n              this._onTabScrollNavRight(e, 'annotations')\n            }}\n            disabled\n            >chevron_right</md-icon\n          >\n        </div>\n        <div id=\"add-annotation-button-container\">\n          <md-icon id=\"add-annotation-button\" @tap=${(e: Event) => this.onTapAddAnnotation(e)}>add</md-icon>\n        </div>\n\n        <div class=\"tab-content\">\n          <label for=\"annotation-type\"> <ox-i18n msgid=\"label.chart-annotation-type\">Type</ox-i18n> </label>\n          <select\n            id=\"annotation-type\"\n            class=\"select-content\"\n            value-key=\"annotation.type\"\n            .value=${currentAnnotation.type || ''}\n          >\n            <option value=\"line\">Line</option>\n            <option value=\"text\">Text</option>\n            <option value=\"box\">Box</option>\n            <option value=\"horizontalLine\">Horizontal Line</option>\n            <option value=\"verticalLine\">Vertical Line</option>\n            <option value=\"custom\">Custom</option>\n          </select>\n\n          <label for=\"annotation-x1\">X1</label>\n          <input\n            id=\"annotation-x1\"\n            type=\"number\"\n            value-key=\"annotation.x1\"\n            .value=${String(currentAnnotation.x1 || 0)}\n          />\n\n          <label for=\"annotation-y1\">Y1</label>\n          <input\n            id=\"annotation-y1\"\n            type=\"number\"\n            value-key=\"annotation.y1\"\n            .value=${String(currentAnnotation.y1 || 0)}\n          />\n\n          <label for=\"annotation-x2\">X2</label>\n          <input\n            id=\"annotation-x2\"\n            type=\"number\"\n            value-key=\"annotation.x2\"\n            .value=${String(currentAnnotation.x2 || 0)}\n          />\n\n          <label for=\"annotation-y2\">Y2</label>\n          <input\n            id=\"annotation-y2\"\n            type=\"number\"\n            value-key=\"annotation.y2\"\n            .value=${String(currentAnnotation.y2 || 0)}\n          />\n\n          <label for=\"annotation-stroke\"> <ox-i18n msgid=\"label.stroke-style\">Stroke Style</ox-i18n> </label>\n          <ox-input-color\n            id=\"annotation-stroke\"\n            value-key=\"annotation.stroke\"\n            .value=${currentAnnotation.stroke}\n          ></ox-input-color>\n\n          <label for=\"annotation-stroke-thickness\">\n            <ox-i18n msgid=\"label.stroke-thickness\">Stroke Thickness</ox-i18n>\n          </label>\n          <input\n            id=\"annotation-stroke-thickness\"\n            type=\"number\"\n            value-key=\"annotation.strokeThickness\"\n            .value=${String(currentAnnotation.strokeThickness || 1)}\n          />\n\n          <label for=\"annotation-fill\"> <ox-i18n msgid=\"label.fill\">Fill</ox-i18n> </label>\n          <ox-input-color\n            id=\"annotation-fill\"\n            value-key=\"annotation.fill\"\n            .value=${currentAnnotation.fill}\n          ></ox-input-color>\n\n          <label for=\"annotation-text\"> <ox-i18n msgid=\"label.annotation-text\">Text</ox-i18n> </label>\n          <input id=\"annotation-text\" type=\"text\" value-key=\"annotation.text\" .value=${currentAnnotation.text || ''} />\n\n          <label for=\"annotation-horizontal-anchor\">\n            <ox-i18n msgid=\"label.horizontal-anchor\">Horizontal Anchor</ox-i18n>\n          </label>\n          <select\n            id=\"annotation-horizontal-anchor\"\n            class=\"select-content\"\n            value-key=\"annotation.horizontalAnchorPoint\"\n            .value=${currentAnnotation.horizontalAnchorPoint || ''}\n          >\n            <option value=\"Left\">Left</option>\n            <option value=\"Center\">Center</option>\n            <option value=\"Right\">Right</option>\n          </select>\n\n          <label for=\"annotation-vertical-anchor\">\n            <ox-i18n msgid=\"label.vertical-anchor\">Vertical Anchor</ox-i18n>\n          </label>\n          <select\n            id=\"annotation-vertical-anchor\"\n            class=\"select-content\"\n            value-key=\"annotation.verticalAnchorPoint\"\n            .value=${currentAnnotation.verticalAnchorPoint || ''}\n          >\n            <option value=\"Top\">Top</option>\n            <option value=\"Center\">Center</option>\n            <option value=\"Bottom\">Bottom</option>\n          </select>\n        </div>\n      </div>\n    `\n  }\n\n  multiSeriesTabTemplate() {\n    const configurer = this.configurer\n\n    return html`\n      <div id=\"series-properties-container\" fullwidth>\n        <div id=\"series-tab-header\">\n          <md-icon\n            id=\"series-tab-nav-left-button\"\n            @tap=${(e: Event) => {\n              this._onTabScrollNavLeft(e, 'series')\n            }}\n            disabled\n            >chevron_left</md-icon\n          >\n          <div\n            id=\"series-tabs\"\n            @change=${(e: Event) => {\n              configurer.currentSeriesIndex = (e.target as any).activeTabIndex\n            }}\n            active-tab-index=${configurer.currentSeriesIndex}\n            fit-container\n          >\n            ${configurer.datasets.map(\n              (dataset: any, index: number) => html`\n                <div\n                  data-series=${index + 1}\n                  data-tab-index=${index}\n                  tab\n                  ?selected=${index == configurer.currentSeriesIndex}\n                  @click=${(e: Event) => {\n                    const target = e.target as HTMLDivElement\n                    this.configurer.setCurrentSeriesIndex(Number(target.getAttribute('data-tab-index')))\n                    this.value = { ...this.configurer.value }\n                  }}\n                >\n                  ${index + 1}\n                  ${!configurer.datasets || (configurer.datasets.length != 1 && configurer.currentSeriesIndex == index)\n                    ? html` <md-icon @tap=${(e: Event) => this.onTapRemoveCurrentTab(index)}> close </md-icon> `\n                    : html``}\n                </div>\n              `\n            )}\n          </div>\n          <md-icon\n            id=\"series-tab-nav-right-button\"\n            @click=${(e: Event) => {\n              this._onTabScrollNavRight(e, 'series')\n            }}\n            disabled\n            >chevron_right</md-icon\n          >\n        </div>\n        <div id=\"add-series-button-container\">\n          <md-icon id=\"add-series-button\" @tap=${(e: Event) => this.onTapAddTab(e)}>add</md-icon>\n        </div>\n\n        <div class=\"tab-content\">\n          <label for=\"data-key\"> <ox-i18n msgid=\"label.data-key\">Data Key</ox-i18n> </label>\n          <input id=\"data-key\" type=\"text\" value-key=\"dataKey\" .value=${configurer.dataKey || ''} />\n\n          ${this.chartType == 'line' || this.chartType == 'bar'\n            ? html`\n                <label for=\"series-type\"> <ox-i18n msgid=\"label.series-type\">Type</ox-i18n> </label>\n                <select\n                  id=\"series-type\"\n                  class=\"select-content\"\n                  value-key=\"series.type\"\n                  .value=${configurer.series.type || ''}\n                >\n                  <option value=\"bar\" selected>Bar</option>\n                  <option value=\"line\">Line</option>\n                </select>\n              `\n            : html``}\n\n          <label for=\"series-label\"> <ox-i18n msgid=\"label.label\">Label</ox-i18n> </label>\n          <input id=\"series-label\" type=\"text\" value-key=\"series.label\" .value=${configurer.series.label || ''} />\n\n          ${configurer.series.type == 'line'\n            ? html`\n                <label for=\"series-line-tension\"> <ox-i18n msgid=\"label.line-tension\">Line Tension</ox-i18n> </label>\n                <select\n                  id=\"series-line-tension\"\n                  class=\"select-content\"\n                  value-key=\"series.lineTension\"\n                  .value=${String(configurer.series.lineTension || 0)}\n                >\n                  <option value=\"0.4\">Smooth</option>\n                  <option value=\"0\">Angled</option>\n                </select>\n              `\n            : html``}\n          ${configurer.series.type == 'line'\n            ? html`\n                <label for=\"series-border-width\"> <ox-i18n msgid=\"label.border-width\">Border Width</ox-i18n> </label>\n                <input\n                  id=\"series-border-width\"\n                  type=\"number\"\n                  value-key=\"series.borderWidth\"\n                  .value=${String(configurer.series.borderWidth || 0)}\n                />\n              `\n            : html``}\n\n          <label for=\"series-color\"> <ox-i18n msgid=\"label.color\">Color</ox-i18n> </label>\n          <ox-input-color id=\"series-color\" value-key=\"color\" .value=${configurer.color}></ox-input-color>\n\n          ${configurer.series.type == 'line'\n            ? html`\n                <label for=\"series-point-style\"> <ox-i18n msgid=\"label.point-shape\">Point Shape</ox-i18n> </label>\n                <select\n                  id=\"series-point-style\"\n                  class=\"select-content\"\n                  value-key=\"series.pointStyle\"\n                  .value=${configurer.series.pointStyle || ''}\n                >\n                  <option value=\"\">&nbsp;</option>\n                  <option value=\"circle\">⚬</option>\n                  <option value=\"triangle\">▵</option>\n                  <option value=\"rect\">□</option>\n                  <option value=\"rectRot\">◇</option>\n                  <option value=\"cross\">+</option>\n                  <option value=\"crossRot\">⨉</option>\n                  <option value=\"star\">✱</option>\n                  <option value=\"line\">―</option>\n                  <option value=\"dash\">┄</option>\n                </select>\n\n                <label for=\"series-point-radius\"> <ox-i18n msgid=\"label.point-size\">Point Size</ox-i18n> </label>\n                <input\n                  id=\"series-point-radius\"\n                  type=\"number\"\n                  value-key=\"series.pointRadius\"\n                  .value=${String(configurer.series.pointRadius || 0)}\n                />\n              `\n            : html``} <label for=\"series-stack\"> <ox-i18n msgid=\"label.stack-group\">Stack group</ox-i18n> </label>\n          <input id=\"series-stack\" type=\"text\" value-key=\"series.stack\" .value=${configurer.series.stack || ''} />\n          ${configurer.series.type == 'line'\n            ? html`\n                <input id=\"seires-fill\" type=\"checkbox\" value-key=\"series.fill\" ?checked=${configurer.series.fill} />\n                <label for=\"seires-fill\"> <ox-i18n msgid=\"label.fill\">Fill</ox-i18n> </label>\n              `\n            : html``}\n          ${configurer.multiAxis\n            ? html`\n                <label for=\"series-y-axis-id\"> <ox-i18n msgid=\"label.target-axis\">Target Axis</ox-i18n> </label>\n                <select\n                  id=\"series-y-axis-id\"\n                  class=\"select-content\"\n                  value-key=\"series.yAxisID\"\n                  .value=${configurer.series.yAxisID || ''}\n                >\n                  <option value=\"left\">Left</option>\n                  <option value=\"right\">Right</option>\n                </select>\n              `\n            : html``}\n          ${this.displayValueTemplate()}\n        </div>\n      </div>\n    `\n  }\n\n  _onTabScroll(e: Event, type: 'series' | 'annotations') {\n    let tabContainer: HTMLElement | null | undefined\n    let tabNavLeftButton: MdIcon\n    let tabNavRightButton: MdIcon\n\n    if (type === 'series') {\n      tabContainer = this.seriesTabContainer\n      tabNavLeftButton = this.seriesTabNavLeftButton\n      tabNavRightButton = this.seriesTabNavRightButton\n    } else {\n      tabContainer = this.annotationsTabContainer\n      tabNavLeftButton = this.annotationsTabNavLeftButton\n      tabNavRightButton = this.annotationsTabNavRightButton\n    }\n\n    if (!tabContainer) {\n      return\n    }\n\n    if (tabContainer.clientWidth == tabContainer.scrollWidth) {\n      tabNavLeftButton.setAttribute('disabled', '')\n      tabNavRightButton.setAttribute('disabled', '')\n    }\n    // left-end\n    else if (tabContainer.scrollLeft == 0) {\n      tabNavLeftButton.setAttribute('disabled', '')\n      tabNavRightButton.removeAttribute('disabled')\n    }\n    // right-end\n    else if (tabContainer.scrollLeft + tabContainer.clientWidth >= tabContainer.scrollWidth) {\n      tabNavLeftButton.removeAttribute('disabled')\n      tabNavRightButton.setAttribute('disabled', '')\n    } else {\n      tabNavLeftButton.removeAttribute('disabled')\n      tabNavRightButton.removeAttribute('disabled')\n    }\n  }\n\n  _onTabScrollNavLeft(e: Event, type: 'series' | 'annotations') {\n    let tabContainer: HTMLElement | null | undefined\n\n    if (type === 'series') {\n      tabContainer = this.seriesTabContainer\n    } else {\n      tabContainer = this.annotationsTabContainer\n    }\n\n    if (!tabContainer) {\n      return\n    }\n\n    tabContainer.style.scrollBehavior = 'smooth'\n    tabContainer.scrollLeft -= tabContainer.clientWidth\n    tabContainer.style.scrollBehavior = 'auto'\n  }\n\n  _onTabScrollNavRight(e: Event, type: 'series' | 'annotations') {\n    let tabContainer: HTMLElement | null | undefined\n\n    if (type === 'series') {\n      tabContainer = this.seriesTabContainer\n    } else {\n      tabContainer = this.annotationsTabContainer\n    }\n\n    if (!tabContainer) {\n      return\n    }\n\n    tabContainer.style.scrollBehavior = 'smooth'\n    tabContainer.scrollLeft += tabContainer.clientWidth\n    tabContainer.style.scrollBehavior = 'auto'\n  }\n}\n"]}

package/dist/src/editors/ox-property-editor-chart.d.ts

@@ -3,6 +3,7 @@ import './ox-input-chart-hbar';
 import './ox-input-chart-mixed';
 import './ox-input-chart-pie';
 import './ox-input-chart-radar';
+import './ox-input-chart-timeseries';
 import { OxPropertyEditor, PropertySpec } from '@operato/property-editor';
 export declare class ChartEditor extends OxPropertyEditor {
     static styles: import("lit").CSSResult[];

package/dist/src/editors/ox-property-editor-chart.js

@@ -4,6 +4,7 @@ import './ox-input-chart-hbar';
 import './ox-input-chart-mixed';
 import './ox-input-chart-pie';
 import './ox-input-chart-radar';
+import './ox-input-chart-timeseries';
 import { css, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { OxPropertyEditor } from '@operato/property-editor';

package/dist/src/editors/ox-property-editor-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-property-editor-chart.js","sourceRoot":"","sources":["../../../src/editors/ox-property-editor-chart.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAW,MAAM,KAAK,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAgB,MAAM,0BAA0B,CAAA;AAGlE,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,gBAAgB;aACxC,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BF;KACF,AAjCY,CAiCZ;IAED,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,MAAM,CAAC;YACZ,KAAK,KAAK;gBACR,OAAO,IAAI,CAAA,iCAAiC,KAAK,eAAe,KAAK,qCAAqC,CAAA;YAC5G,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAA,gCAAgC,KAAK,eAAe,KAAK,oCAAoC,CAAA;YAC1G,KAAK,KAAK,CAAC;YACX,KAAK,UAAU,CAAC;YAChB,KAAK,WAAW;gBACd,OAAO,IAAI,CAAA,+BAA+B,KAAK,eAAe,KAAK,mCAAmC,CAAA;YACxG,KAAK,OAAO;gBACV,OAAO,IAAI,CAAA,iCAAiC,KAAK,eAAe,KAAK,qCAAqC,CAAA;YAC5G,KAAK,YAAY;gBACf,OAAO,IAAI,CAAA;8CAC2B,KAAK,eAAe,KAAK;SAC9D,CAAA;QACL,CAAC;QAED,OAAO,IAAI,CAAA,EAAE,CAAA;IACf,CAAC;;AAxDU,WAAW;IADvB,aAAa,CAAC,0BAA0B,CAAC;GAC7B,WAAW,CAyDvB","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport './ox-input-chart-hbar'\nimport './ox-input-chart-mixed'\nimport './ox-input-chart-pie'\nimport './ox-input-chart-radar'\n\nimport { css, html, nothing } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\n\n@customElement('ox-property-editor-chart')\nexport class ChartEditor extends OxPropertyEditor {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        padding: 5px;\n\n        --md-elevated-button-container-height: 20px;\n      }\n\n      #chart-type {\n        display: grid;\n        grid-template-columns: repeat(10, 1fr);\n        grid-gap: 5px;\n      }\n\n      #chart-type > label {\n        box-sizing: border-box;\n        grid-column: span 3;\n\n        text-align: right;\n\n        color: var(--md-sys-color-on-secondary-container);\n        font-size: 0.8em;\n        line-height: 2;\n        text-transform: capitalize;\n      }\n\n      #chart-type > input {\n        box-sizing: border-box;\n        grid-column: span 7;\n        border: 1px solid rgba(0, 0, 0, 0.2);\n      }\n    `\n  ]\n\n  editorTemplate(value: any, spec: PropertySpec) {\n    switch (value.type) {\n      case 'line':\n      case 'bar':\n        return html` <ox-input-chart-mixed .value=${value} chart-type=${value} fullwidth></ox-input-chart-mixed> `\n      case 'horizontalBar':\n        return html` <ox-input-chart-hbar .value=${value} chart-type=${value} fullwidth></ox-input-chart-hbar> `\n      case 'pie':\n      case 'doughnut':\n      case 'polarArea':\n        return html` <ox-input-chart-pie .value=${value} chart-type=${value} fullwidth></ox-input-chart-pie> `\n      case 'radar':\n        return html` <ox-input-chart-radar .value=${value} chart-type=${value} fullwidth></ox-input-chart-radar> `\n      case 'timeseries':\n        return html`\n          <ox-input-chart-timeseries .value=${value} chart-type=${value} fullwidth></ox-input-chart-timeseries>\n        `\n    }\n\n    return html``\n  }\n}\n"]}
+{"version":3,"file":"ox-property-editor-chart.js","sourceRoot":"","sources":["../../../src/editors/ox-property-editor-chart.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,6BAA6B,CAAA;AAEpC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAW,MAAM,KAAK,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAgB,MAAM,0BAA0B,CAAA;AAGlE,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,gBAAgB;aACxC,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BF;KACF,AAjCY,CAiCZ;IAED,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,MAAM,CAAC;YACZ,KAAK,KAAK;gBACR,OAAO,IAAI,CAAA,iCAAiC,KAAK,eAAe,KAAK,qCAAqC,CAAA;YAC5G,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAA,gCAAgC,KAAK,eAAe,KAAK,oCAAoC,CAAA;YAC1G,KAAK,KAAK,CAAC;YACX,KAAK,UAAU,CAAC;YAChB,KAAK,WAAW;gBACd,OAAO,IAAI,CAAA,+BAA+B,KAAK,eAAe,KAAK,mCAAmC,CAAA;YACxG,KAAK,OAAO;gBACV,OAAO,IAAI,CAAA,iCAAiC,KAAK,eAAe,KAAK,qCAAqC,CAAA;YAC5G,KAAK,YAAY;gBACf,OAAO,IAAI,CAAA;8CAC2B,KAAK,eAAe,KAAK;SAC9D,CAAA;QACL,CAAC;QAED,OAAO,IAAI,CAAA,EAAE,CAAA;IACf,CAAC;;AAxDU,WAAW;IADvB,aAAa,CAAC,0BAA0B,CAAC;GAC7B,WAAW,CAyDvB","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport './ox-input-chart-hbar'\nimport './ox-input-chart-mixed'\nimport './ox-input-chart-pie'\nimport './ox-input-chart-radar'\nimport './ox-input-chart-timeseries'\n\nimport { css, html, nothing } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\n\n@customElement('ox-property-editor-chart')\nexport class ChartEditor extends OxPropertyEditor {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        padding: 5px;\n\n        --md-elevated-button-container-height: 20px;\n      }\n\n      #chart-type {\n        display: grid;\n        grid-template-columns: repeat(10, 1fr);\n        grid-gap: 5px;\n      }\n\n      #chart-type > label {\n        box-sizing: border-box;\n        grid-column: span 3;\n\n        text-align: right;\n\n        color: var(--md-sys-color-on-secondary-container);\n        font-size: 0.8em;\n        line-height: 2;\n        text-transform: capitalize;\n      }\n\n      #chart-type > input {\n        box-sizing: border-box;\n        grid-column: span 7;\n        border: 1px solid rgba(0, 0, 0, 0.2);\n      }\n    `\n  ]\n\n  editorTemplate(value: any, spec: PropertySpec) {\n    switch (value.type) {\n      case 'line':\n      case 'bar':\n        return html` <ox-input-chart-mixed .value=${value} chart-type=${value} fullwidth></ox-input-chart-mixed> `\n      case 'horizontalBar':\n        return html` <ox-input-chart-hbar .value=${value} chart-type=${value} fullwidth></ox-input-chart-hbar> `\n      case 'pie':\n      case 'doughnut':\n      case 'polarArea':\n        return html` <ox-input-chart-pie .value=${value} chart-type=${value} fullwidth></ox-input-chart-pie> `\n      case 'radar':\n        return html` <ox-input-chart-radar .value=${value} chart-type=${value} fullwidth></ox-input-chart-radar> `\n      case 'timeseries':\n        return html`\n          <ox-input-chart-timeseries .value=${value} chart-type=${value} fullwidth></ox-input-chart-timeseries>\n        `\n    }\n\n    return html``\n  }\n}\n"]}

package/dist/src/scichart/scichart-builder.js

@@ -13,7 +13,7 @@ export async function buildSciChart(config, container, { fontSize, fontFamily, f
     if (!config) {
         return;
     }
-    const { SciChartSurface, SciChartJSLightTheme, SciChartJSDarkv2Theme, XyDataSeries, FastLineRenderableSeries, SplineLineRenderableSeries, FastColumnRenderableSeries, StackedColumnRenderableSeries, StackedMountainRenderableSeries, StackedColumnCollection, StackedMountainCollection, NumericAxis, DateTimeNumericAxis, EAutoRange, EAxisAlignment, ECoordinateMode, NumberRange, MouseWheelZoomModifier, RubberBandXyZoomModifier, ZoomPanModifier, ZoomExtentsModifier, RolloverModifier, SmartDateLabelProvider, EllipsePointMarker, SquarePointMarker, TrianglePointMarker, CrossPointMarker, XPointMarker, WaveAnimation, LegendModifier, XAxisDragModifier, YAxisDragModifier, TextAnnotation, LineAnnotation, BoxAnnotation, HorizontalLineAnnotation, VerticalLineAnnotation } = SciChart;
+    const { SciChartSurface, SciChartJSLightTheme, SciChartJSDarkv2Theme, XyDataSeries, FastLineRenderableSeries, SplineLineRenderableSeries, FastColumnRenderableSeries, StackedColumnRenderableSeries, StackedMountainRenderableSeries, StackedColumnCollection, StackedMountainCollection, NumericAxis, DateTimeNumericAxis, EAutoRange, EAxisAlignment, ECoordinateMode, EHorizontalAnchorPoint, EVerticalAnchorPoint, NumberRange, MouseWheelZoomModifier, RubberBandXyZoomModifier, ZoomPanModifier, ZoomExtentsModifier, RolloverModifier, SmartDateLabelProvider, EllipsePointMarker, SquarePointMarker, TrianglePointMarker, CrossPointMarker, XPointMarker, WaveAnimation, LegendModifier, XAxisDragModifier, YAxisDragModifier, TextAnnotation, LineAnnotation, BoxAnnotation, HorizontalLineAnnotation, VerticalLineAnnotation } = SciChart;
     const { type: chartType, options, data: fromData } = config;
     const { datasets = [] } = fromData || {};
     var { theme, tooltip, animation, legend, scales: fromScales, xGridLine, yGridLine, y2ndGridLine, stacked, multiAxis, annotations } = options || {};
@@ -231,14 +231,24 @@ export async function buildSciChart(config, container, { fontSize, fontFamily, f
     if (annotations) {
         annotations.forEach(annotation => {
             let sciAnnotation;
+            let horizontalAnchorPoint = annotation.horizontalAnchorPoint == 'Right'
+                ? EHorizontalAnchorPoint.Right
+                : annotation.horizontalAnchorPoint == 'Left'
+                    ? EHorizontalAnchorPoint.Left
+                    : EHorizontalAnchorPoint.Center;
+            let verticalAnchorPoint = annotation.verticalAnchorPoint == 'Top'
+                ? EVerticalAnchorPoint.Top
+                : annotation.verticalAnchorPoint == 'Bottom'
+                    ? EVerticalAnchorPoint.Bottom
+                    : EVerticalAnchorPoint.Center;
             switch (annotation.type) {
                 case 'text':
                     sciAnnotation = new TextAnnotation({
                         x1: annotation.x1,
                         y1: annotation.y1,
                         text: annotation.text,
-                        horizontalAnchorPoint: annotation.horizontalAnchorPoint,
-                        verticalAnchorPoint: annotation.verticalAnchorPoint,
+                        horizontalAnchorPoint,
+                        verticalAnchorPoint,
                         fontSize: annotation.fontSize,
                         fontFamily: annotation.fontFamily,
                         textColor: convertColor(annotation.stroke, fontColor)

package/dist/src/scichart/scichart-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"scichart-builder.js","sourceRoot":"","sources":["../../../src/scichart/scichart-builder.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\nfunction convertColor(color: string | string[] | undefined, defaultColor?: string) {\n  const tinyColor = new TinyColor(color as string)\n  return tinyColor.toHex8String() || defaultColor\n}\n\nexport async function buildSciChart(\n  config: OperatoChart.ChartConfig | undefined | null,\n  container: any,\n  { fontSize, fontFamily, fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string }\n): Promise<{ chart: any; dataSeries: any[] } | undefined> {\n  if (!config) {\n    return\n  }\n\n  const {\n    SciChartSurface,\n    SciChartJSLightTheme,\n    SciChartJSDarkv2Theme,\n    XyDataSeries,\n    FastLineRenderableSeries,\n    SplineLineRenderableSeries,\n    FastColumnRenderableSeries,\n    StackedColumnRenderableSeries,\n    StackedMountainRenderableSeries,\n    StackedColumnCollection,\n    StackedMountainCollection,\n    NumericAxis,\n    DateTimeNumericAxis,\n    EAutoRange,\n    EAxisAlignment,\n    ECoordinateMode,\n    NumberRange,\n    MouseWheelZoomModifier,\n    RubberBandXyZoomModifier,\n    ZoomPanModifier,\n    ZoomExtentsModifier,\n    RolloverModifier,\n    SmartDateLabelProvider,\n    EllipsePointMarker,\n    SquarePointMarker,\n    TrianglePointMarker,\n    CrossPointMarker,\n    XPointMarker,\n    WaveAnimation,\n    LegendModifier,\n    XAxisDragModifier,\n    YAxisDragModifier,\n    TextAnnotation,\n    LineAnnotation,\n    BoxAnnotation,\n    HorizontalLineAnnotation,\n    VerticalLineAnnotation\n  } = SciChart\n\n  const { type: chartType, options, data: fromData } = config\n  const { datasets = [] } = fromData || {}\n  var {\n    theme,\n    tooltip,\n    animation,\n    legend,\n    scales: fromScales,\n    xGridLine,\n    yGridLine,\n    y2ndGridLine,\n    stacked,\n    multiAxis,\n    annotations\n  } = options || {}\n\n  var baseColor = getBaseColorFromTheme(theme)\n\n  if (theme === 'auto') {\n    theme = getThemeFromBrowser()\n  }\n\n  fontColor = fontColor || baseColor.clone().toString()\n\n  const { xAxes = [], yAxes = [] } = fromScales || {}\n\n  const chart = await SciChartSurface.create(container, {\n    theme: theme == 'dark' ? new SciChartJSDarkv2Theme() : new SciChartJSLightTheme()\n  })\n  const { sciChartSurface, wasmContext } = chart\n\n  // X 축 설정\n  xAxes.forEach((axis, index) => {\n    const { axisTitle, ticks } = axis\n    const {\n      autoMax,\n      autoMin,\n      min,\n      max,\n      stepSize,\n      beginAtZero,\n      color = fontColor,\n      textStrokeColor = fontColor,\n      display = !!axisTitle\n    } = ticks || {}\n\n    const xAxis = new DateTimeNumericAxis(wasmContext, {\n      axisTitle,\n      autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,\n      axisAlignment: EAxisAlignment.Bottom,\n      visibleRange: min !== undefined && max !== undefined ? new NumberRange(min, max) : undefined,\n      majorDelta: stepSize,\n      growBy: beginAtZero ? new NumberRange(0.1, 0.1) : undefined,\n      labelStyle: {\n        fontFamily,\n        fontSize,\n        color\n      },\n      axisTitleStyle: {\n        fontFamily,\n        fontSize,\n        color: textStrokeColor\n      },\n      labelProvider: new SmartDateLabelProvider()\n    })\n\n    sciChartSurface.xAxes.add(xAxis)\n  })\n\n  // Y 축 설정\n  ;(multiAxis ? yAxes : [yAxes[0]]).forEach((axis, index) => {\n    const { axisTitle, ticks } = axis\n    const { autoMax, autoMin, min, max, stepSize, beginAtZero } = ticks || {}\n\n    const yAxis = new NumericAxis(wasmContext, {\n      id: index == 0 ? undefined : `yAxis${index}`,\n      axisTitle,\n      autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,\n      axisAlignment: index === 0 ? EAxisAlignment.Left : EAxisAlignment.Right,\n      visibleRange: min !== undefined && max !== undefined ? new NumberRange(min, max) : undefined,\n      majorDelta: stepSize,\n      growBy: beginAtZero ? new NumberRange(0.1, 0.1) : undefined,\n      labelStyle: {\n        fontFamily,\n        fontSize,\n        color: fontColor\n      },\n      axisTitleStyle: {\n        fontFamily,\n        fontSize,\n        color: fontColor\n      }\n    })\n\n    sciChartSurface.yAxes.add(yAxis)\n  })\n\n  // 시리즈 설정\n  const dataSeriesArray = datasets.map((dataset, index) => {\n    const dataSeries = new XyDataSeries(wasmContext, {\n      dataSeriesName: dataset.label,\n      containsNaN: false\n    })\n\n    const yAxisId = dataset.yAxisID == 'right' && multiAxis ? 'yAxis1' : undefined\n    const stackGroupId = dataset.stack || `__stack${index}__`\n\n    let series: any\n    if (dataset.type === 'bar') {\n      if (stacked) {\n        series = new StackedColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          fill: convertColor(dataset.backgroundColor, '#FF6600'),\n          yAxisId,\n          stackedGroupId: stackGroupId\n        })\n      } else {\n        series = new FastColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          stroke: convertColor(dataset.backgroundColor, '#FF6600'),\n          animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n          yAxisId\n        })\n      }\n    } else {\n      const { pointStyle, pointRadius = 10, lineTension } = dataset\n      let pointMarker = null // 초기값을 null로 설정\n\n      if (pointStyle) {\n        switch (pointStyle) {\n          case 'circle':\n            pointMarker = new EllipsePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'triangle':\n            pointMarker = new TrianglePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'rect':\n            pointMarker = new SquarePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'cross':\n            pointMarker = new CrossPointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'crossRot':\n            pointMarker = new XPointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          default:\n            pointMarker = new EllipsePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n        }\n      }\n\n      if (stacked) {\n        series = new StackedMountainRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          stroke: convertColor(dataset.color, '#FF6600'),\n          fill: dataset.backgroundColor || '#FF6600',\n          yAxisId,\n          stackedGroupId: stackGroupId\n        })\n      } else {\n        series =\n          !!lineTension && lineTension > 0\n            ? new SplineLineRenderableSeries(wasmContext, {\n                dataSeries,\n                strokeThickness: dataset.borderWidth || 2,\n                stroke: convertColor(dataset.color, '#FF6600'),\n                pointMarker,\n                animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n                yAxisId\n              })\n            : new FastLineRenderableSeries(wasmContext, {\n                dataSeries,\n                strokeThickness: dataset.borderWidth || 2,\n                stroke: convertColor(dataset.color, '#FF6600'),\n                pointMarker,\n                animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n                yAxisId\n              })\n      }\n    }\n\n    sciChartSurface.renderableSeries.add(series)\n\n    if (tooltip) {\n      const rolloverModifier = new RolloverModifier({\n        showTooltip: true,\n        showAxisLabels: true,\n        tooltipColor: 'white',\n        tooltipBackgroundColor: 'rgba(0, 0, 0, 0.7)',\n        rollOverDataSeries: dataSeries\n      })\n\n      sciChartSurface.chartModifiers.add(rolloverModifier)\n    }\n\n    return dataSeries\n  })\n\n  // Stacked collections 추가\n  if (stacked) {\n    const stackedColumnCollection = new StackedColumnCollection(wasmContext)\n    const stackedMountainCollection = new StackedMountainCollection(wasmContext)\n\n    sciChartSurface.renderableSeries.asArray().forEach((series: any) => {\n      if (series instanceof StackedColumnRenderableSeries) {\n        stackedColumnCollection.add(series)\n      } else if (series instanceof StackedMountainRenderableSeries) {\n        stackedMountainCollection.add(series)\n      }\n    })\n\n    if (stackedColumnCollection.size() > 0) {\n      sciChartSurface.renderableSeries.add(stackedColumnCollection)\n    }\n\n    if (stackedMountainCollection.size() > 0) {\n      sciChartSurface.renderableSeries.add(stackedMountainCollection)\n    }\n  }\n\n  if (annotations) {\n    annotations.forEach(annotation => {\n      let sciAnnotation: any\n      switch (annotation.type) {\n        case 'text':\n          sciAnnotation = new TextAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            text: annotation.text,\n            horizontalAnchorPoint: annotation.horizontalAnchorPoint,\n            verticalAnchorPoint: annotation.verticalAnchorPoint,\n            fontSize: annotation.fontSize,\n            fontFamily: annotation.fontFamily,\n            textColor: convertColor(annotation.stroke, fontColor)\n          })\n          break\n        case 'line':\n          sciAnnotation = new LineAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            x2: annotation.x2,\n            y2: annotation.y2,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness,\n            xCoordinateMode: ECoordinateMode.Relative,\n            yCoordinateMode: ECoordinateMode.DataValue\n          })\n          break\n        case 'box':\n          sciAnnotation = new BoxAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            x2: annotation.x2,\n            y2: annotation.y2,\n            fill: convertColor(annotation.fill, '#FF0000'),\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness\n          })\n          break\n        case 'horizontalLine':\n          sciAnnotation = new HorizontalLineAnnotation({\n            y1: annotation.y1,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness\n          })\n          break\n        case 'verticalLine':\n          sciAnnotation = new VerticalLineAnnotation({\n            x1: annotation.x1,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness\n          })\n          break\n        default:\n          break\n      }\n      if (sciAnnotation) {\n        sciChartSurface.annotations.add(sciAnnotation)\n      }\n    })\n  }\n\n  // 줌인/줌아웃 모디파이어 추가\n  sciChartSurface.chartModifiers.add(\n    // new RubberBandXyZoomModifier(),\n    new ZoomPanModifier(),\n    new MouseWheelZoomModifier(),\n    new ZoomExtentsModifier(),\n    new XAxisDragModifier(),\n    new YAxisDragModifier()\n  )\n\n  // Legend 설정\n  if (legend?.display) {\n    const legendModifier = new LegendModifier({\n      showCheckboxes: true,\n      showSeriesMarkers: true,\n      showLegend: true,\n      placement: legend.position || 'bottom-right'\n    })\n    sciChartSurface.chartModifiers.add(legendModifier)\n  }\n\n  return { chart, dataSeries: dataSeriesArray }\n}\n"]}
+{"version":3,"file":"scichart-builder.js","sourceRoot":"","sources":["../../../src/scichart/scichart-builder.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\nfunction convertColor(color: string | string[] | undefined, defaultColor?: string) {\n  const tinyColor = new TinyColor(color as string)\n  return tinyColor.toHex8String() || defaultColor\n}\n\nexport async function buildSciChart(\n  config: OperatoChart.ChartConfig | undefined | null,\n  container: any,\n  { fontSize, fontFamily, fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string }\n): Promise<{ chart: any; dataSeries: any[] } | undefined> {\n  if (!config) {\n    return\n  }\n\n  const {\n    SciChartSurface,\n    SciChartJSLightTheme,\n    SciChartJSDarkv2Theme,\n    XyDataSeries,\n    FastLineRenderableSeries,\n    SplineLineRenderableSeries,\n    FastColumnRenderableSeries,\n    StackedColumnRenderableSeries,\n    StackedMountainRenderableSeries,\n    StackedColumnCollection,\n    StackedMountainCollection,\n    NumericAxis,\n    DateTimeNumericAxis,\n    EAutoRange,\n    EAxisAlignment,\n    ECoordinateMode,\n    EHorizontalAnchorPoint,\n    EVerticalAnchorPoint,\n    NumberRange,\n    MouseWheelZoomModifier,\n    RubberBandXyZoomModifier,\n    ZoomPanModifier,\n    ZoomExtentsModifier,\n    RolloverModifier,\n    SmartDateLabelProvider,\n    EllipsePointMarker,\n    SquarePointMarker,\n    TrianglePointMarker,\n    CrossPointMarker,\n    XPointMarker,\n    WaveAnimation,\n    LegendModifier,\n    XAxisDragModifier,\n    YAxisDragModifier,\n    TextAnnotation,\n    LineAnnotation,\n    BoxAnnotation,\n    HorizontalLineAnnotation,\n    VerticalLineAnnotation\n  } = SciChart\n\n  const { type: chartType, options, data: fromData } = config\n  const { datasets = [] } = fromData || {}\n  var {\n    theme,\n    tooltip,\n    animation,\n    legend,\n    scales: fromScales,\n    xGridLine,\n    yGridLine,\n    y2ndGridLine,\n    stacked,\n    multiAxis,\n    annotations\n  } = options || {}\n\n  var baseColor = getBaseColorFromTheme(theme)\n\n  if (theme === 'auto') {\n    theme = getThemeFromBrowser()\n  }\n\n  fontColor = fontColor || baseColor.clone().toString()\n\n  const { xAxes = [], yAxes = [] } = fromScales || {}\n\n  const chart = await SciChartSurface.create(container, {\n    theme: theme == 'dark' ? new SciChartJSDarkv2Theme() : new SciChartJSLightTheme()\n  })\n  const { sciChartSurface, wasmContext } = chart\n\n  // X 축 설정\n  xAxes.forEach((axis, index) => {\n    const { axisTitle, ticks } = axis\n    const {\n      autoMax,\n      autoMin,\n      min,\n      max,\n      stepSize,\n      beginAtZero,\n      color = fontColor,\n      textStrokeColor = fontColor,\n      display = !!axisTitle\n    } = ticks || {}\n\n    const xAxis = new DateTimeNumericAxis(wasmContext, {\n      axisTitle,\n      autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,\n      axisAlignment: EAxisAlignment.Bottom,\n      visibleRange: min !== undefined && max !== undefined ? new NumberRange(min, max) : undefined,\n      majorDelta: stepSize,\n      growBy: beginAtZero ? new NumberRange(0.1, 0.1) : undefined,\n      labelStyle: {\n        fontFamily,\n        fontSize,\n        color\n      },\n      axisTitleStyle: {\n        fontFamily,\n        fontSize,\n        color: textStrokeColor\n      },\n      labelProvider: new SmartDateLabelProvider()\n    })\n\n    sciChartSurface.xAxes.add(xAxis)\n  })\n\n  // Y 축 설정\n  ;(multiAxis ? yAxes : [yAxes[0]]).forEach((axis, index) => {\n    const { axisTitle, ticks } = axis\n    const { autoMax, autoMin, min, max, stepSize, beginAtZero } = ticks || {}\n\n    const yAxis = new NumericAxis(wasmContext, {\n      id: index == 0 ? undefined : `yAxis${index}`,\n      axisTitle,\n      autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,\n      axisAlignment: index === 0 ? EAxisAlignment.Left : EAxisAlignment.Right,\n      visibleRange: min !== undefined && max !== undefined ? new NumberRange(min, max) : undefined,\n      majorDelta: stepSize,\n      growBy: beginAtZero ? new NumberRange(0.1, 0.1) : undefined,\n      labelStyle: {\n        fontFamily,\n        fontSize,\n        color: fontColor\n      },\n      axisTitleStyle: {\n        fontFamily,\n        fontSize,\n        color: fontColor\n      }\n    })\n\n    sciChartSurface.yAxes.add(yAxis)\n  })\n\n  // 시리즈 설정\n  const dataSeriesArray = datasets.map((dataset, index) => {\n    const dataSeries = new XyDataSeries(wasmContext, {\n      dataSeriesName: dataset.label,\n      containsNaN: false\n    })\n\n    const yAxisId = dataset.yAxisID == 'right' && multiAxis ? 'yAxis1' : undefined\n    const stackGroupId = dataset.stack || `__stack${index}__`\n\n    let series: any\n    if (dataset.type === 'bar') {\n      if (stacked) {\n        series = new StackedColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          fill: convertColor(dataset.backgroundColor, '#FF6600'),\n          yAxisId,\n          stackedGroupId: stackGroupId\n        })\n      } else {\n        series = new FastColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          stroke: convertColor(dataset.backgroundColor, '#FF6600'),\n          animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n          yAxisId\n        })\n      }\n    } else {\n      const { pointStyle, pointRadius = 10, lineTension } = dataset\n      let pointMarker = null // 초기값을 null로 설정\n\n      if (pointStyle) {\n        switch (pointStyle) {\n          case 'circle':\n            pointMarker = new EllipsePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'triangle':\n            pointMarker = new TrianglePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'rect':\n            pointMarker = new SquarePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'cross':\n            pointMarker = new CrossPointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'crossRot':\n            pointMarker = new XPointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          default:\n            pointMarker = new EllipsePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n        }\n      }\n\n      if (stacked) {\n        series = new StackedMountainRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          stroke: convertColor(dataset.color, '#FF6600'),\n          fill: dataset.backgroundColor || '#FF6600',\n          yAxisId,\n          stackedGroupId: stackGroupId\n        })\n      } else {\n        series =\n          !!lineTension && lineTension > 0\n            ? new SplineLineRenderableSeries(wasmContext, {\n                dataSeries,\n                strokeThickness: dataset.borderWidth || 2,\n                stroke: convertColor(dataset.color, '#FF6600'),\n                pointMarker,\n                animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n                yAxisId\n              })\n            : new FastLineRenderableSeries(wasmContext, {\n                dataSeries,\n                strokeThickness: dataset.borderWidth || 2,\n                stroke: convertColor(dataset.color, '#FF6600'),\n                pointMarker,\n                animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n                yAxisId\n              })\n      }\n    }\n\n    sciChartSurface.renderableSeries.add(series)\n\n    if (tooltip) {\n      const rolloverModifier = new RolloverModifier({\n        showTooltip: true,\n        showAxisLabels: true,\n        tooltipColor: 'white',\n        tooltipBackgroundColor: 'rgba(0, 0, 0, 0.7)',\n        rollOverDataSeries: dataSeries\n      })\n\n      sciChartSurface.chartModifiers.add(rolloverModifier)\n    }\n\n    return dataSeries\n  })\n\n  // Stacked collections 추가\n  if (stacked) {\n    const stackedColumnCollection = new StackedColumnCollection(wasmContext)\n    const stackedMountainCollection = new StackedMountainCollection(wasmContext)\n\n    sciChartSurface.renderableSeries.asArray().forEach((series: any) => {\n      if (series instanceof StackedColumnRenderableSeries) {\n        stackedColumnCollection.add(series)\n      } else if (series instanceof StackedMountainRenderableSeries) {\n        stackedMountainCollection.add(series)\n      }\n    })\n\n    if (stackedColumnCollection.size() > 0) {\n      sciChartSurface.renderableSeries.add(stackedColumnCollection)\n    }\n\n    if (stackedMountainCollection.size() > 0) {\n      sciChartSurface.renderableSeries.add(stackedMountainCollection)\n    }\n  }\n\n  if (annotations) {\n    annotations.forEach(annotation => {\n      let sciAnnotation: any\n      let horizontalAnchorPoint =\n        annotation.horizontalAnchorPoint == 'Right'\n          ? EHorizontalAnchorPoint.Right\n          : annotation.horizontalAnchorPoint == 'Left'\n            ? EHorizontalAnchorPoint.Left\n            : EHorizontalAnchorPoint.Center\n      let verticalAnchorPoint =\n        annotation.verticalAnchorPoint == 'Top'\n          ? EVerticalAnchorPoint.Top\n          : annotation.verticalAnchorPoint == 'Bottom'\n            ? EVerticalAnchorPoint.Bottom\n            : EVerticalAnchorPoint.Center\n\n      switch (annotation.type) {\n        case 'text':\n          sciAnnotation = new TextAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            text: annotation.text,\n            horizontalAnchorPoint,\n            verticalAnchorPoint,\n            fontSize: annotation.fontSize,\n            fontFamily: annotation.fontFamily,\n            textColor: convertColor(annotation.stroke, fontColor)\n          })\n          break\n        case 'line':\n          sciAnnotation = new LineAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            x2: annotation.x2,\n            y2: annotation.y2,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness,\n            xCoordinateMode: ECoordinateMode.Relative,\n            yCoordinateMode: ECoordinateMode.DataValue\n          })\n          break\n        case 'box':\n          sciAnnotation = new BoxAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            x2: annotation.x2,\n            y2: annotation.y2,\n            fill: convertColor(annotation.fill, '#FF0000'),\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness\n          })\n          break\n        case 'horizontalLine':\n          sciAnnotation = new HorizontalLineAnnotation({\n            y1: annotation.y1,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness\n          })\n          break\n        case 'verticalLine':\n          sciAnnotation = new VerticalLineAnnotation({\n            x1: annotation.x1,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness\n          })\n          break\n        default:\n          break\n      }\n      if (sciAnnotation) {\n        sciChartSurface.annotations.add(sciAnnotation)\n      }\n    })\n  }\n\n  // 줌인/줌아웃 모디파이어 추가\n  sciChartSurface.chartModifiers.add(\n    // new RubberBandXyZoomModifier(),\n    new ZoomPanModifier(),\n    new MouseWheelZoomModifier(),\n    new ZoomExtentsModifier(),\n    new XAxisDragModifier(),\n    new YAxisDragModifier()\n  )\n\n  // Legend 설정\n  if (legend?.display) {\n    const legendModifier = new LegendModifier({\n      showCheckboxes: true,\n      showSeriesMarkers: true,\n      showLegend: true,\n      placement: legend.position || 'bottom-right'\n    })\n    sciChartSurface.chartModifiers.add(legendModifier)\n  }\n\n  return { chart, dataSeries: dataSeriesArray }\n}\n"]}