@smartnet360/svelte-components 0.0.45 → 0.0.47

package/dist/apps/site-check/SiteCheck.svelte

@@ -133,13 +133,14 @@
 
 	// Expand layout based on selected cells and chosen base layout
 	let chartLayout = $derived.by(() => {
+		// Pass cellStyling - helper will decide per-section whether to use it
 		const expanded = expandLayoutForCells(selectedBaseLayout, filteredData, cellStyling);
 		log('📐 Chart Layout:', {
 			layoutName: selectedBaseLayout.layoutName,
+			layoutDefaultColors: selectedBaseLayout.useDefaultChartColors ?? false,
 			sectionsCount: expanded.sections.length,
 			totalCharts: expanded.sections.reduce((sum, s) => sum + s.charts.length, 0),
-			firstSection: expanded.sections[0],
-			cellStylingEnabled: !!cellStyling
+			firstSection: expanded.sections[0]
 		});
 		return expanded;
 	});

package/dist/apps/site-check/helper.js

@@ -24,33 +24,53 @@ export function expandLayoutForCells(baseLayout, data, stylingConfig) {
         hoverMode: baseLayout.hoverMode, // Preserve hover mode from base layout
         coloredHover: baseLayout.coloredHover, // Preserve colored hover setting
         movingAverage: baseLayout.movingAverage, // Preserve moving average config
-        sections: baseLayout.sections.map((section) => ({
-            ...section,
-            charts: section.charts.map((chart) => ({
-                ...chart,
-                yLeft: expandKPIs(chart.yLeft, cells, stylingConfig),
-                yRight: expandKPIs(chart.yRight, cells, stylingConfig)
-            }))
-        }))
+        useDefaultChartColors: baseLayout.useDefaultChartColors, // Preserve layout-level default
+        sections: baseLayout.sections.map((section) => {
+            // Check per-section flag with fallback to layout-level, defaulting to false
+            const useDefaults = section.useDefaultChartColors ??
+                baseLayout.useDefaultChartColors ??
+                false;
+            // Decide styling for THIS section
+            const effectiveStyling = useDefaults ? undefined : stylingConfig;
+            return {
+                ...section,
+                charts: section.charts.map((chart) => ({
+                    ...chart,
+                    yLeft: expandKPIs(chart.yLeft, cells, effectiveStyling),
+                    yRight: expandKPIs(chart.yRight, cells, effectiveStyling)
+                }))
+            };
+        })
     };
     return expandedLayout;
 }
 /**
  * Expand a single KPI into multiple KPIs (one per cell)
- * Now uses createStyledKPI to apply band colors and sector line styles
+ * If stylingConfig is provided: creates styled KPIs with band colors and sector line styles
+ * If stylingConfig is undefined: returns base KPIs as-is for Chart component default behavior
  *
  * @param baseKPIs - Array of base KPIs from layout
  * @param cells - Array of [cellName, record] tuples
  * @param stylingConfig - Optional cell styling configuration
- * @returns Expanded array of KPIs with cell-specific styling
+ * @returns Expanded array of KPIs (styled or default)
  */
 function expandKPIs(baseKPIs, cells, stylingConfig) {
     const expandedKPIs = [];
     baseKPIs.forEach((baseKPI) => {
         cells.forEach(([cellName, record]) => {
-            // Use createStyledKPI to apply band color and sector line style
-            const styledKPI = createStyledKPI(baseKPI.rawName, record, baseKPI.unit, stylingConfig);
-            expandedKPIs.push(styledKPI);
+            if (stylingConfig) {
+                // Apply custom styling (band colors, sector line styles)
+                const styledKPI = createStyledKPI(baseKPI.rawName, record, baseKPI.unit, stylingConfig);
+                expandedKPIs.push(styledKPI);
+            }
+            else {
+                // Use Chart component default behavior: keep base KPI name
+                // Just update rawName to reference the pivoted column
+                expandedKPIs.push({
+                    ...baseKPI,
+                    rawName: `${baseKPI.rawName}_${cellName}`
+                });
+            }
         });
     });
     return expandedKPIs;

package/dist/core/Charts/charts.model.d.ts

@@ -33,6 +33,7 @@ export interface Section {
     charts: Chart[];
     grid?: ChartGrid;
     movingAverage?: MovingAverageConfig;
+    useDefaultChartColors?: boolean;
 }
 export type Mode = "tabs" | "scrollspy";
 export type HoverMode = 'x' | 'y' | 'closest' | 'x unified' | 'y unified' | false;
@@ -42,6 +43,7 @@ export interface Layout {
     movingAverage?: MovingAverageConfig;
     hoverMode?: HoverMode;
     coloredHover?: boolean;
+    useDefaultChartColors?: boolean;
 }
 export interface ChartMarker {
     date: string | Date;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.45",
+	"version": "0.0.47",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",