@triptease/tt-bar-chart 1.1.2 → 1.1.3

package/dist/cjs/src/TtBarChart.js

@@ -41,6 +41,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TtBarChart = void 0;
 const lit_1 = require("lit");
+const styles_js_1 = require("./styles.js");
 // @ts-expect-error Known error - https://github.com/apache/echarts/issues/21250
 const echarts = __importStar(require("echarts"));
 const decorators_js_1 = require("lit/decorators.js");
@@ -217,6 +218,7 @@ class TtBarChart extends lit_1.LitElement {
     }
 }
 exports.TtBarChart = TtBarChart;
+TtBarChart.styles = styles_js_1.styles;
 __decorate([
     (0, decorators_js_1.property)({ type: String })
 ], TtBarChart.prototype, "direction", void 0);

package/dist/cjs/src/TtBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"TtBarChart.js","sourceRoot":"","sources":["../../../src/TtBarChart.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\n// @ts-expect-error Known error - https://github.com/apache/echarts/issues/21250\nimport * as echarts from 'echarts';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ChartDirection, Dataset } from './types.js';\nimport { loadingAnimation, valueFormatter } from './utils.js';\n// @ts-expect-error Known error - https://github.com/apache/echarts/issues/21250\nimport { AriaComponent } from 'echarts/components';\nimport { defaultColorPalette } from './colors.js';\nimport { isTtDataset } from '@triptease/tt-dataset';\nimport { isTtDataPoint } from '@triptease/tt-data-point';\n\nconst constructChartData = (ttDatasetElements: Element[]) => {\n  if (!ttDatasetElements.every(isTtDataset)) {\n    throw new Error(\"Children of element 'tt-bar-chart' must be 'tt-dataset' elements.\");\n  }\n\n  const datasets: Dataset[] = ttDatasetElements.map((ttDataset) => {\n    const datasetLabel = ttDataset.getAttribute('label');\n    if (!datasetLabel) throw new Error(\"Attribute 'label' on element 'tt-dataset' is required\");\n\n    const ttDataPoints = Array.from(ttDataset.querySelectorAll('tt-data-point'));\n    if (!ttDataPoints.every(isTtDataPoint)) {\n      throw new Error(\"Children of element 'tt-dataset' must be 'tt-data-point' elements\");\n    }\n\n    const data = ttDataPoints.map((ttDataPoint) => {\n      const dataPointLabel = ttDataPoint.getAttribute('label');\n      if (!dataPointLabel) throw new Error(\"Attribute 'label' on element 'tt-data-point' is required\");\n\n      const valueRaw = ttDataPoint.getAttribute('value');\n      const value = valueRaw ? Number(valueRaw) : undefined;\n      if (value !== undefined && Number.isNaN(value)) {\n        throw new Error(\"Attribute 'value' on element 'tt-data-point' is not a valid number\");\n      }\n\n      return { label: dataPointLabel, value };\n    });\n\n    return { label: datasetLabel, data };\n  });\n\n  return datasets;\n};\n\nexport class TtBarChart extends LitElement {\n  @property({ type: String })\n  direction: ChartDirection = 'horizontal';\n\n  @property({ type: String, attribute: 'x-axis-title' })\n  xAxisTitle?: string;\n\n  @property({ type: String, attribute: 'y-axis-title' })\n  yAxisTitle?: string;\n\n  @property({ type: Boolean, attribute: 'stacked' })\n  stacked: boolean = false;\n\n  @property({ type: Boolean, attribute: 'loading' })\n  loading: boolean = false;\n\n  @property({ type: String, attribute: 'width' })\n  width: string = '100%';\n\n  @property({ type: String, attribute: 'height' })\n  height: string = '100%';\n\n  @property({ type: String, attribute: 'value-prefix' })\n  valuePrefix?: string;\n\n  @property({ type: String, attribute: 'value-suffix' })\n  valueSuffix?: string;\n\n  @state()\n  chart: echarts.ECharts | null = null;\n\n  @query('slot')\n  private defaultSlot!: HTMLSlotElement;\n\n  private loadingPulseTimer: number | undefined;\n  private slotObserver: MutationObserver | null = null;\n\n  render() {\n    return html`\n      <div style=\"width: ${this.width}; height:${this.height};\">\n        <div id=${this.id} style=\"width:${this.width}; height:${this.height};\"></div>\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n\n  protected handleSlotChange() {\n    this.slotObserver?.disconnect();\n    this.slotObserver = new MutationObserver(() => this.requestUpdate());\n    this.defaultSlot.assignedElements().forEach((el) => {\n      this.slotObserver!.observe(el, { childList: true, attributes: true, subtree: true });\n    });\n    this.requestUpdate();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.slotObserver?.disconnect();\n  }\n\n  protected firstUpdated() {\n    if (this.chart === null) {\n      echarts.use([AriaComponent]);\n      const divElement = this.renderRoot.querySelector(`#${this.id}`) as HTMLDivElement;\n\n      if (!divElement) {\n        throw new Error('No div element');\n      }\n\n      this.chart = echarts.init(divElement);\n\n      let hasResized = false;\n      new ResizeObserver(() => {\n        {\n          if (!hasResized) {\n            /*\n             * The first time the div resizes is for the initial render, so don't resize the chart. This\n             * means the startup animation can play.\n             */\n            hasResized = true;\n          } else {\n            this.chart.resize();\n          }\n        }\n      }).observe(divElement);\n    }\n  }\n\n  protected updated() {\n    if (this.loadingPulseTimer) {\n      window.clearInterval(this.loadingPulseTimer);\n    }\n\n    if (this.loading && this.chart) {\n      this.setAttribute('aria-busy', 'true');\n      this.loadingPulseTimer = loadingAnimation(this.chart, this.direction);\n    } else {\n      this.removeAttribute('aria-busy');\n\n      const datasets = constructChartData(this.defaultSlot.assignedElements());\n\n      const labelsRaw = datasets.flatMap((dataset) => dataset.data.map((datapoint) => datapoint.label));\n      const labels = [...new Set(labelsRaw)];\n\n      const series: echarts.SeriesOption[] = datasets.map((dataset, i) => ({\n        name: dataset.label,\n        type: 'bar',\n        data: labels.map((label) => {\n          const point = dataset.data.find((dp) => dp.label === label);\n          return point?.value ?? null;\n        }),\n        stack: this.stacked ? 'A' : undefined,\n        color: defaultColorPalette[i],\n        cursor: 'default',\n      }));\n\n      const option: echarts.EChartsOption = {\n        aria: {\n          show: true,\n        },\n        legend: {\n          show: datasets.length > 1,\n          textStyle: {\n            color: '#3b353b', //--text-400\n          },\n        },\n        xAxis: {\n          name: this.xAxisTitle,\n          nameTextStyle: {\n            lineHeight: 40,\n            color: '#575157', //--text-300\n          },\n          nameLocation: 'center',\n          type: this.direction === 'horizontal' ? 'value' : 'category',\n          data: this.direction === 'horizontal' ? undefined : labels,\n          axisLabel: {\n            formatter: (value: number | string) =>\n              valueFormatter(\n                value,\n                this.direction === 'horizontal' ? this.valuePrefix : undefined,\n                this.direction === 'horizontal' ? this.valueSuffix : undefined\n              ),\n            color: '#3b353b', //--text-400\n          },\n          splitLine: { show: this.direction === 'horizontal' },\n        },\n        yAxis: {\n          name: this.yAxisTitle,\n          nameTextStyle: {\n            lineHeight: 40,\n            color: '#575157', //--text-300\n          },\n          nameLocation: 'center',\n          type: this.direction === 'horizontal' ? 'category' : 'value',\n          data: this.direction === 'horizontal' ? labels : undefined,\n          axisLabel: {\n            formatter: (value: number | string) =>\n              valueFormatter(\n                value,\n                this.direction === 'horizontal' ? undefined : this.valuePrefix,\n                this.direction === 'horizontal' ? undefined : this.valueSuffix\n              ),\n            color: '#3b353b', //--text-400\n          },\n          splitLine: { show: this.direction === 'vertical' },\n        },\n        grid: {\n          left: 0,\n          right: 0,\n          top: 0,\n          ...(datasets.length > 1 ? {} : { bottom: 0 }),\n        },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow',\n          },\n          valueFormatter: (value: number | string) => valueFormatter(value, this.valuePrefix, this.valueSuffix),\n        },\n        series,\n      };\n\n      this.chart.setOption(option, { notMerge: true });\n    }\n  }\n}\n"]}
+{"version":3,"file":"TtBarChart.js","sourceRoot":"","sources":["../../../src/TtBarChart.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './styles.js';\n// @ts-expect-error Known error - https://github.com/apache/echarts/issues/21250\nimport * as echarts from 'echarts';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ChartDirection, Dataset } from './types.js';\nimport { loadingAnimation, valueFormatter } from './utils.js';\n// @ts-expect-error Known error - https://github.com/apache/echarts/issues/21250\nimport { AriaComponent } from 'echarts/components';\nimport { defaultColorPalette } from './colors.js';\nimport { isTtDataset } from '@triptease/tt-dataset';\nimport { isTtDataPoint } from '@triptease/tt-data-point';\n\nconst constructChartData = (ttDatasetElements: Element[]) => {\n  if (!ttDatasetElements.every(isTtDataset)) {\n    throw new Error(\"Children of element 'tt-bar-chart' must be 'tt-dataset' elements.\");\n  }\n\n  const datasets: Dataset[] = ttDatasetElements.map((ttDataset) => {\n    const datasetLabel = ttDataset.getAttribute('label');\n    if (!datasetLabel) throw new Error(\"Attribute 'label' on element 'tt-dataset' is required\");\n\n    const ttDataPoints = Array.from(ttDataset.querySelectorAll('tt-data-point'));\n    if (!ttDataPoints.every(isTtDataPoint)) {\n      throw new Error(\"Children of element 'tt-dataset' must be 'tt-data-point' elements\");\n    }\n\n    const data = ttDataPoints.map((ttDataPoint) => {\n      const dataPointLabel = ttDataPoint.getAttribute('label');\n      if (!dataPointLabel) throw new Error(\"Attribute 'label' on element 'tt-data-point' is required\");\n\n      const valueRaw = ttDataPoint.getAttribute('value');\n      const value = valueRaw ? Number(valueRaw) : undefined;\n      if (value !== undefined && Number.isNaN(value)) {\n        throw new Error(\"Attribute 'value' on element 'tt-data-point' is not a valid number\");\n      }\n\n      return { label: dataPointLabel, value };\n    });\n\n    return { label: datasetLabel, data };\n  });\n\n  return datasets;\n};\n\nexport class TtBarChart extends LitElement {\n  static styles = styles;\n\n  @property({ type: String })\n  direction: ChartDirection = 'horizontal';\n\n  @property({ type: String, attribute: 'x-axis-title' })\n  xAxisTitle?: string;\n\n  @property({ type: String, attribute: 'y-axis-title' })\n  yAxisTitle?: string;\n\n  @property({ type: Boolean, attribute: 'stacked' })\n  stacked: boolean = false;\n\n  @property({ type: Boolean, attribute: 'loading' })\n  loading: boolean = false;\n\n  @property({ type: String, attribute: 'width' })\n  width: string = '100%';\n\n  @property({ type: String, attribute: 'height' })\n  height: string = '100%';\n\n  @property({ type: String, attribute: 'value-prefix' })\n  valuePrefix?: string;\n\n  @property({ type: String, attribute: 'value-suffix' })\n  valueSuffix?: string;\n\n  @state()\n  chart: echarts.ECharts | null = null;\n\n  @query('slot')\n  private defaultSlot!: HTMLSlotElement;\n\n  private loadingPulseTimer: number | undefined;\n  private slotObserver: MutationObserver | null = null;\n\n  render() {\n    return html`\n      <div style=\"width: ${this.width}; height:${this.height};\">\n        <div id=${this.id} style=\"width:${this.width}; height:${this.height};\"></div>\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n\n  protected handleSlotChange() {\n    this.slotObserver?.disconnect();\n    this.slotObserver = new MutationObserver(() => this.requestUpdate());\n    this.defaultSlot.assignedElements().forEach((el) => {\n      this.slotObserver!.observe(el, { childList: true, attributes: true, subtree: true });\n    });\n    this.requestUpdate();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.slotObserver?.disconnect();\n  }\n\n  protected firstUpdated() {\n    if (this.chart === null) {\n      echarts.use([AriaComponent]);\n      const divElement = this.renderRoot.querySelector(`#${this.id}`) as HTMLDivElement;\n\n      if (!divElement) {\n        throw new Error('No div element');\n      }\n\n      this.chart = echarts.init(divElement);\n\n      let hasResized = false;\n      new ResizeObserver(() => {\n        {\n          if (!hasResized) {\n            /*\n             * The first time the div resizes is for the initial render, so don't resize the chart. This\n             * means the startup animation can play.\n             */\n            hasResized = true;\n          } else {\n            this.chart.resize();\n          }\n        }\n      }).observe(divElement);\n    }\n  }\n\n  protected updated() {\n    if (this.loadingPulseTimer) {\n      window.clearInterval(this.loadingPulseTimer);\n    }\n\n    if (this.loading && this.chart) {\n      this.setAttribute('aria-busy', 'true');\n      this.loadingPulseTimer = loadingAnimation(this.chart, this.direction);\n    } else {\n      this.removeAttribute('aria-busy');\n\n      const datasets = constructChartData(this.defaultSlot.assignedElements());\n\n      const labelsRaw = datasets.flatMap((dataset) => dataset.data.map((datapoint) => datapoint.label));\n      const labels = [...new Set(labelsRaw)];\n\n      const series: echarts.SeriesOption[] = datasets.map((dataset, i) => ({\n        name: dataset.label,\n        type: 'bar',\n        data: labels.map((label) => {\n          const point = dataset.data.find((dp) => dp.label === label);\n          return point?.value ?? null;\n        }),\n        stack: this.stacked ? 'A' : undefined,\n        color: defaultColorPalette[i],\n        cursor: 'default',\n      }));\n\n      const option: echarts.EChartsOption = {\n        aria: {\n          show: true,\n        },\n        legend: {\n          show: datasets.length > 1,\n          textStyle: {\n            color: '#3b353b', //--text-400\n          },\n        },\n        xAxis: {\n          name: this.xAxisTitle,\n          nameTextStyle: {\n            lineHeight: 40,\n            color: '#575157', //--text-300\n          },\n          nameLocation: 'center',\n          type: this.direction === 'horizontal' ? 'value' : 'category',\n          data: this.direction === 'horizontal' ? undefined : labels,\n          axisLabel: {\n            formatter: (value: number | string) =>\n              valueFormatter(\n                value,\n                this.direction === 'horizontal' ? this.valuePrefix : undefined,\n                this.direction === 'horizontal' ? this.valueSuffix : undefined\n              ),\n            color: '#3b353b', //--text-400\n          },\n          splitLine: { show: this.direction === 'horizontal' },\n        },\n        yAxis: {\n          name: this.yAxisTitle,\n          nameTextStyle: {\n            lineHeight: 40,\n            color: '#575157', //--text-300\n          },\n          nameLocation: 'center',\n          type: this.direction === 'horizontal' ? 'category' : 'value',\n          data: this.direction === 'horizontal' ? labels : undefined,\n          axisLabel: {\n            formatter: (value: number | string) =>\n              valueFormatter(\n                value,\n                this.direction === 'horizontal' ? undefined : this.valuePrefix,\n                this.direction === 'horizontal' ? undefined : this.valueSuffix\n              ),\n            color: '#3b353b', //--text-400\n          },\n          splitLine: { show: this.direction === 'vertical' },\n        },\n        grid: {\n          left: 0,\n          right: 0,\n          top: 0,\n          ...(datasets.length > 1 ? {} : { bottom: 0 }),\n        },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow',\n          },\n          valueFormatter: (value: number | string) => valueFormatter(value, this.valuePrefix, this.valueSuffix),\n        },\n        series,\n      };\n\n      this.chart.setOption(option, { notMerge: true });\n    }\n  }\n}\n"]}

package/dist/cjs/src/styles.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+const lit_1 = require("lit");
+exports.styles = (0, lit_1.css) `
+  :host {
+    display: block;
+    contain: inline-size;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/src/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/styles.ts"],"names":[],"mappings":";;;AAAA,6BAA0B;AAEb,QAAA,MAAM,GAAG,IAAA,SAAG,EAAA;;;;;CAKxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    contain: inline-size;\n  }\n`;\n"]}

package/dist/esm/src/TtBarChart.d.ts

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 import * as echarts from 'echarts';
 import { ChartDirection } from './types.js';
 export declare class TtBarChart extends LitElement {
+    static styles: import("lit").CSSResult;
     direction: ChartDirection;
     xAxisTitle?: string;
     yAxisTitle?: string;

package/dist/esm/src/TtBarChart.js

@@ -5,6 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement } from 'lit';
+import { styles } from './styles.js';
 // @ts-expect-error Known error - https://github.com/apache/echarts/issues/21250
 import * as echarts from 'echarts';
 import { property, query, state } from 'lit/decorators.js';
@@ -180,6 +181,7 @@ export class TtBarChart extends LitElement {
         }
     }
 }
+TtBarChart.styles = styles;
 __decorate([
     property({ type: String })
 ], TtBarChart.prototype, "direction", void 0);

package/dist/esm/src/TtBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"TtBarChart.js","sourceRoot":"","sources":["../../../src/TtBarChart.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\n// @ts-expect-error Known error - https://github.com/apache/echarts/issues/21250\nimport * as echarts from 'echarts';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ChartDirection, Dataset } from './types.js';\nimport { loadingAnimation, valueFormatter } from './utils.js';\n// @ts-expect-error Known error - https://github.com/apache/echarts/issues/21250\nimport { AriaComponent } from 'echarts/components';\nimport { defaultColorPalette } from './colors.js';\nimport { isTtDataset } from '@triptease/tt-dataset';\nimport { isTtDataPoint } from '@triptease/tt-data-point';\n\nconst constructChartData = (ttDatasetElements: Element[]) => {\n  if (!ttDatasetElements.every(isTtDataset)) {\n    throw new Error(\"Children of element 'tt-bar-chart' must be 'tt-dataset' elements.\");\n  }\n\n  const datasets: Dataset[] = ttDatasetElements.map((ttDataset) => {\n    const datasetLabel = ttDataset.getAttribute('label');\n    if (!datasetLabel) throw new Error(\"Attribute 'label' on element 'tt-dataset' is required\");\n\n    const ttDataPoints = Array.from(ttDataset.querySelectorAll('tt-data-point'));\n    if (!ttDataPoints.every(isTtDataPoint)) {\n      throw new Error(\"Children of element 'tt-dataset' must be 'tt-data-point' elements\");\n    }\n\n    const data = ttDataPoints.map((ttDataPoint) => {\n      const dataPointLabel = ttDataPoint.getAttribute('label');\n      if (!dataPointLabel) throw new Error(\"Attribute 'label' on element 'tt-data-point' is required\");\n\n      const valueRaw = ttDataPoint.getAttribute('value');\n      const value = valueRaw ? Number(valueRaw) : undefined;\n      if (value !== undefined && Number.isNaN(value)) {\n        throw new Error(\"Attribute 'value' on element 'tt-data-point' is not a valid number\");\n      }\n\n      return { label: dataPointLabel, value };\n    });\n\n    return { label: datasetLabel, data };\n  });\n\n  return datasets;\n};\n\nexport class TtBarChart extends LitElement {\n  @property({ type: String })\n  direction: ChartDirection = 'horizontal';\n\n  @property({ type: String, attribute: 'x-axis-title' })\n  xAxisTitle?: string;\n\n  @property({ type: String, attribute: 'y-axis-title' })\n  yAxisTitle?: string;\n\n  @property({ type: Boolean, attribute: 'stacked' })\n  stacked: boolean = false;\n\n  @property({ type: Boolean, attribute: 'loading' })\n  loading: boolean = false;\n\n  @property({ type: String, attribute: 'width' })\n  width: string = '100%';\n\n  @property({ type: String, attribute: 'height' })\n  height: string = '100%';\n\n  @property({ type: String, attribute: 'value-prefix' })\n  valuePrefix?: string;\n\n  @property({ type: String, attribute: 'value-suffix' })\n  valueSuffix?: string;\n\n  @state()\n  chart: echarts.ECharts | null = null;\n\n  @query('slot')\n  private defaultSlot!: HTMLSlotElement;\n\n  private loadingPulseTimer: number | undefined;\n  private slotObserver: MutationObserver | null = null;\n\n  render() {\n    return html`\n      <div style=\"width: ${this.width}; height:${this.height};\">\n        <div id=${this.id} style=\"width:${this.width}; height:${this.height};\"></div>\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n\n  protected handleSlotChange() {\n    this.slotObserver?.disconnect();\n    this.slotObserver = new MutationObserver(() => this.requestUpdate());\n    this.defaultSlot.assignedElements().forEach((el) => {\n      this.slotObserver!.observe(el, { childList: true, attributes: true, subtree: true });\n    });\n    this.requestUpdate();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.slotObserver?.disconnect();\n  }\n\n  protected firstUpdated() {\n    if (this.chart === null) {\n      echarts.use([AriaComponent]);\n      const divElement = this.renderRoot.querySelector(`#${this.id}`) as HTMLDivElement;\n\n      if (!divElement) {\n        throw new Error('No div element');\n      }\n\n      this.chart = echarts.init(divElement);\n\n      let hasResized = false;\n      new ResizeObserver(() => {\n        {\n          if (!hasResized) {\n            /*\n             * The first time the div resizes is for the initial render, so don't resize the chart. This\n             * means the startup animation can play.\n             */\n            hasResized = true;\n          } else {\n            this.chart.resize();\n          }\n        }\n      }).observe(divElement);\n    }\n  }\n\n  protected updated() {\n    if (this.loadingPulseTimer) {\n      window.clearInterval(this.loadingPulseTimer);\n    }\n\n    if (this.loading && this.chart) {\n      this.setAttribute('aria-busy', 'true');\n      this.loadingPulseTimer = loadingAnimation(this.chart, this.direction);\n    } else {\n      this.removeAttribute('aria-busy');\n\n      const datasets = constructChartData(this.defaultSlot.assignedElements());\n\n      const labelsRaw = datasets.flatMap((dataset) => dataset.data.map((datapoint) => datapoint.label));\n      const labels = [...new Set(labelsRaw)];\n\n      const series: echarts.SeriesOption[] = datasets.map((dataset, i) => ({\n        name: dataset.label,\n        type: 'bar',\n        data: labels.map((label) => {\n          const point = dataset.data.find((dp) => dp.label === label);\n          return point?.value ?? null;\n        }),\n        stack: this.stacked ? 'A' : undefined,\n        color: defaultColorPalette[i],\n        cursor: 'default',\n      }));\n\n      const option: echarts.EChartsOption = {\n        aria: {\n          show: true,\n        },\n        legend: {\n          show: datasets.length > 1,\n          textStyle: {\n            color: '#3b353b', //--text-400\n          },\n        },\n        xAxis: {\n          name: this.xAxisTitle,\n          nameTextStyle: {\n            lineHeight: 40,\n            color: '#575157', //--text-300\n          },\n          nameLocation: 'center',\n          type: this.direction === 'horizontal' ? 'value' : 'category',\n          data: this.direction === 'horizontal' ? undefined : labels,\n          axisLabel: {\n            formatter: (value: number | string) =>\n              valueFormatter(\n                value,\n                this.direction === 'horizontal' ? this.valuePrefix : undefined,\n                this.direction === 'horizontal' ? this.valueSuffix : undefined\n              ),\n            color: '#3b353b', //--text-400\n          },\n          splitLine: { show: this.direction === 'horizontal' },\n        },\n        yAxis: {\n          name: this.yAxisTitle,\n          nameTextStyle: {\n            lineHeight: 40,\n            color: '#575157', //--text-300\n          },\n          nameLocation: 'center',\n          type: this.direction === 'horizontal' ? 'category' : 'value',\n          data: this.direction === 'horizontal' ? labels : undefined,\n          axisLabel: {\n            formatter: (value: number | string) =>\n              valueFormatter(\n                value,\n                this.direction === 'horizontal' ? undefined : this.valuePrefix,\n                this.direction === 'horizontal' ? undefined : this.valueSuffix\n              ),\n            color: '#3b353b', //--text-400\n          },\n          splitLine: { show: this.direction === 'vertical' },\n        },\n        grid: {\n          left: 0,\n          right: 0,\n          top: 0,\n          ...(datasets.length > 1 ? {} : { bottom: 0 }),\n        },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow',\n          },\n          valueFormatter: (value: number | string) => valueFormatter(value, this.valuePrefix, this.valueSuffix),\n        },\n        series,\n      };\n\n      this.chart.setOption(option, { notMerge: true });\n    }\n  }\n}\n"]}
+{"version":3,"file":"TtBarChart.js","sourceRoot":"","sources":["../../../src/TtBarChart.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './styles.js';\n// @ts-expect-error Known error - https://github.com/apache/echarts/issues/21250\nimport * as echarts from 'echarts';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ChartDirection, Dataset } from './types.js';\nimport { loadingAnimation, valueFormatter } from './utils.js';\n// @ts-expect-error Known error - https://github.com/apache/echarts/issues/21250\nimport { AriaComponent } from 'echarts/components';\nimport { defaultColorPalette } from './colors.js';\nimport { isTtDataset } from '@triptease/tt-dataset';\nimport { isTtDataPoint } from '@triptease/tt-data-point';\n\nconst constructChartData = (ttDatasetElements: Element[]) => {\n  if (!ttDatasetElements.every(isTtDataset)) {\n    throw new Error(\"Children of element 'tt-bar-chart' must be 'tt-dataset' elements.\");\n  }\n\n  const datasets: Dataset[] = ttDatasetElements.map((ttDataset) => {\n    const datasetLabel = ttDataset.getAttribute('label');\n    if (!datasetLabel) throw new Error(\"Attribute 'label' on element 'tt-dataset' is required\");\n\n    const ttDataPoints = Array.from(ttDataset.querySelectorAll('tt-data-point'));\n    if (!ttDataPoints.every(isTtDataPoint)) {\n      throw new Error(\"Children of element 'tt-dataset' must be 'tt-data-point' elements\");\n    }\n\n    const data = ttDataPoints.map((ttDataPoint) => {\n      const dataPointLabel = ttDataPoint.getAttribute('label');\n      if (!dataPointLabel) throw new Error(\"Attribute 'label' on element 'tt-data-point' is required\");\n\n      const valueRaw = ttDataPoint.getAttribute('value');\n      const value = valueRaw ? Number(valueRaw) : undefined;\n      if (value !== undefined && Number.isNaN(value)) {\n        throw new Error(\"Attribute 'value' on element 'tt-data-point' is not a valid number\");\n      }\n\n      return { label: dataPointLabel, value };\n    });\n\n    return { label: datasetLabel, data };\n  });\n\n  return datasets;\n};\n\nexport class TtBarChart extends LitElement {\n  static styles = styles;\n\n  @property({ type: String })\n  direction: ChartDirection = 'horizontal';\n\n  @property({ type: String, attribute: 'x-axis-title' })\n  xAxisTitle?: string;\n\n  @property({ type: String, attribute: 'y-axis-title' })\n  yAxisTitle?: string;\n\n  @property({ type: Boolean, attribute: 'stacked' })\n  stacked: boolean = false;\n\n  @property({ type: Boolean, attribute: 'loading' })\n  loading: boolean = false;\n\n  @property({ type: String, attribute: 'width' })\n  width: string = '100%';\n\n  @property({ type: String, attribute: 'height' })\n  height: string = '100%';\n\n  @property({ type: String, attribute: 'value-prefix' })\n  valuePrefix?: string;\n\n  @property({ type: String, attribute: 'value-suffix' })\n  valueSuffix?: string;\n\n  @state()\n  chart: echarts.ECharts | null = null;\n\n  @query('slot')\n  private defaultSlot!: HTMLSlotElement;\n\n  private loadingPulseTimer: number | undefined;\n  private slotObserver: MutationObserver | null = null;\n\n  render() {\n    return html`\n      <div style=\"width: ${this.width}; height:${this.height};\">\n        <div id=${this.id} style=\"width:${this.width}; height:${this.height};\"></div>\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n\n  protected handleSlotChange() {\n    this.slotObserver?.disconnect();\n    this.slotObserver = new MutationObserver(() => this.requestUpdate());\n    this.defaultSlot.assignedElements().forEach((el) => {\n      this.slotObserver!.observe(el, { childList: true, attributes: true, subtree: true });\n    });\n    this.requestUpdate();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.slotObserver?.disconnect();\n  }\n\n  protected firstUpdated() {\n    if (this.chart === null) {\n      echarts.use([AriaComponent]);\n      const divElement = this.renderRoot.querySelector(`#${this.id}`) as HTMLDivElement;\n\n      if (!divElement) {\n        throw new Error('No div element');\n      }\n\n      this.chart = echarts.init(divElement);\n\n      let hasResized = false;\n      new ResizeObserver(() => {\n        {\n          if (!hasResized) {\n            /*\n             * The first time the div resizes is for the initial render, so don't resize the chart. This\n             * means the startup animation can play.\n             */\n            hasResized = true;\n          } else {\n            this.chart.resize();\n          }\n        }\n      }).observe(divElement);\n    }\n  }\n\n  protected updated() {\n    if (this.loadingPulseTimer) {\n      window.clearInterval(this.loadingPulseTimer);\n    }\n\n    if (this.loading && this.chart) {\n      this.setAttribute('aria-busy', 'true');\n      this.loadingPulseTimer = loadingAnimation(this.chart, this.direction);\n    } else {\n      this.removeAttribute('aria-busy');\n\n      const datasets = constructChartData(this.defaultSlot.assignedElements());\n\n      const labelsRaw = datasets.flatMap((dataset) => dataset.data.map((datapoint) => datapoint.label));\n      const labels = [...new Set(labelsRaw)];\n\n      const series: echarts.SeriesOption[] = datasets.map((dataset, i) => ({\n        name: dataset.label,\n        type: 'bar',\n        data: labels.map((label) => {\n          const point = dataset.data.find((dp) => dp.label === label);\n          return point?.value ?? null;\n        }),\n        stack: this.stacked ? 'A' : undefined,\n        color: defaultColorPalette[i],\n        cursor: 'default',\n      }));\n\n      const option: echarts.EChartsOption = {\n        aria: {\n          show: true,\n        },\n        legend: {\n          show: datasets.length > 1,\n          textStyle: {\n            color: '#3b353b', //--text-400\n          },\n        },\n        xAxis: {\n          name: this.xAxisTitle,\n          nameTextStyle: {\n            lineHeight: 40,\n            color: '#575157', //--text-300\n          },\n          nameLocation: 'center',\n          type: this.direction === 'horizontal' ? 'value' : 'category',\n          data: this.direction === 'horizontal' ? undefined : labels,\n          axisLabel: {\n            formatter: (value: number | string) =>\n              valueFormatter(\n                value,\n                this.direction === 'horizontal' ? this.valuePrefix : undefined,\n                this.direction === 'horizontal' ? this.valueSuffix : undefined\n              ),\n            color: '#3b353b', //--text-400\n          },\n          splitLine: { show: this.direction === 'horizontal' },\n        },\n        yAxis: {\n          name: this.yAxisTitle,\n          nameTextStyle: {\n            lineHeight: 40,\n            color: '#575157', //--text-300\n          },\n          nameLocation: 'center',\n          type: this.direction === 'horizontal' ? 'category' : 'value',\n          data: this.direction === 'horizontal' ? labels : undefined,\n          axisLabel: {\n            formatter: (value: number | string) =>\n              valueFormatter(\n                value,\n                this.direction === 'horizontal' ? undefined : this.valuePrefix,\n                this.direction === 'horizontal' ? undefined : this.valueSuffix\n              ),\n            color: '#3b353b', //--text-400\n          },\n          splitLine: { show: this.direction === 'vertical' },\n        },\n        grid: {\n          left: 0,\n          right: 0,\n          top: 0,\n          ...(datasets.length > 1 ? {} : { bottom: 0 }),\n        },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow',\n          },\n          valueFormatter: (value: number | string) => valueFormatter(value, this.valuePrefix, this.valueSuffix),\n        },\n        series,\n      };\n\n      this.chart.setOption(option, { notMerge: true });\n    }\n  }\n}\n"]}

package/dist/esm/src/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/dist/esm/src/styles.js

@@ -0,0 +1,8 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    contain: inline-size;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;CAKxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    contain: inline-size;\n  }\n`;\n"]}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent tt-bar-chart following open-wc recommendations",
   "license": "MIT",
   "author": "tt-bar-chart",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "type": "module",
   "main": "dist/esm/src/index.js",
   "module": "dist/esm/src/index.js",