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

package/dist/components/axebow-underline-tab-selector/axebow-underline-tab-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-underline-tab-selector.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-underline-tab-selector/axebow-underline-tab-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKvD,qBACa,0BAA2B,SAAQ,UAAU;IACT,QAAQ,UAAS;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEtC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,YAAY,CAAiB;IAE9C,OAAO,CAAC,SAAS,CAAiC;IAElD,MAAM,CAAC,MAAM,4BAgBX;IAEF,iBAAiB;IAOjB,oBAAoB;IAKpB,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IASzD,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,UAAU;IAMlB,MAAM;CAkCP"}
+{"version":3,"file":"axebow-underline-tab-selector.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-underline-tab-selector/axebow-underline-tab-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKvD,qBACa,0BAA2B,SAAQ,UAAU;IACT,QAAQ,UAAS;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEtC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,YAAY,CAAiB;IAE9C,OAAO,CAAC,SAAS,CAAiC;IAElD,MAAM,CAAC,MAAM,4BAgBX;IAEF,iBAAiB;IAOjB,oBAAoB;IAKpB,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAezD,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,UAAU;IAMlB,MAAM;CAuCP"}

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;IAsCnB,SAAS,CAAC,YAAY;IAkBtB,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,17 @@ var TableChart = class TableChart extends LitElement {
 			return;
 		}
 		if (this.chartInstance) return;
+		console.log("[DIAG table-chart] createChart attempt", {
+			chartId: this.chartId,
+			offsetWidth: this.offsetWidth,
+			offsetHeight: this.offsetHeight,
+			canvasClientWidth: canvas.clientWidth,
+			canvasClientHeight: canvas.clientHeight
+		});
+		if (this.offsetWidth === 0 || this.offsetHeight === 0) {
+			console.log("[DIAG table-chart] createChart SKIPPED (zero size)", this.chartId);
+			return;
+		}
 		this.chartInstance = new Chart(ctx, {
 			type: this.chartType,
 			data: {
@@ -8953,14 +8963,20 @@ var TableChart = class TableChart extends LitElement {
 			},
 			options: this.chartOptions
 		});
+		console.log("[DIAG table-chart] createChart SUCCEEDED", this.chartId);
 	}
 	firstUpdated() {
+		console.log("[DIAG table-chart] firstUpdated", this.chartId, {
+			offsetWidth: this.offsetWidth,
+			offsetHeight: this.offsetHeight
+		});
 		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;
+			console.log("[DIAG table-chart] ResizeObserver fired", this.chartId, {
+				contentRect: entries[0].contentRect,
+				hasChartInstance: !!this.chartInstance
+			});
+			if (!this.chartInstance) this.createChart();
 		});
 		this._resizeObserver.observe(this);
 	}
@@ -9911,7 +9927,15 @@ var AxebowUnderlineTabSelector = class AxebowUnderlineTabSelector extends LitEle
 		this._updateTabCount();
 	}
 	updated(changedProperties) {
-		if (changedProperties.has("activeTab") && this.activeTab !== void 0 && this._activeTab !== this.activeTab) this._activeTab = this.activeTab;
+		console.log("[DIAG axebow-underline-tab-selector] updated", {
+			changedHasActiveTab: changedProperties.has("activeTab"),
+			activeTabProp: this.activeTab,
+			internalActiveTabBefore: this._activeTab
+		});
+		if (changedProperties.has("activeTab") && this.activeTab !== void 0 && this._activeTab !== this.activeTab) {
+			this._activeTab = this.activeTab;
+			console.log("[DIAG axebow-underline-tab-selector] synced internal _activeTab to prop", this._activeTab);
+		}
 		if (changedProperties.has("disabled")) this.toggleAttribute("disabled", this.disabled);
 	}
 	_updateTabCount() {
@@ -9934,6 +9958,11 @@ var AxebowUnderlineTabSelector = class AxebowUnderlineTabSelector extends LitEle
 		}));
 	}
 	render() {
+		console.log("[DIAG axebow-underline-tab-selector] render", {
+			internalActiveTab: this._activeTab,
+			activeTabProp: this.activeTab,
+			tabCount: this._tabCount
+		});
 		const tabs = Array.from({ length: this._tabCount }, (_, i) => i);
 		return html`
       <div class="w-293.5 flex">