@operato/chart 7.0.30 → 7.0.32

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.32](https://github.com/hatiolab/operato/compare/v7.0.31...v7.0.32) (2024-07-29)
+
+
+### :bug: Bug Fix
+
+* scichart default options ([9a67134](https://github.com/hatiolab/operato/commit/9a67134b7f2d50bed3206dc6b33c9ff602838124))
+
+
+
+### [7.0.31](https://github.com/hatiolab/operato/compare/v7.0.30...v7.0.31) (2024-07-29)
+
+
+### :bug: Bug Fix
+
+* chart annotation editor ([caa5ade](https://github.com/hatiolab/operato/commit/caa5ade7b96acfd94f26e78a349c493be0255ba4))
+* scichart axis tick label default font and size ([00ad3ce](https://github.com/hatiolab/operato/commit/00ad3ceb6057177a612833d367148ec7288792a8))
+
+
+
 ### [7.0.30](https://github.com/hatiolab/operato/compare/v7.0.29...v7.0.30) (2024-07-28)
 
 **Note:** Version bump only for package @operato/chart

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

@@ -16,6 +16,7 @@ export declare class InputChartAbstract extends OxFormField {
     seriesTabNavRightButton: MdIcon;
     private _configurer?;
     get configurer(): Configurer;
+    updated(changes: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     protected firstUpdated(_changedProperties: PropertyValues): void;

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

@@ -21,6 +21,13 @@ export class InputChartAbstract extends OxFormField {
         }
         return this._configurer;
     }
+    updated(changes) {
+        if (changes.has('value')) {
+            this._configurer = new Configurer(this.value, () => {
+                return this.value || this.getDefaultChartConfig(this.chartType, this.getDefaultDatasets());
+            });
+        }
+    }
     render() {
         const configurer = this.configurer;
         return html `
@@ -398,12 +405,12 @@ export class InputChartAbstract extends OxFormField {
               value-key="annotation.type"
               .value=${currentAnnotation.type || ''}
             >
+              <option value="">&nbsp;</option>
               <option value="line">Line</option>
               <option value="text">Text</option>
               <option value="box">Box</option>
               <option value="horizontalLine">Horizontal Line</option>
               <option value="verticalLine">Vertical Line</option>
-              <option value="custom">Custom</option>
             </select>
 
             <label for="annotation-x1">X1</label>
@@ -479,6 +486,7 @@ export class InputChartAbstract extends OxFormField {
               value-key="annotation.horizontalAnchorPoint"
               .value=${currentAnnotation.horizontalAnchorPoint || ''}
             >
+              <option value="">&nbsp;</option>
               <option value="Left">Left</option>
               <option value="Center">Center</option>
               <option value="Right">Right</option>
@@ -493,10 +501,37 @@ export class InputChartAbstract extends OxFormField {
               value-key="annotation.verticalAnchorPoint"
               .value=${currentAnnotation.verticalAnchorPoint || ''}
             >
+              <option value="">&nbsp;</option>
               <option value="Top">Top</option>
               <option value="Center">Center</option>
               <option value="Bottom">Bottom</option>
             </select>
+
+            <label for="annotation-x-coordinate-mode">X Coordinate Mode</label>
+            <select
+              id="annotation-x-coordinate-mode"
+              class="select-content"
+              value-key="annotation.xCoordinateMode"
+              .value=${currentAnnotation.xCoordinateMode || 'DataValue'}
+            >
+              <option value="">&nbsp;</option>
+              <option value="DataValue">DataValue</option>
+              <option value="Pixel">Pixel</option>
+              <option value="Relative">Relative</option>
+            </select>
+
+            <label for="annotation-y-coordinate-mode">Y Coordinate Mode</label>
+            <select
+              id="annotation-y-coordinate-mode"
+              class="select-content"
+              value-key="annotation.yCoordinateMode"
+              .value=${currentAnnotation.yCoordinateMode || 'DataValue'}
+            >
+              <option value="">&nbsp;</option>
+              <option value="DataValue">DataValue</option>
+              <option value="Pixel">Pixel</option>
+              <option value="Relative">Relative</option>
+            </select>
           </div>
         </div>
       `);

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 { keyed } from 'lit/directives/keyed.js'\n\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.data-label-anchor\">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=\"\"></option>\n              <option value=\"start\">Start</option>\n              <option value=\"center\">Center</option>\n              <option value=\"end\">End</option>\n            </select>\n            <label for=\"data-label-offset\"> <ox-i18n msgid=\"label.data-label-offset\">Offset</ox-i18n> </label>\n            <input\n              id=\"data-label-offset\"\n              type=\"number\"\n              value-key=\"series.dataLabelOffset\"\n              value=${configurer.series.dataLabelOffset || 0}\n            />\n            <label for=\"data-label-rotation\"> <ox-i18n msgid=\"label.data-label-rotation\">Rotation</ox-i18n> </label>\n            <input\n              id=\"data-label-rotation\"\n              type=\"number\"\n              value-key=\"series.dataLabelRotation\"\n              value=${configurer.series.dataLabelRotation || 0}\n            />\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  onTapAddSeriesTab(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  onTapRemoveCurrentSeriesTab(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 keyed(\n      configurer.currentAnnotationIndex,\n      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`\n                          <md-icon @tap=${(e: Event) => this.onTapRemoveCurrentAnnotation(index)}> close </md-icon>\n                        `\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\n              id=\"annotation-text\"\n              type=\"text\"\n              value-key=\"annotation.text\"\n              .value=${currentAnnotation.text || ''}\n            />\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\n  multiSeriesTabTemplate() {\n    const configurer = this.configurer\n\n    return keyed(\n      configurer.currentSeriesIndex,\n      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 ||\n                    (configurer.datasets.length != 1 && configurer.currentSeriesIndex == index)\n                      ? html` <md-icon @tap=${(e: Event) => this.onTapRemoveCurrentSeriesTab(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.onTapAddSeriesTab(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\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 { keyed } from 'lit/directives/keyed.js'\n\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  updated(changes: PropertyValues<this>) {\n    if (changes.has('value')) {\n      this._configurer = new Configurer(this.value, () => {\n        return this.value || this.getDefaultChartConfig(this.chartType, this.getDefaultDatasets())\n      })\n    }\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.data-label-anchor\">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=\"\"></option>\n              <option value=\"start\">Start</option>\n              <option value=\"center\">Center</option>\n              <option value=\"end\">End</option>\n            </select>\n            <label for=\"data-label-offset\"> <ox-i18n msgid=\"label.data-label-offset\">Offset</ox-i18n> </label>\n            <input\n              id=\"data-label-offset\"\n              type=\"number\"\n              value-key=\"series.dataLabelOffset\"\n              value=${configurer.series.dataLabelOffset || 0}\n            />\n            <label for=\"data-label-rotation\"> <ox-i18n msgid=\"label.data-label-rotation\">Rotation</ox-i18n> </label>\n            <input\n              id=\"data-label-rotation\"\n              type=\"number\"\n              value-key=\"series.dataLabelRotation\"\n              value=${configurer.series.dataLabelRotation || 0}\n            />\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  onTapAddSeriesTab(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  onTapRemoveCurrentSeriesTab(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 keyed(\n      configurer.currentAnnotationIndex,\n      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`\n                          <md-icon @tap=${(e: Event) => this.onTapRemoveCurrentAnnotation(index)}> close </md-icon>\n                        `\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=\"\">&nbsp;</option>\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            </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\n              id=\"annotation-text\"\n              type=\"text\"\n              value-key=\"annotation.text\"\n              .value=${currentAnnotation.text || ''}\n            />\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=\"\">&nbsp;</option>\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=\"\">&nbsp;</option>\n              <option value=\"Top\">Top</option>\n              <option value=\"Center\">Center</option>\n              <option value=\"Bottom\">Bottom</option>\n            </select>\n\n            <label for=\"annotation-x-coordinate-mode\">X Coordinate Mode</label>\n            <select\n              id=\"annotation-x-coordinate-mode\"\n              class=\"select-content\"\n              value-key=\"annotation.xCoordinateMode\"\n              .value=${currentAnnotation.xCoordinateMode || 'DataValue'}\n            >\n              <option value=\"\">&nbsp;</option>\n              <option value=\"DataValue\">DataValue</option>\n              <option value=\"Pixel\">Pixel</option>\n              <option value=\"Relative\">Relative</option>\n            </select>\n\n            <label for=\"annotation-y-coordinate-mode\">Y Coordinate Mode</label>\n            <select\n              id=\"annotation-y-coordinate-mode\"\n              class=\"select-content\"\n              value-key=\"annotation.yCoordinateMode\"\n              .value=${currentAnnotation.yCoordinateMode || 'DataValue'}\n            >\n              <option value=\"\">&nbsp;</option>\n              <option value=\"DataValue\">DataValue</option>\n              <option value=\"Pixel\">Pixel</option>\n              <option value=\"Relative\">Relative</option>\n            </select>\n          </div>\n        </div>\n      `\n    )\n  }\n\n  multiSeriesTabTemplate() {\n    const configurer = this.configurer\n\n    return keyed(\n      configurer.currentSeriesIndex,\n      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 ||\n                    (configurer.datasets.length != 1 && configurer.currentSeriesIndex == index)\n                      ? html` <md-icon @tap=${(e: Event) => this.onTapRemoveCurrentSeriesTab(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.onTapAddSeriesTab(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\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-input-chart-timeseries.d.ts

@@ -2,6 +2,7 @@ import '@operato/i18n/ox-i18n.js';
 import { InputChartAbstract } from './input-chart-abstract';
 export declare class OxInputChartTimeseries extends InputChartAbstract {
     static styles: import("lit").CSSResult[];
+    annotationExpanded: boolean;
     subTemplate(): import("lit-html").TemplateResult<1>;
     _hasBarSeries(config: any): boolean;
 }

package/dist/src/editors/ox-input-chart-timeseries.js

@@ -1,11 +1,33 @@
 import { __decorate } from "tslib";
 import '@operato/i18n/ox-i18n.js';
-import { html } from 'lit';
-import { customElement } from 'lit/decorators.js';
+import { html, css } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { InputChartAbstract } from './input-chart-abstract';
 let OxInputChartTimeseries = class OxInputChartTimeseries extends InputChartAbstract {
-    static { this.styles = InputChartAbstract.styles; }
+    constructor() {
+        super(...arguments);
+        this.annotationExpanded = false;
+    }
+    static { this.styles = [
+        ...InputChartAbstract.styles,
+        css `
+      legend[collapsable] {
+        box-sizing: border-box;
+        width: 100%;
+      }
+
+      legend[collapsable] md-icon {
+        float: right;
+        font-size: medium;
+        margin: 0;
+      }
+
+      div[collapsed] {
+        display: none;
+      }
+    `
+    ]; }
     subTemplate() {
         const configurer = this.configurer;
         return html `
@@ -15,9 +37,6 @@ let OxInputChartTimeseries = class OxInputChartTimeseries extends InputChartAbst
       <legend><ox-i18n msgid="label.series">Series</ox-i18n></legend>
       <div fullwidth>${this.multiSeriesTabTemplate()}</div>
 
-      <legend><ox-i18n msgid="label.chart-annotation">Annotations</ox-i18n></legend>
-      <div fullwidth>${this.annotationsTabTemplate()}</div>
-
       <legend><ox-i18n msgid="label.x-axes">X Axes</ox-i18n></legend>
 
       <label for="series-data-key"> <ox-i18n msgid="label.data-key">Data Key</ox-i18n> </label>
@@ -221,6 +240,17 @@ let OxInputChartTimeseries = class OxInputChartTimeseries extends InputChartAbst
             <label for="y-axes1-ticks-display"> <ox-i18n msgid="label.display-tick">Display Tick</ox-i18n> </label>
           `
             : html ``}
+
+      <legend collapsable>
+        <ox-i18n msgid="label.chart-annotation">Annotations</ox-i18n>
+        <md-icon
+          @tap=${() => {
+            this.annotationExpanded = !this.annotationExpanded;
+        }}
+          >${this.annotationExpanded ? 'expand_less' : 'expand_more'}</md-icon
+        >
+      </legend>
+      <div fullwidth ?collapsed=${!this.annotationExpanded}>${this.annotationsTabTemplate()}</div>
     `;
     }
     _hasBarSeries(config) {
@@ -229,6 +259,9 @@ let OxInputChartTimeseries = class OxInputChartTimeseries extends InputChartAbst
         return hasBarSeries;
     }
 };
+__decorate([
+    state()
+], OxInputChartTimeseries.prototype, "annotationExpanded", void 0);
 OxInputChartTimeseries = __decorate([
     customElement('ox-input-chart-timeseries')
 ], OxInputChartTimeseries);

package/dist/src/editors/ox-input-chart-timeseries.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-input-chart-timeseries.js","sourceRoot":"","sources":["../../../src/editors/ox-input-chart-timeseries.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { InputChartAbstract } from './input-chart-abstract'\n\n@customElement('ox-input-chart-timeseries')\nexport class OxInputChartTimeseries extends InputChartAbstract {\n  static styles = InputChartAbstract.styles\n\n  subTemplate() {\n    const configurer = this.configurer\n\n    return html`\n      <input id=\"multi-axis\" type=\"checkbox\" value-key=\"multiAxis\" ?checked=${configurer.multiAxis} />\n      <label for=\"multi-axis\"> <ox-i18n msgid=\"label.multi-axis\">Multi Axis</ox-i18n> </label>\n\n      <legend><ox-i18n msgid=\"label.series\">Series</ox-i18n></legend>\n      <div fullwidth>${this.multiSeriesTabTemplate()}</div>\n\n      <legend><ox-i18n msgid=\"label.chart-annotation\">Annotations</ox-i18n></legend>\n      <div fullwidth>${this.annotationsTabTemplate()}</div>\n\n      <legend><ox-i18n msgid=\"label.x-axes\">X Axes</ox-i18n></legend>\n\n      <label for=\"series-data-key\"> <ox-i18n msgid=\"label.data-key\">Data Key</ox-i18n> </label>\n      <input id=\"series-data-key\" type=\"text\" value-key=\"labelDataKey\" value=${ifDefined(configurer.labelDataKey)} />\n\n      <label for=\"x-axes0-axis-title\"> <ox-i18n msgid=\"label.title\">Title</ox-i18n> </label>\n      <input\n        id=\"x-axes0-axis-title\"\n        type=\"text\"\n        value-key=\"xAxes0.axisTitle\"\n        value=${ifDefined(configurer.xAxes0.axisTitle)}\n      />\n\n      ${this._hasBarSeries(configurer.value)\n        ? html`\n            <label for=\"bar-spacing\"><ox-i18n msgid=\"label.bar-spacing\">Bar Spacing</ox-i18n></label>\n            <input\n              id=\"bar-spacing\"\n              type=\"number\"\n              min=\"0\"\n              max=\"1\"\n              step=\"0.1\"\n              value-key=\"xAxes0.barSpacing\"\n              value=${ifDefined(configurer.xAxes0.barSpacing)}\n            />\n            <label for=\"tick-spacing\"><ox-i18n msgid=\"label.tick-spacing\">Tick Spacing</ox-i18n></label>\n            <input\n              id=\"tick-spacing\"\n              type=\"number\"\n              min=\"0\"\n              max=\"1\"\n              step=\"0.1\"\n              value-key=\"xAxes0.categorySpacing\"\n              value=${ifDefined(configurer.xAxes0.categorySpacing)}\n            />\n          `\n        : html``}\n\n      <input\n        id=\"x-grid-line\"\n        type=\"checkbox\"\n        value-key=\"value.options.xGridLine\"\n        ?checked=${configurer.config.options?.xGridLine}\n      />\n      <label for=\"x-grid-line\"> <ox-i18n msgid=\"label.grid-line\">Grid Line</ox-i18n> </label>\n\n      <input\n        id=\"x-axes0-ticks-display\"\n        type=\"checkbox\"\n        value-key=\"xAxes0.ticks.display\"\n        ?checked=${configurer.xAxes0.ticks?.display}\n      />\n      <label for=\"x-axes0-ticks-display\"> <ox-i18n msgid=\"label.display-tick\">Display Tick</ox-i18n> </label>\n\n      <legend><ox-i18n msgid=\"label.y-axes\">Y Axes</ox-i18n></legend>\n\n      <label for=\"y-axes0-axis-title\"> <ox-i18n msgid=\"label.title\">Title</ox-i18n> </label>\n      <input\n        id=\"y-axes0-axis-title\"\n        type=\"text\"\n        value-key=\"yAxes0.axisTitle\"\n        value=${configurer.yAxes0.axisTitle || ''}\n      />\n\n      <input\n        id=\"axis-min-auto\"\n        type=\"checkbox\"\n        value-key=\"yAxes0.ticks.autoMin\"\n        ?checked=${configurer.yAxes0.ticks?.autoMin}\n      />\n      <label for=\"axis-min-auto\"> <ox-i18n msgid=\"label.axis-min-auto\">Min Auto</ox-i18n> </label>\n\n      <input\n        id=\"axis-max-auto\"\n        type=\"checkbox\"\n        value-key=\"yAxes0.ticks.autoMax\"\n        ?checked=${configurer.yAxes0.ticks?.autoMax}\n      />\n      <label for=\"axis-max-auto\"> <ox-i18n msgid=\"label.axis-max-auto\">Max Auto</ox-i18n> </label>\n\n      ${!configurer.yAxes0.ticks?.autoMin\n        ? html`\n            <label for=\"y-axes0-ticks-min\"> <ox-i18n msgid=\"label.axis-min\">Min</ox-i18n> </label>\n            <input\n              id=\"y-axes0-ticks-min\"\n              type=\"number\"\n              value-key=\"yAxes0.ticks.min\"\n              value=${ifDefined(configurer.yAxes0.ticks?.min)}\n            />\n          `\n        : html``}\n      ${!configurer.yAxes0.ticks?.autoMax\n        ? html`\n            <label for=\"y-axes0-ticks-max\"> <ox-i18n msgid=\"label.axis-max\">Max</ox-i18n> </label>\n            <input\n              id=\"y-axes0-ticks-max\"\n              type=\"number\"\n              value-key=\"yAxes0.ticks.max\"\n              value=${ifDefined(configurer.yAxes0.ticks?.max)}\n            />\n          `\n        : html``}\n\n      <label for=\"y-axes0-ticks-step-size\"> <ox-i18n msgid=\"label.axis-step-size\">StepSize</ox-i18n> </label>\n      <input\n        id=\"y-axes0-ticks-step-size\"\n        type=\"number\"\n        value-key=\"yAxes0.ticks.stepSize\"\n        value=${ifDefined(configurer.yAxes0.ticks?.stepSize)}\n      />\n\n      <input\n        id=\"y-grid-line\"\n        type=\"checkbox\"\n        value-key=\"value.options.yGridLine\"\n        ?checked=${configurer.config.options?.yGridLine}\n      />\n      <label for=\"y-grid-line\"> <ox-i18n msgid=\"label.grid-line\">Grid Line</ox-i18n> </label>\n\n      <input\n        id=\"y-axes0-ticks-display\"\n        type=\"checkbox\"\n        value-key=\"yAxes0.ticks.display\"\n        ?checked=${configurer.yAxes0.ticks?.display}\n      />\n      <label for=\"y-axes0-ticks-display\"> <ox-i18n msgid=\"label.display-tick\">Display Tick</ox-i18n> </label>\n\n      ${configurer.config.options?.multiAxis\n        ? html`\n            <legend><ox-i18n msgid=\"label.y-2nd-axes\">Y 2nd Axes</ox-i18n></legend>\n\n            <label for=\"y-axes1.axis-title\"> <ox-i18n msgid=\"label.title\">Title</ox-i18n> </label>\n            <input\n              id=\"y-axes1.axis-title\"\n              type=\"text\"\n              value-key=\"yAxes1.axisTitle\"\n              value=${ifDefined(configurer.yAxes1?.axisTitle)}\n            />\n\n            <input\n              id=\"y-axes1-ticks-auto-min\"\n              type=\"checkbox\"\n              value-key=\"yAxes1.ticks.autoMin\"\n              ?checked=${configurer.yAxes1?.ticks?.autoMin}\n            />\n            <label for=\"y-axes1-ticks-auto-min\"> <ox-i18n msgid=\"label.axis-min-auto\">Min Auto</ox-i18n> </label>\n\n            <input\n              id=\"y-axes1-ticks-auto-max\"\n              type=\"checkbox\"\n              value-key=\"yAxes1.ticks.autoMax\"\n              ?checked=${configurer.yAxes1?.ticks?.autoMax}\n            />\n            <label for=\"y-axes1-ticks-auto-max\"> <ox-i18n msgid=\"label.axis-max-auto\">Max Auto</ox-i18n> </label>\n\n            ${!configurer.yAxes1?.ticks?.autoMin\n              ? html`\n                  <label for=\"y-axes1-ticks-min\"> <ox-i18n msgid=\"label.axis-min\">Min</ox-i18n> </label>\n                  <input\n                    id=\"y-axes1-ticks-min\"\n                    type=\"number\"\n                    value-key=\"yAxes1.ticks.min\"\n                    value=${ifDefined(configurer.yAxes1?.ticks?.min)}\n                  />\n                `\n              : html``}\n            ${!configurer.yAxes1?.ticks?.autoMax\n              ? html`\n                  <label for=\"y-axes1-ticks-max\"> <ox-i18n msgid=\"label.axis-max\">Max</ox-i18n> </label>\n                  <input\n                    id=\"y-axes1-ticks-max\"\n                    type=\"number\"\n                    value-key=\"yAxes1.ticks.max\"\n                    value=${ifDefined(configurer.yAxes1?.ticks?.max)}\n                  />\n                `\n              : html``}\n\n            <label for=\"y-axes1-ticks-step-size\"> <ox-i18n msgid=\"label.axis-step-size\">StepSize</ox-i18n> </label>\n            <input\n              id=\"y-axes1-ticks-step-size\"\n              type=\"number\"\n              value-key=\"yAxes1.ticks.stepSize\"\n              value=${ifDefined(configurer.yAxes1?.ticks?.stepSize)}\n            />\n\n            <input\n              id=\"y-2nd-grid-line\"\n              type=\"checkbox\"\n              value-key=\"value.options.y2ndGridLine\"\n              ?checked=${configurer.config.options?.y2ndGridLine}\n            />\n            <label for=\"y-2nd-grid-line\"> <ox-i18n msgid=\"label.grid-line\">Grid Line</ox-i18n> </label>\n\n            <input\n              id=\"y-axes1-ticks-display\"\n              type=\"checkbox\"\n              value-key=\"yAxes1.ticks.display\"\n              ?checked=${configurer.yAxes1?.ticks?.display}\n            />\n            <label for=\"y-axes1-ticks-display\"> <ox-i18n msgid=\"label.display-tick\">Display Tick</ox-i18n> </label>\n          `\n        : html``}\n    `\n  }\n\n  _hasBarSeries(config: any) {\n    var hasBarSeries = false\n    hasBarSeries = config.data.datasets?.some((s: any) => s.type == 'bar')\n\n    return hasBarSeries\n  }\n}\n"]}
+{"version":3,"file":"ox-input-chart-timeseries.js","sourceRoot":"","sources":["../../../src/editors/ox-input-chart-timeseries.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport { html, css } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { InputChartAbstract } from './input-chart-abstract'\n\n@customElement('ox-input-chart-timeseries')\nexport class OxInputChartTimeseries extends InputChartAbstract {\n  static styles = [\n    ...InputChartAbstract.styles,\n    css`\n      legend[collapsable] {\n        box-sizing: border-box;\n        width: 100%;\n      }\n\n      legend[collapsable] md-icon {\n        float: right;\n        font-size: medium;\n        margin: 0;\n      }\n\n      div[collapsed] {\n        display: none;\n      }\n    `\n  ]\n\n  @state() annotationExpanded = false\n\n  subTemplate() {\n    const configurer = this.configurer\n\n    return html`\n      <input id=\"multi-axis\" type=\"checkbox\" value-key=\"multiAxis\" ?checked=${configurer.multiAxis} />\n      <label for=\"multi-axis\"> <ox-i18n msgid=\"label.multi-axis\">Multi Axis</ox-i18n> </label>\n\n      <legend><ox-i18n msgid=\"label.series\">Series</ox-i18n></legend>\n      <div fullwidth>${this.multiSeriesTabTemplate()}</div>\n\n      <legend><ox-i18n msgid=\"label.x-axes\">X Axes</ox-i18n></legend>\n\n      <label for=\"series-data-key\"> <ox-i18n msgid=\"label.data-key\">Data Key</ox-i18n> </label>\n      <input id=\"series-data-key\" type=\"text\" value-key=\"labelDataKey\" value=${ifDefined(configurer.labelDataKey)} />\n\n      <label for=\"x-axes0-axis-title\"> <ox-i18n msgid=\"label.title\">Title</ox-i18n> </label>\n      <input\n        id=\"x-axes0-axis-title\"\n        type=\"text\"\n        value-key=\"xAxes0.axisTitle\"\n        value=${ifDefined(configurer.xAxes0.axisTitle)}\n      />\n\n      ${this._hasBarSeries(configurer.value)\n        ? html`\n            <label for=\"bar-spacing\"><ox-i18n msgid=\"label.bar-spacing\">Bar Spacing</ox-i18n></label>\n            <input\n              id=\"bar-spacing\"\n              type=\"number\"\n              min=\"0\"\n              max=\"1\"\n              step=\"0.1\"\n              value-key=\"xAxes0.barSpacing\"\n              value=${ifDefined(configurer.xAxes0.barSpacing)}\n            />\n            <label for=\"tick-spacing\"><ox-i18n msgid=\"label.tick-spacing\">Tick Spacing</ox-i18n></label>\n            <input\n              id=\"tick-spacing\"\n              type=\"number\"\n              min=\"0\"\n              max=\"1\"\n              step=\"0.1\"\n              value-key=\"xAxes0.categorySpacing\"\n              value=${ifDefined(configurer.xAxes0.categorySpacing)}\n            />\n          `\n        : html``}\n\n      <input\n        id=\"x-grid-line\"\n        type=\"checkbox\"\n        value-key=\"value.options.xGridLine\"\n        ?checked=${configurer.config.options?.xGridLine}\n      />\n      <label for=\"x-grid-line\"> <ox-i18n msgid=\"label.grid-line\">Grid Line</ox-i18n> </label>\n\n      <input\n        id=\"x-axes0-ticks-display\"\n        type=\"checkbox\"\n        value-key=\"xAxes0.ticks.display\"\n        ?checked=${configurer.xAxes0.ticks?.display}\n      />\n      <label for=\"x-axes0-ticks-display\"> <ox-i18n msgid=\"label.display-tick\">Display Tick</ox-i18n> </label>\n\n      <legend><ox-i18n msgid=\"label.y-axes\">Y Axes</ox-i18n></legend>\n\n      <label for=\"y-axes0-axis-title\"> <ox-i18n msgid=\"label.title\">Title</ox-i18n> </label>\n      <input\n        id=\"y-axes0-axis-title\"\n        type=\"text\"\n        value-key=\"yAxes0.axisTitle\"\n        value=${configurer.yAxes0.axisTitle || ''}\n      />\n\n      <input\n        id=\"axis-min-auto\"\n        type=\"checkbox\"\n        value-key=\"yAxes0.ticks.autoMin\"\n        ?checked=${configurer.yAxes0.ticks?.autoMin}\n      />\n      <label for=\"axis-min-auto\"> <ox-i18n msgid=\"label.axis-min-auto\">Min Auto</ox-i18n> </label>\n\n      <input\n        id=\"axis-max-auto\"\n        type=\"checkbox\"\n        value-key=\"yAxes0.ticks.autoMax\"\n        ?checked=${configurer.yAxes0.ticks?.autoMax}\n      />\n      <label for=\"axis-max-auto\"> <ox-i18n msgid=\"label.axis-max-auto\">Max Auto</ox-i18n> </label>\n\n      ${!configurer.yAxes0.ticks?.autoMin\n        ? html`\n            <label for=\"y-axes0-ticks-min\"> <ox-i18n msgid=\"label.axis-min\">Min</ox-i18n> </label>\n            <input\n              id=\"y-axes0-ticks-min\"\n              type=\"number\"\n              value-key=\"yAxes0.ticks.min\"\n              value=${ifDefined(configurer.yAxes0.ticks?.min)}\n            />\n          `\n        : html``}\n      ${!configurer.yAxes0.ticks?.autoMax\n        ? html`\n            <label for=\"y-axes0-ticks-max\"> <ox-i18n msgid=\"label.axis-max\">Max</ox-i18n> </label>\n            <input\n              id=\"y-axes0-ticks-max\"\n              type=\"number\"\n              value-key=\"yAxes0.ticks.max\"\n              value=${ifDefined(configurer.yAxes0.ticks?.max)}\n            />\n          `\n        : html``}\n\n      <label for=\"y-axes0-ticks-step-size\"> <ox-i18n msgid=\"label.axis-step-size\">StepSize</ox-i18n> </label>\n      <input\n        id=\"y-axes0-ticks-step-size\"\n        type=\"number\"\n        value-key=\"yAxes0.ticks.stepSize\"\n        value=${ifDefined(configurer.yAxes0.ticks?.stepSize)}\n      />\n\n      <input\n        id=\"y-grid-line\"\n        type=\"checkbox\"\n        value-key=\"value.options.yGridLine\"\n        ?checked=${configurer.config.options?.yGridLine}\n      />\n      <label for=\"y-grid-line\"> <ox-i18n msgid=\"label.grid-line\">Grid Line</ox-i18n> </label>\n\n      <input\n        id=\"y-axes0-ticks-display\"\n        type=\"checkbox\"\n        value-key=\"yAxes0.ticks.display\"\n        ?checked=${configurer.yAxes0.ticks?.display}\n      />\n      <label for=\"y-axes0-ticks-display\"> <ox-i18n msgid=\"label.display-tick\">Display Tick</ox-i18n> </label>\n\n      ${configurer.config.options?.multiAxis\n        ? html`\n            <legend><ox-i18n msgid=\"label.y-2nd-axes\">Y 2nd Axes</ox-i18n></legend>\n\n            <label for=\"y-axes1.axis-title\"> <ox-i18n msgid=\"label.title\">Title</ox-i18n> </label>\n            <input\n              id=\"y-axes1.axis-title\"\n              type=\"text\"\n              value-key=\"yAxes1.axisTitle\"\n              value=${ifDefined(configurer.yAxes1?.axisTitle)}\n            />\n\n            <input\n              id=\"y-axes1-ticks-auto-min\"\n              type=\"checkbox\"\n              value-key=\"yAxes1.ticks.autoMin\"\n              ?checked=${configurer.yAxes1?.ticks?.autoMin}\n            />\n            <label for=\"y-axes1-ticks-auto-min\"> <ox-i18n msgid=\"label.axis-min-auto\">Min Auto</ox-i18n> </label>\n\n            <input\n              id=\"y-axes1-ticks-auto-max\"\n              type=\"checkbox\"\n              value-key=\"yAxes1.ticks.autoMax\"\n              ?checked=${configurer.yAxes1?.ticks?.autoMax}\n            />\n            <label for=\"y-axes1-ticks-auto-max\"> <ox-i18n msgid=\"label.axis-max-auto\">Max Auto</ox-i18n> </label>\n\n            ${!configurer.yAxes1?.ticks?.autoMin\n              ? html`\n                  <label for=\"y-axes1-ticks-min\"> <ox-i18n msgid=\"label.axis-min\">Min</ox-i18n> </label>\n                  <input\n                    id=\"y-axes1-ticks-min\"\n                    type=\"number\"\n                    value-key=\"yAxes1.ticks.min\"\n                    value=${ifDefined(configurer.yAxes1?.ticks?.min)}\n                  />\n                `\n              : html``}\n            ${!configurer.yAxes1?.ticks?.autoMax\n              ? html`\n                  <label for=\"y-axes1-ticks-max\"> <ox-i18n msgid=\"label.axis-max\">Max</ox-i18n> </label>\n                  <input\n                    id=\"y-axes1-ticks-max\"\n                    type=\"number\"\n                    value-key=\"yAxes1.ticks.max\"\n                    value=${ifDefined(configurer.yAxes1?.ticks?.max)}\n                  />\n                `\n              : html``}\n\n            <label for=\"y-axes1-ticks-step-size\"> <ox-i18n msgid=\"label.axis-step-size\">StepSize</ox-i18n> </label>\n            <input\n              id=\"y-axes1-ticks-step-size\"\n              type=\"number\"\n              value-key=\"yAxes1.ticks.stepSize\"\n              value=${ifDefined(configurer.yAxes1?.ticks?.stepSize)}\n            />\n\n            <input\n              id=\"y-2nd-grid-line\"\n              type=\"checkbox\"\n              value-key=\"value.options.y2ndGridLine\"\n              ?checked=${configurer.config.options?.y2ndGridLine}\n            />\n            <label for=\"y-2nd-grid-line\"> <ox-i18n msgid=\"label.grid-line\">Grid Line</ox-i18n> </label>\n\n            <input\n              id=\"y-axes1-ticks-display\"\n              type=\"checkbox\"\n              value-key=\"yAxes1.ticks.display\"\n              ?checked=${configurer.yAxes1?.ticks?.display}\n            />\n            <label for=\"y-axes1-ticks-display\"> <ox-i18n msgid=\"label.display-tick\">Display Tick</ox-i18n> </label>\n          `\n        : html``}\n\n      <legend collapsable>\n        <ox-i18n msgid=\"label.chart-annotation\">Annotations</ox-i18n>\n        <md-icon\n          @tap=${() => {\n            this.annotationExpanded = !this.annotationExpanded\n          }}\n          >${this.annotationExpanded ? 'expand_less' : 'expand_more'}</md-icon\n        >\n      </legend>\n      <div fullwidth ?collapsed=${!this.annotationExpanded}>${this.annotationsTabTemplate()}</div>\n    `\n  }\n\n  _hasBarSeries(config: any) {\n    var hasBarSeries = false\n    hasBarSeries = config.data.datasets?.some((s: any) => s.type == 'bar')\n\n    return hasBarSeries\n  }\n}\n"]}

package/dist/src/scichart/ox-scichart.d.ts

@@ -18,6 +18,9 @@ declare class OxSciChart extends LitElement {
     loadSciChart(): Promise<void>;
     initializeSciChart(): Promise<void>;
     updated(changedProperties: Map<string | number | symbol, unknown>): Promise<void>;
+    appendData(appendum: {
+        [attr: string]: any;
+    }[]): Promise<void>;
     updateDataSeries(): void;
     get dataSet(): {
         xValue: number;

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

@@ -65,6 +65,7 @@ let OxSciChart = class OxSciChart extends LitElement {
             this.chart?.sciChartSurface.zoomExtents();
         }
     }
+    async appendData(appendum) { }
     updateDataSeries() {
         if (!this.dataSeries?.length)
             return;

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

@@ -1 +1 @@
-{"version":3,"file":"ox-scichart.js","sourceRoot":"","sources":["../../../src/scichart/ox-scichart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { property, query, customElement } from 'lit/decorators.js'\nimport { buildSciChart } from './scichart-builder'\n\ndeclare global {\n  interface Window {\n    sciChartLoaded: boolean\n    sciChartLoadingPromise: Promise<void>\n  }\n}\n\n@customElement('ox-scichart')\nclass OxSciChart extends LitElement {\n  @property({ type: Object }) config: OperatoChart.ChartConfig | null = null\n  @property({ type: Array }) data: { [attr: string]: any }[] = []\n\n  private chart: any = null\n  private dataSeries: any[] = []\n\n  @query('div#container') container!: HTMLDivElement\n\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chart-container {\n      display: flex;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chart-content {\n      flex: 1;\n      position: relative;\n    }\n  `\n\n  firstUpdated() {\n    this.loadSciChart()\n  }\n\n  async loadSciChart() {\n    if (!window.sciChartLoaded) {\n      if (!window.sciChartLoadingPromise) {\n        window.sciChartLoadingPromise = new Promise<void>(resolve => {\n          const script = document.createElement('script')\n          script.src = 'https://cdn.jsdelivr.net/npm/scichart/index.min.js'\n          script.crossOrigin = 'anonymous'\n          script.onload = () => {\n            window.sciChartLoaded = true\n\n            SciChart.SciChartSurface.UseCommunityLicense()\n\n            resolve()\n          }\n          document.head.appendChild(script)\n        })\n      }\n\n      await window.sciChartLoadingPromise\n    }\n\n    this.initializeSciChart()\n  }\n\n  async initializeSciChart() {\n    const { chart, dataSeries } = (await buildSciChart(this.config, this.container, {})) || {}\n\n    this.chart = chart\n    this.dataSeries = dataSeries!\n\n    this.updateDataSeries()\n  }\n\n  async updated(changedProperties: Map<string | number | symbol, unknown>) {\n    if (changedProperties.has('config') && this.config) {\n      await this.initializeSciChart()\n    }\n\n    if (changedProperties.has('data')) {\n      this.updateDataSeries()\n      this.chart?.sciChartSurface.zoomExtents()\n    }\n  }\n\n  updateDataSeries() {\n    if (!this.dataSeries?.length) return\n\n    this.dataSeries.forEach(ds => ds.clear())\n    const newData = this.dataSet\n\n    newData.forEach((data, index) => {\n      const xValues = data.map(d => d.xValue)\n      const yValues = data.map(d => d.yValue || 0)\n\n      this.dataSeries[index].appendRange(xValues, yValues)\n    })\n\n    this.chart?.sciChartSurface.zoomExtents()\n    this.chart?.sciChartSurface.invalidateElement()\n  }\n\n  get dataSet(): { xValue: number; yValue: number }[][] {\n    const { config, data } = this\n    const { datasets = [], labelDataKey: attrX } = config?.data || {}\n\n    if (!(data instanceof Array) || !attrX) {\n      return []\n    }\n\n    return datasets.map(dataset => {\n      return data\n        .map(item => {\n          if (!item || typeof item !== 'object') {\n            return\n          }\n\n          const xValue = new Date(item[attrX])\n          if (isNaN(xValue.getTime())) {\n            console.error('Invalid date:', item[attrX])\n            return\n          }\n\n          return {\n            xValue: xValue.getTime() / 1000,\n            yValue: item[dataset.dataKey!]\n          }\n        })\n        .filter(Boolean) as { xValue: number; yValue: number }[]\n    })\n  }\n\n  render() {\n    return html` <div id=\"container\" class=\"chart-container\"></div> `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ox-scichart': OxSciChart\n  }\n}\n"]}
+{"version":3,"file":"ox-scichart.js","sourceRoot":"","sources":["../../../src/scichart/ox-scichart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { property, query, customElement } from 'lit/decorators.js'\nimport { buildSciChart } from './scichart-builder'\n\ndeclare global {\n  interface Window {\n    sciChartLoaded: boolean\n    sciChartLoadingPromise: Promise<void>\n  }\n}\n\n@customElement('ox-scichart')\nclass OxSciChart extends LitElement {\n  @property({ type: Object }) config: OperatoChart.ChartConfig | null = null\n  @property({ type: Array }) data: { [attr: string]: any }[] = []\n\n  private chart: any = null\n  private dataSeries: any[] = []\n\n  @query('div#container') container!: HTMLDivElement\n\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chart-container {\n      display: flex;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chart-content {\n      flex: 1;\n      position: relative;\n    }\n  `\n\n  firstUpdated() {\n    this.loadSciChart()\n  }\n\n  async loadSciChart() {\n    if (!window.sciChartLoaded) {\n      if (!window.sciChartLoadingPromise) {\n        window.sciChartLoadingPromise = new Promise<void>(resolve => {\n          const script = document.createElement('script')\n          script.src = 'https://cdn.jsdelivr.net/npm/scichart/index.min.js'\n          script.crossOrigin = 'anonymous'\n          script.onload = () => {\n            window.sciChartLoaded = true\n\n            SciChart.SciChartSurface.UseCommunityLicense()\n\n            resolve()\n          }\n          document.head.appendChild(script)\n        })\n      }\n\n      await window.sciChartLoadingPromise\n    }\n\n    this.initializeSciChart()\n  }\n\n  async initializeSciChart() {\n    const { chart, dataSeries } = (await buildSciChart(this.config, this.container, {})) || {}\n\n    this.chart = chart\n    this.dataSeries = dataSeries!\n\n    this.updateDataSeries()\n  }\n\n  async updated(changedProperties: Map<string | number | symbol, unknown>) {\n    if (changedProperties.has('config') && this.config) {\n      await this.initializeSciChart()\n    }\n\n    if (changedProperties.has('data')) {\n      this.updateDataSeries()\n      this.chart?.sciChartSurface.zoomExtents()\n    }\n  }\n\n  async appendData(appendum: { [attr: string]: any }[]) {}\n\n  updateDataSeries() {\n    if (!this.dataSeries?.length) return\n\n    this.dataSeries.forEach(ds => ds.clear())\n    const newData = this.dataSet\n\n    newData.forEach((data, index) => {\n      const xValues = data.map(d => d.xValue)\n      const yValues = data.map(d => d.yValue || 0)\n\n      this.dataSeries[index].appendRange(xValues, yValues)\n    })\n\n    this.chart?.sciChartSurface.zoomExtents()\n    this.chart?.sciChartSurface.invalidateElement()\n  }\n\n  get dataSet(): { xValue: number; yValue: number }[][] {\n    const { config, data } = this\n    const { datasets = [], labelDataKey: attrX } = config?.data || {}\n\n    if (!(data instanceof Array) || !attrX) {\n      return []\n    }\n\n    return datasets.map(dataset => {\n      return data\n        .map(item => {\n          if (!item || typeof item !== 'object') {\n            return\n          }\n\n          const xValue = new Date(item[attrX])\n          if (isNaN(xValue.getTime())) {\n            console.error('Invalid date:', item[attrX])\n            return\n          }\n\n          return {\n            xValue: xValue.getTime() / 1000,\n            yValue: item[dataset.dataKey!]\n          }\n        })\n        .filter(Boolean) as { xValue: number; yValue: number }[]\n    })\n  }\n\n  render() {\n    return html` <div id=\"container\" class=\"chart-container\"></div> `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ox-scichart': OxSciChart\n  }\n}\n"]}