@kumori/aurora-wui-components 0.0.295-dev4335 → 0.0.295-dev4335.1

package/dist/components/table-chart/table-chart.d.ts

@@ -9,7 +9,6 @@ export declare class TableChart extends LitElement {
     height: string;
     private chartInstance;
     private _resizeObserver;
-    private _wasVisible;
     static styles: import('lit').CSSResult[];
     private createChart;
     protected firstUpdated(): void;

package/dist/components/table-chart/table-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-chart.d.ts","sourceRoot":"","sources":["../../../src/components/table-chart/table-chart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAIvD,qBACa,UAAW,SAAQ,UAAU;IACZ,SAAS,EAAE,MAAM,iBAAiB,CAAU;IAC5C,OAAO,SAAM;IACd,WAAW,EAAE,MAAM,EAAE,CAAM;IACtB,aAAa,EAAE,YAAY,EAAE,CAAM;IACnC,YAAY,EAAE,YAAY,CAAM;IACpC,MAAM,SAAU;IAE5C,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,WAAW,CAAS;IAE5B,MAAM,CAAC,MAAM,4BAQX;IAEF,OAAO,CAAC,WAAW;IA0BnB,SAAS,CAAC,YAAY;IAatB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA4BzD,oBAAoB;IAUpB,MAAM;CASP"}
+{"version":3,"file":"table-chart.d.ts","sourceRoot":"","sources":["../../../src/components/table-chart/table-chart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAIvD,qBACa,UAAW,SAAQ,UAAU;IACZ,SAAS,EAAE,MAAM,iBAAiB,CAAU;IAC5C,OAAO,SAAM;IACd,WAAW,EAAE,MAAM,EAAE,CAAM;IACtB,aAAa,EAAE,YAAY,EAAE,CAAM;IACnC,YAAY,EAAE,YAAY,CAAM;IACpC,MAAM,SAAU;IAE5C,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,eAAe,CAA+B;IAEtD,MAAM,CAAC,MAAM,4BAQX;IAEF,OAAO,CAAC,WAAW;IA6BnB,SAAS,CAAC,YAAY;IAUtB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA4BzD,oBAAoB;IAUpB,MAAM;CASP"}

package/dist/index.js

@@ -8923,7 +8923,6 @@ var TableChart = class TableChart extends LitElement {
 		this.height = "4rem";
 		this.chartInstance = null;
 		this._resizeObserver = null;
-		this._wasVisible = false;
 	}
 	static {
 		this.styles = [unsafeCSS(tailwind_default), css`
@@ -8945,6 +8944,7 @@ var TableChart = class TableChart extends LitElement {
 			return;
 		}
 		if (this.chartInstance) return;
+		if (this.offsetWidth === 0 || this.offsetHeight === 0) return;
 		this.chartInstance = new Chart(ctx, {
 			type: this.chartType,
 			data: {
@@ -8956,11 +8956,8 @@ var TableChart = class TableChart extends LitElement {
 	}
 	firstUpdated() {
 		this.createChart();
-		this._resizeObserver = new ResizeObserver((entries) => {
-			const { width, height } = entries[0].contentRect;
-			const isVisible = width > 0 && height > 0;
-			if (isVisible && !this._wasVisible) this.chartInstance?.resize();
-			this._wasVisible = isVisible;
+		this._resizeObserver = new ResizeObserver(() => {
+			if (!this.chartInstance) this.createChart();
 		});
 		this._resizeObserver.observe(this);
 	}