@synergy-design-system/components 3.15.6 → 3.16.0

package/dist/chunks/{chunk.RMW7EMAA.js → chunk.HUZDPW7O.js}

@@ -9,25 +9,25 @@ import {
 } from "./chunk.34WYIU4C.js";
 import {
   FormControlController
-} from "./chunk.J3GDDM6Q.js";
+} from "./chunk.YDQ424MR.js";
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
 import {
   enableDefaultSettings
-} from "./chunk.4I2RJVH5.js";
+} from "./chunk.L3E7LAEB.js";
 import {
   watch
-} from "./chunk.SMIMHADA.js";
+} from "./chunk.UR2E7Y2Q.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.7YCUXELV.js";
+} from "./chunk.SVQL2UJA.js";
 import {
   __decorateClass
-} from "./chunk.MO2GTRUM.js";
+} from "./chunk.VK2FVWOF.js";
 
 // src/components/switch/switch.component.ts
 import { classMap } from "lit/directives/class-map.js";
@@ -264,4 +264,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.RMW7EMAA.js.map
+//# sourceMappingURL=chunk.HUZDPW7O.js.map

package/dist/chunks/{chunk.S2WBFFGA.js → chunk.IARERT4G.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.QYOAPG3L.js";
+} from "./chunk.YNMK7DD4.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.S2WBFFGA.js.map
+//# sourceMappingURL=chunk.IARERT4G.js.map

package/dist/chunks/{chunk.JVCAQIXF.js → chunk.JBU3DBIT.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.OBX7SKFS.js";
+} from "./chunk.SUR3MBPZ.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.JVCAQIXF.js.map
+//# sourceMappingURL=chunk.JBU3DBIT.js.map

package/dist/chunks/{chunk.DCV2TIY6.js → chunk.JJ6USITI.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.SFBN63ZC.js";
+} from "./chunk.K334YNKM.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.DCV2TIY6.js.map
+//# sourceMappingURL=chunk.JJ6USITI.js.map

package/dist/chunks/chunk.JOYNXTII.js

@@ -0,0 +1,166 @@
+// src/components/chart/chart.palettes.ts
+var PALETTE_TOKENS = {
+  categorical: [
+    "--syn-chart-categorical-01",
+    "--syn-chart-categorical-02",
+    "--syn-chart-categorical-03",
+    "--syn-chart-categorical-04",
+    "--syn-chart-categorical-05",
+    "--syn-chart-categorical-06",
+    "--syn-chart-categorical-07",
+    "--syn-chart-categorical-08",
+    "--syn-chart-categorical-09",
+    "--syn-chart-categorical-10",
+    "--syn-chart-categorical-11",
+    "--syn-chart-categorical-12"
+  ],
+  "sequential-01": [
+    "--syn-chart-sequential-01-100",
+    "--syn-chart-sequential-01-90",
+    "--syn-chart-sequential-01-80",
+    "--syn-chart-sequential-01-70",
+    "--syn-chart-sequential-01-60",
+    "--syn-chart-sequential-01-50",
+    "--syn-chart-sequential-01-40",
+    "--syn-chart-sequential-01-30",
+    "--syn-chart-sequential-01-20",
+    "--syn-chart-sequential-01-10"
+  ],
+  "sequential-02": [
+    "--syn-chart-sequential-02-100",
+    "--syn-chart-sequential-02-90",
+    "--syn-chart-sequential-02-80",
+    "--syn-chart-sequential-02-70",
+    "--syn-chart-sequential-02-60",
+    "--syn-chart-sequential-02-50",
+    "--syn-chart-sequential-02-40",
+    "--syn-chart-sequential-02-30",
+    "--syn-chart-sequential-02-20",
+    "--syn-chart-sequential-02-10"
+  ],
+  "sequential-03": [
+    "--syn-chart-sequential-03-100",
+    "--syn-chart-sequential-03-90",
+    "--syn-chart-sequential-03-80",
+    "--syn-chart-sequential-03-70",
+    "--syn-chart-sequential-03-60",
+    "--syn-chart-sequential-03-50",
+    "--syn-chart-sequential-03-40",
+    "--syn-chart-sequential-03-30",
+    "--syn-chart-sequential-03-20",
+    "--syn-chart-sequential-03-10"
+  ],
+  "sequential-04": [
+    "--syn-chart-sequential-04-100",
+    "--syn-chart-sequential-04-90",
+    "--syn-chart-sequential-04-80",
+    "--syn-chart-sequential-04-70",
+    "--syn-chart-sequential-04-60",
+    "--syn-chart-sequential-04-50",
+    "--syn-chart-sequential-04-40",
+    "--syn-chart-sequential-04-30",
+    "--syn-chart-sequential-04-20",
+    "--syn-chart-sequential-04-10"
+  ],
+  "sequential-05": [
+    "--syn-chart-sequential-05-100",
+    "--syn-chart-sequential-05-90",
+    "--syn-chart-sequential-05-80",
+    "--syn-chart-sequential-05-70",
+    "--syn-chart-sequential-05-60",
+    "--syn-chart-sequential-05-50",
+    "--syn-chart-sequential-05-40",
+    "--syn-chart-sequential-05-30",
+    "--syn-chart-sequential-05-20",
+    "--syn-chart-sequential-05-10"
+  ],
+  "sequential-06": [
+    "--syn-chart-sequential-06-100",
+    "--syn-chart-sequential-06-90",
+    "--syn-chart-sequential-06-80",
+    "--syn-chart-sequential-06-70",
+    "--syn-chart-sequential-06-60",
+    "--syn-chart-sequential-06-50",
+    "--syn-chart-sequential-06-40",
+    "--syn-chart-sequential-06-30",
+    "--syn-chart-sequential-06-20",
+    "--syn-chart-sequential-06-10"
+  ],
+  "sequential-07": [
+    "--syn-chart-sequential-07-100",
+    "--syn-chart-sequential-07-90",
+    "--syn-chart-sequential-07-80",
+    "--syn-chart-sequential-07-70",
+    "--syn-chart-sequential-07-60",
+    "--syn-chart-sequential-07-50",
+    "--syn-chart-sequential-07-40",
+    "--syn-chart-sequential-07-30",
+    "--syn-chart-sequential-07-20",
+    "--syn-chart-sequential-07-10"
+  ],
+  "sequential-status-critical": [
+    "--syn-chart-sequential-status-critical-100",
+    "--syn-chart-sequential-status-critical-90",
+    "--syn-chart-sequential-status-critical-80",
+    "--syn-chart-sequential-status-critical-70",
+    "--syn-chart-sequential-status-critical-60",
+    "--syn-chart-sequential-status-critical-50",
+    "--syn-chart-sequential-status-critical-40",
+    "--syn-chart-sequential-status-critical-30",
+    "--syn-chart-sequential-status-critical-20",
+    "--syn-chart-sequential-status-critical-10"
+  ],
+  "sequential-status-error": [
+    "--syn-chart-sequential-status-error-100",
+    "--syn-chart-sequential-status-error-90",
+    "--syn-chart-sequential-status-error-80",
+    "--syn-chart-sequential-status-error-70",
+    "--syn-chart-sequential-status-error-60",
+    "--syn-chart-sequential-status-error-50",
+    "--syn-chart-sequential-status-error-40",
+    "--syn-chart-sequential-status-error-30",
+    "--syn-chart-sequential-status-error-20",
+    "--syn-chart-sequential-status-error-10"
+  ],
+  "sequential-status-info": [
+    "--syn-chart-sequential-status-info-100",
+    "--syn-chart-sequential-status-info-90",
+    "--syn-chart-sequential-status-info-80",
+    "--syn-chart-sequential-status-info-70",
+    "--syn-chart-sequential-status-info-60",
+    "--syn-chart-sequential-status-info-50",
+    "--syn-chart-sequential-status-info-40",
+    "--syn-chart-sequential-status-info-30",
+    "--syn-chart-sequential-status-info-20",
+    "--syn-chart-sequential-status-info-10"
+  ],
+  "sequential-status-success": [
+    "--syn-chart-sequential-status-success-100",
+    "--syn-chart-sequential-status-success-90",
+    "--syn-chart-sequential-status-success-80",
+    "--syn-chart-sequential-status-success-70",
+    "--syn-chart-sequential-status-success-60",
+    "--syn-chart-sequential-status-success-50",
+    "--syn-chart-sequential-status-success-40",
+    "--syn-chart-sequential-status-success-30",
+    "--syn-chart-sequential-status-success-20",
+    "--syn-chart-sequential-status-success-10"
+  ],
+  "sequential-status-warning": [
+    "--syn-chart-sequential-status-warning-100",
+    "--syn-chart-sequential-status-warning-90",
+    "--syn-chart-sequential-status-warning-80",
+    "--syn-chart-sequential-status-warning-70",
+    "--syn-chart-sequential-status-warning-60",
+    "--syn-chart-sequential-status-warning-50",
+    "--syn-chart-sequential-status-warning-40",
+    "--syn-chart-sequential-status-warning-30",
+    "--syn-chart-sequential-status-warning-20",
+    "--syn-chart-sequential-status-warning-10"
+  ]
+};
+
+export {
+  PALETTE_TOKENS
+};
+//# sourceMappingURL=chunk.JOYNXTII.js.map

package/dist/chunks/chunk.JOYNXTII.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/chart/chart.palettes.ts"],
+  "sourcesContent": ["/**\n * The available color palettes for `syn-chart`.\n * Palette names correspond 1:1 to the Synergy design token groups.\n *\n * - `categorical` \u2014 12 distinct colors for comparing unrelated data series\n * - `sequential-01` \u2026 `sequential-07` \u2014 10-step single-hue ramps, ordered from darkest to brightest\n *   (`01`=primary, `02`=accent, `03`=muted, `04`=purple, `05`=teal, `06`=magenta, `07`=neutral)\n * - `sequential-status-critical/error/info/success/warning` \u2014 10-step status color ramps, ordered from darkest to brightest\n */\nexport type ChartPalette =\n  | 'categorical'\n  | 'sequential-01'\n  | 'sequential-02'\n  | 'sequential-03'\n  | 'sequential-04'\n  | 'sequential-05'\n  | 'sequential-06'\n  | 'sequential-07'\n  | 'sequential-status-critical'\n  | 'sequential-status-error'\n  | 'sequential-status-info'\n  | 'sequential-status-success'\n  | 'sequential-status-warning';\n\n/** Maps each palette name to the ordered list of CSS custom property names to resolve. */\nexport const PALETTE_TOKENS: Record<ChartPalette, string[]> = {\n  categorical: [\n    '--syn-chart-categorical-01', '--syn-chart-categorical-02', '--syn-chart-categorical-03',\n    '--syn-chart-categorical-04', '--syn-chart-categorical-05', '--syn-chart-categorical-06',\n    '--syn-chart-categorical-07', '--syn-chart-categorical-08', '--syn-chart-categorical-09',\n    '--syn-chart-categorical-10', '--syn-chart-categorical-11', '--syn-chart-categorical-12',\n  ],\n  'sequential-01': [\n    '--syn-chart-sequential-01-100', '--syn-chart-sequential-01-90', '--syn-chart-sequential-01-80',\n    '--syn-chart-sequential-01-70', '--syn-chart-sequential-01-60', '--syn-chart-sequential-01-50',\n    '--syn-chart-sequential-01-40', '--syn-chart-sequential-01-30', '--syn-chart-sequential-01-20',\n    '--syn-chart-sequential-01-10',\n  ],\n  'sequential-02': [\n    '--syn-chart-sequential-02-100', '--syn-chart-sequential-02-90', '--syn-chart-sequential-02-80',\n    '--syn-chart-sequential-02-70', '--syn-chart-sequential-02-60', '--syn-chart-sequential-02-50',\n    '--syn-chart-sequential-02-40', '--syn-chart-sequential-02-30', '--syn-chart-sequential-02-20',\n    '--syn-chart-sequential-02-10',\n  ],\n  'sequential-03': [\n    '--syn-chart-sequential-03-100', '--syn-chart-sequential-03-90', '--syn-chart-sequential-03-80',\n    '--syn-chart-sequential-03-70', '--syn-chart-sequential-03-60', '--syn-chart-sequential-03-50',\n    '--syn-chart-sequential-03-40', '--syn-chart-sequential-03-30', '--syn-chart-sequential-03-20',\n    '--syn-chart-sequential-03-10',\n  ],\n  'sequential-04': [\n    '--syn-chart-sequential-04-100', '--syn-chart-sequential-04-90', '--syn-chart-sequential-04-80',\n    '--syn-chart-sequential-04-70', '--syn-chart-sequential-04-60', '--syn-chart-sequential-04-50',\n    '--syn-chart-sequential-04-40', '--syn-chart-sequential-04-30', '--syn-chart-sequential-04-20',\n    '--syn-chart-sequential-04-10',\n  ],\n  'sequential-05': [\n    '--syn-chart-sequential-05-100', '--syn-chart-sequential-05-90', '--syn-chart-sequential-05-80',\n    '--syn-chart-sequential-05-70', '--syn-chart-sequential-05-60', '--syn-chart-sequential-05-50',\n    '--syn-chart-sequential-05-40', '--syn-chart-sequential-05-30', '--syn-chart-sequential-05-20',\n    '--syn-chart-sequential-05-10',\n  ],\n  'sequential-06': [\n    '--syn-chart-sequential-06-100', '--syn-chart-sequential-06-90', '--syn-chart-sequential-06-80',\n    '--syn-chart-sequential-06-70', '--syn-chart-sequential-06-60', '--syn-chart-sequential-06-50',\n    '--syn-chart-sequential-06-40', '--syn-chart-sequential-06-30', '--syn-chart-sequential-06-20',\n    '--syn-chart-sequential-06-10',\n  ],\n  'sequential-07': [\n    '--syn-chart-sequential-07-100', '--syn-chart-sequential-07-90', '--syn-chart-sequential-07-80',\n    '--syn-chart-sequential-07-70', '--syn-chart-sequential-07-60', '--syn-chart-sequential-07-50',\n    '--syn-chart-sequential-07-40', '--syn-chart-sequential-07-30', '--syn-chart-sequential-07-20',\n    '--syn-chart-sequential-07-10',\n  ],\n  'sequential-status-critical': [\n    '--syn-chart-sequential-status-critical-100', '--syn-chart-sequential-status-critical-90',\n    '--syn-chart-sequential-status-critical-80', '--syn-chart-sequential-status-critical-70',\n    '--syn-chart-sequential-status-critical-60', '--syn-chart-sequential-status-critical-50',\n    '--syn-chart-sequential-status-critical-40', '--syn-chart-sequential-status-critical-30',\n    '--syn-chart-sequential-status-critical-20', '--syn-chart-sequential-status-critical-10',\n  ],\n  'sequential-status-error': [\n    '--syn-chart-sequential-status-error-100', '--syn-chart-sequential-status-error-90',\n    '--syn-chart-sequential-status-error-80', '--syn-chart-sequential-status-error-70',\n    '--syn-chart-sequential-status-error-60', '--syn-chart-sequential-status-error-50',\n    '--syn-chart-sequential-status-error-40', '--syn-chart-sequential-status-error-30',\n    '--syn-chart-sequential-status-error-20', '--syn-chart-sequential-status-error-10',\n  ],\n  'sequential-status-info': [\n    '--syn-chart-sequential-status-info-100', '--syn-chart-sequential-status-info-90',\n    '--syn-chart-sequential-status-info-80', '--syn-chart-sequential-status-info-70',\n    '--syn-chart-sequential-status-info-60', '--syn-chart-sequential-status-info-50',\n    '--syn-chart-sequential-status-info-40', '--syn-chart-sequential-status-info-30',\n    '--syn-chart-sequential-status-info-20', '--syn-chart-sequential-status-info-10',\n  ],\n  'sequential-status-success': [\n    '--syn-chart-sequential-status-success-100', '--syn-chart-sequential-status-success-90',\n    '--syn-chart-sequential-status-success-80', '--syn-chart-sequential-status-success-70',\n    '--syn-chart-sequential-status-success-60', '--syn-chart-sequential-status-success-50',\n    '--syn-chart-sequential-status-success-40', '--syn-chart-sequential-status-success-30',\n    '--syn-chart-sequential-status-success-20', '--syn-chart-sequential-status-success-10',\n  ],\n  'sequential-status-warning': [\n    '--syn-chart-sequential-status-warning-100', '--syn-chart-sequential-status-warning-90',\n    '--syn-chart-sequential-status-warning-80', '--syn-chart-sequential-status-warning-70',\n    '--syn-chart-sequential-status-warning-60', '--syn-chart-sequential-status-warning-50',\n    '--syn-chart-sequential-status-warning-40', '--syn-chart-sequential-status-warning-30',\n    '--syn-chart-sequential-status-warning-20', '--syn-chart-sequential-status-warning-10',\n  ],\n};\n"],
+  "mappings": ";AAyBO,IAAM,iBAAiD;AAAA,EAC5D,aAAa;AAAA,IACX;AAAA,IAA8B;AAAA,IAA8B;AAAA,IAC5D;AAAA,IAA8B;AAAA,IAA8B;AAAA,IAC5D;AAAA,IAA8B;AAAA,IAA8B;AAAA,IAC5D;AAAA,IAA8B;AAAA,IAA8B;AAAA,EAC9D;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,IAAiC;AAAA,IAAgC;AAAA,IACjE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,IAAiC;AAAA,IAAgC;AAAA,IACjE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,IAAiC;AAAA,IAAgC;AAAA,IACjE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,IAAiC;AAAA,IAAgC;AAAA,IACjE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,IAAiC;AAAA,IAAgC;AAAA,IACjE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,IAAiC;AAAA,IAAgC;AAAA,IACjE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf;AAAA,IAAiC;AAAA,IAAgC;AAAA,IACjE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,IAAgC;AAAA,IAAgC;AAAA,IAChE;AAAA,EACF;AAAA,EACA,8BAA8B;AAAA,IAC5B;AAAA,IAA8C;AAAA,IAC9C;AAAA,IAA6C;AAAA,IAC7C;AAAA,IAA6C;AAAA,IAC7C;AAAA,IAA6C;AAAA,IAC7C;AAAA,IAA6C;AAAA,EAC/C;AAAA,EACA,2BAA2B;AAAA,IACzB;AAAA,IAA2C;AAAA,IAC3C;AAAA,IAA0C;AAAA,IAC1C;AAAA,IAA0C;AAAA,IAC1C;AAAA,IAA0C;AAAA,IAC1C;AAAA,IAA0C;AAAA,EAC5C;AAAA,EACA,0BAA0B;AAAA,IACxB;AAAA,IAA0C;AAAA,IAC1C;AAAA,IAAyC;AAAA,IACzC;AAAA,IAAyC;AAAA,IACzC;AAAA,IAAyC;AAAA,IACzC;AAAA,IAAyC;AAAA,EAC3C;AAAA,EACA,6BAA6B;AAAA,IAC3B;AAAA,IAA6C;AAAA,IAC7C;AAAA,IAA4C;AAAA,IAC5C;AAAA,IAA4C;AAAA,IAC5C;AAAA,IAA4C;AAAA,IAC5C;AAAA,IAA4C;AAAA,EAC9C;AAAA,EACA,6BAA6B;AAAA,IAC3B;AAAA,IAA6C;AAAA,IAC7C;AAAA,IAA4C;AAAA,IAC5C;AAAA,IAA4C;AAAA,IAC5C;AAAA,IAA4C;AAAA,IAC5C;AAAA,IAA4C;AAAA,EAC9C;AACF;",
+  "names": []
+}

package/dist/chunks/{chunk.ZT5YMF6W.js → chunk.JOYWAGT5.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.IIRPZ642.js";
+} from "./chunk.AVWQ57HF.js";
 import {
   calculatePageItemIndices,
   calculateTotalPages,
@@ -15,34 +15,34 @@ import {
 } from "./chunk.GXWM6IF5.js";
 import {
   SynOption
-} from "./chunk.L7EEUWC6.js";
+} from "./chunk.HDA5Z55X.js";
 import {
   pagination_styles_default
 } from "./chunk.DG2TSAVZ.js";
 import {
   SynSelect
-} from "./chunk.WVGOSRRS.js";
+} from "./chunk.4AAXP37B.js";
 import {
   SynDivider
-} from "./chunk.QYOAPG3L.js";
+} from "./chunk.YNMK7DD4.js";
 import {
   SynIconButton
-} from "./chunk.OBX7SKFS.js";
+} from "./chunk.SUR3MBPZ.js";
 import {
   enableDefaultSettings
-} from "./chunk.4I2RJVH5.js";
+} from "./chunk.L3E7LAEB.js";
 import {
   LocalizeController
-} from "./chunk.VCRQ2GII.js";
+} from "./chunk.ZXMSJF2M.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.7YCUXELV.js";
+} from "./chunk.SVQL2UJA.js";
 import {
   __decorateClass
-} from "./chunk.MO2GTRUM.js";
+} from "./chunk.VK2FVWOF.js";
 
 // src/components/pagination/pagination.component.ts
 import {
@@ -377,4 +377,4 @@ SynPagination = __decorateClass([
 export {
   SynPagination
 };
-//# sourceMappingURL=chunk.ZT5YMF6W.js.map
+//# sourceMappingURL=chunk.JOYWAGT5.js.map

package/dist/chunks/{chunk.SFBN63ZC.js → chunk.K334YNKM.js}

@@ -11,16 +11,16 @@ import {
 } from "./chunk.F34K2IO5.js";
 import {
   watch
-} from "./chunk.SMIMHADA.js";
+} from "./chunk.UR2E7Y2Q.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.7YCUXELV.js";
+} from "./chunk.SVQL2UJA.js";
 import {
   __decorateClass
-} from "./chunk.MO2GTRUM.js";
+} from "./chunk.VK2FVWOF.js";
 
 // src/components/icon/icon.component.ts
 import { html } from "lit";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.SFBN63ZC.js.map
+//# sourceMappingURL=chunk.K334YNKM.js.map

package/dist/chunks/chunk.KMZLWOXI.js

@@ -0,0 +1,246 @@
+import {
+  getRealStyleValue,
+  getRealValueWithoutUnit,
+  normalizeArray,
+  setDefaultValueIfNotAvailable
+} from "./chunk.DKVCRWJF.js";
+import {
+  mergeConfigs
+} from "./chunk.T3OQKYCT.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk.VK2FVWOF.js";
+
+// src/components/chart/configs/axes/utilities.ts
+function colorSvgDataUrl(dataUrl, color) {
+  try {
+    const [, base64] = dataUrl.split(",");
+    if (!base64) return dataUrl;
+    const svg = atob(base64).replace(/currentColor/gi, color);
+    return `data:image/svg+xml;base64,${btoa(svg)}`;
+  } catch (e) {
+    return dataUrl;
+  }
+}
+var getDataFromAxis = (axis) => {
+  if (axis && typeof axis === "object" && "data" in axis && Array.isArray(axis.data)) {
+    return axis.data.map(String);
+  }
+  return [];
+};
+function extractYAxisLabelTexts(config) {
+  const { yAxis } = config;
+  const fromAxis = Array.isArray(yAxis) ? yAxis.flatMap(getDataFromAxis) : getDataFromAxis(yAxis);
+  if (fromAxis.length) return fromAxis;
+  const { series } = config;
+  if (Array.isArray(series)) {
+    const values = series.flatMap((item) => {
+      if (item && typeof item === "object" && "data" in item && Array.isArray(item.data)) {
+        return item.data.filter(
+          (v) => typeof v === "number"
+        );
+      }
+      return [];
+    });
+    if (values.length) {
+      return [String(Math.min(...values)), String(Math.max(...values))];
+    }
+  }
+  return [];
+}
+function measureMaxTextWidth(texts, font) {
+  if (texts.length === 0) return 0;
+  try {
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return 0;
+    ctx.font = font;
+    return Math.ceil(Math.max(...texts.map((t) => ctx.measureText(t).width)));
+  } catch (e) {
+    return 0;
+  }
+}
+var updateAxisConfig = (config, axisKey, patch, options = {}) => {
+  const { axisIndex } = options;
+  const shouldUpdateIndex = (index) => {
+    if (axisIndex === void 0) return true;
+    if (Array.isArray(axisIndex)) return axisIndex.includes(index);
+    return axisIndex === index;
+  };
+  const mergeSingleAxis = (axisOption) => {
+    const merged = mergeConfigs(
+      { [axisKey]: axisOption },
+      { [axisKey]: patch }
+    );
+    return merged[axisKey];
+  };
+  const axisConfig = config[axisKey];
+  if (Array.isArray(axisConfig)) {
+    return axisConfig.map((axis, index) => {
+      if (!shouldUpdateIndex(index)) return axis;
+      return mergeSingleAxis(axis);
+    });
+  }
+  if (!shouldUpdateIndex(0)) return axisConfig;
+  return mergeSingleAxis(axisConfig != null ? axisConfig : {});
+};
+var getDefaultAxisLabelStyle = () => ({
+  color: getRealStyleValue("--syn-typography-color-text-quiet"),
+  fontFamily: getRealStyleValue("--syn-font-sans"),
+  fontSize: getRealStyleValue("--syn-font-size-x-small"),
+  fontWeight: getRealStyleValue("--syn-font-weight-normal")
+});
+var getDefaultAxisIconStyle = () => ({
+  height: getRealValueWithoutUnit("--syn-spacing-large"),
+  width: getRealValueWithoutUnit("--syn-spacing-large")
+});
+var getFontShorthand = (labelsStyle) => {
+  var _a, _b, _c;
+  const defaultAxisLabelStyle = getDefaultAxisLabelStyle();
+  const fontSizeValue = (_a = labelsStyle == null ? void 0 : labelsStyle.fontSize) != null ? _a : defaultAxisLabelStyle.fontSize;
+  const fontSize = typeof fontSizeValue === "number" ? `${fontSizeValue}px` : String(fontSizeValue);
+  const fontFamily = String((_b = labelsStyle == null ? void 0 : labelsStyle.fontFamily) != null ? _b : defaultAxisLabelStyle.fontFamily);
+  const fontWeight = String((_c = labelsStyle == null ? void 0 : labelsStyle.fontWeight) != null ? _c : defaultAxisLabelStyle.fontWeight);
+  return `${fontWeight} ${fontSize} ${fontFamily}`;
+};
+var getYAxisLabelEffectiveWidth = (labelsStyle, config) => {
+  if ((labelsStyle == null ? void 0 : labelsStyle.width) !== void 0) return labelsStyle.width;
+  const texts = extractYAxisLabelTexts(config);
+  const measured = texts.length > 0 ? measureMaxTextWidth(texts, getFontShorthand(labelsStyle)) : 0;
+  return measured > 0 ? measured : 30;
+};
+var createPositionConfig = (iconPosition, labelsStyle, config) => {
+  switch (iconPosition) {
+    case "bottom":
+      return {
+        formatter: (value, i) => `{label|${value}}
+{icon_${i}|}`,
+        padding: [0, 0, 4, 0],
+        width: void 0
+      };
+    case "right":
+      return {
+        formatter: (value, i) => `{label|${value}}{icon_${i}|}`,
+        padding: [0, 4, 0, 0],
+        width: void 0
+      };
+    case "top":
+      return {
+        formatter: (value, i) => `{icon_${i}|}
+{label|${value}}`,
+        padding: [4, 0, 0, 0],
+        width: void 0
+      };
+    default:
+      return {
+        align: "left",
+        formatter: (value, i) => `{icon_${i}|}{label|${value}}`,
+        padding: [0, 0, 0, 4],
+        width: getYAxisLabelEffectiveWidth(labelsStyle, config)
+      };
+  }
+};
+var buildAxisLabelConfigWithIcon = ({
+  config,
+  iconColor,
+  iconPosition,
+  iconsStyle,
+  iconUrls,
+  labelsStyle
+}) => {
+  const positionConfig = createPositionConfig(iconPosition, labelsStyle, config);
+  const mergedLabelsStyle = __spreadValues(__spreadValues(__spreadProps(__spreadValues({}, getDefaultAxisLabelStyle()), {
+    padding: positionConfig.padding,
+    width: positionConfig.width
+  }), positionConfig.align ? { align: positionConfig.align } : {}), labelsStyle);
+  const mergedIconsStyle = __spreadValues(__spreadValues(__spreadValues({}, getDefaultAxisIconStyle()), positionConfig.align ? { align: positionConfig.align } : {}), iconsStyle);
+  return {
+    formatter: positionConfig.formatter,
+    rich: __spreadValues({
+      label: mergedLabelsStyle
+    }, Object.fromEntries(
+      iconUrls.flatMap((url, index) => {
+        if (url == null) return [];
+        return [[
+          `icon_${index}`,
+          __spreadProps(__spreadValues({}, mergedIconsStyle), {
+            backgroundColor: { image: colorSvgDataUrl(url, iconColor) }
+          })
+        ]];
+      })
+    ))
+  };
+};
+var getDefaultXAxisStyle = () => ({
+  "axisLabel.margin": getRealValueWithoutUnit("--syn-spacing-small"),
+  nameGap: 32,
+  nameLocation: "center"
+});
+var getDefaultYAxisStyle = () => ({
+  "axisLabel.margin": getRealValueWithoutUnit("--syn-spacing-medium"),
+  nameGap: getRealValueWithoutUnit("--syn-spacing-medium"),
+  "nameTextStyle.align": "right",
+  "nameTextStyle.padding": [0, getRealValueWithoutUnit("--syn-spacing-medium"), 0, 0]
+});
+var applyAxisDefaults = (axisKey, axisOption) => {
+  if (!axisOption) return;
+  const axes = normalizeArray(axisOption);
+  const axisDefaults = axisKey === "xAxis" ? getDefaultXAxisStyle() : getDefaultYAxisStyle();
+  axes.forEach((axis) => {
+    Object.entries(axisDefaults).forEach(([keyPath, value]) => {
+      setDefaultValueIfNotAvailable(axis, keyPath, value);
+    });
+  });
+};
+var applyAxisDefaultsPreprocessor = (option) => {
+  if (!option || !option.xAxis && !option.yAxis) return;
+  if (option.xAxis) {
+    applyAxisDefaults("xAxis", option.xAxis);
+  }
+  if (option.yAxis) {
+    applyAxisDefaults("yAxis", option.yAxis);
+  }
+};
+var axisCommonStyles = () => ({
+  // This ensures that the number of ticks on multiple axes are the same
+  alignTicks: true,
+  axisLabel: {
+    color: getRealStyleValue("--syn-typography-color-text-quiet"),
+    fontFamily: getRealStyleValue("--syn-font-sans"),
+    fontSize: getRealStyleValue("--syn-font-size-x-small"),
+    fontWeight: getRealStyleValue("--syn-font-weight-normal")
+  },
+  axisLine: {
+    lineStyle: {
+      color: getRealStyleValue("--syn-chart-grid-lines-color-emphasize"),
+      width: getRealValueWithoutUnit("--syn-border-width-medium")
+    },
+    show: false
+  },
+  minorSplitLine: {
+    lineStyle: {}
+  },
+  nameTextStyle: {
+    color: getRealStyleValue("--syn-typography-color-text"),
+    fontSize: getRealStyleValue("--syn-font-size-small"),
+    fontWeight: getRealStyleValue("--syn-font-weight-bold")
+  },
+  splitLine: {
+    lineStyle: {
+      color: getRealStyleValue("--syn-chart-grid-lines-color")
+    },
+    show: false
+  }
+});
+
+export {
+  colorSvgDataUrl,
+  extractYAxisLabelTexts,
+  measureMaxTextWidth,
+  updateAxisConfig,
+  buildAxisLabelConfigWithIcon,
+  applyAxisDefaultsPreprocessor,
+  axisCommonStyles
+};
+//# sourceMappingURL=chunk.KMZLWOXI.js.map

package/dist/chunks/chunk.KMZLWOXI.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/chart/configs/axes/utilities.ts"],
+  "sourcesContent": ["import {\n  getRealStyleValue, getRealValueWithoutUnit, normalizeArray, setDefaultValueIfNotAvailable,\n} from '../../themes/utilities.js';\nimport type { ECConfig } from '../../types.js';\nimport { mergeConfigs } from '../utilities.js';\nimport type {\n  AxisKey,\n  AxisLabel,\n  AxisLabelIconsConfig,\n  AxisLabelRich,\n  AxisOption,\n  AxisUpdateOptions,\n} from './types.js';\n\n/**\n * Colors an SVG data URL by replacing `currentColor` with the provided color string.\n * Returns the original data URL unchanged if decoding or re-encoding fails.\n *\n * @param dataUrl - A data URL containing a base64-encoded SVG image.\n * @param color - The replacement color (e.g. `#ff0000` or `red`).\n * @returns A new SVG data URL with `currentColor` substituted.\n */\nexport function colorSvgDataUrl(dataUrl: string, color: string): string {\n  try {\n    const [, base64] = dataUrl.split(',');\n    if (!base64) return dataUrl;\n    const svg = atob(base64).replace(/currentColor/gi, color);\n    return `data:image/svg+xml;base64,${btoa(svg)}`;\n  } catch {\n    return dataUrl;\n  }\n}\n\nconst getDataFromAxis = (axis: unknown): string[] => {\n  if (\n    axis\n    && typeof axis === 'object'\n    && 'data' in axis\n    && Array.isArray((axis as Record<string, unknown>).data)\n  ) {\n    return ((axis as Record<string, unknown>).data as unknown[]).map(String);\n  }\n  return [];\n};\n\n/**\n * Extracts the strings that will appear as y-axis labels from the current config.\n *\n * - Category axes: uses the explicit `yAxis.data` array.\n * - Value axes: approximates with the min/max of all numeric series data points,\n *   which tends to represent the widest labels ECharts will render.\n * - Multiple y-axes: combines label candidates from all configured y-axis entries.\n *\n * @param config - The current chart config.\n * @returns Label texts that can be used for width estimation of rich y-axis labels.\n */\nexport function extractYAxisLabelTexts(config: ECConfig): string[] {\n  const { yAxis } = config;\n  const fromAxis = Array.isArray(yAxis)\n    ? yAxis.flatMap(getDataFromAxis)\n    : getDataFromAxis(yAxis);\n\n  if (fromAxis.length) return fromAxis;\n\n  // Value axis fallback: approximate from series min/max\n  const { series } = config;\n  if (Array.isArray(series)) {\n    const values: number[] = series.flatMap((item: unknown) => {\n      if (\n        item\n        && typeof item === 'object'\n        && 'data' in item\n        && Array.isArray((item as Record<string, unknown>).data)\n      ) {\n        return ((item as Record<string, unknown>).data as unknown[]).filter(\n          (v): v is number => typeof v === 'number',\n        );\n      }\n      return [];\n    });\n    if (values.length) {\n      return [String(Math.min(...values)), String(Math.max(...values))];\n    }\n  }\n\n  return [];\n}\n\n/**\n * Measures the maximum rendered pixel width of the given strings using a canvas.\n * Returns `0` if the canvas API is unavailable (e.g. SSR or test environments).\n *\n * @param texts - The strings to measure.\n * @param font - A CSS font string (e.g. `'12px sans-serif'`) matching the target rendering context.\n * @returns The ceiling of the widest measured text in CSS pixels.\n */\nexport function measureMaxTextWidth(texts: string[], font: string): number {\n  if (texts.length === 0) return 0;\n\n  try {\n    const canvas = document.createElement('canvas');\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return 0;\n    ctx.font = font;\n    return Math.ceil(Math.max(...texts.map((t) => ctx.measureText(t).width)));\n  } catch {\n    return 0;\n  }\n}\n\n/**\n * Merges a partial patch into one axis config (`xAxis` or `yAxis`) and returns\n * the updated value for that axis key.\n *\n * Supports both single-axis objects and axis arrays. When `axisIndex` is set,\n * only the selected axis entries are updated. For non-array axis configs,\n * index `0` is used.\n *\n * @param config - ECharts config object.\n * @param axisKey - Axis key to update (`xAxis` or `yAxis`).\n * @param patch - Partial axis config merged into the selected axis entries.\n * @param options - Optional axis selection settings.\n * @returns The updated axis config at `config[axisKey]`, preserving its original shape.\n *\n * @example\n * ```ts\n * const nextXAxis = updateAxisConfig(\n *   config,\n *   'xAxis',\n *   { axisLabel: { show: false } },\n *   { axisIndex: [0, 2] },\n * );\n *\n * // nextXAxis\n * [\n *   { ...config.xAxis[0], axisLabel: { ...config.xAxis[0].axisLabel, show: false } },\n *   config.xAxis[1],\n *   { ...config.xAxis[2], axisLabel: { ...config.xAxis[2].axisLabel, show: false } },\n * ]\n * ```\n */\nexport const updateAxisConfig = <T extends AxisKey>(\n  config: ECConfig,\n  axisKey: T,\n  patch: AxisOption<T>,\n  options: AxisUpdateOptions = {},\n): ECConfig[T] => {\n  const { axisIndex } = options;\n\n  const shouldUpdateIndex = (index: number): boolean => {\n    if (axisIndex === undefined) return true;\n    if (Array.isArray(axisIndex)) return axisIndex.includes(index);\n    return axisIndex === index;\n  };\n\n  const mergeSingleAxis = (axisOption: AxisOption<T>): AxisOption<T> => {\n    const merged = mergeConfigs(\n      { [axisKey]: axisOption },\n      { [axisKey]: patch },\n    );\n\n    return merged[axisKey] as AxisOption<T>;\n  };\n\n  const axisConfig = config[axisKey];\n  if (Array.isArray(axisConfig)) {\n    return axisConfig\n      .map((axis, index) => {\n        if (!shouldUpdateIndex(index)) return axis;\n        return mergeSingleAxis(axis as AxisOption<T>);\n      }) as ECConfig[T];\n  }\n\n  if (!shouldUpdateIndex(0)) return axisConfig;\n  return mergeSingleAxis((axisConfig ?? {}) as AxisOption<T>);\n};\n\n/**\n * Default styles for axis labels\n */\nconst getDefaultAxisLabelStyle = (): AxisLabelRich => ({\n  color: getRealStyleValue('--syn-typography-color-text-quiet'),\n  fontFamily: getRealStyleValue('--syn-font-sans'),\n  fontSize: getRealStyleValue('--syn-font-size-x-small'),\n  fontWeight: getRealStyleValue('--syn-font-weight-normal') as AxisLabelRich['fontWeight'],\n});\n\n/**\n * Default styles for axis label icons\n */\nconst getDefaultAxisIconStyle = (): AxisLabelRich => ({\n  height: getRealValueWithoutUnit('--syn-spacing-large'),\n  width: getRealValueWithoutUnit('--syn-spacing-large'),\n});\n\n/**\n * Builds a compact CSS font shorthand from the effective rich-label styles.\n * This helper resolves missing values from the Synergy defaults so y-axis label widths can be measured consistently.\n *\n * @param labelsStyle - Optional rich-text overrides for the label part.\n * @returns A CSS font shorthand string suitable for `CanvasRenderingContext2D.font`.\n */\nconst getFontShorthand = (labelsStyle: AxisLabelRich | undefined): string => {\n  const defaultAxisLabelStyle = getDefaultAxisLabelStyle();\n  const fontSizeValue = labelsStyle?.fontSize ?? defaultAxisLabelStyle.fontSize;\n  const fontSize = typeof fontSizeValue === 'number' ? `${fontSizeValue}px` : String(fontSizeValue);\n  const fontFamily = String(labelsStyle?.fontFamily ?? defaultAxisLabelStyle.fontFamily);\n  const fontWeight = String(labelsStyle?.fontWeight ?? defaultAxisLabelStyle.fontWeight);\n\n  return `${fontWeight} ${fontSize} ${fontFamily}`;\n};\n\n/**\n * Resolves the width to use for y-axis label rich text when icons are placed on the left.\n *\n * If the caller already provided `labelsStyle.width`, that explicit width wins.\n * Otherwise the width is derived from the widest candidate y-axis label text. When\n * measurement is unavailable, a small fallback width is used to keep icon alignment stable.\n *\n * @param labelsStyle - Optional rich-text overrides for the label part.\n * @param config - The current chart config used to derive y-axis label candidates.\n * @returns An explicit width value for the label block.\n */\nconst getYAxisLabelEffectiveWidth = (\n  labelsStyle: AxisLabelRich | undefined,\n  config: ECConfig,\n): number | string | undefined => {\n  if (labelsStyle?.width !== undefined) return labelsStyle.width;\n\n  const texts = extractYAxisLabelTexts(config);\n  const measured = texts.length > 0\n    ? measureMaxTextWidth(texts, getFontShorthand(labelsStyle))\n    : 0;\n\n  return measured > 0 ? measured : 30;\n};\n\n/**\n * Creates formatter and spacing settings for the selected icon-to-label layout.\n * Only left-positioned y-axis icons require a fixed label width so icons align vertically.\n *\n * @param iconPosition - Desired icon placement relative to the label text.\n * @param labelsStyle - Optional rich-text overrides for the label part.\n * @param config - The current chart config, used when width auto-calculation is required.\n * @returns Formatter, padding and optional width for the rich label definition.\n */\nconst createPositionConfig = (\n  iconPosition: AxisLabelIconsConfig['iconPosition'],\n  labelsStyle: AxisLabelRich | undefined,\n  config: ECConfig,\n) => {\n  switch (iconPosition) {\n    case 'bottom':\n      return {\n        formatter: (value: string, i: number) => `{label|${value}}\\n{icon_${i}|}`,\n        padding: [0, 0, 4, 0],\n        width: undefined,\n      };\n    case 'right':\n      return {\n        formatter: (value: string, i: number) => `{label|${value}}{icon_${i}|}`,\n        padding: [0, 4, 0, 0],\n        width: undefined,\n      };\n    case 'top':\n      return {\n        formatter: (value: string, i: number) => `{icon_${i}|}\\n{label|${value}}`,\n        padding: [4, 0, 0, 0],\n        width: undefined,\n      };\n    default:\n      return {\n        align: 'left' as const,\n        formatter: (value: string, i: number) => `{icon_${i}|}{label|${value}}`,\n        padding: [0, 0, 0, 4],\n        width: getYAxisLabelEffectiveWidth(labelsStyle, config),\n      };\n  }\n};\n\n/**\n * Builds an ECharts `axisLabel` config that renders a per-tick SVG icon next to the label text.\n *\n * The function merges Synergy defaults with caller overrides, colorizes each icon by replacing\n * `currentColor` in the provided SVG data URLs, and emits a rich-text configuration compatible\n * with ECharts axis label formatting.\n *\n * @param options - Fully resolved icon-label configuration, including chart config and position.\n * @returns An `axisLabel` object ready to be merged into an x-axis or y-axis config.\n */\nexport const buildAxisLabelConfigWithIcon = ({\n  config,\n  iconColor,\n  iconPosition,\n  iconsStyle,\n  iconUrls,\n  labelsStyle,\n}: AxisLabelIconsConfig): AxisLabel => {\n  const positionConfig = createPositionConfig(iconPosition, labelsStyle, config);\n\n  const mergedLabelsStyle = {\n    // ECharts rich labels do not inherit all text defaults from the global textStyle.\n    ...getDefaultAxisLabelStyle(),\n    padding: positionConfig.padding,\n    width: positionConfig.width,\n    ...(positionConfig.align ? { align: positionConfig.align } : {}),\n    ...labelsStyle,\n  };\n\n  const mergedIconsStyle = {\n    ...getDefaultAxisIconStyle(),\n    // We need to set both to \"align: 'left'\", the label style and the icon style. As otherwise the label does not apply the left alignment for some reason.\n    ...(positionConfig.align ? { align: positionConfig.align } : {}),\n    ...iconsStyle,\n  };\n\n  return {\n    formatter: positionConfig.formatter,\n    rich: {\n      label: mergedLabelsStyle,\n      ...Object.fromEntries(\n        iconUrls.flatMap((url, index) => {\n          // If the URL is null or undefined, skip creating a style for this icon and the formatter will render only the label for this index.\n          if (url == null) return [];\n\n          return [[\n            `icon_${index}`,\n            {\n              ...mergedIconsStyle,\n              backgroundColor: { image: colorSvgDataUrl(url, iconColor) },\n            },\n          ]];\n        }),\n      ),\n    },\n  };\n};\n\nconst getDefaultXAxisStyle = () => ({\n  'axisLabel.margin': getRealValueWithoutUnit('--syn-spacing-small'),\n  nameGap: 32,\n  nameLocation: 'center',\n});\n\nconst getDefaultYAxisStyle = () => ({\n  'axisLabel.margin': getRealValueWithoutUnit('--syn-spacing-medium'),\n  nameGap: getRealValueWithoutUnit('--syn-spacing-medium'),\n  'nameTextStyle.align': 'right',\n  'nameTextStyle.padding': [0, getRealValueWithoutUnit('--syn-spacing-medium'), 0, 0],\n});\n\n/**\n * Mutation helper to apply default styles to all entries of the specified axis key in the config.\n * This is used by the `applyAxisDefaultsPreprocessor` to set Synergy-specific defaults for x and y axes.\n * @param axisKey - The axis key to apply defaults for ('xAxis' or 'yAxis').\n * @param axisOption - The axis option object or array of objects to apply defaults to.\n */\nconst applyAxisDefaults = <T extends AxisKey>(axisKey: T, axisOption: ECConfig[T]) => {\n  if (!axisOption) return;\n  const axes = normalizeArray<ECConfig[T]>(axisOption);\n  const axisDefaults = axisKey === 'xAxis' ? getDefaultXAxisStyle() : getDefaultYAxisStyle();\n  axes.forEach((axis) => {\n    Object.entries(axisDefaults).forEach(([keyPath, value]) => {\n      setDefaultValueIfNotAvailable(axis as Record<string, unknown>, keyPath, value);\n    });\n  });\n};\n\n/**\n * Preprocessor to apply default styles to x and y axes based on the Synergy theme.\n * This is needed because ECharts does not provide a way to set specific styles for x and y axis, only for axis types.\n * If the user already provided specific styles for these properties, those will be respected and not overridden.\n *\n * @param option - The ECharts config option object that is being processed before rendering.\n */\nexport const applyAxisDefaultsPreprocessor = (option: ECConfig) => {\n  if (!option || (!option.xAxis && !option.yAxis)) return;\n\n  if (option.xAxis) {\n    applyAxisDefaults('xAxis', option.xAxis);\n  }\n  if (option.yAxis) {\n    applyAxisDefaults('yAxis', option.yAxis);\n  }\n};\n\n/**\n * Default styling for all axes.\n * This is done as function to ensure that the real style values are read at runtime and not at build time, which allows them to be dynamic based on the current theme.\n */\nexport const axisCommonStyles = () => ({\n  // This ensures that the number of ticks on multiple axes are the same\n  alignTicks: true,\n  axisLabel: {\n    color: getRealStyleValue('--syn-typography-color-text-quiet'),\n    fontFamily: getRealStyleValue('--syn-font-sans'),\n    fontSize: getRealStyleValue('--syn-font-size-x-small'),\n    fontWeight: getRealStyleValue('--syn-font-weight-normal'),\n  },\n  axisLine: {\n    lineStyle: {\n      color: getRealStyleValue('--syn-chart-grid-lines-color-emphasize'),\n      width: getRealValueWithoutUnit('--syn-border-width-medium'),\n    },\n    show: false,\n  },\n  minorSplitLine: {\n    lineStyle: {\n    },\n  },\n  nameTextStyle: {\n    color: getRealStyleValue('--syn-typography-color-text'),\n    fontSize: getRealStyleValue('--syn-font-size-small'),\n    fontWeight: getRealStyleValue('--syn-font-weight-bold'),\n  },\n  splitLine: {\n    lineStyle: {\n      color: getRealStyleValue('--syn-chart-grid-lines-color'),\n    },\n    show: false,\n  },\n});\n"],
+  "mappings": "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",
+  "names": []
+}